@laerdal/life-react-components 0.0.280-dev.6 → 0.0.280-dev.7

package/dist/esm/styles/typography.js

@@ -1,11 +1,11 @@
 import _pt from "prop-types";
 import React from 'react';
+import styled, { css } from 'styled-components';
 import { COLORS } from '.';
-import styled from 'styled-components';
 const TYPOGRAPHY = {
   fontFamily: 'Lato, sans-serif'
 };
-const TypographyBase = styled("div")(({
+const TypographyBase = styled('div')(({
   color,
   lineHeight,
   fontSize,
@@ -75,16 +75,50 @@ const HeadlineXXS = styled(HeadlineBase)(({
   lineHeight: '24px',
   color: color
 }));
-const ParagraphBase = styled(TypographyBase)(({
-  color,
-  lineHeight,
-  fontSize
-}) => ({
-  fontSize: fontSize,
-  fontWeight: 400,
-  lineHeight: lineHeight,
-  color: color
-}));
+const ParagraphStyling = css`
+  :lang(ja-jp) > h1,
+  h2,
+  h3,
+  h4,
+  p,
+  span {
+    max-width: 30em;
+  }
+  :lang(ko-kr) > h1,
+  h2,
+  h3,
+  h4,
+  p,
+  span {
+    max-width: 30em;
+  }
+  :lang(zh-CN) > h1,
+  h2,
+  h3,
+  h4,
+  p,
+  span {
+    max-width: 30em;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  p,
+  span {
+    max-width: 34em;
+  }
+`;
+const ParagraphBase = styled(TypographyBase)`
+  p {
+    margin-block-start: 0;
+    margin-block-end: 0;
+  }
+  p:not(:only-of-type) {
+    margin-bottom: ${props => props.marginBetweenParagraphs || '0'};
+  }
+  ${ParagraphStyling}
+`;
 var ParagraphTextStyle;
 
 (function (ParagraphTextStyle) {
@@ -122,13 +156,14 @@ const ParagraphXL = ({
   let fontWeight = paragraphFontWeight(textStyle);
   let fontStyle = paragraphFontStyle(textStyle);
   let textDecorationLine = paragraphTextDecorationLine(textStyle);
-  return /*#__PURE__*/React.createElement(TypographyBase, {
+  return /*#__PURE__*/React.createElement(ParagraphBase, {
     color: color,
     lineHeight: 36,
     fontSize: 24,
     fontWeight: fontWeight,
     fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine
+    textDecorationLine: textDecorationLine,
+    marginBetweenParagraphs: "18px"
   }, children);
 };
 
@@ -145,13 +180,14 @@ const ParagraphL = ({
   let fontWeight = paragraphFontWeight(textStyle);
   let fontStyle = paragraphFontStyle(textStyle);
   let textDecorationLine = paragraphTextDecorationLine(textStyle);
-  return /*#__PURE__*/React.createElement(TypographyBase, {
+  return /*#__PURE__*/React.createElement(ParagraphBase, {
     color: color,
     lineHeight: 32,
     fontSize: 20,
     fontWeight: fontWeight,
     fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine
+    textDecorationLine: textDecorationLine,
+    marginBetweenParagraphs: "16px"
   }, children);
 };
 
@@ -168,13 +204,14 @@ const ParagraphM = ({
   let fontWeight = paragraphFontWeight(textStyle);
   let fontStyle = paragraphFontStyle(textStyle);
   let textDecorationLine = paragraphTextDecorationLine(textStyle);
-  return /*#__PURE__*/React.createElement(TypographyBase, {
+  return /*#__PURE__*/React.createElement(ParagraphBase, {
     color: color,
     lineHeight: 28,
     fontSize: 18,
     fontWeight: fontWeight,
     fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine
+    textDecorationLine: textDecorationLine,
+    marginBetweenParagraphs: "14px"
   }, children);
 };
 
@@ -191,13 +228,14 @@ const ParagraphS = ({
   let fontWeight = paragraphFontWeight(textStyle);
   let fontStyle = paragraphFontStyle(textStyle);
   let textDecorationLine = paragraphTextDecorationLine(textStyle);
-  return /*#__PURE__*/React.createElement(TypographyBase, {
+  return /*#__PURE__*/React.createElement(ParagraphBase, {
     color: color,
     lineHeight: 24,
     fontSize: 16,
     fontWeight: fontWeight,
     fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine
+    textDecorationLine: textDecorationLine,
+    marginBetweenParagraphs: "12px"
   }, children);
 };
 
@@ -214,13 +252,14 @@ const ParagraphXS = ({
   let fontWeight = paragraphFontWeight(textStyle);
   let fontStyle = paragraphFontStyle(textStyle);
   let textDecorationLine = paragraphTextDecorationLine(textStyle);
-  return /*#__PURE__*/React.createElement(TypographyBase, {
+  return /*#__PURE__*/React.createElement(ParagraphBase, {
     color: color,
     lineHeight: 20,
     fontSize: 14,
     fontWeight: fontWeight,
     fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine
+    textDecorationLine: textDecorationLine,
+    marginBetweenParagraphs: "10px"
   }, children);
 };
 

package/dist/esm/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["React","COLORS","styled","TYPOGRAPHY","fontFamily","TypographyBase","color","lineHeight","fontSize","fontWeight","fontStyle","textTransform","textDecorationLine","black","HeadlineBase","HeadlineXL","HeadlineL","HeadlineM","HeadlineS","HeadlineXS","HeadlineXXS","ParagraphBase","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphXL","children","ParagraphL","ParagraphM","ParagraphS","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentXL","ComponentL","ComponentM","ComponentS","ComponentXS","ComponentXXS"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\nimport { COLORS } from '.';\nimport styled from 'styled-components';\nimport {Property} from 'csstype'\n\nconst TYPOGRAPHY = {\n  fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n  color?: string,\n  lineHeight: number,\n  fontSize: number,\n  fontWeight: number,\n  fontStyle?: string,\n  textTransform?: Property.TextTransform\n  textDecorationLine?: Property.TextDecorationLine\n}\n\nconst TypographyBase = styled(\"div\")<ITypographyBase>(({color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine}) => ({ \n  fontFamily: TYPOGRAPHY.fontFamily,\n  fontSize: fontSize,\n  fontWeight: fontWeight,\n  lineHeight: lineHeight + 'px',\n  textTransform: (textTransform? textTransform : 'none'),\n  textDecorationLine: (textDecorationLine? textDecorationLine : 'none'),\n  fontStyle: (fontStyle ? fontStyle : 'normal'),\n  color: (color ? color : COLORS.black)\n}));\n\n\ninterface IHeadline {\n  color?: string\n}\n\ninterface IHeadlineBase {\n  color?: string,\n  lineHeight: number,\n  fontSize: number\n}\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({color, lineHeight, fontSize}) => ({ \n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: color\n}));\n\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '48px',\n  lineHeight: '64px',\n  color: color\n}));\n\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '40px',\n  lineHeight: '52px',\n  color: color\n}));\n\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '32px',\n  lineHeight: '40px',\n  color: color\n}));\n\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '28px',\n  lineHeight: '36px',\n  color: color\n}));\n\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '24px',\n  lineHeight: '32px',\n  color: color\n}));\n\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '20px',\n  lineHeight: '24px',\n  color: color\n}));\n\ninterface IParagraphBase {\n  color?: string,\n  lineHeight: number,\n  fontSize: number\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>(({color, lineHeight, fontSize}) => ({ \n  fontSize: fontSize,\n  fontWeight: 400,\n  lineHeight: lineHeight,\n  color: color\n}));\n\ninterface IParagraph {\n  color?: string\n}\n\nenum ParagraphTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  Underline\n}\n\n\ntype ParagraphProps = {\n  color?: string, \n  textStyle?: ParagraphTextStyle\n};\n\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = (textStyle && textStyle === ParagraphTextStyle.Italic) ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle) : Property.TextDecorationLine => {\n  let textDecoration : Property.TextDecorationLine = (textStyle && textStyle === ParagraphTextStyle.Underline) ? 'underline' : 'none';\n  return textDecoration;\n};\n\n\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold\n}\n\ntype ComponentProps = {\n  color?: string, \n  textStyle?: ComponentTextStyle\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = (textStyle && textStyle === ComponentTextStyle.Italic) ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle) : Property.TextTransform => {\n  let fontStyle : Property.TextTransform = (textStyle && textStyle === ComponentTextStyle.UppercaseBold) ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentXL: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={28} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentL: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={24} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentM: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={24} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentS: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={20} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentXS: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={16} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentXXS: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={16} fontSize={12} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform} >\n      {children}\n    </TypographyBase>\n  )\n};\n\n\nexport {TYPOGRAPHY}\nexport {HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS}\nexport {ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS}\nexport {ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS}"],"file":"typography.js"}
+{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["React","styled","css","COLORS","TYPOGRAPHY","fontFamily","TypographyBase","color","lineHeight","fontSize","fontWeight","fontStyle","textTransform","textDecorationLine","black","HeadlineBase","HeadlineXL","HeadlineL","HeadlineM","HeadlineS","HeadlineXS","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphXL","children","ParagraphL","ParagraphM","ParagraphS","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentXL","ComponentL","ComponentM","ComponentS","ComponentXS","ComponentXXS"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\n\nconst TYPOGRAPHY = {\n  fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n  fontWeight: number;\n  fontStyle?: string;\n  textTransform?: Property.TextTransform;\n  textDecorationLine?: Property.TextDecorationLine;\n}\n\nconst TypographyBase = styled('div')<ITypographyBase>(({ color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine }) => ({\n  fontFamily: TYPOGRAPHY.fontFamily,\n  fontSize: fontSize,\n  fontWeight: fontWeight,\n  lineHeight: lineHeight + 'px',\n  textTransform: textTransform ? textTransform : 'none',\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n  fontStyle: fontStyle ? fontStyle : 'normal',\n  color: color ? color : COLORS.black,\n}));\n\ninterface IHeadline {\n  color?: string;\n}\n\ninterface IHeadlineBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n}\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ color, lineHeight, fontSize }) => ({\n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: color,\n}));\n\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '48px',\n  lineHeight: '64px',\n  color: color,\n}));\n\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '40px',\n  lineHeight: '52px',\n  color: color,\n}));\n\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '32px',\n  lineHeight: '40px',\n  color: color,\n}));\n\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '28px',\n  lineHeight: '36px',\n  color: color,\n}));\n\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '24px',\n  lineHeight: '32px',\n  color: color,\n}));\n\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '20px',\n  lineHeight: '24px',\n  color: color,\n}));\n\nconst ParagraphStyling = css`\n  :lang(ja-jp) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(ko-kr) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(zh-CN) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 34em;\n  }\n`;\n\ninterface IParagraphBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n  marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n  p {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n  p:not(:only-of-type) {\n    margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n  }\n  ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n  color?: string;\n}\n\nenum ParagraphTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  Underline,\n}\n\ntype ParagraphProps = {\n  color?: string;\n  textStyle?: ParagraphTextStyle;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n  let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n  return textDecoration;\n};\n\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"18px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"16px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"14px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"12px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"10px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold,\n}\n\ntype ComponentProps = {\n  color?: string;\n  textStyle?: ComponentTextStyle;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentXL: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={28} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentL: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={24} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentM: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={24} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={20} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={16} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={16} fontSize={12} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nexport { TYPOGRAPHY };\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS };\n"],"file":"typography.js"}

