@laerdal/life-react-components 1.4.1-dev.7.full → 1.4.1-dev.8

package/dist/styles/typography.js

@@ -0,0 +1,577 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+import _pt from "prop-types";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+import React from 'react';
+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,
+      $fontSize = _ref.$fontSize,
+      $fontWeight = _ref.$fontWeight,
+      $fontStyle = _ref.$fontStyle,
+      textTransform = _ref.textTransform,
+      textDecorationLine = _ref.textDecorationLine;
+  return {
+    fontFamily: TYPOGRAPHY.fontFamily,
+    fontSize: $fontSize,
+    fontWeight: $fontWeight,
+    lineHeight: lineHeight + 'px',
+    textTransform: textTransform ? textTransform : 'none',
+    textDecorationLine: textDecorationLine ? textDecorationLine : 'none',
+    fontStyle: $fontStyle ? $fontStyle : 'normal',
+    color: $color ? $color : COLORS.black
+  };
+});
+
+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);
+};
+
+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-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);
+};
+
+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])
+};
+
+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])
+};
+
+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])
+};
+
+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])
+};
+
+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])
+};
+var ComponentTextStyle;
+
+(function (ComponentTextStyle) {
+  ComponentTextStyle[ComponentTextStyle["Regular"] = 1] = "Regular";
+  ComponentTextStyle[ComponentTextStyle["Bold"] = 2] = "Bold";
+  ComponentTextStyle[ComponentTextStyle["Italic"] = 3] = "Italic";
+  ComponentTextStyle[ComponentTextStyle["UppercaseBold"] = 4] = "UppercaseBold";
+})(ComponentTextStyle || (ComponentTextStyle = {}));
+
+var componentFontWeight = function componentFontWeight(textStyle) {
+  var fontWeight = 400;
+
+  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {
+    fontWeight = 700;
+  }
+
+  return fontWeight;
+};
+
+var componentFontStyle = function componentFontStyle(textStyle) {
+  var fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';
+  return fontStyle;
+};
+
+var componentTextTransformation = function componentTextTransformation(textStyle) {
+  var fontStyle = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';
+  return fontStyle;
+};
+
+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, ";"));
+};
+
+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 fontWeight = componentFontWeight(textStyle);
+  var fontStyle = componentFontStyle(textStyle);
+  return /*#__PURE__*/_jsx(TypographyBase, {
+    className: className,
+    $color: color,
+    lineHeight: 28,
+    $fontSize: 24,
+    $fontWeight: fontWeight,
+    $fontStyle: fontStyle,
+    children: children
+  });
+};
+
+ComponentXL.propTypes = {
+  color: _pt.string,
+  className: _pt.string,
+  textStyle: _pt.oneOf([1, 2, 3, 4])
+};
+
+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 fontWeight = componentFontWeight(textStyle);
+  var fontStyle = componentFontStyle(textStyle);
+  return /*#__PURE__*/_jsx(TypographyBase, {
+    className: className,
+    $color: color,
+    lineHeight: 24,
+    $fontSize: 20,
+    $fontWeight: fontWeight,
+    $fontStyle: fontStyle,
+    children: children
+  });
+};
+
+ComponentL.propTypes = {
+  color: _pt.string,
+  className: _pt.string,
+  textStyle: _pt.oneOf([1, 2, 3, 4])
+};
+
+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 fontWeight = componentFontWeight(textStyle);
+  var fontStyle = componentFontStyle(textStyle);
+  return /*#__PURE__*/_jsx(TypographyBase, {
+    className: className,
+    $color: color,
+    lineHeight: 24,
+    $fontSize: 18,
+    $fontWeight: fontWeight,
+    $fontStyle: fontStyle,
+    children: children
+  });
+};
+
+ComponentM.propTypes = {
+  color: _pt.string,
+  className: _pt.string,
+  textStyle: _pt.oneOf([1, 2, 3, 4])
+};
+
+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 fontWeight = componentFontWeight(textStyle);
+  var fontStyle = componentFontStyle(textStyle);
+  return /*#__PURE__*/_jsx(TypographyBase, {
+    className: className,
+    $color: color,
+    lineHeight: 20,
+    $fontSize: 16,
+    $fontWeight: fontWeight,
+    $fontStyle: fontStyle,
+    children: children
+  });
+};
+
+ComponentS.propTypes = {
+  color: _pt.string,
+  className: _pt.string,
+  textStyle: _pt.oneOf([1, 2, 3, 4])
+};
+
+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 fontWeight = componentFontWeight(textStyle);
+  var fontStyle = componentFontStyle(textStyle);
+  var textTransform = componentTextTransformation(textStyle);
+  return /*#__PURE__*/_jsx(TypographyBase, {
+    className: className,
+    $color: color,
+    lineHeight: 16,
+    $fontSize: 14,
+    $fontWeight: fontWeight,
+    $fontStyle: fontStyle,
+    textTransform: textTransform,
+    children: children
+  });
+};
+
+ComponentXS.propTypes = {
+  color: _pt.string,
+  className: _pt.string,
+  textStyle: _pt.oneOf([1, 2, 3, 4])
+};
+
+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 fontWeight = componentFontWeight(textStyle);
+  var fontStyle = componentFontStyle(textStyle);
+  var textTransform = componentTextTransformation(textStyle);
+  return /*#__PURE__*/_jsx(TypographyBase, {
+    className: className,
+    $color: color,
+    lineHeight: 16,
+    $fontSize: 12,
+    $fontWeight: fontWeight,
+    $fontStyle: fontStyle,
+    textTransform: textTransform,
+    children: children
+  });
+};
+
+ComponentXXS.propTypes = {
+  color: _pt.string,
+  className: _pt.string,
+  textStyle: _pt.oneOf([1, 2, 3, 4])
+};
+
+var ComponentResponsive = function ComponentResponsive(_ref20) {
+  var color = _ref20.color,
+      textStyle = _ref20.textStyle,
+      children = _ref20.children,
+      size = _ref20.size,
+      width = _ref20.width;
+  var fontsize = size;
+
+  if (!size) {
+    if (width < 768) {
+      fontsize = Size.Small;
+    } else if (width < 992) {
+      fontsize = Size.Medium;
+    } else {
+      fontsize = Size.Large;
+    }
+  }
+
+  switch (fontsize) {
+    case Size.XXSmall:
+      return /*#__PURE__*/_jsx(ComponentXXS, {
+        color: color,
+        textStyle: textStyle,
+        children: children
+      });
+
+    case Size.XSmall:
+      return /*#__PURE__*/_jsx(ComponentXS, {
+        color: color,
+        textStyle: textStyle,
+        children: children
+      });
+
+    case Size.Small:
+      return /*#__PURE__*/_jsx(ComponentS, {
+        color: color,
+        textStyle: textStyle,
+        children: children
+      });
+
+    case Size.Medium:
+      return /*#__PURE__*/_jsx(ComponentM, {
+        color: color,
+        textStyle: textStyle,
+        children: children
+      });
+
+    case Size.Large:
+    default:
+      return /*#__PURE__*/_jsx(ComponentL, {
+        color: color,
+        textStyle: textStyle,
+        children: children
+      });
+  }
+};
+
+ComponentResponsive.propTypes = {
+  color: _pt.string,
+  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 };
+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

