@laerdal/life-react-components 2.3.1-dev.1.full → 2.3.1-dev.10

package/dist/styles/typography.js

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { COLORS } from '.';
@@ -24,245 +24,6 @@ export var TypographyBase = styled('div')(function (_ref) {
     color: $color ? $color : COLORS.black
   };
 });
-var HeadlineBaseStyling = function HeadlineBaseStyling(fontSize, lineHeight, color) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: 700;\n    color: ", ";\n  "])), fontSize, lineHeight, color);
-};
-var HeadlineBase = styled(TypographyBase)(function (_ref2) {
-  var $color = _ref2.$color,
-    lineHeight = _ref2.lineHeight,
-    fontSize = _ref2.fontSize;
-  return {
-    fontSize: fontSize,
-    fontWeight: 700,
-    lineHeight: lineHeight,
-    color: $color
-  };
-});
-var HeadlineXLStyling = function HeadlineXLStyling(color) {
-  return HeadlineBaseStyling('48px', '64px', color);
-};
-var HeadlineXL = styled(HeadlineBase)(function (_ref3) {
-  var $color = _ref3.$color;
-  return {
-    fontSize: '48px',
-    lineHeight: '64px',
-    color: $color
-  };
-});
-var HeadlineLStyling = function HeadlineLStyling(color) {
-  return HeadlineBaseStyling('40px', '52px', color);
-};
-var HeadlineL = styled(HeadlineBase)(function (_ref4) {
-  var $color = _ref4.$color;
-  return {
-    fontSize: '40px',
-    lineHeight: '52px',
-    color: $color
-  };
-});
-var HeadlineMStyling = function HeadlineMStyling(color) {
-  return HeadlineBaseStyling('32px', '40px', color);
-};
-var HeadlineM = styled(HeadlineBase)(function (_ref5) {
-  var $color = _ref5.$color;
-  return {
-    fontSize: '32px',
-    lineHeight: '40px',
-    color: $color
-  };
-});
-var HeadlineSStyling = function HeadlineSStyling(color) {
-  return HeadlineBaseStyling('28px', '36px', color);
-};
-var HeadlineS = styled(HeadlineBase)(function (_ref6) {
-  var $color = _ref6.$color;
-  return {
-    fontSize: '28px',
-    lineHeight: '36px',
-    color: $color
-  };
-});
-var HeadlineXSStyling = function HeadlineXSStyling(color) {
-  return HeadlineBaseStyling('24px', '32px', color);
-};
-var HeadlineXS = styled(HeadlineBase)(function (_ref7) {
-  var $color = _ref7.$color;
-  return {
-    fontSize: '24px',
-    lineHeight: '32px',
-    color: $color
-  };
-});
-var HeadlineXXSStyling = function HeadlineXXSStyling(color) {
-  return HeadlineBaseStyling('20px', '24px', color);
-};
-var HeadlineXXS = styled(HeadlineBase)(function (_ref8) {
-  var $color = _ref8.$color;
-  return {
-    fontSize: '20px',
-    lineHeight: '24px',
-    color: $color
-  };
-});
-var ParagraphStyling = css(_templateObject2 || (_templateObject2 = _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 = styled(TypographyBase)(_templateObject3 || (_templateObject3 = _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;
-(function (ParagraphTextStyle) {
-  ParagraphTextStyle[ParagraphTextStyle["Regular"] = 1] = "Regular";
-  ParagraphTextStyle[ParagraphTextStyle["Bold"] = 2] = "Bold";
-  ParagraphTextStyle[ParagraphTextStyle["Italic"] = 3] = "Italic";
-  ParagraphTextStyle[ParagraphTextStyle["Underline"] = 4] = "Underline";
-})(ParagraphTextStyle || (ParagraphTextStyle = {}));
-var paragraphFontWeight = function paragraphFontWeight(textStyle) {
-  var fontWeight = 400;
-  if (textStyle === ParagraphTextStyle.Bold) {
-    fontWeight = 700;
-  }
-  return fontWeight;
-};
-var paragraphFontStyle = function paragraphFontStyle(textStyle) {
-  var fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';
-  return fontStyle;
-};
-var paragraphTextDecorationLine = function paragraphTextDecorationLine(textStyle) {
-  var textDecoration = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';
-  return textDecoration;
-};
-var ParagraphBaseStyling = function ParagraphBaseStyling(fontSize, lineHeight, textStyle, color) {
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    color: ", ";\n  "])), fontSize, paragraphFontWeight(textStyle), lineHeight, paragraphFontStyle(textStyle), color);
-};
-var ParagraphXlStyling = function ParagraphXlStyling(textStyle, color) {
-  return ParagraphBaseStyling('24px', '36px', textStyle, color);
-};
-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__*/_jsx(ParagraphBase, {
-    $color: color,
-    lineHeight: 36,
-    $fontSize: 24,
-    $fontWeight: fontWeight,
-    $fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine,
-    marginBetweenParagraphs: "18px",
-    children: children
-  });
-};
-ParagraphXL.propTypes = {
-  color: _pt.string,
-  textStyle: _pt.oneOf([1, 2, 3, 4]),
-  children: _pt.node
-};
-var ParagraphLStyling = function ParagraphLStyling(textStyle, color) {
-  return ParagraphBaseStyling('20px', '32px', textStyle, color);
-};
-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__*/_jsx(ParagraphBase, {
-    $color: color,
-    lineHeight: 32,
-    $fontSize: 20,
-    $fontWeight: fontWeight,
-    $fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine,
-    marginBetweenParagraphs: "16px",
-    children: children
-  });
-};
-ParagraphL.propTypes = {
-  color: _pt.string,
-  textStyle: _pt.oneOf([1, 2, 3, 4]),
-  children: _pt.node
-};
-var ParagraphMStyling = function ParagraphMStyling(textStyle, color) {
-  return ParagraphBaseStyling('18px', '28px', textStyle, color);
-};
-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__*/_jsx(ParagraphBase, {
-    $color: color,
-    lineHeight: 28,
-    $fontSize: 18,
-    $fontWeight: fontWeight,
-    $fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine,
-    marginBetweenParagraphs: "14px",
-    children: children
-  });
-};
-ParagraphM.propTypes = {
-  color: _pt.string,
-  textStyle: _pt.oneOf([1, 2, 3, 4]),
-  children: _pt.node
-};
-var ParagraphSStyling = function ParagraphSStyling(textStyle, color) {
-  return ParagraphBaseStyling('16px', '24px', textStyle, color);
-};
-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__*/_jsx(ParagraphBase, {
-    $color: color,
-    lineHeight: 24,
-    $fontSize: 16,
-    $fontWeight: fontWeight,
-    $fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine,
-    marginBetweenParagraphs: "12px",
-    children: children
-  });
-};
-ParagraphS.propTypes = {
-  color: _pt.string,
-  textStyle: _pt.oneOf([1, 2, 3, 4]),
-  children: _pt.node
-};
-var ParagraphXSStyling = function ParagraphXSStyling(textStyle, color) {
-  return ParagraphBaseStyling('14px', '20px', textStyle, color);
-};
-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__*/_jsx(ParagraphBase, {
-    $color: color,
-    lineHeight: 20,
-    $fontSize: 14,
-    $fontWeight: fontWeight,
-    $fontStyle: fontStyle,
-    textDecorationLine: textDecorationLine,
-    marginBetweenParagraphs: "10px",
-    children: children
-  });
-};
-ParagraphXS.propTypes = {
-  color: _pt.string,
-  textStyle: _pt.oneOf([1, 2, 3, 4]),
-  children: _pt.node
-};
 var ComponentTextStyle;
 (function (ComponentTextStyle) {
   ComponentTextStyle[ComponentTextStyle["Regular"] = 1] = "Regular";
@@ -286,16 +47,16 @@ var componentTextTransformation = function componentTextTransformation(textStyle
   return fontStyle;
 };
 var ComponentStyling = function ComponentStyling(fontSize, lineHeight, textStyle, color) {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), color === null ? '' : "color: ".concat(color || COLORS.black, ";"));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), color === null ? '' : "color: ".concat(color || COLORS.black, ";"));
 };
 var ComponentXLStyling = function ComponentXLStyling(textStyle, color) {
   return ComponentStyling('24px', '28px', textStyle, color);
 };