package/dist/js/styles/typography.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,17 +11,25 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _ = require(".");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject, _templateObject2;
+
+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; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 var TYPOGRAPHY = {
   fontFamily: 'Lato, sans-serif'
 };
 exports.TYPOGRAPHY = TYPOGRAPHY;
-var TypographyBase = (0, _styledComponents.default)("div")(function (_ref) {
+var TypographyBase = (0, _styledComponents.default)('div')(function (_ref) {
   var color = _ref.color,
       lineHeight = _ref.lineHeight,
       fontSize = _ref.fontSize,
@@ -103,17 +113,10 @@ var HeadlineXXS = (0, _styledComponents.default)(HeadlineBase)(function (_ref8)
   };
 });
 exports.HeadlineXXS = HeadlineXXS;
-var ParagraphBase = (0, _styledComponents.default)(TypographyBase)(function (_ref9) {
-  var color = _ref9.color,
-      lineHeight = _ref9.lineHeight,
-      fontSize = _ref9.fontSize;
-  return {
-    fontSize: fontSize,
-    fontWeight: 400,
-    lineHeight: lineHeight,
-    color: color
-  };
-});
+var ParagraphStyling = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  :lang(ja-jp) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(ko-kr) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(zh-CN) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 34em;\n  }\n"])));
+var ParagraphBase = (0, _styledComponents.default)(TypographyBase)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  p {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n  p:not(:only-of-type) {\n    margin-bottom: ", ";\n  }\n  ", "\n"])), function (props) {
+  return props.marginBetweenParagraphs || '0';
+}, ParagraphStyling);
 var ParagraphTextStyle;
 exports.ParagraphTextStyle = ParagraphTextStyle;
 
