@laerdal/life-react-components 1.10.1-dev.1 → 1.10.1-dev.3

package/dist/styles/typography.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
 import { Property } from 'csstype';
 import { Size } from '../types';
-declare const TYPOGRAPHY: {
-    fontFamily: string;
-};
 interface ITypographyBase {
     $color?: string;
     lineHeight: number;
@@ -80,7 +77,6 @@ declare const ComponentResponsive: React.FunctionComponent<ComponentProps & {
     size?: Size;
     width: number;
 }>;
-export { TYPOGRAPHY };
 export { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };
 export { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };
 export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };

package/dist/styles/typography.js

@@ -8,9 +8,6 @@ import styled, { css } from 'styled-components';
 import { COLORS } from '.';
 import { Size } from '../types';
 import { jsx as _jsx } from "react/jsx-runtime";
-var TYPOGRAPHY = {
-  fontFamily: 'Lato, sans-serif'
-};
 var TypographyBase = styled('div')(function (_ref) {
   var $color = _ref.$color,
       lineHeight = _ref.lineHeight,
@@ -20,7 +17,6 @@ var TypographyBase = styled('div')(function (_ref) {
       textTransform = _ref.textTransform,
       textDecorationLine = _ref.textDecorationLine;
   return {
-    fontFamily: TYPOGRAPHY.fontFamily,
     fontSize: $fontSize,
     fontWeight: $fontWeight,
     lineHeight: lineHeight + 'px',
@@ -32,7 +28,7 @@ var TypographyBase = styled('div')(function (_ref) {
 });
 
 var HeadlineBaseStyling = function HeadlineBaseStyling(fontSize, lineHeight, color) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: 700;\n    color: ", ";\n  "])), TYPOGRAPHY.fontFamily, 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) {
@@ -158,7 +154,7 @@ var paragraphTextDecorationLine = function paragraphTextDecorationLine(textStyle
 };
 
 var ParagraphBaseStyling = function ParagraphBaseStyling(fontSize, lineHeight, textStyle, color) {
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    color: ", ";\n  "])), TYPOGRAPHY.fontFamily, fontSize, paragraphFontWeight(textStyle), lineHeight, paragraphFontStyle(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) {
@@ -330,7 +326,7 @@ var componentTextTransformation = function componentTextTransformation(textStyle
 };
 
 var ComponentStyling = function ComponentStyling(fontSize, lineHeight, textStyle, color) {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), TYPOGRAPHY.fontFamily, fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), color === null ? '' : "color: ".concat(color || COLORS.black, ";"));
+  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, ";"));
 };
 
 var ComponentXLStyling = function ComponentXLStyling(textStyle, color) {
@@ -567,7 +563,6 @@ ComponentResponsive.propTypes = {
   className: _pt.string,
   textStyle: _pt.oneOf([1, 2, 3, 4])
 };
-export { TYPOGRAPHY };
 export { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };
 export { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };
 export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };

package/dist/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/typography.tsx"],"names":["React","styled","css","COLORS","Size","TYPOGRAPHY","fontFamily","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","Small","Medium","Large","XXSmall","XSmall"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,GAAvB;AAEA,SAASC,IAAT,QAAqB,UAArB;;AAEA,IAAMC,UAAU,GAAG;AACjBC,EAAAA,UAAU,EAAE;AADK,CAAnB;AAcA,IAAMC,cAAc,GAAGN,MAAM,CAAC,KAAD,CAAN,CAA+B;AAAA,MAAGO,MAAH,QAAGA,MAAH;AAAA,MAAWC,UAAX,QAAWA,UAAX;AAAA,MAAuBC,SAAvB,QAAuBA,SAAvB;AAAA,MAAkCC,WAAlC,QAAkCA,WAAlC;AAAA,MAA+CC,UAA/C,QAA+CA,UAA/C;AAAA,MAA2DC,aAA3D,QAA2DA,aAA3D;AAAA,MAA0EC,kBAA1E,QAA0EA,kBAA1E;AAAA,SAAoG;AACxJR,IAAAA,UAAU,EAAED,UAAU,CAACC,UADiI;AAExJS,IAAAA,QAAQ,EAAEL,SAF8I;AAGxJM,IAAAA,UAAU,EAAEL,WAH4I;AAIxJF,IAAAA,UAAU,EAAEA,UAAU,GAAG,IAJ+H;AAKxJI,IAAAA,aAAa,EAAEA,aAAa,GAAGA,aAAH,GAAmB,MALyG;AAMxJC,IAAAA,kBAAkB,EAAEA,kBAAkB,GAAGA,kBAAH,GAAwB,MAN0F;AAOxJG,IAAAA,SAAS,EAAEL,UAAU,GAAGA,UAAH,GAAgB,QAPmH;AAQxJM,IAAAA,KAAK,EAAEV,MAAM,GAAGA,MAAH,GAAYL,MAAM,CAACgB;AARwH,GAApG;AAAA,CAA/B,CAAvB;;AAqBA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACL,QAAD,EAAmBN,UAAnB,EAAuCS,KAAvC,EAAyD;AACnF,SAAOhB,GAAP,yLACiBG,UAAU,CAACC,UAD5B,EAEeS,QAFf,EAGiBN,UAHjB,EAKWS,KALX;AAOD,CARD;;AASA,IAAMG,YAAY,GAAGpB,MAAM,CAACM,cAAD,CAAN,CAAsC;AAAA,MAAGC,MAAH,SAAGA,MAAH;AAAA,MAAWC,UAAX,SAAWA,UAAX;AAAA,MAAuBM,QAAvB,SAAuBA,QAAvB;AAAA,SAAuC;AAChGA,IAAAA,QAAQ,EAAEA,QADsF;AAEhGC,IAAAA,UAAU,EAAE,GAFoF;AAGhGP,IAAAA,UAAU,EAAEA,UAHoF;AAIhGS,IAAAA,KAAK,EAAEV;AAJyF,GAAvC;AAAA,CAAtC,CAArB;;AAOA,IAAMc,iBAAiB,GAAG,SAApBA,iBAAoB,CAACJ,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAA1B;;AACA,IAAMK,UAAU,GAAGtB,MAAM,CAACoB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AAClEO,IAAAA,QAAQ,EAAE,MADwD;AAElEN,IAAAA,UAAU,EAAE,MAFsD;AAGlES,IAAAA,KAAK,EAAEV;AAH2D,GAAjB;AAAA,CAAhC,CAAnB;;AAMA,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACN,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAAzB;;AACA,IAAMO,SAAS,GAAGxB,MAAM,CAACoB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AACjEO,IAAAA,QAAQ,EAAE,MADuD;AAEjEN,IAAAA,UAAU,EAAE,MAFqD;AAGjES,IAAAA,KAAK,EAAEV;AAH0D,GAAjB;AAAA,CAAhC,CAAlB;;AAMA,IAAMkB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACR,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAAzB;;AACA,IAAMS,SAAS,GAAG1B,MAAM,CAACoB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AACjEO,IAAAA,QAAQ,EAAE,MADuD;AAEjEN,IAAAA,UAAU,EAAE,MAFqD;AAGjES,IAAAA,KAAK,EAAEV;AAH0D,GAAjB;AAAA,CAAhC,CAAlB;;AAMA,IAAMoB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACV,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAAzB;;AACA,IAAMW,SAAS,GAAG5B,MAAM,CAACoB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AACjEO,IAAAA,QAAQ,EAAE,MADuD;AAEjEN,IAAAA,UAAU,EAAE,MAFqD;AAGjES,IAAAA,KAAK,EAAEV;AAH0D,GAAjB;AAAA,CAAhC,CAAlB;;AAMA,IAAMsB,iBAAiB,GAAG,SAApBA,iBAAoB,CAACZ,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAA1B;;AACA,IAAMa,UAAU,GAAG9B,MAAM,CAACoB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AAClEO,IAAAA,QAAQ,EAAE,MADwD;AAElEN,IAAAA,UAAU,EAAE,MAFsD;AAGlES,IAAAA,KAAK,EAAEV;AAH2D,GAAjB;AAAA,CAAhC,CAAnB;;AAMA,IAAMwB,kBAAkB,GAAG,SAArBA,kBAAqB,CAACd,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAA3B;;AACA,IAAMe,WAAW,GAAGhC,MAAM,CAACoB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AACnEO,IAAAA,QAAQ,EAAE,MADyD;AAEnEN,IAAAA,UAAU,EAAE,MAFuD;AAGnES,IAAAA,KAAK,EAAEV;AAH4D,GAAjB;AAAA,CAAhC,CAApB;AAMA,IAAM0B,gBAAgB,GAAGhC,GAAH,kZAAtB;AA0CA,IAAMiC,aAAa,GAAGlC,MAAM,CAACM,cAAD,CAAT,6MAME,UAAC6B,KAAD;AAAA,SAAWA,KAAK,CAACC,uBAAN,IAAiC,GAA5C;AAAA,CANF,EAQfH,gBARe,CAAnB;IAeKI,kB;;WAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;GAAAA,kB,KAAAA,kB;;AAYL,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,SAAD,EAAoC;AAC9D,MAAIxB,UAAU,GAAG,GAAjB;;AACA,MAAIwB,SAAS,KAAKF,kBAAkB,CAACG,IAArC,EAA2C;AACzCzB,IAAAA,UAAU,GAAG,GAAb;AACD;;AACD,SAAOA,UAAP;AACD,CAND;;AAQA,IAAM0B,kBAAkB,GAAG,SAArBA,kBAAqB,CAACF,SAAD,EAAoC;AAC7D,MAAIvB,SAAS,GAAGuB,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACK,MAA9C,GAAuD,QAAvD,GAAkE,EAAlF;AACA,SAAO1B,SAAP;AACD,CAHD;;AAKA,IAAM2B,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACJ,SAAD,EAAiE;AACnG,MAAIK,cAA2C,GAAGL,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACQ,SAA9C,GAA0D,WAA1D,GAAwE,MAA1H;AACA,SAAOD,cAAP;AACD,CAHD;;AAKA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAuB,CAAChC,QAAD,EAAmBN,UAAnB,EAAuC+B,SAAvC,EAAsEtB,KAAtE,EAAwF;AACnH,SAAOhB,GAAP,mNACiBG,UAAU,CAACC,UAD5B,EAEeS,QAFf,EAGiBwB,mBAAmB,CAACC,SAAD,CAHpC,EAIiB/B,UAJjB,EAKgBiC,kBAAkB,CAACF,SAAD,CALlC,EAMWtB,KANX;AAQD,CATD;;AAWA,IAAM8B,kBAAkB,GAAG,SAArBA,kBAAqB,CAACR,SAAD,EAAgCtB,KAAhC;AAAA,SAAkD6B,oBAAoB,CAAC,MAAD,EAAS,MAAT,EAAiBP,SAAjB,EAA4BtB,KAA5B,CAAtE;AAAA,CAA3B;;AACA,IAAM+B,WAAoD,GAAG,SAAvDA,WAAuD,QAAoC;AAAA,MAAjC/B,KAAiC,SAAjCA,KAAiC;AAAA,MAA1BsB,SAA0B,SAA1BA,SAA0B;AAAA,MAAfU,QAAe,SAAfA,QAAe;AAC/F,MAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAD,CAAlC;AACA,MAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAD,CAApD;AACA,sBACE,KAAC,aAAD;AACE,IAAA,MAAM,EAAEtB,KADV;AAEE,IAAA,UAAU,EAAE,EAFd;AAGE,IAAA,SAAS,EAAE,EAHb;AAIE,IAAA,WAAW,EAAEF,UAJf;AAKE,IAAA,UAAU,EAAEC,SALd;AAME,IAAA,kBAAkB,EAAEH,kBANtB;AAOE,IAAA,uBAAuB,EAAC,MAP1B;AAAA,cAQGoC;AARH,IADF;AAYD,CAhBD;;;AAlCEhC,EAAAA,K;AACAsB,EAAAA,S;;;AAmDF,IAAMW,iBAAiB,GAAG,SAApBA,iBAAoB,CAACX,SAAD,EAAgCtB,KAAhC;AAAA,SAAkD6B,oBAAoB,CAAC,MAAD,EAAS,MAAT,EAAiBP,SAAjB,EAA4BtB,KAA5B,CAAtE;AAAA,CAA1B;;AACA,IAAMkC,UAAmD,GAAG,SAAtDA,UAAsD,SAAoC;AAAA,MAAjClC,KAAiC,UAAjCA,KAAiC;AAAA,MAA1BsB,SAA0B,UAA1BA,SAA0B;AAAA,MAAfU,QAAe,UAAfA,QAAe;AAC9F,MAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAD,CAAlC;AACA,MAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAD,CAApD;AACA,sBACE,KAAC,aAAD;AACE,IAAA,MAAM,EAAEtB,KADV;AAEE,IAAA,UAAU,EAAE,EAFd;AAGE,IAAA,SAAS,EAAE,EAHb;AAIE,IAAA,WAAW,EAAEF,UAJf;AAKE,IAAA,UAAU,EAAEC,SALd;AAME,IAAA,kBAAkB,EAAEH,kBANtB;AAOE,IAAA,uBAAuB,EAAC,MAP1B;AAAA,cAQGoC;AARH,IADF;AAYD,CAhBD;;;AArDEhC,EAAAA,K;AACAsB,EAAAA,S;;;AAsEF,IAAMa,iBAAiB,GAAG,SAApBA,iBAAoB,CAACb,SAAD,EAAgCtB,KAAhC;AAAA,SAAkD6B,oBAAoB,CAAC,MAAD,EAAS,MAAT,EAAiBP,SAAjB,EAA4BtB,KAA5B,CAAtE;AAAA,CAA1B;;AACA,IAAMoC,UAAmD,GAAG,SAAtDA,UAAsD,SAAoC;AAAA,MAAjCpC,KAAiC,UAAjCA,KAAiC;AAAA,MAA1BsB,SAA0B,UAA1BA,SAA0B;AAAA,MAAfU,QAAe,UAAfA,QAAe;AAC9F,MAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAD,CAAlC;AACA,MAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAD,CAApD;AACA,sBACE,KAAC,aAAD;AACE,IAAA,MAAM,EAAEtB,KADV;AAEE,IAAA,UAAU,EAAE,EAFd;AAGE,IAAA,SAAS,EAAE,EAHb;AAIE,IAAA,WAAW,EAAEF,UAJf;AAKE,IAAA,UAAU,EAAEC,SALd;AAME,IAAA,kBAAkB,EAAEH,kBANtB;AAOE,IAAA,uBAAuB,EAAC,MAP1B;AAAA,cAQGoC;AARH,IADF;AAYD,CAhBD;;;AAxEEhC,EAAAA,K;AACAsB,EAAAA,S;;;AAyFF,IAAMe,iBAAiB,GAAG,SAApBA,iBAAoB,CAACf,SAAD,EAAgCtB,KAAhC;AAAA,SAAkD6B,oBAAoB,CAAC,MAAD,EAAS,MAAT,EAAiBP,SAAjB,EAA4BtB,KAA5B,CAAtE;AAAA,CAA1B;;AACA,IAAMsC,UAAmD,GAAG,SAAtDA,UAAsD,SAAoC;AAAA,MAAjCtC,KAAiC,UAAjCA,KAAiC;AAAA,MAA1BsB,SAA0B,UAA1BA,SAA0B;AAAA,MAAfU,QAAe,UAAfA,QAAe;AAC9F,MAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAD,CAAlC;AACA,MAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAD,CAApD;AACA,sBACE,KAAC,aAAD;AACE,IAAA,MAAM,EAAEtB,KADV;AAEE,IAAA,UAAU,EAAE,EAFd;AAGE,IAAA,SAAS,EAAE,EAHb;AAIE,IAAA,WAAW,EAAEF,UAJf;AAKE,IAAA,UAAU,EAAEC,SALd;AAME,IAAA,kBAAkB,EAAEH,kBANtB;AAOE,IAAA,uBAAuB,EAAC,MAP1B;AAAA,cAQGoC;AARH,IADF;AAYD,CAhBD;;;AA3FEhC,EAAAA,K;AACAsB,EAAAA,S;;;AA4GF,IAAMiB,kBAAkB,GAAG,SAArBA,kBAAqB,CAACjB,SAAD,EAAgCtB,KAAhC;AAAA,SAAkD6B,oBAAoB,CAAC,MAAD,EAAS,MAAT,EAAiBP,SAAjB,EAA4BtB,KAA5B,CAAtE;AAAA,CAA3B;;AACA,IAAMwC,WAAoD,GAAG,SAAvDA,WAAuD,SAAoC;AAAA,MAAjCxC,KAAiC,UAAjCA,KAAiC;AAAA,MAA1BsB,SAA0B,UAA1BA,SAA0B;AAAA,MAAfU,QAAe,UAAfA,QAAe;AAC/F,MAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAD,CAAlC;AACA,MAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAD,CAApD;AACA,sBACE,KAAC,aAAD;AACE,IAAA,MAAM,EAAEtB,KADV;AAEE,IAAA,UAAU,EAAE,EAFd;AAGE,IAAA,SAAS,EAAE,EAHb;AAIE,IAAA,WAAW,EAAEF,UAJf;AAKE,IAAA,UAAU,EAAEC,SALd;AAME,IAAA,kBAAkB,EAAEH,kBANtB;AAOE,IAAA,uBAAuB,EAAC,MAP1B;AAAA,cAQGoC;AARH,IADF;AAYD,CAhBD;;;AA9GEhC,EAAAA,K;AACAsB,EAAAA,S;;IA+HGmB,kB;;WAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;GAAAA,kB,KAAAA,kB;;AAaL,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACpB,SAAD,EAAoC;AAC9D,MAAIxB,UAAU,GAAG,GAAjB;;AACA,MAAIwB,SAAS,KAAKmB,kBAAkB,CAAClB,IAAjC,IAAyCD,SAAS,KAAKmB,kBAAkB,CAACE,aAA9E,EAA6F;AAC3F7C,IAAAA,UAAU,GAAG,GAAb;AACD;;AACD,SAAOA,UAAP;AACD,CAND;;AAQA,IAAM8C,kBAAkB,GAAG,SAArBA,kBAAqB,CAACtB,SAAD,EAAoC;AAC7D,MAAIvB,SAAS,GAAGuB,SAAS,IAAIA,SAAS,KAAKmB,kBAAkB,CAAChB,MAA9C,GAAuD,QAAvD,GAAkE,EAAlF;AACA,SAAO1B,SAAP;AACD,CAHD;;AAKA,IAAM8C,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACvB,SAAD,EAA4D;AAC9F,MAAIvB,SAAiC,GAAGuB,SAAS,IAAIA,SAAS,KAAKmB,kBAAkB,CAACE,aAA9C,GAA8D,WAA9D,GAA4E,MAApH;AACA,SAAO5C,SAAP;AACD,CAHD;;AAKA,IAAM+C,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACjD,QAAD,EAAmBN,UAAnB,EAAuC+B,SAAvC,EAAsEtB,KAAtE,EAA2G;AAClI,SAAOhB,GAAP,2MACiBG,UAAU,CAACC,UAD5B,EAEeS,QAFf,EAGiB6C,mBAAmB,CAACpB,SAAD,CAHpC,EAIiB/B,UAJjB,EAKgBqD,kBAAkB,CAACtB,SAAD,CALlC,EAMItB,KAAK,KAAK,IAAV,GAAiB,EAAjB,oBAAgCA,KAAK,IAAIf,MAAM,CAACgB,KAAhD,MANJ;AAQD,CATD;;AAWA,IAAM8C,kBAAkB,GAAG,SAArBA,kBAAqB,CAACzB,SAAD,EAAgCtB,KAAhC;AAAA,SAAyD8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAAzE;AAAA,CAA3B;;AACA,IAAMgD,WAAoD,GAAG,SAAvDA,WAAuD,SAA+C;AAAA,MAA5ChD,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AAC1G,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAA,cACGiC;AADH,IADF;AAKD,CARD;;;AAnCEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AA2CF,IAAM4B,iBAAiB,GAAG,SAApBA,iBAAoB,CAAC5B,SAAD,EAAgCtB,KAAhC;AAAA,SAAyD8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAAzE;AAAA,CAA1B;;AACA,IAAMmD,UAAmD,GAAG,SAAtDA,UAAsD,SAA+C;AAAA,MAA5CnD,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AACzG,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAA,cACGiC;AADH,IADF;AAKD,CARD;;;AA9CEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AAsDF,IAAM8B,iBAAiB,GAAG,SAApBA,iBAAoB,CAAC9B,SAAD,EAAgCtB,KAAhC;AAAA,SAAqE8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAArF;AAAA,CAA1B;;AACA,IAAMqD,UAAmD,GAAG,SAAtDA,UAAsD,SAA+C;AAAA,MAA5CrD,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AACzG,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAA,cACGiC;AADH,IADF;AAKD,CARD;;;AAzDEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AAiEF,IAAMgC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAChC,SAAD,EAAgCtB,KAAhC;AAAA,SAAyD8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAAzE;AAAA,CAA1B;;AACA,IAAMuD,UAAmD,GAAG,SAAtDA,UAAsD,SAA+C;AAAA,MAA5CvD,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AACzG,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAA,cACGiC;AADH,IADF;AAKD,CARD;;;AApEEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AA4EF,IAAMkC,kBAAkB,GAAG,SAArBA,kBAAqB,CAAClC,SAAD,EAAgCtB,KAAhC;AAAA,SAAyD8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAAzE;AAAA,CAA3B;;AACA,IAAMyD,WAAoD,GAAG,SAAvDA,WAAuD,SAA+C;AAAA,MAA5CzD,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AAC1G,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,MAAI3B,aAAa,GAAGkD,2BAA2B,CAACvB,SAAD,CAA/C;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAoI,IAAA,aAAa,EAAEJ,aAAnJ;AAAA,cACGqC;AADH,IADF;AAKD,CATD;;;AA/EEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AAwFF,IAAMoC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACpC,SAAD,EAAgCtB,KAAhC;AAAA,SAAyD8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAAzE;AAAA,CAA5B;;AACA,IAAM2D,YAAqD,GAAG,SAAxDA,YAAwD,SAA+C;AAAA,MAA5C3D,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AAC3G,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,MAAI3B,aAAa,GAAGkD,2BAA2B,CAACvB,SAAD,CAA/C;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAoI,IAAA,aAAa,EAAEJ,aAAnJ;AAAA,cACGqC;AADH,IADF;AAKD,CATD;;;AA3FEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AAoGF,IAAMsC,mBAA6F,GAAG,SAAhGA,mBAAgG,SAAiD;AAAA,MAA9C5D,KAA8C,UAA9CA,KAA8C;AAAA,MAAvCsB,SAAuC,UAAvCA,SAAuC;AAAA,MAA5BU,QAA4B,UAA5BA,QAA4B;AAAA,MAAlB6B,IAAkB,UAAlBA,IAAkB;AAAA,MAAZC,KAAY,UAAZA,KAAY;AACrJ,MAAIC,QAAQ,GAAGF,IAAf;;AACA,MAAI,CAACA,IAAL,EAAW;AACT,QAAIC,KAAK,GAAG,GAAZ,EAAiB;AACfC,MAAAA,QAAQ,GAAG7E,IAAI,CAAC8E,KAAhB;AACD,KAFD,MAEO,IAAIF,KAAK,GAAG,GAAZ,EAAiB;AACtBC,MAAAA,QAAQ,GAAG7E,IAAI,CAAC+E,MAAhB;AACD,KAFM,MAEA;AACLF,MAAAA,QAAQ,GAAG7E,IAAI,CAACgF,KAAhB;AACD;AACF;;AACD,UAAQH,QAAR;AACE,SAAK7E,IAAI,CAACiF,OAAV;AACE,0BAAO,KAAC,YAAD;AAAc,QAAA,KAAK,EAAEnE,KAArB;AAA4B,QAAA,SAAS,EAAEsB,SAAvC;AAAkD,QAAA,QAAQ,EAAEU;AAA5D,QAAP;;AACF,SAAK9C,IAAI,CAACkF,MAAV;AACE,0BAAO,KAAC,WAAD;AAAa,QAAA,KAAK,EAAEpE,KAApB;AAA2B,QAAA,SAAS,EAAEsB,SAAtC;AAAiD,QAAA,QAAQ,EAAEU;AAA3D,QAAP;;AACF,SAAK9C,IAAI,CAAC8E,KAAV;AACE,0BAAO,KAAC,UAAD;AAAY,QAAA,KAAK,EAAEhE,KAAnB;AAA0B,QAAA,SAAS,EAAEsB,SAArC;AAAgD,QAAA,QAAQ,EAAEU;AAA1D,QAAP;;AACF,SAAK9C,IAAI,CAAC+E,MAAV;AACE,0BAAO,KAAC,UAAD;AAAY,QAAA,KAAK,EAAEjE,KAAnB;AAA0B,QAAA,SAAS,EAAEsB,SAArC;AAAgD,QAAA,QAAQ,EAAEU;AAA1D,QAAP;;AACF,SAAK9C,IAAI,CAACgF,KAAV;AACA;AACE,0BAAO,KAAC,UAAD;AAAY,QAAA,KAAK,EAAElE,KAAnB;AAA0B,QAAA,SAAS,EAAEsB,SAArC;AAAgD,QAAA,QAAQ,EAAEU;AAA1D,QAAP;AAXJ;AAaD,CAxBD;;;AAtGEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;AA8HF,SAASnC,UAAT;AACA,SAASkB,UAAT,EAAqBE,SAArB,EAAgCE,SAAhC,EAA2CE,SAA3C,EAAsDE,UAAtD,EAAkEE,WAAlE;AACA,SAASK,kBAAT,EAA6BW,WAA7B,EAA0CG,UAA1C,EAAsDE,UAAtD,EAAkEE,UAAlE,EAA8EE,WAA9E;AACA,SAASC,kBAAT,EAA6BO,WAA7B,EAA0CG,UAA1C,EAAsDE,UAAtD,EAAkEE,UAAlE,EAA8EE,WAA9E,EAA2FE,YAA3F,EAAyGC,mBAAzG;AACA,SAASb,kBAAT,EAA6BG,iBAA7B,EAAgDE,iBAAhD,EAAmEE,iBAAnE,EAAsFE,kBAAtF,EAA0GE,mBAA1G;AACA,SAAS5B,kBAAT,EAA6BG,iBAA7B,EAAgDE,iBAAhD,EAAmEE,iBAAnE,EAAsFE,kBAAtF;AACA,SAASnC,iBAAT,EAA4BE,gBAA5B,EAA8CE,gBAA9C,EAAgEE,gBAAhE,EAAkFE,iBAAlF,EAAqGE,kBAArG","sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\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}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\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};\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-family: ${TYPOGRAPHY.fontFamily};\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};\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-family: ${TYPOGRAPHY.fontFamily};\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 < 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 { TYPOGRAPHY };\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"],"file":"typography.js"}
+{"version":3,"sources":["../../src/styles/typography.tsx"],"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","Small","Medium","Large","XXSmall","XSmall"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,MAAT,QAAuB,GAAvB;AAEA,SAASC,IAAT,QAAqB,UAArB;;AAYA,IAAMC,cAAc,GAAGJ,MAAM,CAAC,KAAD,CAAN,CAA+B;AAAA,MAAGK,MAAH,QAAGA,MAAH;AAAA,MAAWC,UAAX,QAAWA,UAAX;AAAA,MAAuBC,SAAvB,QAAuBA,SAAvB;AAAA,MAAkCC,WAAlC,QAAkCA,WAAlC;AAAA,MAA+CC,UAA/C,QAA+CA,UAA/C;AAAA,MAA2DC,aAA3D,QAA2DA,aAA3D;AAAA,MAA0EC,kBAA1E,QAA0EA,kBAA1E;AAAA,SAAoG;AACxJC,IAAAA,QAAQ,EAAEL,SAD8I;AAExJM,IAAAA,UAAU,EAAEL,WAF4I;AAGxJF,IAAAA,UAAU,EAAEA,UAAU,GAAG,IAH+H;AAIxJI,IAAAA,aAAa,EAAEA,aAAa,GAAGA,aAAH,GAAmB,MAJyG;AAKxJC,IAAAA,kBAAkB,EAAEA,kBAAkB,GAAGA,kBAAH,GAAwB,MAL0F;AAMxJG,IAAAA,SAAS,EAAEL,UAAU,GAAGA,UAAH,GAAgB,QANmH;AAOxJM,IAAAA,KAAK,EAAEV,MAAM,GAAGA,MAAH,GAAYH,MAAM,CAACc;AAPwH,GAApG;AAAA,CAA/B,CAAvB;;AAoBA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACL,QAAD,EAAmBN,UAAnB,EAAuCS,KAAvC,EAAyD;AACnF,SAAOd,GAAP,iKACeW,QADf,EAEiBN,UAFjB,EAIWS,KAJX;AAMD,CAPD;;AAQA,IAAMG,YAAY,GAAGlB,MAAM,CAACI,cAAD,CAAN,CAAsC;AAAA,MAAGC,MAAH,SAAGA,MAAH;AAAA,MAAWC,UAAX,SAAWA,UAAX;AAAA,MAAuBM,QAAvB,SAAuBA,QAAvB;AAAA,SAAuC;AAChGA,IAAAA,QAAQ,EAAEA,QADsF;AAEhGC,IAAAA,UAAU,EAAE,GAFoF;AAGhGP,IAAAA,UAAU,EAAEA,UAHoF;AAIhGS,IAAAA,KAAK,EAAEV;AAJyF,GAAvC;AAAA,CAAtC,CAArB;;AAOA,IAAMc,iBAAiB,GAAG,SAApBA,iBAAoB,CAACJ,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAA1B;;AACA,IAAMK,UAAU,GAAGpB,MAAM,CAACkB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AAClEO,IAAAA,QAAQ,EAAE,MADwD;AAElEN,IAAAA,UAAU,EAAE,MAFsD;AAGlES,IAAAA,KAAK,EAAEV;AAH2D,GAAjB;AAAA,CAAhC,CAAnB;;AAMA,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACN,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAAzB;;AACA,IAAMO,SAAS,GAAGtB,MAAM,CAACkB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AACjEO,IAAAA,QAAQ,EAAE,MADuD;AAEjEN,IAAAA,UAAU,EAAE,MAFqD;AAGjES,IAAAA,KAAK,EAAEV;AAH0D,GAAjB;AAAA,CAAhC,CAAlB;;AAMA,IAAMkB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACR,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAAzB;;AACA,IAAMS,SAAS,GAAGxB,MAAM,CAACkB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AACjEO,IAAAA,QAAQ,EAAE,MADuD;AAEjEN,IAAAA,UAAU,EAAE,MAFqD;AAGjES,IAAAA,KAAK,EAAEV;AAH0D,GAAjB;AAAA,CAAhC,CAAlB;;AAMA,IAAMoB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACV,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAAzB;;AACA,IAAMW,SAAS,GAAG1B,MAAM,CAACkB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AACjEO,IAAAA,QAAQ,EAAE,MADuD;AAEjEN,IAAAA,UAAU,EAAE,MAFqD;AAGjES,IAAAA,KAAK,EAAEV;AAH0D,GAAjB;AAAA,CAAhC,CAAlB;;AAMA,IAAMsB,iBAAiB,GAAG,SAApBA,iBAAoB,CAACZ,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAA1B;;AACA,IAAMa,UAAU,GAAG5B,MAAM,CAACkB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AAClEO,IAAAA,QAAQ,EAAE,MADwD;AAElEN,IAAAA,UAAU,EAAE,MAFsD;AAGlES,IAAAA,KAAK,EAAEV;AAH2D,GAAjB;AAAA,CAAhC,CAAnB;;AAMA,IAAMwB,kBAAkB,GAAG,SAArBA,kBAAqB,CAACd,KAAD;AAAA,SAAmBE,mBAAmB,CAAC,MAAD,EAAS,MAAT,EAAiBF,KAAjB,CAAtC;AAAA,CAA3B;;AACA,IAAMe,WAAW,GAAG9B,MAAM,CAACkB,YAAD,CAAN,CAAgC;AAAA,MAAGb,MAAH,SAAGA,MAAH;AAAA,SAAiB;AACnEO,IAAAA,QAAQ,EAAE,MADyD;AAEnEN,IAAAA,UAAU,EAAE,MAFuD;AAGnES,IAAAA,KAAK,EAAEV;AAH4D,GAAjB;AAAA,CAAhC,CAApB;AAMA,IAAM0B,gBAAgB,GAAG9B,GAAH,kZAAtB;AA0CA,IAAM+B,aAAa,GAAGhC,MAAM,CAACI,cAAD,CAAT,6MAME,UAAC6B,KAAD;AAAA,SAAWA,KAAK,CAACC,uBAAN,IAAiC,GAA5C;AAAA,CANF,EAQfH,gBARe,CAAnB;IAeKI,kB;;WAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;GAAAA,kB,KAAAA,kB;;AAYL,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,SAAD,EAAoC;AAC9D,MAAIxB,UAAU,GAAG,GAAjB;;AACA,MAAIwB,SAAS,KAAKF,kBAAkB,CAACG,IAArC,EAA2C;AACzCzB,IAAAA,UAAU,GAAG,GAAb;AACD;;AACD,SAAOA,UAAP;AACD,CAND;;AAQA,IAAM0B,kBAAkB,GAAG,SAArBA,kBAAqB,CAACF,SAAD,EAAoC;AAC7D,MAAIvB,SAAS,GAAGuB,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACK,MAA9C,GAAuD,QAAvD,GAAkE,EAAlF;AACA,SAAO1B,SAAP;AACD,CAHD;;AAKA,IAAM2B,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACJ,SAAD,EAAiE;AACnG,MAAIK,cAA2C,GAAGL,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACQ,SAA9C,GAA0D,WAA1D,GAAwE,MAA1H;AACA,SAAOD,cAAP;AACD,CAHD;;AAKA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAuB,CAAChC,QAAD,EAAmBN,UAAnB,EAAuC+B,SAAvC,EAAsEtB,KAAtE,EAAwF;AACnH,SAAOd,GAAP,2LACeW,QADf,EAEiBwB,mBAAmB,CAACC,SAAD,CAFpC,EAGiB/B,UAHjB,EAIgBiC,kBAAkB,CAACF,SAAD,CAJlC,EAKWtB,KALX;AAOD,CARD;;AAUA,IAAM8B,kBAAkB,GAAG,SAArBA,kBAAqB,CAACR,SAAD,EAAgCtB,KAAhC;AAAA,SAAkD6B,oBAAoB,CAAC,MAAD,EAAS,MAAT,EAAiBP,SAAjB,EAA4BtB,KAA5B,CAAtE;AAAA,CAA3B;;AACA,IAAM+B,WAAoD,GAAG,SAAvDA,WAAuD,QAAoC;AAAA,MAAjC/B,KAAiC,SAAjCA,KAAiC;AAAA,MAA1BsB,SAA0B,SAA1BA,SAA0B;AAAA,MAAfU,QAAe,SAAfA,QAAe;AAC/F,MAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAD,CAAlC;AACA,MAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAD,CAApD;AACA,sBACE,KAAC,aAAD;AACE,IAAA,MAAM,EAAEtB,KADV;AAEE,IAAA,UAAU,EAAE,EAFd;AAGE,IAAA,SAAS,EAAE,EAHb;AAIE,IAAA,WAAW,EAAEF,UAJf;AAKE,IAAA,UAAU,EAAEC,SALd;AAME,IAAA,kBAAkB,EAAEH,kBANtB;AAOE,IAAA,uBAAuB,EAAC,MAP1B;AAAA,cAQGoC;AARH,IADF;AAYD,CAhBD;;;AAjCEhC,EAAAA,K;AACAsB,EAAAA,S;;;AAkDF,IAAMW,iBAAiB,GAAG,SAApBA,iBAAoB,CAACX,SAAD,EAAgCtB,KAAhC;AAAA,SAAkD6B,oBAAoB,CAAC,MAAD,EAAS,MAAT,EAAiBP,SAAjB,EAA4BtB,KAA5B,CAAtE;AAAA,CAA1B;;AACA,IAAMkC,UAAmD,GAAG,SAAtDA,UAAsD,SAAoC;AAAA,MAAjClC,KAAiC,UAAjCA,KAAiC;AAAA,MAA1BsB,SAA0B,UAA1BA,SAA0B;AAAA,MAAfU,QAAe,UAAfA,QAAe;AAC9F,MAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAD,CAAlC;AACA,MAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAD,CAApD;AACA,sBACE,KAAC,aAAD;AACE,IAAA,MAAM,EAAEtB,KADV;AAEE,IAAA,UAAU,EAAE,EAFd;AAGE,IAAA,SAAS,EAAE,EAHb;AAIE,IAAA,WAAW,EAAEF,UAJf;AAKE,IAAA,UAAU,EAAEC,SALd;AAME,IAAA,kBAAkB,EAAEH,kBANtB;AAOE,IAAA,uBAAuB,EAAC,MAP1B;AAAA,cAQGoC;AARH,IADF;AAYD,CAhBD;;;AApDEhC,EAAAA,K;AACAsB,EAAAA,S;;;AAqEF,IAAMa,iBAAiB,GAAG,SAApBA,iBAAoB,CAACb,SAAD,EAAgCtB,KAAhC;AAAA,SAAkD6B,oBAAoB,CAAC,MAAD,EAAS,MAAT,EAAiBP,SAAjB,EAA4BtB,KAA5B,CAAtE;AAAA,CAA1B;;AACA,IAAMoC,UAAmD,GAAG,SAAtDA,UAAsD,SAAoC;AAAA,MAAjCpC,KAAiC,UAAjCA,KAAiC;AAAA,MAA1BsB,SAA0B,UAA1BA,SAA0B;AAAA,MAAfU,QAAe,UAAfA,QAAe;AAC9F,MAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAD,CAAlC;AACA,MAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAD,CAApD;AACA,sBACE,KAAC,aAAD;AACE,IAAA,MAAM,EAAEtB,KADV;AAEE,IAAA,UAAU,EAAE,EAFd;AAGE,IAAA,SAAS,EAAE,EAHb;AAIE,IAAA,WAAW,EAAEF,UAJf;AAKE,IAAA,UAAU,EAAEC,SALd;AAME,IAAA,kBAAkB,EAAEH,kBANtB;AAOE,IAAA,uBAAuB,EAAC,MAP1B;AAAA,cAQGoC;AARH,IADF;AAYD,CAhBD;;;AAvEEhC,EAAAA,K;AACAsB,EAAAA,S;;;AAwFF,IAAMe,iBAAiB,GAAG,SAApBA,iBAAoB,CAACf,SAAD,EAAgCtB,KAAhC;AAAA,SAAkD6B,oBAAoB,CAAC,MAAD,EAAS,MAAT,EAAiBP,SAAjB,EAA4BtB,KAA5B,CAAtE;AAAA,CAA1B;;AACA,IAAMsC,UAAmD,GAAG,SAAtDA,UAAsD,SAAoC;AAAA,MAAjCtC,KAAiC,UAAjCA,KAAiC;AAAA,MAA1BsB,SAA0B,UAA1BA,SAA0B;AAAA,MAAfU,QAAe,UAAfA,QAAe;AAC9F,MAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAD,CAAlC;AACA,MAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAD,CAApD;AACA,sBACE,KAAC,aAAD;AACE,IAAA,MAAM,EAAEtB,KADV;AAEE,IAAA,UAAU,EAAE,EAFd;AAGE,IAAA,SAAS,EAAE,EAHb;AAIE,IAAA,WAAW,EAAEF,UAJf;AAKE,IAAA,UAAU,EAAEC,SALd;AAME,IAAA,kBAAkB,EAAEH,kBANtB;AAOE,IAAA,uBAAuB,EAAC,MAP1B;AAAA,cAQGoC;AARH,IADF;AAYD,CAhBD;;;AA1FEhC,EAAAA,K;AACAsB,EAAAA,S;;;AA2GF,IAAMiB,kBAAkB,GAAG,SAArBA,kBAAqB,CAACjB,SAAD,EAAgCtB,KAAhC;AAAA,SAAkD6B,oBAAoB,CAAC,MAAD,EAAS,MAAT,EAAiBP,SAAjB,EAA4BtB,KAA5B,CAAtE;AAAA,CAA3B;;AACA,IAAMwC,WAAoD,GAAG,SAAvDA,WAAuD,SAAoC;AAAA,MAAjCxC,KAAiC,UAAjCA,KAAiC;AAAA,MAA1BsB,SAA0B,UAA1BA,SAA0B;AAAA,MAAfU,QAAe,UAAfA,QAAe;AAC/F,MAAIlC,UAAU,GAAGuB,mBAAmB,CAACC,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAGyB,kBAAkB,CAACF,SAAD,CAAlC;AACA,MAAI1B,kBAAkB,GAAG8B,2BAA2B,CAACJ,SAAD,CAApD;AACA,sBACE,KAAC,aAAD;AACE,IAAA,MAAM,EAAEtB,KADV;AAEE,IAAA,UAAU,EAAE,EAFd;AAGE,IAAA,SAAS,EAAE,EAHb;AAIE,IAAA,WAAW,EAAEF,UAJf;AAKE,IAAA,UAAU,EAAEC,SALd;AAME,IAAA,kBAAkB,EAAEH,kBANtB;AAOE,IAAA,uBAAuB,EAAC,MAP1B;AAAA,cAQGoC;AARH,IADF;AAYD,CAhBD;;;AA7GEhC,EAAAA,K;AACAsB,EAAAA,S;;IA8HGmB,kB;;WAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;AAAAA,EAAAA,kB,CAAAA,kB;GAAAA,kB,KAAAA,kB;;AAaL,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACpB,SAAD,EAAoC;AAC9D,MAAIxB,UAAU,GAAG,GAAjB;;AACA,MAAIwB,SAAS,KAAKmB,kBAAkB,CAAClB,IAAjC,IAAyCD,SAAS,KAAKmB,kBAAkB,CAACE,aAA9E,EAA6F;AAC3F7C,IAAAA,UAAU,GAAG,GAAb;AACD;;AACD,SAAOA,UAAP;AACD,CAND;;AAQA,IAAM8C,kBAAkB,GAAG,SAArBA,kBAAqB,CAACtB,SAAD,EAAoC;AAC7D,MAAIvB,SAAS,GAAGuB,SAAS,IAAIA,SAAS,KAAKmB,kBAAkB,CAAChB,MAA9C,GAAuD,QAAvD,GAAkE,EAAlF;AACA,SAAO1B,SAAP;AACD,CAHD;;AAKA,IAAM8C,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACvB,SAAD,EAA4D;AAC9F,MAAIvB,SAAiC,GAAGuB,SAAS,IAAIA,SAAS,KAAKmB,kBAAkB,CAACE,aAA9C,GAA8D,WAA9D,GAA4E,MAApH;AACA,SAAO5C,SAAP;AACD,CAHD;;AAKA,IAAM+C,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACjD,QAAD,EAAmBN,UAAnB,EAAuC+B,SAAvC,EAAsEtB,KAAtE,EAA2G;AAClI,SAAOd,GAAP,mLACeW,QADf,EAEiB6C,mBAAmB,CAACpB,SAAD,CAFpC,EAGiB/B,UAHjB,EAIgBqD,kBAAkB,CAACtB,SAAD,CAJlC,EAKItB,KAAK,KAAK,IAAV,GAAiB,EAAjB,oBAAgCA,KAAK,IAAIb,MAAM,CAACc,KAAhD,MALJ;AAOD,CARD;;AAUA,IAAM8C,kBAAkB,GAAG,SAArBA,kBAAqB,CAACzB,SAAD,EAAgCtB,KAAhC;AAAA,SAAyD8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAAzE;AAAA,CAA3B;;AACA,IAAMgD,WAAoD,GAAG,SAAvDA,WAAuD,SAA+C;AAAA,MAA5ChD,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AAC1G,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAA,cACGiC;AADH,IADF;AAKD,CARD;;;AAlCEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AA0CF,IAAM4B,iBAAiB,GAAG,SAApBA,iBAAoB,CAAC5B,SAAD,EAAgCtB,KAAhC;AAAA,SAAyD8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAAzE;AAAA,CAA1B;;AACA,IAAMmD,UAAmD,GAAG,SAAtDA,UAAsD,SAA+C;AAAA,MAA5CnD,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AACzG,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAA,cACGiC;AADH,IADF;AAKD,CARD;;;AA7CEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AAqDF,IAAM8B,iBAAiB,GAAG,SAApBA,iBAAoB,CAAC9B,SAAD,EAAgCtB,KAAhC;AAAA,SAAqE8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAArF;AAAA,CAA1B;;AACA,IAAMqD,UAAmD,GAAG,SAAtDA,UAAsD,SAA+C;AAAA,MAA5CrD,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AACzG,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAA,cACGiC;AADH,IADF;AAKD,CARD;;;AAxDEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AAgEF,IAAMgC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAChC,SAAD,EAAgCtB,KAAhC;AAAA,SAAyD8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAAzE;AAAA,CAA1B;;AACA,IAAMuD,UAAmD,GAAG,SAAtDA,UAAsD,SAA+C;AAAA,MAA5CvD,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AACzG,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAA,cACGiC;AADH,IADF;AAKD,CARD;;;AAnEEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AA2EF,IAAMkC,kBAAkB,GAAG,SAArBA,kBAAqB,CAAClC,SAAD,EAAgCtB,KAAhC;AAAA,SAAyD8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAAzE;AAAA,CAA3B;;AACA,IAAMyD,WAAoD,GAAG,SAAvDA,WAAuD,SAA+C;AAAA,MAA5CzD,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AAC1G,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,MAAI3B,aAAa,GAAGkD,2BAA2B,CAACvB,SAAD,CAA/C;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAoI,IAAA,aAAa,EAAEJ,aAAnJ;AAAA,cACGqC;AADH,IADF;AAKD,CATD;;;AA9EEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AAuFF,IAAMoC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACpC,SAAD,EAAgCtB,KAAhC;AAAA,SAAyD8C,gBAAgB,CAAC,MAAD,EAAS,MAAT,EAAiBxB,SAAjB,EAA4BtB,KAA5B,CAAzE;AAAA,CAA5B;;AACA,IAAM2D,YAAqD,GAAG,SAAxDA,YAAwD,SAA+C;AAAA,MAA5C3D,KAA4C,UAA5CA,KAA4C;AAAA,MAArCsB,SAAqC,UAArCA,SAAqC;AAAA,MAA1BU,QAA0B,UAA1BA,QAA0B;AAAA,MAAhBiB,SAAgB,UAAhBA,SAAgB;AAC3G,MAAInD,UAAU,GAAG4C,mBAAmB,CAACpB,SAAD,CAApC;AACA,MAAIvB,SAAS,GAAG6C,kBAAkB,CAACtB,SAAD,CAAlC;AACA,MAAI3B,aAAa,GAAGkD,2BAA2B,CAACvB,SAAD,CAA/C;AACA,sBACE,KAAC,cAAD;AAAgB,IAAA,SAAS,EAAE2B,SAA3B;AAAsC,IAAA,MAAM,EAAEjD,KAA9C;AAAqD,IAAA,UAAU,EAAE,EAAjE;AAAqE,IAAA,SAAS,EAAE,EAAhF;AAAoF,IAAA,WAAW,EAAEF,UAAjG;AAA6G,IAAA,UAAU,EAAEC,SAAzH;AAAoI,IAAA,aAAa,EAAEJ,aAAnJ;AAAA,cACGqC;AADH,IADF;AAKD,CATD;;;AA1FEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;;AAmGF,IAAMsC,mBAA6F,GAAG,SAAhGA,mBAAgG,SAAiD;AAAA,MAA9C5D,KAA8C,UAA9CA,KAA8C;AAAA,MAAvCsB,SAAuC,UAAvCA,SAAuC;AAAA,MAA5BU,QAA4B,UAA5BA,QAA4B;AAAA,MAAlB6B,IAAkB,UAAlBA,IAAkB;AAAA,MAAZC,KAAY,UAAZA,KAAY;AACrJ,MAAIC,QAAQ,GAAGF,IAAf;;AACA,MAAI,CAACA,IAAL,EAAW;AACT,QAAIC,KAAK,GAAG,GAAZ,EAAiB;AACfC,MAAAA,QAAQ,GAAG3E,IAAI,CAAC4E,KAAhB;AACD,KAFD,MAEO,IAAIF,KAAK,GAAG,GAAZ,EAAiB;AACtBC,MAAAA,QAAQ,GAAG3E,IAAI,CAAC6E,MAAhB;AACD,KAFM,MAEA;AACLF,MAAAA,QAAQ,GAAG3E,IAAI,CAAC8E,KAAhB;AACD;AACF;;AACD,UAAQH,QAAR;AACE,SAAK3E,IAAI,CAAC+E,OAAV;AACE,0BAAO,KAAC,YAAD;AAAc,QAAA,KAAK,EAAEnE,KAArB;AAA4B,QAAA,SAAS,EAAEsB,SAAvC;AAAkD,QAAA,QAAQ,EAAEU;AAA5D,QAAP;;AACF,SAAK5C,IAAI,CAACgF,MAAV;AACE,0BAAO,KAAC,WAAD;AAAa,QAAA,KAAK,EAAEpE,KAApB;AAA2B,QAAA,SAAS,EAAEsB,SAAtC;AAAiD,QAAA,QAAQ,EAAEU;AAA3D,QAAP;;AACF,SAAK5C,IAAI,CAAC4E,KAAV;AACE,0BAAO,KAAC,UAAD;AAAY,QAAA,KAAK,EAAEhE,KAAnB;AAA0B,QAAA,SAAS,EAAEsB,SAArC;AAAgD,QAAA,QAAQ,EAAEU;AAA1D,QAAP;;AACF,SAAK5C,IAAI,CAAC6E,MAAV;AACE,0BAAO,KAAC,UAAD;AAAY,QAAA,KAAK,EAAEjE,KAAnB;AAA0B,QAAA,SAAS,EAAEsB,SAArC;AAAgD,QAAA,QAAQ,EAAEU;AAA1D,QAAP;;AACF,SAAK5C,IAAI,CAAC8E,KAAV;AACA;AACE,0BAAO,KAAC,UAAD;AAAY,QAAA,KAAK,EAAElE,KAAnB;AAA0B,QAAA,SAAS,EAAEsB,SAArC;AAAgD,QAAA,QAAQ,EAAEU;AAA1D,QAAP;AAXJ;AAaD,CAxBD;;;AArGEhC,EAAAA,K;AACAiD,EAAAA,S;AACA3B,EAAAA,S;;AA6HF,SAASjB,UAAT,EAAqBE,SAArB,EAAgCE,SAAhC,EAA2CE,SAA3C,EAAsDE,UAAtD,EAAkEE,WAAlE;AACA,SAASK,kBAAT,EAA6BW,WAA7B,EAA0CG,UAA1C,EAAsDE,UAAtD,EAAkEE,UAAlE,EAA8EE,WAA9E;AACA,SAASC,kBAAT,EAA6BO,WAA7B,EAA0CG,UAA1C,EAAsDE,UAAtD,EAAkEE,UAAlE,EAA8EE,WAA9E,EAA2FE,YAA3F,EAAyGC,mBAAzG;AACA,SAASb,kBAAT,EAA6BG,iBAA7B,EAAgDE,iBAAhD,EAAmEE,iBAAnE,EAAsFE,kBAAtF,EAA0GE,mBAA1G;AACA,SAAS5B,kBAAT,EAA6BG,iBAA7B,EAAgDE,iBAAhD,EAAmEE,iBAAnE,EAAsFE,kBAAtF;AACA,SAASnC,iBAAT,EAA4BE,gBAA5B,EAA8CE,gBAA9C,EAAgEE,gBAAhE,EAAkFE,iBAAlF,EAAqGE,kBAArG","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\nconst 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};\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};\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 < 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"],"file":"typography.js"}

package/package.json

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