-var ComponentXL = function ComponentXL(_ref14) {
-  var color = _ref14.color,
-    textStyle = _ref14.textStyle,
-    children = _ref14.children,
-    className = _ref14.className;
+var ComponentXL = function ComponentXL(_ref2) {
+  var color = _ref2.color,
+    textStyle = _ref2.textStyle,
+    children = _ref2.children,
+    className = _ref2.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_jsx(TypographyBase, {
@@ -317,11 +78,11 @@ ComponentXL.propTypes = {
 var ComponentLStyling = function ComponentLStyling(textStyle, color) {
   return ComponentStyling('20px', '24px', textStyle, color);
 };
-var ComponentL = function ComponentL(_ref15) {
-  var color = _ref15.color,
-    textStyle = _ref15.textStyle,
-    children = _ref15.children,
-    className = _ref15.className;
+var ComponentL = function ComponentL(_ref3) {
+  var color = _ref3.color,
+    textStyle = _ref3.textStyle,
+    children = _ref3.children,
+    className = _ref3.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_jsx(TypographyBase, {
@@ -343,11 +104,11 @@ ComponentL.propTypes = {
 var ComponentMStyling = function ComponentMStyling(textStyle, color) {
   return ComponentStyling('18px', '24px', textStyle, color);
 };
-var ComponentM = function ComponentM(_ref16) {
-  var color = _ref16.color,
-    textStyle = _ref16.textStyle,
-    children = _ref16.children,
-    className = _ref16.className;
+var ComponentM = function ComponentM(_ref4) {
+  var color = _ref4.color,
+    textStyle = _ref4.textStyle,
+    children = _ref4.children,
+    className = _ref4.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_jsx(TypographyBase, {
@@ -369,11 +130,11 @@ ComponentM.propTypes = {
 var ComponentSStyling = function ComponentSStyling(textStyle, color) {
   return ComponentStyling('16px', '20px', textStyle, color);
 };
-var ComponentS = function ComponentS(_ref17) {
-  var color = _ref17.color,
-    textStyle = _ref17.textStyle,
-    children = _ref17.children,
-    className = _ref17.className;
+var ComponentS = function ComponentS(_ref5) {
+  var color = _ref5.color,
+    textStyle = _ref5.textStyle,
+    children = _ref5.children,
+    className = _ref5.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_jsx(TypographyBase, {
@@ -395,11 +156,11 @@ ComponentS.propTypes = {
 var ComponentXSStyling = function ComponentXSStyling(textStyle, color) {
   return ComponentStyling('14px', '16px', textStyle, color);
 };
-var ComponentXS = function ComponentXS(_ref18) {
-  var color = _ref18.color,
-    textStyle = _ref18.textStyle,
-    children = _ref18.children,
-    className = _ref18.className;
+var ComponentXS = function ComponentXS(_ref6) {
+  var color = _ref6.color,
+    textStyle = _ref6.textStyle,
+    children = _ref6.children,
+    className = _ref6.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
@@ -423,11 +184,11 @@ ComponentXS.propTypes = {
 var ComponentXXSStyling = function ComponentXXSStyling(textStyle, color) {
   return ComponentStyling('12px', '16px', textStyle, color);
 };
-var ComponentXXS = function ComponentXXS(_ref19) {
-  var color = _ref19.color,
-    textStyle = _ref19.textStyle,
-    children = _ref19.children,
-    className = _ref19.className;
+var ComponentXXS = function ComponentXXS(_ref7) {
+  var color = _ref7.color,
+    textStyle = _ref7.textStyle,
+    children = _ref7.children,
+    className = _ref7.className;
   var fontWeight = componentFontWeight(textStyle);
   var fontStyle = componentFontStyle(textStyle);
   var textTransform = componentTextTransformation(textStyle);
@@ -448,12 +209,12 @@ ComponentXXS.propTypes = {
   textStyle: _pt.oneOf([1, 2, 3, 4]),
   children: _pt.node
 };
-var ComponentResponsive = function ComponentResponsive(_ref20) {
-  var color = _ref20.color,
-    textStyle = _ref20.textStyle,
-    children = _ref20.children,
-    size = _ref20.size,
-    width = _ref20.width;
+var ComponentResponsive = function ComponentResponsive(_ref8) {
+  var color = _ref8.color,
+    textStyle = _ref8.textStyle,
+    children = _ref8.children,
+    size = _ref8.size,
+    width = _ref8.width;
   var fontsize = size;
   if (!size) {
     if (width == -1) {
@@ -506,10 +267,13 @@ ComponentResponsive.propTypes = {
   textStyle: _pt.oneOf([1, 2, 3, 4]),
   children: _pt.node
 };
-export { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };
-export { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };
+export var Typography = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n"])));
+export var QuoteTypography = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n"])));
+export var NoteTypography = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n"])));
+export var UpperCaseTypography = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n"])));
+export var Note = styled.p(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n"])), NoteTypography);
+export var Quote = styled.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n"])), QuoteTypography);
+export var UpperCase = styled.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", "\n"])), UpperCaseTypography);
 export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
 export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };
-export { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };
-export { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };
 //# sourceMappingURL=typography.js.map

package/dist/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","TypographyBase","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","HeadlineBaseStyling","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Medium","Small","Large","XXSmall","XSmall"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\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\nexport const TypographyBase = styled('div')<ITypographyBase>(({ $color, lineHeight, $fontSize, $fontWeight, $fontStyle, textTransform, textDecorationLine }) => ({\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}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n  return css`\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n    font-weight: 700;\n    color: ${color};\n  `;\n};\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ $color, lineHeight, fontSize }) => ({\n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: $color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '48px',\n  lineHeight: '64px',\n  color: $color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '40px',\n  lineHeight: '52px',\n  color: $color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '32px',\n  lineHeight: '40px',\n  color: $color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '28px',\n  lineHeight: '36px',\n  color: $color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '24px',\n  lineHeight: '32px',\n  color: $color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\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  children?: React.ReactNode;\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 ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n  return css`\n    font-size: ${fontSize};\n    font-weight: ${paragraphFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${paragraphFontStyle(textStyle)};\n    color: ${color};\n  `;\n};\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={36}\n      $fontSize={24}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"18px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={32}\n      $fontSize={20}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"16px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={28}\n      $fontSize={18}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"14px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={24}\n      $fontSize={16}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"12px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={20}\n      $fontSize={14}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      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  className?: string;\n  textStyle?: ComponentTextStyle;\n  children?: React.ReactNode;\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 ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n  return css`\n    font-size: ${fontSize};\n    font-weight: ${componentFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${componentFontStyle(textStyle)};\n    ${color === null ? '' : `color: ${color || COLORS.black};`}\n  `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({ color, textStyle, children, size, width }) => {\n  let fontsize = size;\n  if (!size) {\n    if (width == -1) {\n      fontsize = Size.Medium;\n    } else if (width < 768) {\n      fontsize = Size.Small;\n    } else if (width < 992) {\n      fontsize = Size.Medium;\n    } else {\n      fontsize = Size.Large;\n    }\n  }\n  switch (fontsize) {\n    case Size.XXSmall:\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n    case Size.XSmall:\n      return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n    case Size.Small:\n      return <ComponentS color={color} textStyle={textStyle} children={children} />;\n    case Size.Medium:\n      return <ComponentM color={color} textStyle={textStyle} children={children} />;\n    case Size.Large:\n    default:\n      return <ComponentL color={color} textStyle={textStyle} children={children} />;\n  }\n};\n\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"mappings":"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"}
+{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","TypographyBase","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","black","ComponentTextStyle","componentFontWeight","textStyle","Bold","UppercaseBold","componentFontStyle","Italic","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","children","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\nimport styled, {css} from 'styled-components';\nimport {COLORS} from '.';\nimport {Property} from 'csstype';\nimport {Size} from '../types';\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\nexport const TypographyBase = styled('div')<ITypographyBase>(({\n                                                                $color,\n                                                                lineHeight,\n                                                                $fontSize,\n                                                                $fontWeight,\n                                                                $fontStyle,\n                                                                textTransform,\n                                                                textDecorationLine\n                                                              }) => ({\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\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold,\n}\n\ntype ComponentProps = {\n  color?: string;\n  className?: string;\n  textStyle?: ComponentTextStyle;\n  children?: React.ReactNode;\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 ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n  return css`\n    font-size: ${fontSize};\n    font-weight: ${componentFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${componentFontStyle(textStyle)};\n    ${color === null ? '' : `color: ${color || COLORS.black};`}\n  `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\n                    $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\n                    $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\n                    $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\n                    $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\n                    $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className}) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\n                    $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\n                                                                                                         color,\n                                                                                                         textStyle,\n                                                                                                         children,\n                                                                                                         size,\n                                                                                                         width\n                                                                                                       }) => {\n  let fontsize = size;\n  if (!size) {\n    if (width == -1) {\n      fontsize = Size.Medium;\n    } else if (width < 768) {\n      fontsize = Size.Small;\n    } else if (width < 992) {\n      fontsize = Size.Medium;\n    } else {\n      fontsize = Size.Large;\n    }\n  }\n  switch (fontsize) {\n    case Size.XXSmall:\n      return <ComponentXXS color={color} textStyle={textStyle} children={children}/>;\n    case Size.XSmall:\n      return <ComponentXS color={color} textStyle={textStyle} children={children}/>;\n    case Size.Small:\n      return <ComponentS color={color} textStyle={textStyle} children={children}/>;\n    case Size.Medium:\n      return <ComponentM color={color} textStyle={textStyle} children={children}/>;\n    case Size.Large:\n    default:\n      return <ComponentL color={color} textStyle={textStyle} children={children}/>;\n  }\n};\n\nexport const Typography = css`\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n`;\n\nexport const QuoteTypography = css`\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n`;\n\nexport const NoteTypography = css`\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n`;\n\nexport const UpperCaseTypography = css`\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n`;\n\nexport const Note = styled.p`\n  ${NoteTypography}\n`;\n\nexport const Quote = styled.p`\n  ${QuoteTypography}\n`;\n\nexport const UpperCase = styled.p`\n  ${UpperCaseTypography}\n`;\n\nexport {\n  ComponentTextStyle,\n  ComponentXL,\n  ComponentL,\n  ComponentM,\n  ComponentS,\n  ComponentXS,\n  ComponentXXS,\n  ComponentResponsive\n};\nexport {\n  ComponentXLStyling,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentXSStyling,\n  ComponentXXSStyling\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "2.3.1-dev.1.full",
+  "version": "2.3.1-dev.10",
   "private": false,
   "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
   "contributors": [],
@@ -52,6 +52,7 @@
     ]
   },
   "dependencies": {
+    "@babel/runtime": "^7.19.0",
     "@laerdal/figma-svg": "^3.0.1",
     "@types/node": "^18.0.6",
     "@types/react": "^17.0.47",
@@ -63,6 +64,7 @@
     "react-dom": "^17.0.2",
     "react-inlinesvg": "^3.0.0",
     "react-modal": "^3.15.1",
+    "react-resize-detector": "^7.1.2",
     "rooks": "^7.1.1",
     "styled-components": "^5.3.5",
     "typescript": "^4.8.2"

package/dist/AuthPage/Information.cjs

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InformationText = exports.InformationImage = exports.InformationHeader = exports.InformationContent = exports.InformationContainer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _AuthPageSection = _interopRequireDefault(require("./_AuthPageSection"));
-var _styles = require("../styles");
-var _typography = require("../styles/typography");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var InformationContainer = (0, _styledComponents.default)(_AuthPageSection.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  background: ", ";\n\n  ", " {\n    display: flex;\n    padding-top: 56px;\n  }\n"])), function (props) {
-  return props.$color;
-}, _styles.BREAKPOINTS.MEDIUM);
-exports.InformationContainer = InformationContainer;
-var InformationContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  align-items: center;\n  text-align: center;\n  max-width: 100%;\n\n  ", " {\n    align-self: flex-end;\n    margin-right: 48px;\n  }\n"])), _styles.BREAKPOINTS.LARGE);
-exports.InformationContent = InformationContent;
-var InformationHeader = _styledComponents.default.h2(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  font-weight: 300;\n  margin-bottom: 0;\n"])), (0, _typography.HeadlineXLStyling)(_styles.COLORS.black));
-exports.InformationHeader = InformationHeader;
-var InformationText = _styledComponents.default.p(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  margin: 8px 0;\n"])), (0, _typography.ParagraphLStyling)(_styles.ParagraphTextStyle.Regular, _styles.COLORS.neutral_600));
-exports.InformationText = InformationText;
-var InformationImage = _styledComponents.default.img(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  height: 275px;\n  max-width: 100%;\n"])));
-exports.InformationImage = InformationImage;
-//# sourceMappingURL=Information.cjs.map

package/dist/AuthPage/Information.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Information.cjs","names":["InformationContainer","styled","AuthPageSection","props","$color","BREAKPOINTS","MEDIUM","InformationContent","div","LARGE","InformationHeader","h2","HeadlineXLStyling","COLORS","black","InformationText","p","ParagraphLStyling","ParagraphTextStyle","Regular","neutral_600","InformationImage","img"],"sources":["../../src/AuthPage/Information.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport AuthPageSection from './_AuthPageSection';\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, HeadlineXL, ParagraphTextStyle } from '../styles';\nimport { ComponentLStyling, HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';\n\nexport const InformationContainer = styled(AuthPageSection)<{ $color: string }>`\n  display: none;\n  background: ${(props) => props.$color};\n\n  ${BREAKPOINTS.MEDIUM} {\n    display: flex;\n    padding-top: 56px;\n  }\n`;\n\nexport const InformationContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  align-items: center;\n  text-align: center;\n  max-width: 100%;\n\n  ${BREAKPOINTS.LARGE} {\n    align-self: flex-end;\n    margin-right: 48px;\n  }\n`;\n\nexport const InformationHeader = styled.h2`\n  ${HeadlineXLStyling(COLORS.black)}\n  font-weight: 300;\n  margin-bottom: 0;\n`;\n\nexport const InformationText = styled.p`\n  ${ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600)}\n  margin: 8px 0;\n`;\n\nexport const InformationImage = styled.img`\n  height: 275px;\n  max-width: 100%;\n`;\n"],"mappings":";;;;;;;;AACA;AACA;AACA;AACA;AAA+F;AAExF,IAAMA,oBAAoB,GAAG,IAAAC,yBAAM,EAACC,wBAAe,CAAC,0LAE3C,UAACC,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,GAEnCC,mBAAW,CAACC,MAAM,CAIrB;AAAC;AAEK,IAAMC,kBAAkB,GAAGN,yBAAM,CAACO,GAAG,oSAQxCH,mBAAW,CAACI,KAAK,CAIpB;AAAC;AAEK,IAAMC,iBAAiB,GAAGT,yBAAM,CAACU,EAAE,0IACtC,IAAAC,6BAAiB,EAACC,cAAM,CAACC,KAAK,CAAC,CAGlC;AAAC;AAEK,IAAMC,eAAe,GAAGd,yBAAM,CAACe,CAAC,kHACnC,IAAAC,6BAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEN,cAAM,CAACO,WAAW,CAAC,CAEpE;AAAC;AAEK,IAAMC,gBAAgB,GAAGpB,yBAAM,CAACqB,GAAG,6HAGzC;AAAC"}

package/dist/AuthPage/Information.d.ts

@@ -1,7 +0,0 @@
-export declare const InformationContainer: import("styled-components").StyledComponent<"section", any, {
-    $color: string;
-}, never>;
-export declare const InformationContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InformationHeader: import("styled-components").StyledComponent<"h2", any, {}, never>;
-export declare const InformationText: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const InformationImage: import("styled-components").StyledComponent<"img", any, {}, never>;

package/dist/AuthPage/Information.js

@@ -1,14 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import styled from 'styled-components';
-import AuthPageSection from './_AuthPageSection';
-import { BREAKPOINTS, COLORS, ParagraphTextStyle } from '../styles';
-import { HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';
-export var InformationContainer = styled(AuthPageSection)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: none;\n  background: ", ";\n\n  ", " {\n    display: flex;\n    padding-top: 56px;\n  }\n"])), function (props) {
-  return props.$color;
-}, BREAKPOINTS.MEDIUM);
-export var InformationContent = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  align-items: center;\n  text-align: center;\n  max-width: 100%;\n\n  ", " {\n    align-self: flex-end;\n    margin-right: 48px;\n  }\n"])), BREAKPOINTS.LARGE);
-export var InformationHeader = styled.h2(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  font-weight: 300;\n  margin-bottom: 0;\n"])), HeadlineXLStyling(COLORS.black));
-export var InformationText = styled.p(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  margin: 8px 0;\n"])), ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600));
-export var InformationImage = styled.img(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  height: 275px;\n  max-width: 100%;\n"])));
-//# sourceMappingURL=Information.js.map

package/dist/AuthPage/Information.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Information.js","names":["styled","AuthPageSection","BREAKPOINTS","COLORS","ParagraphTextStyle","HeadlineXLStyling","ParagraphLStyling","InformationContainer","props","$color","MEDIUM","InformationContent","div","LARGE","InformationHeader","h2","black","InformationText","p","Regular","neutral_600","InformationImage","img"],"sources":["../../src/AuthPage/Information.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport AuthPageSection from './_AuthPageSection';\nimport { BREAKPOINTS, COLORS, ComponentTextStyle, HeadlineXL, ParagraphTextStyle } from '../styles';\nimport { ComponentLStyling, HeadlineXLStyling, ParagraphLStyling } from '../styles/typography';\n\nexport const InformationContainer = styled(AuthPageSection)<{ $color: string }>`\n  display: none;\n  background: ${(props) => props.$color};\n\n  ${BREAKPOINTS.MEDIUM} {\n    display: flex;\n    padding-top: 56px;\n  }\n`;\n\nexport const InformationContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-self: center;\n  align-items: center;\n  text-align: center;\n  max-width: 100%;\n\n  ${BREAKPOINTS.LARGE} {\n    align-self: flex-end;\n    margin-right: 48px;\n  }\n`;\n\nexport const InformationHeader = styled.h2`\n  ${HeadlineXLStyling(COLORS.black)}\n  font-weight: 300;\n  margin-bottom: 0;\n`;\n\nexport const InformationText = styled.p`\n  ${ParagraphLStyling(ParagraphTextStyle.Regular, COLORS.neutral_600)}\n  margin: 8px 0;\n`;\n\nexport const InformationImage = styled.img`\n  height: 275px;\n  max-width: 100%;\n`;\n"],"mappings":";;AACA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,OAAOC,eAAe,MAAM,oBAAoB;AAChD,SAASC,WAAW,EAAEC,MAAM,EAAkCC,kBAAkB,QAAQ,WAAW;AACnG,SAA4BC,iBAAiB,EAAEC,iBAAiB,QAAQ,sBAAsB;AAE9F,OAAO,IAAMC,oBAAoB,GAAGP,MAAM,CAACC,eAAe,CAAC,4KAE3C,UAACO,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,GAEnCP,WAAW,CAACQ,MAAM,CAIrB;AAED,OAAO,IAAMC,kBAAkB,GAAGX,MAAM,CAACY,GAAG,sRAQxCV,WAAW,CAACW,KAAK,CAIpB;AAED,OAAO,IAAMC,iBAAiB,GAAGd,MAAM,CAACe,EAAE,4HACtCV,iBAAiB,CAACF,MAAM,CAACa,KAAK,CAAC,CAGlC;AAED,OAAO,IAAMC,eAAe,GAAGjB,MAAM,CAACkB,CAAC,oGACnCZ,iBAAiB,CAACF,kBAAkB,CAACe,OAAO,EAAEhB,MAAM,CAACiB,WAAW,CAAC,CAEpE;AAED,OAAO,IAAMC,gBAAgB,GAAGrB,MAAM,CAACsB,GAAG,+GAGzC"}

package/dist/AuthPage/_AuthPageSection.cjs

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _styles = require("../styles");
-var _templateObject;
-var AuthPageSection = _styledComponents.default.section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  ", " {\n    padding: 24px;\n    width: calc(50% - 48px);\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-var _default = AuthPageSection;
-exports.default = _default;
-//# sourceMappingURL=_AuthPageSection.cjs.map

package/dist/AuthPage/_AuthPageSection.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_AuthPageSection.cjs","names":["AuthPageSection","styled","section","BREAKPOINTS","MEDIUM"],"sources":["../../src/AuthPage/_AuthPageSection.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { BREAKPOINTS } from '../styles';\n\nconst AuthPageSection = styled.section`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  ${BREAKPOINTS.MEDIUM} {\n    padding: 24px;\n    width: calc(50% - 48px);\n  }\n`;\n\nexport default AuthPageSection;\n"],"mappings":";;;;;;;;AAAA;AACA;AAAwC;AAExC,IAAMA,eAAe,GAAGC,yBAAM,CAACC,OAAO,kNAKlCC,mBAAW,CAACC,MAAM,CAIrB;AAAC,eAEaJ,eAAe;AAAA"}

package/dist/AuthPage/_AuthPageSection.d.ts

@@ -1,2 +0,0 @@
-declare const AuthPageSection: import("styled-components").StyledComponent<"section", any, {}, never>;
-export default AuthPageSection;