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

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.3",
+  "version": "0.0.280-dev.7",
   "private": false,
   "author": "Thomas Kalve <thomas.kalve@laerdal.com>",
   "contributors": [