@laerdal/life-react-components 5.0.9 → 6.0.0-dev.1

package/dist/styles/typography.d.ts

@@ -1,49 +1,49 @@
-import React from 'react';
-import { Property } from 'csstype';
-import { Size } from '../types';
-export declare const TypographyBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $color?: string | undefined;
-    $lineHeight: number;
-    $fontSize: number;
-    $fontWeight: number;
-    $fontStyle?: string | undefined;
-    $textTransform?: Property.TextTransform | undefined;
-    $textDecorationLine?: Property.TextDecorationLine | undefined;
-}>> & string;
-declare enum ComponentTextStyle {
-    Regular = 1,
-    Bold = 2,
-    Italic = 3,
-    UppercaseBold = 4
-}
-type ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {
-    color?: string;
-    className?: string;
-    textStyle?: ComponentTextStyle;
-    children?: React.ReactNode;
-};
-declare const ComponentXLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
-declare const ComponentXL: React.FunctionComponent<ComponentProps>;
-declare const ComponentLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
-declare const ComponentL: React.FunctionComponent<ComponentProps>;
-declare const ComponentMStyling: (textStyle: ComponentTextStyle, color: string | undefined | null) => import("styled-components").RuleSet<object>;
-declare const ComponentM: React.FunctionComponent<ComponentProps>;
-declare const ComponentSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
-declare const ComponentS: React.FunctionComponent<ComponentProps>;
-declare const ComponentXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
-declare const ComponentXS: React.FunctionComponent<ComponentProps>;
-declare const ComponentXXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
-declare const ComponentXXS: React.FunctionComponent<ComponentProps>;
-declare const ComponentResponsive: React.FunctionComponent<ComponentProps & {
-    size?: Size;
-    width: number;
-}>;
-export declare const Typography: import("styled-components").RuleSet<object>;
-export declare const QuoteTypography: import("styled-components").RuleSet<object>;
-export declare const NoteTypography: import("styled-components").RuleSet<object>;
-export declare const UpperCaseTypography: import("styled-components").RuleSet<object>;
-export declare const Note: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const Quote: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const UpperCase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
-export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };
+import React from 'react';
+import { Property } from 'csstype';
+import { Size } from '../types';
+export declare const TypographyBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $color?: string;
+    $lineHeight: number;
+    $fontSize: number;
+    $fontWeight: number;
+    $fontStyle?: string;
+    $textTransform?: Property.TextTransform;
+    $textDecorationLine?: Property.TextDecorationLine;
+}>> & string;
+declare enum ComponentTextStyle {
+    Regular = 1,
+    Bold = 2,
+    Italic = 3,
+    UppercaseBold = 4
+}
+type ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {
+    color?: string;
+    className?: string;
+    textStyle?: ComponentTextStyle;
+    children?: React.ReactNode;
+};
+declare const ComponentXLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentXL: React.FunctionComponent<ComponentProps>;
+declare const ComponentLStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentL: React.FunctionComponent<ComponentProps>;
+declare const ComponentMStyling: (textStyle: ComponentTextStyle, color: string | undefined | null) => import("styled-components").RuleSet<object>;
+declare const ComponentM: React.FunctionComponent<ComponentProps>;
+declare const ComponentSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentS: React.FunctionComponent<ComponentProps>;
+declare const ComponentXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentXS: React.FunctionComponent<ComponentProps>;
+declare const ComponentXXSStyling: (textStyle: ComponentTextStyle, color: string | null) => import("styled-components").RuleSet<object>;
+declare const ComponentXXS: React.FunctionComponent<ComponentProps>;
+declare const ComponentResponsive: React.FunctionComponent<ComponentProps & {
+    size?: Size;
+    width: number;
+}>;
+export declare const Typography: import("styled-components").RuleSet<object>;
+export declare const QuoteTypography: import("styled-components").RuleSet<object>;
+export declare const NoteTypography: import("styled-components").RuleSet<object>;
+export declare const UpperCaseTypography: import("styled-components").RuleSet<object>;
+export declare const Note: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const Quote: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const UpperCase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
+export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };

package/dist/styles/typography.js

