@laerdal/life-react-components 2.1.0 → 2.1.1-dev.15.full

package/dist/SkipToContent/SkipToContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type SkipToContentProps = {
+export type SkipToContentProps = {
     children: React.ReactNode;
 };
 declare const SkipToContent: React.FunctionComponent<SkipToContentProps>;

package/dist/Table/TableTypes.d.ts

@@ -51,10 +51,10 @@ export interface TableColumn {
     customContent?: (row: any, key: string) => any;
     sortable?: boolean;
 }
-export declare type TableColumnTypes = 'text' | 'boolean' | 'number' | 'custom' | 'button' | 'icon' | 'link';
-export declare type TableJustification = 'right' | 'left' | 'center';
-export declare type TableSortingDirection = 'asc' | 'desc';
-export declare type TableLayout = 'auto' | 'fixed';
+export type TableColumnTypes = 'text' | 'boolean' | 'number' | 'custom' | 'button' | 'icon' | 'link';
+export type TableJustification = 'right' | 'left' | 'center';
+export type TableSortingDirection = 'asc' | 'desc';
+export type TableLayout = 'auto' | 'fixed';
 export interface TablePagination {
     from: number;
     to: number;

package/dist/Tabs/TabLink.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { NavLinkProps } from 'react-router-dom';
 import { Size } from '../types';
-declare type TabLinkProps = {
+type TabLinkProps = {
     disabled?: boolean;
     requiredLine: string;
     optionalLine?: string;

package/dist/Tabs/Tabs.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Size } from '../types';
-declare type TabsProps = {
+type TabsProps = {
     children?: any;
     size: Size;
 };

package/dist/Tag/Tag.cjs

@@ -20,13 +20,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  min-width: ", ";\n  border-radius: 2px;\n\n  &.neutral {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.positive {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.warning {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.critical {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent1 {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent2 {\n    background-color: ", ";\n    color: ", ";\n  }\n\n"])), function (props) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  padding: 4px;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  border-radius: 2px;\n  box-sizing: border-box;\n\n  &.neutral {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.positive {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.warning {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.critical {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent1 {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent2 {\n    background-color: ", ";\n    color: ", ";\n  }\n\n"])), function (props) {
   return props.isLabelPresent ? '64px' : '';
 }, _.COLORS.neutral_100, _.COLORS.neutral_600, _.COLORS.correct_100, _.COLORS.correct_600, _.COLORS.warning_100, _.COLORS.warning_600, _.COLORS.critical_100, _.COLORS.critical_600, _.COLORS.accent1_100, _.COLORS.accent1_600, _.COLORS.accent2_100, _.COLORS.accent2_600);
-var IconContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 2px;\n  margin: 4px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])));
-var TextContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 2px;\n  margin: ", ";\n  height: 16px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ", "\n"])), function (props) {
-  return props.icon ? "4px 8px 4px 0" : "4px 8px";
-}, (0, _.ComponentXSStyling)(_.ComponentTextStyle.Bold, null));
+var IconContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])));
+var TextContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  height: 16px;\n  padding: 0 4px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ", "\n"])), (0, _.ComponentXSStyling)(_.ComponentTextStyle.Bold, null));
 var Tag = function Tag(_ref) {
   var label = _ref.label,
     icon = _ref.icon,

package/dist/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","names":["Container","styled","div","props","isLabelPresent","COLORS","neutral_100","neutral_600","correct_100","correct_600","warning_100","warning_600","critical_100","critical_600","accent1_100","accent1_600","accent2_100","accent2_600","IconContainer","TextContainer","icon","ComponentXSStyling","ComponentTextStyle","Bold","Tag","label","variant","className","rest","cls"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\n\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\n  display: flex;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  min-width: ${props=>props.isLabelPresent ? '64px' : ''};\n  border-radius: 2px;\n\n  &.neutral {\n    background-color: ${COLORS.neutral_100};\n    color: ${COLORS.neutral_600};\n  }\n  &.positive {\n    background-color: ${COLORS.correct_100};\n    color: ${COLORS.correct_600};\n  }\n  &.warning {\n    background-color: ${COLORS.warning_100};\n    color: ${COLORS.warning_600};\n  }\n  &.critical {\n    background-color: ${COLORS.critical_100};\n    color: ${COLORS.critical_600};\n  }\n  &.accent1 {\n    background-color: ${COLORS.accent1_100};\n    color: ${COLORS.accent1_600};\n  }\n  &.accent2 {\n    background-color: ${COLORS.accent2_100};\n    color: ${COLORS.accent2_600};\n  }\n\n`;\n\nconst IconContainer = styled.div<{variant: TagVariants}>`\n  border-radius: 2px;\n  margin: 4px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n`;\n\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\n  border-radius: 2px;\n  margin: ${props=> props.icon ? `4px 8px 4px 0` : `4px 8px`};\n  height: 16px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n`;\n\n\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\n\ntype TagProps = React.HTMLAttributes<HTMLDivElement> & {\n  label?: string;\n  icon?: React.ReactNode;\n  variant?: TagVariants;\n}\n\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\n  const cls = `${className ?? ''} ${variant}`;\n  return (   \n    <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\n      {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\n          {icon}\n        </IconContainer>\n      }\n      {label && <TextContainer variant={variant} icon={icon}>\n          {label}\n        </TextContainer>\n      }\n    </Container>\n  );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpE,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG,6mBAKb,UAAAC,KAAK;EAAA,OAAEA,KAAK,CAACC,cAAc,GAAG,MAAM,GAAG,EAAE;AAAA,GAIhCC,QAAM,CAACC,WAAW,EAC7BD,QAAM,CAACE,WAAW,EAGPF,QAAM,CAACG,WAAW,EAC7BH,QAAM,CAACI,WAAW,EAGPJ,QAAM,CAACK,WAAW,EAC7BL,QAAM,CAACM,WAAW,EAGPN,QAAM,CAACO,YAAY,EAC9BP,QAAM,CAACQ,YAAY,EAGRR,QAAM,CAACS,WAAW,EAC7BT,QAAM,CAACU,WAAW,EAGPV,QAAM,CAACW,WAAW,EAC7BX,QAAM,CAACY,WAAW,CAG9B;AAED,IAAMC,aAAa,GAAGjB,yBAAM,CAACC,GAAG,iLAO/B;AAED,IAAMiB,aAAa,GAAGlB,yBAAM,CAACC,GAAG,oOAEpB,UAAAC,KAAK;EAAA,OAAGA,KAAK,CAACiB,IAAI,8BAA8B;AAAA,GAKxD,IAAAC,oBAAkB,EAACC,oBAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,CACpD;AAWD,IAAMC,GAAsC,GAAG,SAAzCA,GAAsC,OAA6D;EAAA,IAAxDC,KAAK,QAALA,KAAK;IAAEL,IAAI,QAAJA,IAAI;IAAA,oBAAEM,OAAO;IAAPA,OAAO,6BAAC,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACjG,IAAMC,GAAG,aAAMF,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,cAAID,OAAO,CAAE;EAC3C,oBACE,sBAAC,SAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,cAAc,EAAE,CAAC,CAACD,KAAM;IAAC,SAAS,EAAEI;EAAI,GAAKD,IAAI;IAAA,WAC3ER,IAAI,iBAAI,qBAAC,aAAa;MAAC,OAAO,EAAEM,OAAQ;MAAC,eAAa,eAAgB;MAAA,UAClEN;IAAI,EACS,EAEjBK,KAAK,iBAAI,qBAAC,aAAa;MAAC,OAAO,EAAEC,OAAQ;MAAC,IAAI,EAAEN,IAAK;MAAA,UACjDK;IAAK,EACQ;EAAA,GAER;AAEhB,CAAC;AAAC;EAnBAA,KAAK;EACLL,IAAI;EACJM,OAAO,4BALiB,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,SAAS;AAAA;AAAA,eAwBlFF,GAAG;AAAA"}
+{"version":3,"file":"Tag.cjs","names":["Container","styled","div","props","isLabelPresent","COLORS","neutral_100","neutral_600","correct_100","correct_600","warning_100","warning_600","critical_100","critical_600","accent1_100","accent1_600","accent2_100","accent2_600","IconContainer","TextContainer","ComponentXSStyling","ComponentTextStyle","Bold","Tag","label","icon","variant","className","rest","cls"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\n\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\n  display: flex;\n  padding: 4px;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  min-width: ${props=>props.isLabelPresent ? '64px' : ''};\n  border-radius: 2px;\n  box-sizing: border-box;\n\n  &.neutral {\n    background-color: ${COLORS.neutral_100};\n    color: ${COLORS.neutral_600};\n  }\n  &.positive {\n    background-color: ${COLORS.correct_100};\n    color: ${COLORS.correct_600};\n  }\n  &.warning {\n    background-color: ${COLORS.warning_100};\n    color: ${COLORS.warning_600};\n  }\n  &.critical {\n    background-color: ${COLORS.critical_100};\n    color: ${COLORS.critical_600};\n  }\n  &.accent1 {\n    background-color: ${COLORS.accent1_100};\n    color: ${COLORS.accent1_600};\n  }\n  &.accent2 {\n    background-color: ${COLORS.accent2_100};\n    color: ${COLORS.accent2_600};\n  }\n\n`;\n\nconst IconContainer = styled.div<{variant: TagVariants}>`\n  display: flex;\n  width: 16px;\n  height: 16px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n`;\n\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\n  height: 16px;\n  padding: 0 4px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n`;\n\n\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\n\ntype TagProps = React.HTMLAttributes<HTMLDivElement> & {\n  label?: string;\n  icon?: React.ReactNode;\n  variant?: TagVariants;\n}\n\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\n  const cls = `${className ?? ''} ${variant}`;\n  return (   \n    <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\n      {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\n          {icon}\n        </IconContainer>\n      }\n      {label && <TextContainer variant={variant} icon={icon}>\n          {label}\n        </TextContainer>\n      }\n    </Container>\n  );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpE,IAAMA,SAAS,GAAGC,yBAAM,CAACC,GAAG,6sBAQb,UAAAC,KAAK;EAAA,OAAEA,KAAK,CAACC,cAAc,GAAG,MAAM,GAAG,EAAE;AAAA,GAKhCC,QAAM,CAACC,WAAW,EAC7BD,QAAM,CAACE,WAAW,EAGPF,QAAM,CAACG,WAAW,EAC7BH,QAAM,CAACI,WAAW,EAGPJ,QAAM,CAACK,WAAW,EAC7BL,QAAM,CAACM,WAAW,EAGPN,QAAM,CAACO,YAAY,EAC9BP,QAAM,CAACQ,YAAY,EAGRR,QAAM,CAACS,WAAW,EAC7BT,QAAM,CAACU,WAAW,EAGPV,QAAM,CAACW,WAAW,EAC7BX,QAAM,CAACY,WAAW,CAG9B;AAED,IAAMC,aAAa,GAAGjB,yBAAM,CAACC,GAAG,6LAQ/B;AAED,IAAMiB,aAAa,GAAGlB,yBAAM,CAACC,GAAG,+MAM5B,IAAAkB,oBAAkB,EAACC,oBAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,CACpD;AAWD,IAAMC,GAAsC,GAAG,SAAzCA,GAAsC,OAA6D;EAAA,IAAxDC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAC,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACjG,IAAMC,GAAG,aAAMF,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,cAAID,OAAO,CAAE;EAC3C,oBACE,sBAAC,SAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,cAAc,EAAE,CAAC,CAACF,KAAM;IAAC,SAAS,EAAEK;EAAI,GAAKD,IAAI;IAAA,WAC3EH,IAAI,iBAAI,qBAAC,aAAa;MAAC,OAAO,EAAEC,OAAQ;MAAC,eAAa,eAAgB;MAAA,UAClED;IAAI,EACS,EAEjBD,KAAK,iBAAI,qBAAC,aAAa;MAAC,OAAO,EAAEE,OAAQ;MAAC,IAAI,EAAED,IAAK;MAAA,UACjDD;IAAK,EACQ;EAAA,GAER;AAEhB,CAAC;AAAC;EAnBAA,KAAK;EACLC,IAAI;EACJC,OAAO,4BALiB,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,SAAS;AAAA;AAAA,eAwBlFH,GAAG;AAAA"}

package/dist/Tag/Tag.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-export declare type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';
-declare type TagProps = React.HTMLAttributes<HTMLDivElement> & {
+export type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';
+type TagProps = React.HTMLAttributes<HTMLDivElement> & {
     label?: string;
     icon?: React.ReactNode;
     variant?: TagVariants;

package/dist/Tag/Tag.js

@@ -11,13 +11,11 @@ import styled from 'styled-components';
 import { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  min-width: ", ";\n  border-radius: 2px;\n\n  &.neutral {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.positive {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.warning {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.critical {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent1 {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent2 {\n    background-color: ", ";\n    color: ", ";\n  }\n\n"])), function (props) {
+var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 4px;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  border-radius: 2px;\n  box-sizing: border-box;\n\n  &.neutral {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.positive {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.warning {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.critical {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent1 {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent2 {\n    background-color: ", ";\n    color: ", ";\n  }\n\n"])), function (props) {
   return props.isLabelPresent ? '64px' : '';
 }, COLORS.neutral_100, COLORS.neutral_600, COLORS.correct_100, COLORS.correct_600, COLORS.warning_100, COLORS.warning_600, COLORS.critical_100, COLORS.critical_600, COLORS.accent1_100, COLORS.accent1_600, COLORS.accent2_100, COLORS.accent2_600);
-var IconContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-radius: 2px;\n  margin: 4px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])));
-var TextContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-radius: 2px;\n  margin: ", ";\n  height: 16px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ", "\n"])), function (props) {
-  return props.icon ? "4px 8px 4px 0" : "4px 8px";
-}, ComponentXSStyling(ComponentTextStyle.Bold, null));
+var IconContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 16px;\n  height: 16px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])));
+var TextContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  height: 16px;\n  padding: 0 4px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ", "\n"])), ComponentXSStyling(ComponentTextStyle.Bold, null));
 var Tag = function Tag(_ref) {
   var label = _ref.label,
     icon = _ref.icon,

package/dist/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXSStyling","Container","div","props","isLabelPresent","neutral_100","neutral_600","correct_100","correct_600","warning_100","warning_600","critical_100","critical_600","accent1_100","accent1_600","accent2_100","accent2_600","IconContainer","TextContainer","icon","Bold","Tag","label","variant","className","rest","cls"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\n\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\n  display: flex;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  min-width: ${props=>props.isLabelPresent ? '64px' : ''};\n  border-radius: 2px;\n\n  &.neutral {\n    background-color: ${COLORS.neutral_100};\n    color: ${COLORS.neutral_600};\n  }\n  &.positive {\n    background-color: ${COLORS.correct_100};\n    color: ${COLORS.correct_600};\n  }\n  &.warning {\n    background-color: ${COLORS.warning_100};\n    color: ${COLORS.warning_600};\n  }\n  &.critical {\n    background-color: ${COLORS.critical_100};\n    color: ${COLORS.critical_600};\n  }\n  &.accent1 {\n    background-color: ${COLORS.accent1_100};\n    color: ${COLORS.accent1_600};\n  }\n  &.accent2 {\n    background-color: ${COLORS.accent2_100};\n    color: ${COLORS.accent2_600};\n  }\n\n`;\n\nconst IconContainer = styled.div<{variant: TagVariants}>`\n  border-radius: 2px;\n  margin: 4px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n`;\n\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\n  border-radius: 2px;\n  margin: ${props=> props.icon ? `4px 8px 4px 0` : `4px 8px`};\n  height: 16px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n`;\n\n\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\n\ntype TagProps = React.HTMLAttributes<HTMLDivElement> & {\n  label?: string;\n  icon?: React.ReactNode;\n  variant?: TagVariants;\n}\n\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\n  const cls = `${className ?? ''} ${variant}`;\n  return (   \n    <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\n      {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\n          {icon}\n        </IconContainer>\n      }\n      {label && <TextContainer variant={variant} icon={icon}>\n          {label}\n        </TextContainer>\n      }\n    </Container>\n  );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,kBAAkB,EAAEC,kBAAkB,QAAQ,IAAI;AAAC;AAAA;AAEpE,IAAMC,SAAS,GAAGJ,MAAM,CAACK,GAAG,+lBAKb,UAAAC,KAAK;EAAA,OAAEA,KAAK,CAACC,cAAc,GAAG,MAAM,GAAG,EAAE;AAAA,GAIhCN,MAAM,CAACO,WAAW,EAC7BP,MAAM,CAACQ,WAAW,EAGPR,MAAM,CAACS,WAAW,EAC7BT,MAAM,CAACU,WAAW,EAGPV,MAAM,CAACW,WAAW,EAC7BX,MAAM,CAACY,WAAW,EAGPZ,MAAM,CAACa,YAAY,EAC9Bb,MAAM,CAACc,YAAY,EAGRd,MAAM,CAACe,WAAW,EAC7Bf,MAAM,CAACgB,WAAW,EAGPhB,MAAM,CAACiB,WAAW,EAC7BjB,MAAM,CAACkB,WAAW,CAG9B;AAED,IAAMC,aAAa,GAAGpB,MAAM,CAACK,GAAG,mKAO/B;AAED,IAAMgB,aAAa,GAAGrB,MAAM,CAACK,GAAG,sNAEpB,UAAAC,KAAK;EAAA,OAAGA,KAAK,CAACgB,IAAI,8BAA8B;AAAA,GAKxDnB,kBAAkB,CAACD,kBAAkB,CAACqB,IAAI,EAAE,IAAI,CAAC,CACpD;AAWD,IAAMC,GAAsC,GAAG,SAAzCA,GAAsC,OAA6D;EAAA,IAAxDC,KAAK,QAALA,KAAK;IAAEH,IAAI,QAAJA,IAAI;IAAA,oBAAEI,OAAO;IAAPA,OAAO,6BAAC,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACjG,IAAMC,GAAG,aAAMF,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,cAAID,OAAO,CAAE;EAC3C,oBACE,MAAC,SAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,cAAc,EAAE,CAAC,CAACD,KAAM;IAAC,SAAS,EAAEI;EAAI,GAAKD,IAAI;IAAA,WAC3EN,IAAI,iBAAI,KAAC,aAAa;MAAC,OAAO,EAAEI,OAAQ;MAAC,eAAa,eAAgB;MAAA,UAClEJ;IAAI,EACS,EAEjBG,KAAK,iBAAI,KAAC,aAAa;MAAC,OAAO,EAAEC,OAAQ;MAAC,IAAI,EAAEJ,IAAK;MAAA,UACjDG;IAAK,EACQ;EAAA,GAER;AAEhB,CAAC;AAAC;EAnBAA,KAAK;EACLH,IAAI;EACJI,OAAO,aALiB,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,SAAS;AAAA;AAwBjG,eAAeF,GAAG"}
+{"version":3,"file":"Tag.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXSStyling","Container","div","props","isLabelPresent","neutral_100","neutral_600","correct_100","correct_600","warning_100","warning_600","critical_100","critical_600","accent1_100","accent1_600","accent2_100","accent2_600","IconContainer","TextContainer","Bold","Tag","label","icon","variant","className","rest","cls"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\n\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\n  display: flex;\n  padding: 4px;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  min-width: ${props=>props.isLabelPresent ? '64px' : ''};\n  border-radius: 2px;\n  box-sizing: border-box;\n\n  &.neutral {\n    background-color: ${COLORS.neutral_100};\n    color: ${COLORS.neutral_600};\n  }\n  &.positive {\n    background-color: ${COLORS.correct_100};\n    color: ${COLORS.correct_600};\n  }\n  &.warning {\n    background-color: ${COLORS.warning_100};\n    color: ${COLORS.warning_600};\n  }\n  &.critical {\n    background-color: ${COLORS.critical_100};\n    color: ${COLORS.critical_600};\n  }\n  &.accent1 {\n    background-color: ${COLORS.accent1_100};\n    color: ${COLORS.accent1_600};\n  }\n  &.accent2 {\n    background-color: ${COLORS.accent2_100};\n    color: ${COLORS.accent2_600};\n  }\n\n`;\n\nconst IconContainer = styled.div<{variant: TagVariants}>`\n  display: flex;\n  width: 16px;\n  height: 16px;\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n`;\n\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\n  height: 16px;\n  padding: 0 4px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;  \n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n`;\n\n\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\n\ntype TagProps = React.HTMLAttributes<HTMLDivElement> & {\n  label?: string;\n  icon?: React.ReactNode;\n  variant?: TagVariants;\n}\n\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\n  const cls = `${className ?? ''} ${variant}`;\n  return (   \n    <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\n      {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\n          {icon}\n        </IconContainer>\n      }\n      {label && <TextContainer variant={variant} icon={icon}>\n          {label}\n        </TextContainer>\n      }\n    </Container>\n  );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,kBAAkB,EAAEC,kBAAkB,QAAQ,IAAI;AAAC;AAAA;AAEpE,IAAMC,SAAS,GAAGJ,MAAM,CAACK,GAAG,+rBAQb,UAAAC,KAAK;EAAA,OAAEA,KAAK,CAACC,cAAc,GAAG,MAAM,GAAG,EAAE;AAAA,GAKhCN,MAAM,CAACO,WAAW,EAC7BP,MAAM,CAACQ,WAAW,EAGPR,MAAM,CAACS,WAAW,EAC7BT,MAAM,CAACU,WAAW,EAGPV,MAAM,CAACW,WAAW,EAC7BX,MAAM,CAACY,WAAW,EAGPZ,MAAM,CAACa,YAAY,EAC9Bb,MAAM,CAACc,YAAY,EAGRd,MAAM,CAACe,WAAW,EAC7Bf,MAAM,CAACgB,WAAW,EAGPhB,MAAM,CAACiB,WAAW,EAC7BjB,MAAM,CAACkB,WAAW,CAG9B;AAED,IAAMC,aAAa,GAAGpB,MAAM,CAACK,GAAG,+KAQ/B;AAED,IAAMgB,aAAa,GAAGrB,MAAM,CAACK,GAAG,iMAM5BF,kBAAkB,CAACD,kBAAkB,CAACoB,IAAI,EAAE,IAAI,CAAC,CACpD;AAWD,IAAMC,GAAsC,GAAG,SAAzCA,GAAsC,OAA6D;EAAA,IAAxDC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAC,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACjG,IAAMC,GAAG,aAAMF,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,cAAID,OAAO,CAAE;EAC3C,oBACE,MAAC,SAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,cAAc,EAAE,CAAC,CAACF,KAAM;IAAC,SAAS,EAAEK;EAAI,GAAKD,IAAI;IAAA,WAC3EH,IAAI,iBAAI,KAAC,aAAa;MAAC,OAAO,EAAEC,OAAQ;MAAC,eAAa,eAAgB;MAAA,UAClED;IAAI,EACS,EAEjBD,KAAK,iBAAI,KAAC,aAAa;MAAC,OAAO,EAAEE,OAAQ;MAAC,IAAI,EAAED,IAAK;MAAA,UACjDD;IAAK,EACQ;EAAA,GAER;AAEhB,CAAC;AAAC;EAnBAA,KAAK;EACLC,IAAI;EACJC,OAAO,aALiB,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,UAAU,EAAG,SAAS,EAAG,SAAS;AAAA;AAwBjG,eAAeH,GAAG"}

package/dist/Tile/TileTypes.d.ts

@@ -5,33 +5,33 @@ import { DropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
 import { ButtonProps } from '../Button/Button';
 import { HyperlinkProps } from '../HyperLink/HyperLink';
 import { Size } from '../types';
-export declare type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled'> & {
+export type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled'> & {
     componentType: 'icon';
     icon: React.ReactNode;
 };
-export declare type TileToggleButton = Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'> & {
+export type TileToggleButton = Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'> & {
     componentType: 'toggle';
 };
-export declare type TileDropdownButton = Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
+export type TileDropdownButton = Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
     componentType: 'dropdown';
     icon: React.ReactNode;
 };
-export declare type TileStandardButton = Pick<ButtonProps, 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {
+export type TileStandardButton = Pick<ButtonProps, 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {
     componentType: 'button';
     buttonText: string;
 };
-export declare type TileNote = {
+export type TileNote = {
     componentType: 'note';
     noteIcon?: React.ReactNode;
     noteText: string;
 };
-export declare type TileHyperLink = HyperlinkProps & {
+export type TileHyperLink = HyperlinkProps & {
     componentType: 'link';
     linkIcon?: React.ReactNode;
     linkText: string;
 };
-export declare type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;
-export declare type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton;
+export type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;
+export type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton;
 export interface TileHeaderProps {
     title: string;
     tooltip?: string;

package/dist/Toasters/Toast.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';
-export declare type ToastOptions = {
+export type ToastOptions = {
     color?: ToastColor;
     autoClose?: boolean;
     delay?: number;
@@ -14,7 +14,7 @@ export declare type ToastOptions = {
     enterFrom?: ToastEntryDirection;
     icon?: React.ReactNode;
 };
-declare type Props = {
+type Props = {
     remove?: any;
     content: any;
     options?: ToastOptions;

package/dist/Toasters/ToastContext.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ToastOptions } from './Toast';
-export declare type ToastProviderProps = {
+export type ToastProviderProps = {
     children?: any;
 };
 export interface toast {
@@ -8,7 +8,7 @@ export interface toast {
     id: string;
     content: any;
 }
-export declare type ToasterValueProps = {
+export type ToasterValueProps = {
     toasts: toast[];
     addToast: (content: any, options: ToastOptions) => string;
     removeToast: (id: string) => void;

package/dist/Tooltips/TooltipStyles.cjs

@@ -18,7 +18,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var distanceToEdge = function distanceToEdge(size) {
   return size == _types.Size.XSmall ? '8px' : !size || size == _types.Size.Small ? '12px' : '16px';
 };
-var Tooltip = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n    pointer-events: none;\n    ", "\n    ", "\n    ", "\n    ", "\n    box-shadow: ", ";\n    \n    padding: ", ";\n    border-radius: 2px;\n    width: max-content;\n    height: ", ";\n    max-width: 34em;\n    background: ", ";\n    position: absolute; \n    opacity: 0; \n    z-index: ", ";\n    ", "\n\n    ", "\n    ", "\n            \n    ", "\n\n\n&::after {\n    ", "\n    content: \"\";\n    position: absolute;\n    ", "\n    \n    ", "\n    ", "\n\n    ", "\n\n    ", "\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ", " \n                    ", " \n                    ", " \n                    ", ";\n  }\n"])), function (props) {
+var Tooltip = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\n    pointer-events: none;\n    ", "\n    ", "\n    ", "\n    ", "\n    box-shadow: ", ";\n    \n    padding: ", ";\n    border-radius: 2px;\n    ", "\n    height: ", ";\n    max-width: 34em;\n    background: ", ";\n    position: absolute; \n    opacity: 0; \n    z-index: ", ";\n    ", "\n\n    ", "\n    ", "\n            \n    ", "\n\n\n&::after {\n    ", "\n    content: \"\";\n    position: absolute;\n    ", "\n    \n    ", "\n    ", "\n\n    ", "\n\n    ", "\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ", " \n                    ", " \n                    ", " \n                    ", ";\n  }\n"])), function (props) {
   return props.size == _types.Size.Small || props.size != _types.Size.Medium ? (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.white) : '';
 }, function (props) {
   return props.size == _types.Size.XSmall ? (0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.white) : '';
@@ -28,6 +28,8 @@ var Tooltip = _styledComponents.default.div(_templateObject || (_templateObject
   return props.align == 'center' ? 'text-align: center;' : '';
 }, _styles.BOXSHADOWS.BOXSHADOW_L2, function (props) {
   return props.size == _types.Size.XSmall ? '4px 8px' : props.size == _types.Size.Medium ? '8px 12px' : '6px 10px';
+}, function (props) {
+  return props.width ? "width: ".concat(props.width, ";") : 'width: max-content;';
 }, function (props) {
   return props.height;
 }, _styles.COLORS.primary_800, _zIndexes.Z_INDEXES.tooltip, function (props) {

package/dist/Tooltips/TooltipStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStyles.cjs","names":["distanceToEdge","size","Size","XSmall","Small","Tooltip","styled","div","props","Medium","ComponentSStyling","ComponentTextStyle","Regular","COLORS","white","ComponentXSStyling","ComponentMStyling","align","BOXSHADOWS","BOXSHADOW_L2","height","primary_800","Z_INDEXES","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","css","TooltipContainer","focusStyles"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    width: max-content;\n    height: ${props => props.height};\n    max-width: 34em;\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n    opacity: 1;\n    transition: 0.5s;\n    transition-delay: ${delay ?? '1s'};\n  }\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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"}
+{"version":3,"file":"TooltipStyles.cjs","names":["distanceToEdge","size","Size","XSmall","Small","Tooltip","styled","div","props","Medium","ComponentSStyling","ComponentTextStyle","Regular","COLORS","white","ComponentXSStyling","ComponentMStyling","align","BOXSHADOWS","BOXSHADOW_L2","width","height","primary_800","Z_INDEXES","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","css","TooltipContainer","focusStyles"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n  width?: string;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    ${props => props.width ? `width: ${props.width};` : 'width: max-content;'}\n    height: ${props => props.height};\n    max-width: 34em;\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n    opacity: 1;\n    transition: 0.5s;\n    transition-delay: ${delay ?? '1s'};\n  }\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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"}

package/dist/Tooltips/TooltipStyles.d.ts

@@ -5,6 +5,7 @@ export declare const Tooltip: import("styled-components").StyledComponent<"div",
     height?: string | undefined;
     align?: 'start' | 'end' | 'center' | undefined;
     position?: 'top' | 'right' | 'bottom' | 'left' | undefined;
+    width?: string | undefined;
 }, never>;
 export declare const TooltipTrigger: (delay?: string) => import("styled-components").FlattenSimpleInterpolation;
 export declare const TooltipContainer: import("styled-components").StyledComponent<"div", any, {

package/dist/Tooltips/TooltipStyles.js

@@ -8,7 +8,7 @@ import { Z_INDEXES } from '../styles/z-indexes';
 var distanceToEdge = function distanceToEdge(size) {
   return size == Size.XSmall ? '8px' : !size || size == Size.Small ? '12px' : '16px';
 };
-export var Tooltip = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n    pointer-events: none;\n    ", "\n    ", "\n    ", "\n    ", "\n    box-shadow: ", ";\n    \n    padding: ", ";\n    border-radius: 2px;\n    width: max-content;\n    height: ", ";\n    max-width: 34em;\n    background: ", ";\n    position: absolute; \n    opacity: 0; \n    z-index: ", ";\n    ", "\n\n    ", "\n    ", "\n            \n    ", "\n\n\n&::after {\n    ", "\n    content: \"\";\n    position: absolute;\n    ", "\n    \n    ", "\n    ", "\n\n    ", "\n\n    ", "\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ", " \n                    ", " \n                    ", " \n                    ", ";\n  }\n"])), function (props) {
+export var Tooltip = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n    pointer-events: none;\n    ", "\n    ", "\n    ", "\n    ", "\n    box-shadow: ", ";\n    \n    padding: ", ";\n    border-radius: 2px;\n    ", "\n    height: ", ";\n    max-width: 34em;\n    background: ", ";\n    position: absolute; \n    opacity: 0; \n    z-index: ", ";\n    ", "\n\n    ", "\n    ", "\n            \n    ", "\n\n\n&::after {\n    ", "\n    content: \"\";\n    position: absolute;\n    ", "\n    \n    ", "\n    ", "\n\n    ", "\n\n    ", "\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ", " \n                    ", " \n                    ", " \n                    ", ";\n  }\n"])), function (props) {
   return props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '';
 }, function (props) {
   return props.size == Size.XSmall ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '';
@@ -18,6 +18,8 @@ export var Tooltip = styled.div(_templateObject || (_templateObject = _taggedTem
   return props.align == 'center' ? 'text-align: center;' : '';
 }, BOXSHADOWS.BOXSHADOW_L2, function (props) {
   return props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px';
+}, function (props) {
+  return props.width ? "width: ".concat(props.width, ";") : 'width: max-content;';
 }, function (props) {
   return props.height;
 }, COLORS.primary_800, Z_INDEXES.tooltip, function (props) {

package/dist/Tooltips/TooltipStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","props","Medium","Regular","white","align","BOXSHADOW_L2","height","primary_800","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","TooltipContainer"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    width: max-content;\n    height: ${props => props.height};\n    max-width: 34em;\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n    opacity: 1;\n    transition: 0.5s;\n    transition-delay: ${delay ?? '1s'};\n  }\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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"}
+{"version":3,"file":"TooltipStyles.js","names":["styled","css","Size","BOXSHADOWS","COLORS","ComponentTextStyle","focusStyles","ComponentMStyling","ComponentSStyling","ComponentXSStyling","Z_INDEXES","distanceToEdge","size","XSmall","Small","Tooltip","div","props","Medium","Regular","white","align","BOXSHADOW_L2","width","height","primary_800","tooltip","position","withArrow","defaultProps","TooltipTrigger","delay","TooltipContainer"],"sources":["../../src/Tooltips/TooltipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Size } from '../types';\nimport {BOXSHADOWS, COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport { ComponentMStyling, ComponentSStyling, ComponentXSStyling } from '../styles/typography';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst distanceToEdge = (size: Size | undefined) => {\n  return size == Size.XSmall ? '8px' : (!size || size == Size.Small) ? '12px' : '16px';\n}\n\nexport const Tooltip = styled.div<{\n  withArrow?: boolean;\n  size?: Size;\n  height?: string;\n  align?: 'start' | 'end' | 'center' | undefined;\n  position?: 'top' | 'right' | 'bottom' | 'left' | undefined;\n  width?: string;\n}>`\n\n    pointer-events: none;\n    ${props => (props.size == Size.Small || props.size != Size.Medium ? ComponentSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.XSmall  ? ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.size == Size.Medium ? ComponentMStyling(ComponentTextStyle.Regular, COLORS.white) : '')}\n    ${props => (props.align == 'center' ? 'text-align: center;' : '')}\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n    \n    padding: ${props => props.size == Size.XSmall ? '4px 8px' : props.size == Size.Medium ? '8px 12px' : '6px 10px'};\n    border-radius: 2px;\n    ${props => props.width ? `width: ${props.width};` : 'width: max-content;'}\n    height: ${props => props.height};\n    max-width: 34em;\n    background: ${COLORS.primary_800};\n    position: absolute; \n    opacity: 0; \n    z-index: ${Z_INDEXES.tooltip};\n    ${props => (props.position == 'top' ? 'bottom: 110%;' : props.position == 'bottom' ? 'top: 110%;' : '')}\n\n    ${props => (props.position == 'left' ? 'bottom: 50%; transform: translateX(-110%) translateY(50%);' : '')}\n    ${props => (props.position == 'right' ? 'bottom: 50%;left: 110%; transform: translateY(50%);' : '')}\n            \n    ${props =>\n      props.position == 'left' || props.position == 'right'\n        ? ''\n        : props.align == 'start'\n        ? 'left: 0%;'\n        : props.align == 'end'\n        ? 'right: 0%;'\n        : 'left: 50%; transform: translateX(-50%);'}\n\n\n&::after {\n    ${props => (!props.withArrow ? 'display: none;' : '')}\n    content: \"\";\n    position: absolute;\n    ${props => (props.position == 'top' ? 'top: 100%;' : props.position == 'bottom' ? 'bottom: 100%;' : '')}\n    \n    ${props => (props.position == 'right' ? 'right: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n    ${props => (props.position == 'left' ? 'left: 100%; bottom: 50%; transform: translateY(50%);' : '')}\n\n    ${props =>\n      props.position == 'left' || props.position == 'right' ? '' : \n      props.align == 'start' ? `left: ${distanceToEdge(props.size)};` : props.align == 'end' ? `right: ${distanceToEdge(props.size)};` : 'left: 50%;'}\n\n    ${props => (props.position == 'left' ? '' : 'margin-left: -5px;')}\n    margin: -0.5px;\n    border-width: 4px;\n    border-style: solid;\n    border-color: ${props => (props.position == 'top' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'right' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'bottom' ? COLORS.primary_800 : 'transparent')} \n                    ${props => (props.position == 'left' ? COLORS.primary_800 : 'transparent')};\n  }\n`;\n\nTooltip.defaultProps = {\n  withArrow: false,\n  size: Size.Small,\n  height: 'auto',\n  align: 'center',\n  position: 'bottom'\n}\n\nexport const TooltipTrigger = (delay?: string) => css`\n  &:hover ${Tooltip}, &:focus-within ${Tooltip}, &:focus ${Tooltip} {\n    opacity: 1;\n    transition: 0.5s;\n    transition-delay: ${delay ?? '1s'};\n  }\n`;\n\nexport const TooltipContainer = styled.div<{delay?: string}>`\n  display: inline-block;\n  position: relative;\n\n  ${props => TooltipTrigger(props.delay)}\n  \n  &:focus{\n    ${focusStyles}\n  }\n`;\n"],"mappings":"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"}

package/dist/assets/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type IconProps = {
+export type IconProps = {
     className?: string;
     color?: string;
     size?: string;

package/dist/icons/index.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import * as ContentIcons from './contenticons/ContentIcons';
 import * as SystemIcons from './systemicons/SystemIcons';
-export declare type BaseProps = {
+export type BaseProps = {
     children?: any;
     tooltip?: string;
     tooltipId?: string;
 };
-export declare type IconProps = {
+export type IconProps = {
     label?: string;
     className?: string;
     color?: string;

package/dist/styles/typography.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ParagraphXlStyling = exports.ParagraphXSStyling = exports.ParagraphXS = exports.ParagraphXL = exports.ParagraphTextStyle = exports.ParagraphSStyling = exports.ParagraphS = exports.ParagraphMStyling = exports.ParagraphM = exports.ParagraphLStyling = exports.ParagraphL = exports.HeadlineXXSStyling = exports.HeadlineXXS = exports.HeadlineXSStyling = exports.HeadlineXS = exports.HeadlineXLStyling = exports.HeadlineXL = exports.HeadlineSStyling = exports.HeadlineS = exports.HeadlineMStyling = exports.HeadlineM = exports.HeadlineLStyling = exports.HeadlineL = exports.ComponentXXSStyling = exports.ComponentXXS = exports.ComponentXSStyling = exports.ComponentXS = exports.ComponentXLStyling = exports.ComponentXL = exports.ComponentTextStyle = exports.ComponentSStyling = exports.ComponentS = exports.ComponentResponsive = exports.ComponentMStyling = exports.ComponentM = exports.ComponentLStyling = exports.ComponentL = void 0;
+exports.TypographyBase = exports.ParagraphXlStyling = exports.ParagraphXSStyling = exports.ParagraphXS = exports.ParagraphXL = exports.ParagraphTextStyle = exports.ParagraphSStyling = exports.ParagraphS = exports.ParagraphMStyling = exports.ParagraphM = exports.ParagraphLStyling = exports.ParagraphL = exports.HeadlineXXSStyling = exports.HeadlineXXS = exports.HeadlineXSStyling = exports.HeadlineXS = exports.HeadlineXLStyling = exports.HeadlineXL = exports.HeadlineSStyling = exports.HeadlineS = exports.HeadlineMStyling = exports.HeadlineM = exports.HeadlineLStyling = exports.HeadlineL = exports.ComponentXXSStyling = exports.ComponentXXS = exports.ComponentXSStyling = exports.ComponentXS = exports.ComponentXLStyling = exports.ComponentXL = exports.ComponentTextStyle = exports.ComponentSStyling = exports.ComponentS = exports.ComponentResponsive = exports.ComponentMStyling = exports.ComponentM = exports.ComponentLStyling = exports.ComponentL = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
@@ -34,6 +34,7 @@ var TypographyBase = (0, _styledComponents.default)('div')(function (_ref) {
     color: $color ? $color : _.COLORS.black
   };
 });
+exports.TypographyBase = TypographyBase;
 var HeadlineBaseStyling = function HeadlineBaseStyling(fontSize, lineHeight, color) {
   return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: 700;\n    color: ", ";\n  "])), fontSize, lineHeight, color);
 };

package/dist/styles/typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typography.cjs","names":["TypographyBase","styled","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","HeadlineBaseStyling","css","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","Size","Medium","Small","Large","XXSmall","XSmall"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\n\ninterface ITypographyBase {\n  $color?: string;\n  lineHeight: number;\n  $fontSize: number;\n  $fontWeight: number;\n  $fontStyle?: string;\n  textTransform?: Property.TextTransform;\n  textDecorationLine?: Property.TextDecorationLine;\n}\n\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  children?: React.ReactNode;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n  let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n  return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n  return css`\n    font-size: ${fontSize};\n    font-weight: ${paragraphFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${paragraphFontStyle(textStyle)};\n    color: ${color};\n  `;\n};\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={36}\n      $fontSize={24}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"18px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={32}\n      $fontSize={20}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"16px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={28}\n      $fontSize={18}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"14px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={24}\n      $fontSize={16}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"12px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={20}\n      $fontSize={14}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"10px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold,\n}\n\ntype ComponentProps = {\n  color?: string;\n  className?: string;\n  textStyle?: ComponentTextStyle;\n  children?: React.ReactNode;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n  return css`\n    font-size: ${fontSize};\n    font-weight: ${componentFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${componentFontStyle(textStyle)};\n    ${color === null ? '' : `color: ${color || COLORS.black};`}\n  `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({ color, textStyle, children, size, width }) => {\n  let fontsize = size;\n  if (!size) {\n    if (width == -1) {\n      fontsize = Size.Medium;\n    } else if (width < 768) {\n      fontsize = Size.Small;\n    } else if (width < 992) {\n      fontsize = Size.Medium;\n    } else {\n      fontsize = Size.Large;\n    }\n  }\n  switch (fontsize) {\n    case Size.XXSmall:\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n    case Size.XSmall:\n      return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n    case Size.Small:\n      return <ComponentS color={color} textStyle={textStyle} children={children} />;\n    case Size.Medium:\n      return <ComponentM color={color} textStyle={textStyle} children={children} />;\n    case Size.Large:\n    default:\n      return <ComponentL color={color} textStyle={textStyle} children={children} />;\n  }\n};\n\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AAAgC;AAAA;AAAA;AAAA;AAYhC,IAAMA,cAAc,GAAG,IAAAC,yBAAM,EAAC,KAAK,CAAC,CAAkB;EAAA,IAAGC,MAAM,QAANA,MAAM;IAAEC,UAAU,QAAVA,UAAU;IAAEC,SAAS,QAATA,SAAS;IAAEC,WAAW,QAAXA,WAAW;IAAEC,UAAU,QAAVA,UAAU;IAAEC,aAAa,QAAbA,aAAa;IAAEC,kBAAkB,QAAlBA,kBAAkB;EAAA,OAAQ;IACxJC,QAAQ,EAAEL,SAAS;IACnBM,UAAU,EAAEL,WAAW;IACvBF,UAAU,EAAEA,UAAU,GAAG,IAAI;IAC7BI,aAAa,EAAEA,aAAa,GAAGA,aAAa,GAAG,MAAM;IACrDC,kBAAkB,EAAEA,kBAAkB,GAAGA,kBAAkB,GAAG,MAAM;IACpEG,SAAS,EAAEL,UAAU,GAAGA,UAAU,GAAG,QAAQ;IAC7CM,KAAK,EAAEV,MAAM,GAAGA,MAAM,GAAGW,QAAM,CAACC;EAClC,CAAC;AAAA,CAAC,CAAC;AAYH,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIN,QAAgB,EAAEN,UAAkB,EAAES,KAAa,EAAK;EACnF,WAAOI,qBAAG,gLACKP,QAAQ,EACNN,UAAU,EAEhBS,KAAK;AAElB,CAAC;AACD,IAAMK,YAAY,GAAG,IAAAhB,yBAAM,EAACD,cAAc,CAAC,CAAgB;EAAA,IAAGE,MAAM,SAANA,MAAM;IAAEC,UAAU,SAAVA,UAAU;IAAEM,QAAQ,SAARA,QAAQ;EAAA,OAAQ;IAChGA,QAAQ,EAAEA,QAAQ;IAClBC,UAAU,EAAE,GAAG;IACfP,UAAU,EAAEA,UAAU;IACtBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMgB,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIN,KAAa;EAAA,OAAKG,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEH,KAAK,CAAC;AAAA;AAAC;AACxF,IAAMO,UAAU,GAAG,IAAAlB,yBAAM,EAACgB,YAAY,CAAC,CAAY;EAAA,IAAGf,MAAM,SAANA,MAAM;EAAA,OAAQ;IAClEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAAC;AAEJ,IAAMkB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIR,KAAa;EAAA,OAAKG,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEH,KAAK,CAAC;AAAA;AAAC;AACvF,IAAMS,SAAS,GAAG,IAAApB,yBAAM,EAACgB,YAAY,CAAC,CAAY;EAAA,IAAGf,MAAM,SAANA,MAAM;EAAA,OAAQ;IACjEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAAC;AAEJ,IAAMoB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIV,KAAa;EAAA,OAAKG,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEH,KAAK,CAAC;AAAA;AAAC;AACvF,IAAMW,SAAS,GAAG,IAAAtB,yBAAM,EAACgB,YAAY,CAAC,CAAY;EAAA,IAAGf,MAAM,SAANA,MAAM;EAAA,OAAQ;IACjEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAAC;AAEJ,IAAMsB,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIZ,KAAa;EAAA,OAAKG,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEH,KAAK,CAAC;AAAA;AAAC;AACvF,IAAMa,SAAS,GAAG,IAAAxB,yBAAM,EAACgB,YAAY,CAAC,CAAY;EAAA,IAAGf,MAAM,SAANA,MAAM;EAAA,OAAQ;IACjEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAAC;AAEJ,IAAMwB,iBAAiB,GAAG,SAApBA,iBAAiB,CAAId,KAAa;EAAA,OAAKG,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEH,KAAK,CAAC;AAAA;AAAC;AACxF,IAAMe,UAAU,GAAG,IAAA1B,yBAAM,EAACgB,YAAY,CAAC,CAAY;EAAA,IAAGf,MAAM,SAANA,MAAM;EAAA,OAAQ;IAClEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAAC;AAEJ,IAAM0B,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIhB,KAAa;EAAA,OAAKG,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAEH,KAAK,CAAC;AAAA;AAAC;AACzF,IAAMiB,WAAW,GAAG,IAAA5B,yBAAM,EAACgB,YAAY,CAAC,CAAY;EAAA,IAAGf,MAAM,SAANA,MAAM;EAAA,OAAQ;IACnEO,QAAQ,EAAE,MAAM;IAChBN,UAAU,EAAE,MAAM;IAClBS,KAAK,EAAEV;EACT,CAAC;AAAA,CAAC,CAAC;AAAC;AAEJ,IAAM4B,gBAAgB,OAAGd,qBAAG,iaAiC3B;AASD,IAAMe,aAAa,GAAG,IAAA9B,yBAAM,EAACD,cAAc,CAAC,2NAMvB,UAACgC,KAAK;EAAA,OAAKA,KAAK,CAACC,uBAAuB,IAAI,GAAG;AAAA,GAEhEH,gBAAgB,CACnB;AAAC,IAMGI,kBAAkB;AAAA;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,kCAAlBA,kBAAkB;AAavB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,SAA8B,EAAK;EAC9D,IAAI1B,UAAU,GAAG,GAAG;EACpB,IAAI0B,SAAS,KAAKF,kBAAkB,CAACG,IAAI,EAAE;IACzC3B,UAAU,GAAG,GAAG;EAClB;EACA,OAAOA,UAAU;AACnB,CAAC;AAED,IAAM4B,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIF,SAA8B,EAAK;EAC7D,IAAIzB,SAAS,GAAGyB,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACK,MAAM,GAAG,QAAQ,GAAG,EAAE;EACpF,OAAO5B,SAAS;AAClB,CAAC;AAED,IAAM6B,2BAA2B,GAAG,SAA9BA,2BAA2B,CAAIJ,SAA8B,EAAkC;EACnG,IAAIK,cAA2C,GAAGL,SAAS,IAAIA,SAAS,KAAKF,kBAAkB,CAACQ,SAAS,GAAG,WAAW,GAAG,MAAM;EAChI,OAAOD,cAAc;AACvB,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIlC,QAAgB,EAAEN,UAAkB,EAAEiC,SAA6B,EAAExB,KAAa,EAAK;EACnH,WAAOI,qBAAG,0MACKP,QAAQ,EACN0B,mBAAmB,CAACC,SAAS,CAAC,EAC9BjC,UAAU,EACXmC,kBAAkB,CAACF,SAAS,CAAC,EAClCxB,KAAK;AAElB,CAAC;AAED,IAAMgC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIR,SAA6B,EAAExB,KAAa;EAAA,OAAK+B,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAEP,SAAS,EAAExB,KAAK,CAAC;AAAA;AAAC;AACpI,IAAMiC,WAAoD,GAAG,SAAvDA,WAAoD,QAAuC;EAAA,IAAjCjC,KAAK,SAALA,KAAK;IAAEwB,SAAS,SAATA,SAAS;IAAEU,QAAQ,SAARA,QAAQ;EACxF,IAAIpC,UAAU,GAAGyB,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIzB,SAAS,GAAG2B,kBAAkB,CAACF,SAAS,CAAC;EAC7C,IAAI5B,kBAAkB,GAAGgC,2BAA2B,CAACJ,SAAS,CAAC;EAC/D,oBACE,qBAAC,aAAa;IACZ,MAAM,EAAExB,KAAM;IACd,UAAU,EAAE,EAAG;IACf,SAAS,EAAE,EAAG;IACd,WAAW,EAAEF,UAAW;IACxB,UAAU,EAAEC,SAAU;IACtB,kBAAkB,EAAEH,kBAAmB;IACvC,uBAAuB,EAAC,MAAM;IAAA,UAC7BsC;EAAQ,EACK;AAEpB,CAAC;AAAC;AAAA;EAlDAlC,KAAK;EACLwB,SAAS;EACTU,QAAQ;AAAA;AAkDV,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIX,SAA6B,EAAExB,KAAa;EAAA,OAAK+B,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAEP,SAAS,EAAExB,KAAK,CAAC;AAAA;AAAC;AACnI,IAAMoC,UAAmD,GAAG,SAAtDA,UAAmD,SAAuC;EAAA,IAAjCpC,KAAK,UAALA,KAAK;IAAEwB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;EACvF,IAAIpC,UAAU,GAAGyB,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIzB,SAAS,GAAG2B,kBAAkB,CAACF,SAAS,CAAC;EAC7C,IAAI5B,kBAAkB,GAAGgC,2BAA2B,CAACJ,SAAS,CAAC;EAC/D,oBACE,qBAAC,aAAa;IACZ,MAAM,EAAExB,KAAM;IACd,UAAU,EAAE,EAAG;IACf,SAAS,EAAE,EAAG;IACd,WAAW,EAAEF,UAAW;IACxB,UAAU,EAAEC,SAAU;IACtB,kBAAkB,EAAEH,kBAAmB;IACvC,uBAAuB,EAAC,MAAM;IAAA,UAC7BsC;EAAQ,EACK;AAEpB,CAAC;AAAC;AAAA;EArEAlC,KAAK;EACLwB,SAAS;EACTU,QAAQ;AAAA;AAqEV,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIb,SAA6B,EAAExB,KAAa;EAAA,OAAK+B,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAEP,SAAS,EAAExB,KAAK,CAAC;AAAA;AAAC;AACnI,IAAMsC,UAAmD,GAAG,SAAtDA,UAAmD,SAAuC;EAAA,IAAjCtC,KAAK,UAALA,KAAK;IAAEwB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;EACvF,IAAIpC,UAAU,GAAGyB,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIzB,SAAS,GAAG2B,kBAAkB,CAACF,SAAS,CAAC;EAC7C,IAAI5B,kBAAkB,GAAGgC,2BAA2B,CAACJ,SAAS,CAAC;EAC/D,oBACE,qBAAC,aAAa;IACZ,MAAM,EAAExB,KAAM;IACd,UAAU,EAAE,EAAG;IACf,SAAS,EAAE,EAAG;IACd,WAAW,EAAEF,UAAW;IACxB,UAAU,EAAEC,SAAU;IACtB,kBAAkB,EAAEH,kBAAmB;IACvC,uBAAuB,EAAC,MAAM;IAAA,UAC7BsC;EAAQ,EACK;AAEpB,CAAC;AAAC;AAAA;EAxFAlC,KAAK;EACLwB,SAAS;EACTU,QAAQ;AAAA;AAwFV,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIf,SAA6B,EAAExB,KAAa;EAAA,OAAK+B,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAEP,SAAS,EAAExB,KAAK,CAAC;AAAA;AAAC;AACnI,IAAMwC,UAAmD,GAAG,SAAtDA,UAAmD,SAAuC;EAAA,IAAjCxC,KAAK,UAALA,KAAK;IAAEwB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;EACvF,IAAIpC,UAAU,GAAGyB,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIzB,SAAS,GAAG2B,kBAAkB,CAACF,SAAS,CAAC;EAC7C,IAAI5B,kBAAkB,GAAGgC,2BAA2B,CAACJ,SAAS,CAAC;EAC/D,oBACE,qBAAC,aAAa;IACZ,MAAM,EAAExB,KAAM;IACd,UAAU,EAAE,EAAG;IACf,SAAS,EAAE,EAAG;IACd,WAAW,EAAEF,UAAW;IACxB,UAAU,EAAEC,SAAU;IACtB,kBAAkB,EAAEH,kBAAmB;IACvC,uBAAuB,EAAC,MAAM;IAAA,UAC7BsC;EAAQ,EACK;AAEpB,CAAC;AAAC;AAAA;EA3GAlC,KAAK;EACLwB,SAAS;EACTU,QAAQ;AAAA;AA2GV,IAAMO,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIjB,SAA6B,EAAExB,KAAa;EAAA,OAAK+B,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAEP,SAAS,EAAExB,KAAK,CAAC;AAAA;AAAC;AACpI,IAAM0C,WAAoD,GAAG,SAAvDA,WAAoD,SAAuC;EAAA,IAAjC1C,KAAK,UAALA,KAAK;IAAEwB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;EACxF,IAAIpC,UAAU,GAAGyB,mBAAmB,CAACC,SAAS,CAAC;EAC/C,IAAIzB,SAAS,GAAG2B,kBAAkB,CAACF,SAAS,CAAC;EAC7C,IAAI5B,kBAAkB,GAAGgC,2BAA2B,CAACJ,SAAS,CAAC;EAC/D,oBACE,qBAAC,aAAa;IACZ,MAAM,EAAExB,KAAM;IACd,UAAU,EAAE,EAAG;IACf,SAAS,EAAE,EAAG;IACd,WAAW,EAAEF,UAAW;IACxB,UAAU,EAAEC,SAAU;IACtB,kBAAkB,EAAEH,kBAAmB;IACvC,uBAAuB,EAAC,MAAM;IAAA,UAC7BsC;EAAQ,EACK;AAEpB,CAAC;AAAC;AAAA;EA9HAlC,KAAK;EACLwB,SAAS;EACTU,QAAQ;AAAA;AAAA,IA8HLS,kBAAkB;AAAA;AAAA,WAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,kCAAlBA,kBAAkB;AAcvB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIpB,SAA8B,EAAK;EAC9D,IAAI1B,UAAU,GAAG,GAAG;EACpB,IAAI0B,SAAS,KAAKmB,kBAAkB,CAAClB,IAAI,IAAID,SAAS,KAAKmB,kBAAkB,CAACE,aAAa,EAAE;IAC3F/C,UAAU,GAAG,GAAG;EAClB;EACA,OAAOA,UAAU;AACnB,CAAC;AAED,IAAMgD,kBAAkB,GAAG,SAArBA,kBAAkB,CAAItB,SAA8B,EAAK;EAC7D,IAAIzB,SAAS,GAAGyB,SAAS,IAAIA,SAAS,KAAKmB,kBAAkB,CAAChB,MAAM,GAAG,QAAQ,GAAG,EAAE;EACpF,OAAO5B,SAAS;AAClB,CAAC;AAED,IAAMgD,2BAA2B,GAAG,SAA9BA,2BAA2B,CAAIvB,SAA8B,EAA6B;EAC9F,IAAIzB,SAAiC,GAAGyB,SAAS,IAAIA,SAAS,KAAKmB,kBAAkB,CAACE,aAAa,GAAG,WAAW,GAAG,MAAM;EAC1H,OAAO9C,SAAS;AAClB,CAAC;AAED,IAAMiD,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAInD,QAAgB,EAAEN,UAAkB,EAAEiC,SAA6B,EAAExB,KAAgC,EAAK;EAClI,WAAOI,qBAAG,kMACKP,QAAQ,EACN+C,mBAAmB,CAACpB,SAAS,CAAC,EAC9BjC,UAAU,EACXuD,kBAAkB,CAACtB,SAAS,CAAC,EACzCxB,KAAK,KAAK,IAAI,GAAG,EAAE,oBAAaA,KAAK,IAAIC,QAAM,CAACC,KAAK,MAAG;AAE9D,CAAC;AAED,IAAM+C,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIzB,SAA6B,EAAExB,KAAoB;EAAA,OAAKgD,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAExB,KAAK,CAAC;AAAA;AAAC;AACvI,IAAMkD,WAAoD,GAAG,SAAvDA,WAAoD,SAAkD;EAAA,IAA5ClD,KAAK,UAALA,KAAK;IAAEwB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EACnG,IAAIrD,UAAU,GAAG8C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIzB,SAAS,GAAG+C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEnD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAA,UAChImC;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EA3CAlC,KAAK;EACLmD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AA0CV,IAAMkB,iBAAiB,GAAG,SAApBA,iBAAiB,CAAI5B,SAA6B,EAAExB,KAAoB;EAAA,OAAKgD,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAExB,KAAK,CAAC;AAAA;AAAC;AACtI,IAAMqD,UAAmD,GAAG,SAAtDA,UAAmD,SAAkD;EAAA,IAA5CrD,KAAK,UAALA,KAAK;IAAEwB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EAClG,IAAIrD,UAAU,GAAG8C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIzB,SAAS,GAAG+C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEnD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAA,UAChImC;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EAtDAlC,KAAK;EACLmD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AAqDV,IAAMoB,iBAAiB,GAAG,SAApBA,iBAAiB,CAAI9B,SAA6B,EAAExB,KAAgC;EAAA,OAAKgD,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAExB,KAAK,CAAC;AAAA;AAAC;AAClJ,IAAMuD,UAAmD,GAAG,SAAtDA,UAAmD,SAAkD;EAAA,IAA5CvD,KAAK,UAALA,KAAK;IAAEwB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EAClG,IAAIrD,UAAU,GAAG8C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIzB,SAAS,GAAG+C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEnD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAA,UAChImC;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EAjEAlC,KAAK;EACLmD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AAgEV,IAAMsB,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIhC,SAA6B,EAAExB,KAAoB;EAAA,OAAKgD,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAExB,KAAK,CAAC;AAAA;AAAC;AACtI,IAAMyD,UAAmD,GAAG,SAAtDA,UAAmD,SAAkD;EAAA,IAA5CzD,KAAK,UAALA,KAAK;IAAEwB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EAClG,IAAIrD,UAAU,GAAG8C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIzB,SAAS,GAAG+C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEnD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAA,UAChImC;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EA5EAlC,KAAK;EACLmD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AA2EV,IAAMwB,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIlC,SAA6B,EAAExB,KAAoB;EAAA,OAAKgD,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAExB,KAAK,CAAC;AAAA;AAAC;AACvI,IAAM2D,WAAoD,GAAG,SAAvDA,WAAoD,SAAkD;EAAA,IAA5C3D,KAAK,UAALA,KAAK;IAAEwB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EACnG,IAAIrD,UAAU,GAAG8C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIzB,SAAS,GAAG+C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,IAAI7B,aAAa,GAAGoD,2BAA2B,CAACvB,SAAS,CAAC;EAC1D,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEnD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAC,aAAa,EAAEJ,aAAc;IAAA,UAC9JuC;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EAxFAlC,KAAK;EACLmD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AAuFV,IAAM0B,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIpC,SAA6B,EAAExB,KAAoB;EAAA,OAAKgD,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAExB,SAAS,EAAExB,KAAK,CAAC;AAAA;AAAC;AACxI,IAAM6D,YAAqD,GAAG,SAAxDA,YAAqD,SAAkD;EAAA,IAA5C7D,KAAK,UAALA,KAAK;IAAEwB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAEiB,SAAS,UAATA,SAAS;EACpG,IAAIrD,UAAU,GAAG8C,mBAAmB,CAACpB,SAAS,CAAC;EAC/C,IAAIzB,SAAS,GAAG+C,kBAAkB,CAACtB,SAAS,CAAC;EAC7C,IAAI7B,aAAa,GAAGoD,2BAA2B,CAACvB,SAAS,CAAC;EAC1D,oBACE,qBAAC,cAAc;IAAC,SAAS,EAAE2B,SAAU;IAAC,MAAM,EAAEnD,KAAM;IAAC,UAAU,EAAE,EAAG;IAAC,SAAS,EAAE,EAAG;IAAC,WAAW,EAAEF,UAAW;IAAC,UAAU,EAAEC,SAAU;IAAC,aAAa,EAAEJ,aAAc;IAAA,UAC9JuC;EAAQ,EACM;AAErB,CAAC;AAAC;AAAA;EApGAlC,KAAK;EACLmD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA;AAmGV,IAAM4B,mBAA6F,GAAG,SAAhGA,mBAA6F,SAAoD;EAAA,IAA9C9D,KAAK,UAALA,KAAK;IAAEwB,SAAS,UAATA,SAAS;IAAEU,QAAQ,UAARA,QAAQ;IAAE6B,IAAI,UAAJA,IAAI;IAAEC,KAAK,UAALA,KAAK;EAC9I,IAAIC,QAAQ,GAAGF,IAAI;EACnB,IAAI,CAACA,IAAI,EAAE;IACT,IAAIC,KAAK,IAAI,CAAC,CAAC,EAAE;MACfC,QAAQ,GAAGC,WAAI,CAACC,MAAM;IACxB,CAAC,MAAM,IAAIH,KAAK,GAAG,GAAG,EAAE;MACtBC,QAAQ,GAAGC,WAAI,CAACE,KAAK;IACvB,CAAC,MAAM,IAAIJ,KAAK,GAAG,GAAG,EAAE;MACtBC,QAAQ,GAAGC,WAAI,CAACC,MAAM;IACxB,CAAC,MAAM;MACLF,QAAQ,GAAGC,WAAI,CAACG,KAAK;IACvB;EACF;EACA,QAAQJ,QAAQ;IACd,KAAKC,WAAI,CAACI,OAAO;MACf,oBAAO,qBAAC,YAAY;QAAC,KAAK,EAAEtE,KAAM;QAAC,SAAS,EAAEwB,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAG;IACjF,KAAKgC,WAAI,CAACK,MAAM;MACd,oBAAO,qBAAC,WAAW;QAAC,KAAK,EAAEvE,KAAM;QAAC,SAAS,EAAEwB,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAG;IAChF,KAAKgC,WAAI,CAACE,KAAK;MACb,oBAAO,qBAAC,UAAU;QAAC,KAAK,EAAEpE,KAAM;QAAC,SAAS,EAAEwB,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAG;IAC/E,KAAKgC,WAAI,CAACC,MAAM;MACd,oBAAO,qBAAC,UAAU;QAAC,KAAK,EAAEnE,KAAM;QAAC,SAAS,EAAEwB,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAG;IAC/E,KAAKgC,WAAI,CAACG,KAAK;IACf;MACE,oBAAO,qBAAC,UAAU;QAAC,KAAK,EAAErE,KAAM;QAAC,SAAS,EAAEwB,SAAU;QAAC,QAAQ,EAAEU;MAAS,EAAG;EAAC;AAEpF,CAAC;AAAC;AAAA;EAhIAlC,KAAK;EACLmD,SAAS;EACT3B,SAAS;EACTU,QAAQ;AAAA"}
+{"version":3,"file":"typography.cjs","names":["TypographyBase","styled","$color","lineHeight","$fontSize","$fontWeight","$fontStyle","textTransform","textDecorationLine","fontSize","fontWeight","fontStyle","color","COLORS","black","HeadlineBaseStyling","css","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","Size","Medium","Small","Large","XXSmall","XSmall"],"sources":["../../src/styles/typography.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\n\ninterface ITypographyBase {\n  $color?: string;\n  lineHeight: number;\n  $fontSize: number;\n  $fontWeight: number;\n  $fontStyle?: string;\n  textTransform?: Property.TextTransform;\n  textDecorationLine?: Property.TextDecorationLine;\n}\n\nexport const TypographyBase = styled('div')<ITypographyBase>(({ $color, lineHeight, $fontSize, $fontWeight, $fontStyle, textTransform, textDecorationLine }) => ({\n  fontSize: $fontSize,\n  fontWeight: $fontWeight,\n  lineHeight: lineHeight + 'px',\n  textTransform: textTransform ? textTransform : 'none',\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n  fontStyle: $fontStyle ? $fontStyle : 'normal',\n  color: $color ? $color : COLORS.black,\n}));\n\ninterface IHeadline {\n  $color?: string;\n}\n\ninterface IHeadlineBase {\n  $color?: string;\n  lineHeight: number;\n  fontSize: number;\n}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n  return css`\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n    font-weight: 700;\n    color: ${color};\n  `;\n};\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ $color, lineHeight, fontSize }) => ({\n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: $color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '48px',\n  lineHeight: '64px',\n  color: $color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '40px',\n  lineHeight: '52px',\n  color: $color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '32px',\n  lineHeight: '40px',\n  color: $color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '28px',\n  lineHeight: '36px',\n  color: $color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '24px',\n  lineHeight: '32px',\n  color: $color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ $color }) => ({\n  fontSize: '20px',\n  lineHeight: '24px',\n  color: $color,\n}));\n\nconst ParagraphStyling = css`\n  :lang(ja-jp) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(ko-kr) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(zh-CN) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 34em;\n  }\n`;\n\ninterface IParagraphBase {\n  color?: string;\n  lineHeight: number;\n  $fontSize: number;\n  marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n  p {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n  p:not(:only-of-type) {\n    margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n  }\n  ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n  color?: string;\n}\n\nenum ParagraphTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  Underline,\n}\n\ntype ParagraphProps = {\n  color?: string;\n  textStyle?: ParagraphTextStyle;\n  children?: React.ReactNode;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n  let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n  return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n  return css`\n    font-size: ${fontSize};\n    font-weight: ${paragraphFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${paragraphFontStyle(textStyle)};\n    color: ${color};\n  `;\n};\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={36}\n      $fontSize={24}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"18px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={32}\n      $fontSize={20}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"16px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={28}\n      $fontSize={18}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"14px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={24}\n      $fontSize={16}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"12px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: React.FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={20}\n      $fontSize={14}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"10px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold,\n}\n\ntype ComponentProps = {\n  color?: string;\n  className?: string;\n  textStyle?: ComponentTextStyle;\n  children?: React.ReactNode;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n  return css`\n    font-size: ${fontSize};\n    font-weight: ${componentFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${componentFontStyle(textStyle)};\n    ${color === null ? '' : `color: ${color || COLORS.black};`}\n  `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={28} $fontSize={24} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('20px', '24px', textStyle, color);\nconst ComponentL: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={20} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentMStyling = (textStyle: ComponentTextStyle, color: string | undefined | null) => ComponentStyling('18px', '24px', textStyle, color);\nconst ComponentM: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={24} $fontSize={18} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('16px', '20px', textStyle, color);\nconst ComponentS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={20} $fontSize={16} $fontWeight={fontWeight} $fontStyle={fontStyle}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('14px', '16px', textStyle, color);\nconst ComponentXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={14} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentXXSStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('12px', '16px', textStyle, color);\nconst ComponentXXS: React.FunctionComponent<ComponentProps> = ({ color, textStyle, children, className }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase className={className} $color={color} lineHeight={16} $fontSize={12} $fontWeight={fontWeight} $fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentResponsive: React.FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({ color, textStyle, children, size, width }) => {\n  let fontsize = size;\n  if (!size) {\n    if (width == -1) {\n      fontsize = Size.Medium;\n    } else if (width < 768) {\n      fontsize = Size.Small;\n    } else if (width < 992) {\n      fontsize = Size.Medium;\n    } else {\n      fontsize = Size.Large;\n    }\n  }\n  switch (fontsize) {\n    case Size.XXSmall:\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n    case Size.XSmall:\n      return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n    case Size.Small:\n      return <ComponentS color={color} textStyle={textStyle} children={children} />;\n    case Size.Medium:\n      return <ComponentM color={color} textStyle={textStyle} children={children} />;\n    case Size.Large:\n    default:\n      return <ComponentL color={color} textStyle={textStyle} children={children} />;\n  }\n};\n\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"mappings":"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"}