@@ -144,20 +147,21 @@ var paragraphTextDecorationLine = function paragraphTextDecorationLine(textStyle
   return textDecoration;
 };
 
-var ParagraphXL = function ParagraphXL(_ref10) {
-  var color = _ref10.color,
-      textStyle = _ref10.textStyle,
-      children = _ref10.children;
+var ParagraphXL = function ParagraphXL(_ref9) {
+  var color = _ref9.color,
+      textStyle = _ref9.textStyle,
+      children = _ref9.children;
   var fontWeight = paragraphFontWeight(textStyle);
   var fontStyle = paragraphFontStyle(textStyle);
   var textDecorationLine = paragraphTextDecorationLine(textStyle);
-  return /*#__PURE__*/_react.default.createElement(TypographyBase, {
+  return /*#__PURE__*/_react.default.createElement(ParagraphBase, {
     color: color,
     lineHeight: 36,
     fontSize: 24,
     fontWeight: fontWeight,
     fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine
+    textDecorationLine: textDecorationLine,
+    marginBetweenParagraphs: "18px"
   }, children);
 };
 
@@ -167,20 +171,21 @@ ParagraphXL.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
 };
 
-var ParagraphL = function ParagraphL(_ref11) {
-  var color = _ref11.color,
-      textStyle = _ref11.textStyle,
-      children = _ref11.children;
+var ParagraphL = function ParagraphL(_ref10) {
+  var color = _ref10.color,
+      textStyle = _ref10.textStyle,
+      children = _ref10.children;
   var fontWeight = paragraphFontWeight(textStyle);
   var fontStyle = paragraphFontStyle(textStyle);
   var textDecorationLine = paragraphTextDecorationLine(textStyle);
-  return /*#__PURE__*/_react.default.createElement(TypographyBase, {
+  return /*#__PURE__*/_react.default.createElement(ParagraphBase, {
     color: color,
     lineHeight: 32,
     fontSize: 20,
     fontWeight: fontWeight,
     fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine
+    textDecorationLine: textDecorationLine,
+    marginBetweenParagraphs: "16px"
   }, children);
 };
 
@@ -190,20 +195,21 @@ ParagraphL.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
 };
 
-var ParagraphM = function ParagraphM(_ref12) {
-  var color = _ref12.color,
-      textStyle = _ref12.textStyle,
-      children = _ref12.children;
+var ParagraphM = function ParagraphM(_ref11) {
+  var color = _ref11.color,
+      textStyle = _ref11.textStyle,
+      children = _ref11.children;
   var fontWeight = paragraphFontWeight(textStyle);
   var fontStyle = paragraphFontStyle(textStyle);
   var textDecorationLine = paragraphTextDecorationLine(textStyle);
-  return /*#__PURE__*/_react.default.createElement(TypographyBase, {
+  return /*#__PURE__*/_react.default.createElement(ParagraphBase, {
     color: color,
     lineHeight: 28,
     fontSize: 18,
     fontWeight: fontWeight,
     fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine
+    textDecorationLine: textDecorationLine,
+    marginBetweenParagraphs: "14px"
   }, children);
 };
 
@@ -213,20 +219,21 @@ ParagraphM.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
 };
 
-var ParagraphS = function ParagraphS(_ref13) {
-  var color = _ref13.color,
-      textStyle = _ref13.textStyle,
-      children = _ref13.children;
+var ParagraphS = function ParagraphS(_ref12) {
+  var color = _ref12.color,
+      textStyle = _ref12.textStyle,
+      children = _ref12.children;
   var fontWeight = paragraphFontWeight(textStyle);
   var fontStyle = paragraphFontStyle(textStyle);
   var textDecorationLine = paragraphTextDecorationLine(textStyle);
-  return /*#__PURE__*/_react.default.createElement(TypographyBase, {
+  return /*#__PURE__*/_react.default.createElement(ParagraphBase, {
     color: color,
     lineHeight: 24,
     fontSize: 16,
     fontWeight: fontWeight,
     fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine
+    textDecorationLine: textDecorationLine,
+    marginBetweenParagraphs: "12px"
   }, children);
 };
 
@@ -236,20 +243,21 @@ ParagraphS.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
 };
 
-var ParagraphXS = function ParagraphXS(_ref14) {
-  var color = _ref14.color,
-      textStyle = _ref14.textStyle,
-      children = _ref14.children;
+var ParagraphXS = function ParagraphXS(_ref13) {
+  var color = _ref13.color,
+      textStyle = _ref13.textStyle,
+      children = _ref13.children;
   var fontWeight = paragraphFontWeight(textStyle);
   var fontStyle = paragraphFontStyle(textStyle);
   var textDecorationLine = paragraphTextDecorationLine(textStyle);
-  return /*#__PURE__*/_react.default.createElement(TypographyBase, {
+  return /*#__PURE__*/_react.default.createElement(ParagraphBase, {
     color: color,
     lineHeight: 20,
     fontSize: 14,
     fontWeight: fontWeight,
     fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine
+    textDecorationLine: textDecorationLine,
+    marginBetweenParagraphs: "10px"
   }, children);
 };
 
@@ -288,10 +296,10 @@ var componentTextTransformation = function componentTextTransformation(textStyle
   return fontStyle;
 };
 
-var ComponentXL = function ComponentXL(_ref15) {
-  var color = _ref15.color,
-      textStyle = _ref15.textStyle,
-      children = _ref15.children;
+var ComponentXL = function ComponentXL(_ref14) {
+  var color = _ref14.color,
+      textStyle = _ref14.textStyle,
+      children = _ref14.children;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_react.default.createElement(TypographyBase, {
@@ -309,10 +317,10 @@ ComponentXL.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
 };
 
-var ComponentL = function ComponentL(_ref16) {
-  var color = _ref16.color,
-      textStyle = _ref16.textStyle,
-      children = _ref16.children;
+var ComponentL = function ComponentL(_ref15) {
+  var color = _ref15.color,
+      textStyle = _ref15.textStyle,
+      children = _ref15.children;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_react.default.createElement(TypographyBase, {
@@ -330,10 +338,10 @@ ComponentL.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
 };
 
-var ComponentM = function ComponentM(_ref17) {
-  var color = _ref17.color,
-      textStyle = _ref17.textStyle,
-      children = _ref17.children;
+var ComponentM = function ComponentM(_ref16) {
+  var color = _ref16.color,
+      textStyle = _ref16.textStyle,
+      children = _ref16.children;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_react.default.createElement(TypographyBase, {
@@ -351,10 +359,10 @@ ComponentM.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
 };
 
-var ComponentS = function ComponentS(_ref18) {
-  var color = _ref18.color,
-      textStyle = _ref18.textStyle,
-      children = _ref18.children;
+var ComponentS = function ComponentS(_ref17) {
+  var color = _ref17.color,
+      textStyle = _ref17.textStyle,
+      children = _ref17.children;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_react.default.createElement(TypographyBase, {
@@ -372,10 +380,10 @@ ComponentS.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
 };
 
-var ComponentXS = function ComponentXS(_ref19) {
-  var color = _ref19.color,
-      textStyle = _ref19.textStyle,
-      children = _ref19.children;
+var ComponentXS = function ComponentXS(_ref18) {
+  var color = _ref18.color,
+      textStyle = _ref18.textStyle,
+      children = _ref18.children;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
@@ -395,10 +403,10 @@ ComponentXS.propTypes = {
   textStyle: _propTypes.default.oneOf([1, 2, 3, 4])
 };
 
-var ComponentXXS = function ComponentXXS(_ref20) {
-  var color = _ref20.color,
-      textStyle = _ref20.textStyle,
-      children = _ref20.children;
+var ComponentXXS = function ComponentXXS(_ref19) {
+  var color = _ref19.color,
+      textStyle = _ref19.textStyle,
+      children = _ref19.children;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);

package/dist/js/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["TYPOGRAPHY","fontFamily","TypographyBase","color","lineHeight","fontSize","fontWeight","fontStyle","textTransform","textDecorationLine","COLORS","black","HeadlineBase","HeadlineXL","HeadlineL","HeadlineM","HeadlineS","HeadlineXS","HeadlineXXS","ParagraphBase","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphXL","children","ParagraphL","ParagraphM","ParagraphS","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentXL","ComponentL","ComponentM","ComponentS","ComponentXS","ComponentXXS"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\nimport { COLORS } from '.';\nimport styled from 'styled-components';\nimport {Property} from 'csstype'\n\nconst TYPOGRAPHY = {\n  fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n  color?: string,\n  lineHeight: number,\n  fontSize: number,\n  fontWeight: number,\n  fontStyle?: string,\n  textTransform?: Property.TextTransform\n  textDecorationLine?: Property.TextDecorationLine\n}\n\nconst TypographyBase = styled(\"div\")<ITypographyBase>(({color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine}) => ({ \n  fontFamily: TYPOGRAPHY.fontFamily,\n  fontSize: fontSize,\n  fontWeight: fontWeight,\n  lineHeight: lineHeight + 'px',\n  textTransform: (textTransform? textTransform : 'none'),\n  textDecorationLine: (textDecorationLine? textDecorationLine : 'none'),\n  fontStyle: (fontStyle ? fontStyle : 'normal'),\n  color: (color ? color : COLORS.black)\n}));\n\n\ninterface IHeadline {\n  color?: string\n}\n\ninterface IHeadlineBase {\n  color?: string,\n  lineHeight: number,\n  fontSize: number\n}\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({color, lineHeight, fontSize}) => ({ \n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: color\n}));\n\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '48px',\n  lineHeight: '64px',\n  color: color\n}));\n\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '40px',\n  lineHeight: '52px',\n  color: color\n}));\n\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '32px',\n  lineHeight: '40px',\n  color: color\n}));\n\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '28px',\n  lineHeight: '36px',\n  color: color\n}));\n\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '24px',\n  lineHeight: '32px',\n  color: color\n}));\n\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '20px',\n  lineHeight: '24px',\n  color: color\n}));\n\ninterface IParagraphBase {\n  color?: string,\n  lineHeight: number,\n  fontSize: number\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>(({color, lineHeight, fontSize}) => ({ \n  fontSize: fontSize,\n  fontWeight: 400,\n  lineHeight: lineHeight,\n  color: color\n}));\n\ninterface IParagraph {\n  color?: string\n}\n\nenum ParagraphTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  Underline\n}\n\n\ntype ParagraphProps = {\n  color?: string, \n  textStyle?: ParagraphTextStyle\n};\n\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = (textStyle && textStyle === ParagraphTextStyle.Italic) ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle) : Property.TextDecorationLine => {\n  let textDecoration : Property.TextDecorationLine = (textStyle && textStyle === ParagraphTextStyle.Underline) ? 'underline' : 'none';\n  return textDecoration;\n};\n\n\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold\n}\n\ntype ComponentProps = {\n  color?: string, \n  textStyle?: ComponentTextStyle\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = (textStyle && textStyle === ComponentTextStyle.Italic) ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle) : Property.TextTransform => {\n  let fontStyle : Property.TextTransform = (textStyle && textStyle === ComponentTextStyle.UppercaseBold) ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentXL: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={28} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentL: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={24} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentM: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={24} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentS: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={20} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentXS: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={16} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentXXS: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={16} fontSize={12} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform} >\n      {children}\n    </TypographyBase>\n  )\n};\n\n\nexport {TYPOGRAPHY}\nexport {HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS}\nexport {ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS}\nexport {ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS}"],"file":"typography.js"}
+{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["TYPOGRAPHY","fontFamily","TypographyBase","color","lineHeight","fontSize","fontWeight","fontStyle","textTransform","textDecorationLine","COLORS","black","HeadlineBase","HeadlineXL","HeadlineL","HeadlineM","HeadlineS","HeadlineXS","HeadlineXXS","ParagraphStyling","css","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphXL","children","ParagraphL","ParagraphM","ParagraphS","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentXL","ComponentL","ComponentM","ComponentS","ComponentXS","ComponentXXS"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\n\nconst TYPOGRAPHY = {\n  fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n  fontWeight: number;\n  fontStyle?: string;\n  textTransform?: Property.TextTransform;\n  textDecorationLine?: Property.TextDecorationLine;\n}\n\nconst TypographyBase = styled('div')<ITypographyBase>(({ color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine }) => ({\n  fontFamily: TYPOGRAPHY.fontFamily,\n  fontSize: fontSize,\n  fontWeight: fontWeight,\n  lineHeight: lineHeight + 'px',\n  textTransform: textTransform ? textTransform : 'none',\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n  fontStyle: fontStyle ? fontStyle : 'normal',\n  color: color ? color : COLORS.black,\n}));\n\ninterface IHeadline {\n  color?: string;\n}\n\ninterface IHeadlineBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n}\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ color, lineHeight, fontSize }) => ({\n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: color,\n}));\n\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '48px',\n  lineHeight: '64px',\n  color: color,\n}));\n\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '40px',\n  lineHeight: '52px',\n  color: color,\n}));\n\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '32px',\n  lineHeight: '40px',\n  color: color,\n}));\n\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '28px',\n  lineHeight: '36px',\n  color: color,\n}));\n\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '24px',\n  lineHeight: '32px',\n  color: color,\n}));\n\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '20px',\n  lineHeight: '24px',\n  color: color,\n}));\n\nconst ParagraphStyling = css`\n  :lang(ja-jp) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(ko-kr) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(zh-CN) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 34em;\n  }\n`;\n\ninterface IParagraphBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n  marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n  p {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n  p:not(:only-of-type) {\n    margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n  }\n  ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n  color?: string;\n}\n\nenum ParagraphTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  Underline,\n}\n\ntype ParagraphProps = {\n  color?: string;\n  textStyle?: ParagraphTextStyle;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n  let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n  return textDecoration;\n};\n\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"18px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"16px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"14px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"12px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"10px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold,\n}\n\ntype ComponentProps = {\n  color?: string;\n  textStyle?: ComponentTextStyle;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentXL: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={28} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentL: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={24} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentM: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={24} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={20} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={16} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={16} fontSize={12} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nexport { TYPOGRAPHY };\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS };\n"],"file":"typography.js"}

package/dist/umd/styles/typography.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "prop-types", "react", ".", "styled-components"], factory);
+    define(["exports", "prop-types", "react", "styled-components", "."], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("prop-types"), require("react"), require("."), require("styled-components"));
+    factory(exports, require("prop-types"), require("react"), require("styled-components"), require("."));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.propTypes, global.react, global._, global.styledComponents);
+    factory(mod.exports, global.propTypes, global.react, global.styledComponents, global._);
     global.undefined = mod.exports;
   }