@@ -0,0 +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":"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","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"}

package/dist/styles/z-indexes.d.ts

@@ -0,0 +1,14 @@
+export declare const Z_INDEXES: {
+    hover: string;
+    active: string;
+    focus: string;
+    badge: string;
+    dropdown: string;
+    sticky_menu: string;
+    fixed_menu: string;
+    backdrop: string;
+    off_canvas: string;
+    modal: string;
+    toast: string;
+    tooltip: string;
+};

package/dist/styles/z-indexes.js

@@ -0,0 +1,15 @@
+export var Z_INDEXES = {
+  hover: '1',
+  active: '2',
+  focus: '3',
+  badge: '10',
+  dropdown: '1000',
+  sticky_menu: '1020',
+  fixed_menu: '1030',
+  backdrop: '1040',
+  off_canvas: '1050',
+  modal: '1060',
+  toast: '1070',
+  tooltip: '1080'
+};
+//# sourceMappingURL=z-indexes.js.map

package/dist/styles/z-indexes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/styles/z-indexes.ts"],"names":["Z_INDEXES","hover","active","focus","badge","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAE,GADgB;AAEvBC,EAAAA,MAAM,EAAE,GAFe;AAGvBC,EAAAA,KAAK,EAAE,GAHgB;AAKvBC,EAAAA,KAAK,EAAE,IALgB;AAQvBC,EAAAA,QAAQ,EAAE,MARa;AASvBC,EAAAA,WAAW,EAAE,MATU;AAUvBC,EAAAA,UAAU,EAAE,MAVW;AAWvBC,EAAAA,QAAQ,EAAE,MAXa;AAYvBC,EAAAA,UAAU,EAAE,MAZW;AAavBC,EAAAA,KAAK,EAAE,MAbgB;AAcvBC,EAAAA,KAAK,EAAE,MAdgB;AAevBC,EAAAA,OAAO,EAAE;AAfc,CAAlB","sourcesContent":["export const Z_INDEXES = {\n  hover: '1',\n  active: '2',\n  focus: '3',\n\n  badge: '10',\n\n\n  dropdown: '1000',\n  sticky_menu: '1020',\n  fixed_menu: '1030',\n  backdrop: '1040',\n  off_canvas: '1050',\n  modal: '1060',\n  toast: '1070',\n  tooltip: '1080',\n}\n"],"file":"z-indexes.js"}