@@ -1,15 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _excluded = ["color", "textStyle", "children", "className"],
+const _excluded = ["color", "textStyle", "children", "className"],
   _excluded2 = ["color", "textStyle", "children", "className"],
   _excluded3 = ["color", "textStyle", "children", "className"],
   _excluded4 = ["color", "textStyle", "children", "className"],
   _excluded5 = ["color", "textStyle", "children", "className"],
   _excluded6 = ["color", "textStyle", "children", "className"],
   _excluded7 = ["color", "textStyle", "children", "size", "width"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -17,63 +15,57 @@ import styled, { css } from 'styled-components';
 import { COLORS } from '.';
 import { Size } from '../types';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var TypographyBase = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: ", "px;\n  text-transform: ", ";\n  text-decoration-line: ", ";\n  font-style: ", ";\n  color: ", ";\n"])), function (props) {
-  return props.$fontSize;
-}, function (props) {
-  return props.$fontWeight;
-}, function (props) {
-  return props.$lineHeight;
-}, function (props) {
-  var _props$$textTransform;
-  return (_props$$textTransform = props.$textTransform) !== null && _props$$textTransform !== void 0 ? _props$$textTransform : 'none';
-}, function (props) {
-  var _props$$textDecoratio;
-  return (_props$$textDecoratio = props.$textDecorationLine) !== null && _props$$textDecoratio !== void 0 ? _props$$textDecoratio : 'none';
-}, function (props) {
-  var _props$$fontStyle;
-  return (_props$$fontStyle = props.$fontStyle) !== null && _props$$fontStyle !== void 0 ? _props$$fontStyle : 'normal';
-}, function (props) {
-  var _props$$color;
-  return (_props$$color = props.$color) !== null && _props$$color !== void 0 ? _props$$color : COLORS.getColor('black', props.theme);
-});
-var ComponentTextStyle;
-(function (ComponentTextStyle) {
+export const TypographyBase = styled.div`
+  font-size: ${props => props.$fontSize}px;
+  font-weight: ${props => props.$fontWeight};
+  line-height: ${props => props.$lineHeight}px;
+  text-transform: ${props => props.$textTransform ?? 'none'};
+  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};
+  font-style: ${props => props.$fontStyle ?? 'normal'};
+  color: ${props => props.$color ?? COLORS.getColor('black', props.theme)};
+`;
+var ComponentTextStyle = /*#__PURE__*/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;
+  return ComponentTextStyle;
+}(ComponentTextStyle || {});
+const componentFontWeight = textStyle => {
+  let 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' : '';
+const componentFontStyle = textStyle => {
+  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';
   return fontStyle;
 };
-var componentTextTransformation = function componentTextTransformation(textStyle) {
-  var fontStyle = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';
+const componentTextTransformation = textStyle => {
+  let fontStyle = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';
   return fontStyle;
 };
-var ComponentStyling = function ComponentStyling(fontSize, lineHeight, textStyle, color) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    font-weight: ", ";\n    line-height: ", ";\n    font-style: ", ";\n    ", "\n  "])), fontSize, componentFontWeight(textStyle), lineHeight, componentFontStyle(textStyle), function (props) {
-    return color === null ? '' : "color: ".concat(color || COLORS.getColor('black', props.theme), ";");
-  });
+const ComponentStyling = (fontSize, lineHeight, textStyle, color) => {
+  return css`
+    font-size: ${fontSize};
+    font-weight: ${componentFontWeight(textStyle)};
+    line-height: ${lineHeight};
+    font-style: ${componentFontStyle(textStyle)};
+    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}
+  `;
 };
-var ComponentXLStyling = function ComponentXLStyling(textStyle, color) {
-  return ComponentStyling('24px', '28px', textStyle, color);
-};
-var ComponentXL = function ComponentXL(_ref) {
-  var color = _ref.color,
-    textStyle = _ref.textStyle,
-    children = _ref.children,
-    className = _ref.className,
+const ComponentXLStyling = (textStyle, color) => ComponentStyling('24px', '28px', textStyle, color);
+const ComponentXL = _ref => {
+  let {
+      color,
+      textStyle,
+      children,
+      className
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var fontWeight = componentFontWeight(textStyle);
-  var fontStyle = componentFontStyle(textStyle);
+  let fontWeight = componentFontWeight(textStyle);
+  let fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
@@ -91,17 +83,17 @@ ComponentXL.propTypes = {
   textStyle: _pt.oneOf([1, 2, 3, 4]),
   children: _pt.node
 };
-var ComponentLStyling = function ComponentLStyling(textStyle, color) {
-  return ComponentStyling('20px', '24px', textStyle, color);
-};
-var ComponentL = function ComponentL(_ref2) {
-  var color = _ref2.color,
-    textStyle = _ref2.textStyle,
-    children = _ref2.children,
-    className = _ref2.className,
+const ComponentLStyling = (textStyle, color) => ComponentStyling('20px', '24px', textStyle, color);
+const ComponentL = _ref2 => {
+  let {
+      color,
+      textStyle,
+      children,
+      className
+    } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  var fontWeight = componentFontWeight(textStyle);
-  var fontStyle = componentFontStyle(textStyle);
+  let fontWeight = componentFontWeight(textStyle);
+  let fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
@@ -119,17 +111,17 @@ ComponentL.propTypes = {
   textStyle: _pt.oneOf([1, 2, 3, 4]),
   children: _pt.node
 };
-var ComponentMStyling = function ComponentMStyling(textStyle, color) {
-  return ComponentStyling('18px', '24px', textStyle, color);
-};
-var ComponentM = function ComponentM(_ref3) {
-  var color = _ref3.color,
-    textStyle = _ref3.textStyle,
-    children = _ref3.children,
-    className = _ref3.className,
+const ComponentMStyling = (textStyle, color) => ComponentStyling('18px', '24px', textStyle, color);
+const ComponentM = _ref3 => {
+  let {
+      color,
+      textStyle,
+      children,
+      className
+    } = _ref3,
     rest = _objectWithoutProperties(_ref3, _excluded3);
-  var fontWeight = componentFontWeight(textStyle);
-  var fontStyle = componentFontStyle(textStyle);
+  let fontWeight = componentFontWeight(textStyle);
+  let fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
@@ -147,17 +139,17 @@ ComponentM.propTypes = {
   textStyle: _pt.oneOf([1, 2, 3, 4]),
   children: _pt.node
 };
-var ComponentSStyling = function ComponentSStyling(textStyle, color) {
-  return ComponentStyling('16px', '20px', textStyle, color);
-};
-var ComponentS = function ComponentS(_ref4) {
-  var color = _ref4.color,
-    textStyle = _ref4.textStyle,
-    children = _ref4.children,
-    className = _ref4.className,
+const ComponentSStyling = (textStyle, color) => ComponentStyling('16px', '20px', textStyle, color);
+const ComponentS = _ref4 => {
+  let {
+      color,
+      textStyle,
+      children,
+      className
+    } = _ref4,
     rest = _objectWithoutProperties(_ref4, _excluded4);
-  var fontWeight = componentFontWeight(textStyle);
-  var fontStyle = componentFontStyle(textStyle);
+  let fontWeight = componentFontWeight(textStyle);
+  let fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
@@ -175,18 +167,18 @@ ComponentS.propTypes = {
   textStyle: _pt.oneOf([1, 2, 3, 4]),
   children: _pt.node
 };
-var ComponentXSStyling = function ComponentXSStyling(textStyle, color) {
-  return ComponentStyling('14px', '16px', textStyle, color);
-};
-var ComponentXS = function ComponentXS(_ref5) {
-  var color = _ref5.color,
-    textStyle = _ref5.textStyle,
-    children = _ref5.children,
-    className = _ref5.className,
+const ComponentXSStyling = (textStyle, color) => ComponentStyling('14px', '16px', textStyle, color);
+const ComponentXS = _ref5 => {
+  let {
+      color,
+      textStyle,
+      children,
+      className
+    } = _ref5,
     rest = _objectWithoutProperties(_ref5, _excluded5);
-  var fontWeight = componentFontWeight(textStyle);
-  var fontStyle = componentFontStyle(textStyle);
-  var textTransform = componentTextTransformation(textStyle);
+  let fontWeight = componentFontWeight(textStyle);
+  let fontStyle = componentFontStyle(textStyle);
+  let textTransform = componentTextTransformation(textStyle);
   return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
@@ -205,18 +197,18 @@ ComponentXS.propTypes = {
   textStyle: _pt.oneOf([1, 2, 3, 4]),
   children: _pt.node
 };
-var ComponentXXSStyling = function ComponentXXSStyling(textStyle, color) {
-  return ComponentStyling('12px', '16px', textStyle, color);
-};
-var ComponentXXS = function ComponentXXS(_ref6) {
-  var color = _ref6.color,
-    textStyle = _ref6.textStyle,
-    children = _ref6.children,
-    className = _ref6.className,
+const ComponentXXSStyling = (textStyle, color) => ComponentStyling('12px', '16px', textStyle, color);
+const ComponentXXS = _ref6 => {
+  let {
+      color,
+      textStyle,
+      children,
+      className
+    } = _ref6,
     rest = _objectWithoutProperties(_ref6, _excluded6);
-  var fontWeight = componentFontWeight(textStyle);
-  var fontStyle = componentFontStyle(textStyle);
-  var textTransform = componentTextTransformation(textStyle);
+  let fontWeight = componentFontWeight(textStyle);
+  let fontStyle = componentFontStyle(textStyle);
+  let textTransform = componentTextTransformation(textStyle);
   return /*#__PURE__*/_jsx(TypographyBase, _objectSpread(_objectSpread({
     className: className,
     $color: color,
@@ -235,14 +227,16 @@ ComponentXXS.propTypes = {
   textStyle: _pt.oneOf([1, 2, 3, 4]),
   children: _pt.node
 };
-var ComponentResponsive = function ComponentResponsive(_ref7) {
-  var color = _ref7.color,
-    textStyle = _ref7.textStyle,
-    children = _ref7.children,
-    size = _ref7.size,
-    width = _ref7.width,
+const ComponentResponsive = _ref7 => {
+  let {
+      color,
+      textStyle,
+      children,
+      size,
+      width
+    } = _ref7,
     rest = _objectWithoutProperties(_ref7, _excluded7);
-  var fontsize = size;
+  let fontsize = size;
   if (!size) {
     if (width == -1) {
       fontsize = Size.Medium;
@@ -294,13 +288,111 @@ ComponentResponsive.propTypes = {
   textStyle: _pt.oneOf([1, 2, 3, 4]),
   children: _pt.node
 };
-export var Typography = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  html {\n    font-size: 100%;\n  }\n\n  @media (min-width: 48rem) {\n    html {\n      font-size: 112.5%;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    html {\n      font-size: 125%;\n    }\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-weight: 700;\n    line-height: 120%;\n    margin: 0;\n  }\n\n  h1 {\n    font-size: 3rem;\n  }\n\n  h2 {\n    font-size: 2.5rem;\n  }\n\n  h3 {\n    font-size: 2rem;\n  }\n\n  h4 {\n    font-size: 1.75rem;\n  }\n\n  h5 {\n    font-size: 1.5rem;\n  }\n\n  h6 {\n    font-size: 1.25rem;\n  }\n\n  p {\n    font-size: 1rem;\n    line-height: 150%;\n    margin: 0 0 0.5rem;\n  }\n\n  p:last-of-type {\n    margin-bottom: 0;\n  }\n\n\n  h1, h2, h3, h4, h5, h6, p, span {\n    max-width: 34rem;\n  }\n\n  :lang(ja-jp) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(ko-kr) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n\n  :lang(zh-CN) {\n    h1, h2, h3, h4, h5, h6, p, span {\n      max-width: 30rem;\n    }\n  }\n"])));
-export var QuoteTypography = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 1.5rem;\n  line-height: 150%;\n  margin-bottom: 0.75rem;\n"])));
-export var NoteTypography = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  margin-bottom: 0.375rem;\n"])));
-export var UpperCaseTypography = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-size: 0.75rem;\n  line-height: 150%;\n  font-weight: 700;\n  text-transform: uppercase;\n"])));
-export var Note = styled.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n"])), NoteTypography);
-export var Quote = styled.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", "\n"])), QuoteTypography);
-export var UpperCase = styled.p(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  ", "\n"])), UpperCaseTypography);
+export const Typography = css`
+  html {
+    font-size: 100%;
+  }
+
+  @media (min-width: 48rem) {
+    html {
+      font-size: 112.5%;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    html {
+      font-size: 125%;
+    }
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-weight: 700;
+    line-height: 120%;
+    margin: 0;
+  }
+
+  h1 {
+    font-size: 3rem;
+  }
+
+  h2 {
+    font-size: 2.5rem;
+  }
+
+  h3 {
+    font-size: 2rem;
+  }
+
+  h4 {
+    font-size: 1.75rem;
+  }
+
+  h5 {
+    font-size: 1.5rem;
+  }
+
+  h6 {
+    font-size: 1.25rem;
+  }
+
+  p {
+    font-size: 1rem;
+    line-height: 150%;
+    margin: 0 0 0.5rem;
+  }
+
+  p:last-of-type {
+    margin-bottom: 0;
+  }
+
+
+  h1, h2, h3, h4, h5, h6, p, span {
+    max-width: 34rem;
+  }
+
+  :lang(ja-jp) {
+    h1, h2, h3, h4, h5, h6, p, span {
+      max-width: 30rem;
+    }
+  }
+
+  :lang(ko-kr) {
+    h1, h2, h3, h4, h5, h6, p, span {
+      max-width: 30rem;
+    }
+  }
+
+  :lang(zh-CN) {
+    h1, h2, h3, h4, h5, h6, p, span {
+      max-width: 30rem;
+    }
+  }
+`;
+export const QuoteTypography = css`
+  font-size: 1.5rem;
+  line-height: 150%;
+  margin-bottom: 0.75rem;
+`;
+export const NoteTypography = css`
+  font-size: 0.75rem;
+  line-height: 150%;
+  margin-bottom: 0.375rem;
+`;
+export const UpperCaseTypography = css`
+  font-size: 0.75rem;
+  line-height: 150%;
+  font-weight: 700;
+  text-transform: uppercase;
+`;
+export const Note = styled.p`
+  ${NoteTypography}
+`;
+export const Quote = styled.p`
+  ${QuoteTypography}
+`;
+export const UpperCase = styled.p`
+  ${UpperCaseTypography}
+`;
 export { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };
 export { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };
 //# sourceMappingURL=typography.js.map

package/dist/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","div","_templateObject","_taggedTemplateLiteral","props","$fontSize","$fontWeight","$lineHeight","_props$$textTransform","$textTransform","_props$$textDecoratio","$textDecorationLine","_props$$fontStyle","$fontStyle","_props$$color","$color","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","_templateObject2","concat","ComponentXLStyling","ComponentXL","_ref","children","className","rest","_objectWithoutProperties","_excluded","_objectSpread","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","_excluded2","ComponentMStyling","ComponentM","_ref3","_excluded3","ComponentSStyling","ComponentS","_ref4","_excluded4","ComponentXSStyling","ComponentXS","_ref5","_excluded5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","_excluded6","ComponentResponsive","_ref7","size","width","_excluded7","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","_templateObject3","QuoteTypography","_templateObject4","NoteTypography","_templateObject5","UpperCaseTypography","_templateObject6","Note","p","_templateObject7","Quote","_templateObject8","UpperCase","_templateObject9"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n  $lineHeight: number,\r\n  $fontSize: number,\r\n  $fontWeight: number,\r\n  $fontStyle?: string,\r\n  $textTransform?: Property.TextTransform,\r\n  $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n  font-size: ${props => props.$fontSize}px;\r\n  font-weight: ${props => props.$fontWeight};\r\n  line-height: ${props => props.$lineHeight}px;\r\n  text-transform: ${props => props.$textTransform ?? 'none' };\r\n  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n  font-style: ${props => props.$fontStyle ?? 'normal'};\r\n  color: ${props => props.$color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width, \r\n                                                                                                         ...rest\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"typography.js","names":["React","styled","css","COLORS","Size","jsx","_jsx","TypographyBase","div","props","$fontSize","$fontWeight","$lineHeight","$textTransform","$textDecorationLine","$fontStyle","$color","getColor","theme","ComponentTextStyle","componentFontWeight","textStyle","fontWeight","Bold","UppercaseBold","componentFontStyle","fontStyle","Italic","componentTextTransformation","ComponentStyling","fontSize","lineHeight","color","ComponentXLStyling","ComponentXL","_ref","children","className","rest","_objectWithoutProperties","_excluded","_objectSpread","propTypes","_pt","string","oneOf","node","ComponentLStyling","ComponentL","_ref2","_excluded2","ComponentMStyling","ComponentM","_ref3","_excluded3","ComponentSStyling","ComponentS","_ref4","_excluded4","ComponentXSStyling","ComponentXS","_ref5","_excluded5","textTransform","ComponentXXSStyling","ComponentXXS","_ref6","_excluded6","ComponentResponsive","_ref7","size","width","_excluded7","fontsize","Medium","Small","Large","XXSmall","XSmall","Typography","QuoteTypography","NoteTypography","UpperCaseTypography","Note","p","Quote","UpperCase"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {COLORS} from '.';\r\nimport {Property} from 'csstype';\r\nimport {Size} from '../types';\r\n\r\nexport const TypographyBase = styled.div<{$color?: string,\r\n  $lineHeight: number,\r\n  $fontSize: number,\r\n  $fontWeight: number,\r\n  $fontStyle?: string,\r\n  $textTransform?: Property.TextTransform,\r\n  $textDecorationLine?: Property.TextDecorationLine,\r\n}>`\r\n  font-size: ${props => props.$fontSize}px;\r\n  font-weight: ${props => props.$fontWeight};\r\n  line-height: ${props => props.$lineHeight}px;\r\n  text-transform: ${props => props.$textTransform ?? 'none' };\r\n  text-decoration-line: ${props => props.$textDecorationLine ?? 'none'};\r\n  font-style: ${props => props.$fontStyle ?? 'normal'};\r\n  color: ${props => props.$color ?? COLORS.getColor('black', props.theme)};\r\n`;\r\n\r\nenum ComponentTextStyle {\r\n  Regular = 1,\r\n  Bold,\r\n  Italic,\r\n  UppercaseBold,\r\n}\r\n\r\ntype ComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'className' | 'children'> & {\r\n  color?: string;\r\n  className?: string;\r\n  textStyle?: ComponentTextStyle;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\r\n  let fontWeight = 400;\r\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\r\n    fontWeight = 700;\r\n  }\r\n  return fontWeight;\r\n};\r\n\r\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\r\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\r\n  return fontStyle;\r\n};\r\n\r\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\r\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\r\n  return fontStyle;\r\n};\r\n\r\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\r\n  return css`\r\n    font-size: ${fontSize};\r\n    font-weight: ${componentFontWeight(textStyle)};\r\n    line-height: ${lineHeight};\r\n    font-style: ${componentFontStyle(textStyle)};\r\n    ${props => color === null ? '' : `color: ${color || COLORS.getColor('black', props.theme)};`}\r\n  `;\r\n};\r\n\r\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\r\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={28} $fontSize={24} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\r\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={20} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\r\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={24} $fontSize={18} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\r\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={20} $fontSize={16} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\r\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={14} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\r\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({color, textStyle, children, className, ...rest}) => {\r\n  let fontWeight = componentFontWeight(textStyle);\r\n  let fontStyle = componentFontStyle(textStyle);\r\n  let textTransform = componentTextTransformation(textStyle);\r\n  return (\r\n    <TypographyBase className={className} $color={color} $lineHeight={16} $fontSize={12} $fontWeight={fontWeight}\r\n                    $fontStyle={fontStyle} $textTransform={textTransform} {...rest}>\r\n      {children}\r\n    </TypographyBase>\r\n  );\r\n};\r\n\r\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\r\n                                                                                                         color,\r\n                                                                                                         textStyle,\r\n                                                                                                         children,\r\n                                                                                                         size,\r\n                                                                                                         width, \r\n                                                                                                         ...rest\r\n                                                                                                       }) => {\r\n  let fontsize = size;\r\n  if (!size) {\r\n    if (width == -1) {\r\n      fontsize = Size.Medium;\r\n    } else if (width < 768) {\r\n      fontsize = Size.Small;\r\n    } else if (width < 992) {\r\n      fontsize = Size.Medium;\r\n    } else {\r\n      fontsize = Size.Large;\r\n    }\r\n  }\r\n  switch (fontsize) {\r\n    case Size.XXSmall:\r\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.XSmall:\r\n      return <ComponentXS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Small:\r\n      return <ComponentS color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Medium:\r\n      return <ComponentM color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n    case Size.Large:\r\n    default:\r\n      return <ComponentL color={color} textStyle={textStyle} children={children} {...rest}/>;\r\n  }\r\n};\r\n\r\nexport const Typography = css`\r\n  html {\r\n    font-size: 100%;\r\n  }\r\n\r\n  @media (min-width: 48rem) {\r\n    html {\r\n      font-size: 112.5%;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 80rem) {\r\n    html {\r\n      font-size: 125%;\r\n    }\r\n  }\r\n\r\n  h1, h2, h3, h4, h5, h6 {\r\n    font-weight: 700;\r\n    line-height: 120%;\r\n    margin: 0;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  h3 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  h4 {\r\n    font-size: 1.75rem;\r\n  }\r\n\r\n  h5 {\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  h6 {\r\n    font-size: 1.25rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 1rem;\r\n    line-height: 150%;\r\n    margin: 0 0 0.5rem;\r\n  }\r\n\r\n  p:last-of-type {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  h1, h2, h3, h4, h5, h6, p, span {\r\n    max-width: 34rem;\r\n  }\r\n\r\n  :lang(ja-jp) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(ko-kr) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n\r\n  :lang(zh-CN) {\r\n    h1, h2, h3, h4, h5, h6, p, span {\r\n      max-width: 30rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QuoteTypography = css`\r\n  font-size: 1.5rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.75rem;\r\n`;\r\n\r\nexport const NoteTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  margin-bottom: 0.375rem;\r\n`;\r\n\r\nexport const UpperCaseTypography = css`\r\n  font-size: 0.75rem;\r\n  line-height: 150%;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n`;\r\n\r\nexport const Note = styled.p`\r\n  ${NoteTypography}\r\n`;\r\n\r\nexport const Quote = styled.p`\r\n  ${QuoteTypography}\r\n`;\r\n\r\nexport const UpperCase = styled.p`\r\n  ${UpperCaseTypography}\r\n`;\r\n\r\nexport {\r\n  ComponentTextStyle,\r\n  ComponentXL,\r\n  ComponentL,\r\n  ComponentM,\r\n  ComponentS,\r\n  ComponentXS,\r\n  ComponentXXS,\r\n  ComponentResponsive\r\n};\r\nexport {\r\n  ComponentXLStyling,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/dist/styles/z-indexes.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Z_INDEXES = void 0;
-var Z_INDEXES = {
+const Z_INDEXES = exports.Z_INDEXES = {
   hover: '1',
   active: '2',
   focus: '3',
@@ -20,5 +20,4 @@ var Z_INDEXES = {
   tooltip: '1080',
   popover: '1070'
 };
-exports.Z_INDEXES = Z_INDEXES;
 //# sourceMappingURL=z-indexes.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"z-indexes.cjs","names":["Z_INDEXES","hover","active","focus","badge","loader","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip","popover","exports"],"sources":["../../src/styles/z-indexes.ts"],"sourcesContent":["export const Z_INDEXES = {\r\n  hover: '1',\r\n  active: '2',\r\n  focus: '3',\r\n\r\n  badge: '10',\r\n\r\n  loader: '990',  \r\n  dropdown: '1000',\r\n  sticky_menu: '1020',\r\n  fixed_menu: '1030',\r\n  backdrop: '1040',\r\n  off_canvas: '1050',\r\n  modal: '1060',\r\n  toast: '1070',\r\n  tooltip: '1080',\r\n  popover: '1070'\r\n}\r\n"],"mappings":";;;;;;AAAO,IAAMA,SAAS,GAAG;EACvBC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,GAAG;EAEVC,KAAK,EAAE,IAAI;EAEXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,MAAM;EAChBC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,MAAM;EAClBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE;AACX,CAAC;AAAAC,OAAA,CAAAf,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"file":"z-indexes.cjs","names":["Z_INDEXES","exports","hover","active","focus","badge","loader","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip","popover"],"sources":["../../src/styles/z-indexes.ts"],"sourcesContent":["export const Z_INDEXES = {\r\n  hover: '1',\r\n  active: '2',\r\n  focus: '3',\r\n\r\n  badge: '10',\r\n\r\n  loader: '990',  \r\n  dropdown: '1000',\r\n  sticky_menu: '1020',\r\n  fixed_menu: '1030',\r\n  backdrop: '1040',\r\n  off_canvas: '1050',\r\n  modal: '1060',\r\n  toast: '1070',\r\n  tooltip: '1080',\r\n  popover: '1070'\r\n}\r\n"],"mappings":";;;;;;AAAO,MAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,GAAG;EAEVC,KAAK,EAAE,IAAI;EAEXC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,MAAM;EAChBC,WAAW,EAAE,MAAM;EACnBC,UAAU,EAAE,MAAM;EAClBC,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,MAAM;EAClBC,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE,MAAM;EACfC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}