-})(this, function (exports, _propTypes, _react, _, _styledComponents) {
+})(this, function (exports, _propTypes, _react, _styledComponents, _) {
   "use strict";
 
   Object.defineProperty(exports, "__esModule", {
@@ -33,7 +33,7 @@
   const TYPOGRAPHY = {
     fontFamily: 'Lato, sans-serif'
   };
-  const TypographyBase = (0, _styledComponents2.default)("div")(({
+  const TypographyBase = (0, _styledComponents2.default)('div')(({
     color,
     lineHeight,
     fontSize,
@@ -103,16 +103,50 @@
     lineHeight: '24px',
     color: color
   }));
-  const ParagraphBase = (0, _styledComponents2.default)(TypographyBase)(({
-    color,
-    lineHeight,
-    fontSize
-  }) => ({
-    fontSize: fontSize,
-    fontWeight: 400,
-    lineHeight: lineHeight,
-    color: color
-  }));
+  const ParagraphStyling = _styledComponents.css`
+  :lang(ja-jp) > h1,
+  h2,
+  h3,
+  h4,
+  p,
+  span {
+    max-width: 30em;
+  }
+  :lang(ko-kr) > h1,
+  h2,
+  h3,
+  h4,
+  p,
+  span {
+    max-width: 30em;
+  }
+  :lang(zh-CN) > h1,
+  h2,
+  h3,
+  h4,
+  p,
+  span {
+    max-width: 30em;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  p,
+  span {
+    max-width: 34em;
+  }
+`;
+  const ParagraphBase = (0, _styledComponents2.default)(TypographyBase)`
+  p {
+    margin-block-start: 0;
+    margin-block-end: 0;
+  }
+  p:not(:only-of-type) {
+    margin-bottom: ${props => props.marginBetweenParagraphs || '0'};
+  }
+  ${ParagraphStyling}
+`;
   var ParagraphTextStyle;
 
   (function (ParagraphTextStyle) {
@@ -150,13 +184,14 @@
     let fontWeight = paragraphFontWeight(textStyle);
     let fontStyle = paragraphFontStyle(textStyle);
     let textDecorationLine = paragraphTextDecorationLine(textStyle);
-    return /*#__PURE__*/_react2.default.createElement(TypographyBase, {
+    return /*#__PURE__*/_react2.default.createElement(ParagraphBase, {
       color: color,
       lineHeight: 36,
       fontSize: 24,
       fontWeight: fontWeight,
       fontStyle: fontStyle,
-      textDecorationLine: textDecorationLine
+      textDecorationLine: textDecorationLine,
+      marginBetweenParagraphs: "18px"
     }, children);
   };
 
@@ -173,13 +208,14 @@
     let fontWeight = paragraphFontWeight(textStyle);
     let fontStyle = paragraphFontStyle(textStyle);
     let textDecorationLine = paragraphTextDecorationLine(textStyle);
-    return /*#__PURE__*/_react2.default.createElement(TypographyBase, {
+    return /*#__PURE__*/_react2.default.createElement(ParagraphBase, {
       color: color,
       lineHeight: 32,
       fontSize: 20,
       fontWeight: fontWeight,
       fontStyle: fontStyle,
-      textDecorationLine: textDecorationLine
+      textDecorationLine: textDecorationLine,
+      marginBetweenParagraphs: "16px"
     }, children);
   };
 
@@ -196,13 +232,14 @@
     let fontWeight = paragraphFontWeight(textStyle);
     let fontStyle = paragraphFontStyle(textStyle);
     let textDecorationLine = paragraphTextDecorationLine(textStyle);
-    return /*#__PURE__*/_react2.default.createElement(TypographyBase, {
+    return /*#__PURE__*/_react2.default.createElement(ParagraphBase, {
       color: color,
       lineHeight: 28,
       fontSize: 18,
       fontWeight: fontWeight,
       fontStyle: fontStyle,
-      textDecorationLine: textDecorationLine
+      textDecorationLine: textDecorationLine,
+      marginBetweenParagraphs: "14px"
     }, children);
   };
 
@@ -219,13 +256,14 @@
     let fontWeight = paragraphFontWeight(textStyle);
     let fontStyle = paragraphFontStyle(textStyle);
     let textDecorationLine = paragraphTextDecorationLine(textStyle);
-    return /*#__PURE__*/_react2.default.createElement(TypographyBase, {
+    return /*#__PURE__*/_react2.default.createElement(ParagraphBase, {
       color: color,
       lineHeight: 24,
       fontSize: 16,
       fontWeight: fontWeight,
       fontStyle: fontStyle,
-      textDecorationLine: textDecorationLine
+      textDecorationLine: textDecorationLine,
+      marginBetweenParagraphs: "12px"
     }, children);
   };
 
@@ -242,13 +280,14 @@
     let fontWeight = paragraphFontWeight(textStyle);
     let fontStyle = paragraphFontStyle(textStyle);
     let textDecorationLine = paragraphTextDecorationLine(textStyle);
-    return /*#__PURE__*/_react2.default.createElement(TypographyBase, {
+    return /*#__PURE__*/_react2.default.createElement(ParagraphBase, {
       color: color,
       lineHeight: 20,
       fontSize: 14,
       fontWeight: fontWeight,
       fontStyle: fontStyle,
-      textDecorationLine: textDecorationLine
+      textDecorationLine: textDecorationLine,
+      marginBetweenParagraphs: "10px"
     }, children);
   };
 

package/dist/umd/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["TYPOGRAPHY","fontFamily","TypographyBase","textDecorationLine","fontSize","fontWeight","lineHeight","textTransform","fontStyle","color","COLORS","black","HeadlineBase","HeadlineXL","HeadlineL","HeadlineM","HeadlineS","HeadlineXS","HeadlineXXS","ParagraphBase","ParagraphTextStyle","textStyle","paragraphFontWeight","paragraphFontStyle","paragraphTextDecorationLine","textDecoration","ParagraphXL","children","ParagraphL","ParagraphM","ParagraphS","ParagraphXS","ComponentTextStyle","componentFontWeight","componentFontStyle","componentTextTransformation","ComponentXL","ComponentL","ComponentM","ComponentS","ComponentXS","ComponentXXS"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\nimport { COLORS } from '.';\nimport styled from 'styled-components';\nimport {Property} from 'csstype'\n\nconst TYPOGRAPHY = {\n  fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n  color?: string,\n  lineHeight: number,\n  fontSize: number,\n  fontWeight: number,\n  fontStyle?: string,\n  textTransform?: Property.TextTransform\n  textDecorationLine?: Property.TextDecorationLine\n}\n\nconst TypographyBase = styled(\"div\")<ITypographyBase>(({color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine}) => ({ \n  fontFamily: TYPOGRAPHY.fontFamily,\n  fontSize: fontSize,\n  fontWeight: fontWeight,\n  lineHeight: lineHeight + 'px',\n  textTransform: (textTransform? textTransform : 'none'),\n  textDecorationLine: (textDecorationLine? textDecorationLine : 'none'),\n  fontStyle: (fontStyle ? fontStyle : 'normal'),\n  color: (color ? color : COLORS.black)\n}));\n\n\ninterface IHeadline {\n  color?: string\n}\n\ninterface IHeadlineBase {\n  color?: string,\n  lineHeight: number,\n  fontSize: number\n}\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({color, lineHeight, fontSize}) => ({ \n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: color\n}));\n\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '48px',\n  lineHeight: '64px',\n  color: color\n}));\n\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '40px',\n  lineHeight: '52px',\n  color: color\n}));\n\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '32px',\n  lineHeight: '40px',\n  color: color\n}));\n\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '28px',\n  lineHeight: '36px',\n  color: color\n}));\n\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '24px',\n  lineHeight: '32px',\n  color: color\n}));\n\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({color}) => ({ \n  fontSize: '20px',\n  lineHeight: '24px',\n  color: color\n}));\n\ninterface IParagraphBase {\n  color?: string,\n  lineHeight: number,\n  fontSize: number\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>(({color, lineHeight, fontSize}) => ({ \n  fontSize: fontSize,\n  fontWeight: 400,\n  lineHeight: lineHeight,\n  color: color\n}));\n\ninterface IParagraph {\n  color?: string\n}\n\nenum ParagraphTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  Underline\n}\n\n\ntype ParagraphProps = {\n  color?: string, \n  textStyle?: ParagraphTextStyle\n};\n\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = (textStyle && textStyle === ParagraphTextStyle.Italic) ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle) : Property.TextDecorationLine => {\n  let textDecoration : Property.TextDecorationLine = (textStyle && textStyle === ParagraphTextStyle.Underline) ? 'underline' : 'none';\n  return textDecoration;\n};\n\n\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({color, textStyle, children}) => {  \n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine}>\n      {children}\n    </TypographyBase>\n  )\n};\n\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold\n}\n\ntype ComponentProps = {\n  color?: string, \n  textStyle?: ComponentTextStyle\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = (textStyle && textStyle === ComponentTextStyle.Italic) ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle) : Property.TextTransform => {\n  let fontStyle : Property.TextTransform = (textStyle && textStyle === ComponentTextStyle.UppercaseBold) ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentXL: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={28} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentL: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={24} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentM: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={24} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentS: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={20} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} >\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentXS: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={16} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  )\n};\n\nconst ComponentXXS: FunctionComponent<ComponentProps> = ({color, textStyle, children}) => {  \n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color= {color} lineHeight={16} fontSize={12} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform} >\n      {children}\n    </TypographyBase>\n  )\n};\n\n\nexport {TYPOGRAPHY}\nexport {HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS}\nexport {ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS}\nexport {ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS}"],"file":"typography.js"}
+{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["TYPOGRAPHY","fontFamily","TypographyBase","textDecorationLine","fontSize","fontWeight","lineHeight","textTransform","fontStyle","color","COLORS","black","HeadlineBase","HeadlineXL","HeadlineL","HeadlineM","HeadlineS","HeadlineXS","HeadlineXXS","ParagraphStyling","css","ParagraphBase","styled","props","ParagraphTextStyle","textStyle","paragraphFontWeight","paragraphFontStyle","paragraphTextDecorationLine","textDecoration","ParagraphXL","children","ParagraphL","ParagraphM","ParagraphS","ParagraphXS","ComponentTextStyle","componentFontWeight","componentFontStyle","componentTextTransformation","ComponentXL","ComponentL","ComponentM","ComponentS","ComponentXS","ComponentXXS"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\n\nconst TYPOGRAPHY = {\n  fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n  fontWeight: number;\n  fontStyle?: string;\n  textTransform?: Property.TextTransform;\n  textDecorationLine?: Property.TextDecorationLine;\n}\n\nconst TypographyBase = styled('div')<ITypographyBase>(({ color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine }) => ({\n  fontFamily: TYPOGRAPHY.fontFamily,\n  fontSize: fontSize,\n  fontWeight: fontWeight,\n  lineHeight: lineHeight + 'px',\n  textTransform: textTransform ? textTransform : 'none',\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n  fontStyle: fontStyle ? fontStyle : 'normal',\n  color: color ? color : COLORS.black,\n}));\n\ninterface IHeadline {\n  color?: string;\n}\n\ninterface IHeadlineBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n}\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ color, lineHeight, fontSize }) => ({\n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: color,\n}));\n\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '48px',\n  lineHeight: '64px',\n  color: color,\n}));\n\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '40px',\n  lineHeight: '52px',\n  color: color,\n}));\n\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '32px',\n  lineHeight: '40px',\n  color: color,\n}));\n\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '28px',\n  lineHeight: '36px',\n  color: color,\n}));\n\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '24px',\n  lineHeight: '32px',\n  color: color,\n}));\n\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '20px',\n  lineHeight: '24px',\n  color: color,\n}));\n\nconst ParagraphStyling = css`\n  :lang(ja-jp) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(ko-kr) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(zh-CN) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 34em;\n  }\n`;\n\ninterface IParagraphBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n  marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n  p {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n  p:not(:only-of-type) {\n    margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n  }\n  ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n  color?: string;\n}\n\nenum ParagraphTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  Underline,\n}\n\ntype ParagraphProps = {\n  color?: string;\n  textStyle?: ParagraphTextStyle;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n  let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n  return textDecoration;\n};\n\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"18px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"16px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"14px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"12px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"10px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold,\n}\n\ntype ComponentProps = {\n  color?: string;\n  textStyle?: ComponentTextStyle;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentXL: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={28} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentL: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={24} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentM: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={24} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={20} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={16} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXXS: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={16} fontSize={12} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nexport { TYPOGRAPHY };\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS };\n"],"file":"typography.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "0.0.280-dev.6",
+  "version": "0.0.280-dev.7",
   "private": false,
   "author": "Thomas Kalve <thomas.kalve@laerdal.com>",
   "contributors": [