@laerdal/life-react-components 1.2.2-dev.8 → 1.3.1-dev.1.full

package/dist/esm/Tooltips/TooltipWrapper.js

@@ -8,10 +8,13 @@ const TooltipWrapper = ({
   withArrow,
   size = Size.Small,
   height = 'auto',
+  delay = undefined,
   align = 'center',
   position = 'bottom'
 }) => {
-  return /*#__PURE__*/React.createElement(TooltipContainer, null, /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(TooltipContainer, {
+    delay: delay
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     align: align,
     height: height,
     size: size,

package/dist/esm/Tooltips/TooltipWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Tooltips/TooltipWrapper.tsx"],"names":["React","TooltipContainer","Tooltip","Size","TooltipWrapper","label","children","withArrow","size","Small","height","align","position"],"mappings":"AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAIA,SAASC,gBAAT,EAA2BC,OAA3B,QAA0C,iBAA1C;AACA,SAASC,IAAT,QAAqB,IAArB;;AAEC,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,KADsB;AACfC,EAAAA,QADe;AAEtBC,EAAAA,SAFsB;AAGtBC,EAAAA,IAAI,GAAGL,IAAI,CAACM,KAHU;AAItBC,EAAAA,MAAM,GAAG,MAJa;AAKtBC,EAAAA,KAAK,GAAG,QALc;AAMtBC,EAAAA,QAAQ,GAAG;AANW,CAAD,KAMoB;AAExC,sBAAO,oBAAC,gBAAD,qBACC,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAED,KAAhB;AACG,IAAA,MAAM,EAAED,MADX;AAEG,IAAA,IAAI,EAAEF,IAFT;AAGG,IAAA,SAAS,EAAED,SAHd;AAIG,IAAA,QAAQ,EAAEK;AAJb,KAKIP,KALJ,CADD,EAQDC,QARC,CAAP;AAUF,CAlBD;;AAoBA,eAAeF,cAAf","sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \n const TooltipWrapper = ({\n   label, children,\n   withArrow,\n   size = Size.Small,\n   height = 'auto',\n   align = 'center', \n   position = 'bottom' } : TooltipProps) => {\n \n    return <TooltipContainer>\n            <Tooltip align={align} \n               height={height} \n               size={size}\n               withArrow={withArrow} \n               position={position}>\n               {label}\n            </Tooltip>\n         {children}\n       </TooltipContainer>;\n };\n \n export default TooltipWrapper;"],"file":"TooltipWrapper.js"}
+{"version":3,"sources":["../../../src/Tooltips/TooltipWrapper.tsx"],"names":["React","TooltipContainer","Tooltip","Size","TooltipWrapper","label","children","withArrow","size","Small","height","delay","undefined","align","position"],"mappings":"AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAIA,SAASC,gBAAT,EAA2BC,OAA3B,QAA0C,iBAA1C;AACA,SAASC,IAAT,QAAqB,IAArB;;AAEC,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,KADsB;AACfC,EAAAA,QADe;AAEtBC,EAAAA,SAFsB;AAGtBC,EAAAA,IAAI,GAAGL,IAAI,CAACM,KAHU;AAItBC,EAAAA,MAAM,GAAG,MAJa;AAKtBC,EAAAA,KAAK,GAAGC,SALc;AAMtBC,EAAAA,KAAK,GAAG,QANc;AAOtBC,EAAAA,QAAQ,GAAG;AAPW,CAAD,KAOoB;AAExC,sBAAO,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEH;AAAzB,kBACC,oBAAC,OAAD;AAAS,IAAA,KAAK,EAAEE,KAAhB;AACG,IAAA,MAAM,EAAEH,MADX;AAEG,IAAA,IAAI,EAAEF,IAFT;AAGG,IAAA,SAAS,EAAED,SAHd;AAIG,IAAA,QAAQ,EAAEO;AAJb,KAKIT,KALJ,CADD,EAQDC,QARC,CAAP;AAUF,CAnBD;;AAqBA,eAAeF,cAAf","sourcesContent":["\nimport * as React from 'react';\n\nimport { TooltipProps } from './TooltipTypes';\n\nimport { TooltipContainer, Tooltip } from './TooltipStyles';\nimport { Size } from '..';\n \n const TooltipWrapper = ({\n   label, children,\n   withArrow,\n   size = Size.Small,\n   height = 'auto',\n   delay = undefined,\n   align = 'center', \n   position = 'bottom' } : TooltipProps) => {\n \n    return <TooltipContainer delay={delay}>\n            <Tooltip align={align}\n               height={height}\n               size={size}\n               withArrow={withArrow}\n               position={position}>\n               {label}\n            </Tooltip>\n         {children}\n       </TooltipContainer>;\n };\n \n export default TooltipWrapper;"],"file":"TooltipWrapper.js"}

package/dist/esm/icons/index.js

@@ -19,7 +19,7 @@ export const getSize = size => {
 };
 const Container = styled.div`
   position: relative;
-  ${TooltipTrigger}
+  ${TooltipTrigger()}
 `;
 const IconComponent = styled.svg`
   width: ${props => props.width};

package/dist/esm/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/index.tsx"],"names":["React","styled","Tooltip","TooltipTrigger","ContentIcons","SystemIcons","getSize","size","indexOf","Container","div","IconComponent","svg","props","width","height","renderIcon","children","viewBox","tooltip","className","BaseIcon","SystemIcon","ContentIcon"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport * as ContentIcons from './contenticons/ContentIcons';\nimport * as SystemIcons from './systemicons/SystemIcons';\n\nexport type BaseProps = {\n  className?: string;\n  children?: any;\n  size?: string;\n  viewBox?: string;\n  tooltip?: string;\n};\n\nexport type IconProps = {\n  label?: string;\n  className?: string;\n  color?: string;\n  size?: string;\n  viewBox?: string;\n};\n\n/**\n * Retrieves the size of the icon.\n * @param size - Original size which was passed to the icon.\n * @returns Numeric value indicating the size of the icon.\n */\nexport const getSize = (size: string) => {\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\n    return `${size}px`;\n  } else {\n    return size;\n  }\n};\n\nconst Container = styled.div`\n  position: relative;\n  ${TooltipTrigger}\n`;\nconst IconComponent = styled.svg<{ width: string; height: string }>`\n  width: ${props => props.width};\n  height: ${props => props.height};\n`;\n\nconst renderIcon = (children: React.ReactNode, width: string, height: string, viewBox: string, tooltip?: string, className?: string) => {\n  return tooltip ? (\n    <Container>\n      <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        {children}\n      </IconComponent>\n      <Tooltip>{tooltip}</Tooltip>\n    </Container>\n  ) : (\n    <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      {children}\n    </IconComponent>\n  );\n};\n\nexport const BaseIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '16px', viewBox = '0 0 25 25', tooltip = '' }) => {\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '24px', viewBox = '0 0 24 24', tooltip = '' }) => {\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '48px', viewBox = '0 0 48 48', tooltip = '' }) => {\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport { SystemIcons };\nexport { ContentIcons };\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/icons/index.tsx"],"names":["React","styled","Tooltip","TooltipTrigger","ContentIcons","SystemIcons","getSize","size","indexOf","Container","div","IconComponent","svg","props","width","height","renderIcon","children","viewBox","tooltip","className","BaseIcon","SystemIcon","ContentIcon"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { Tooltip, TooltipTrigger } from '../Tooltips/TooltipStyles';\nimport * as ContentIcons from './contenticons/ContentIcons';\nimport * as SystemIcons from './systemicons/SystemIcons';\n\nexport type BaseProps = {\n  className?: string;\n  children?: any;\n  size?: string;\n  viewBox?: string;\n  tooltip?: string;\n};\n\nexport type IconProps = {\n  label?: string;\n  className?: string;\n  color?: string;\n  size?: string;\n  viewBox?: string;\n};\n\n/**\n * Retrieves the size of the icon.\n * @param size - Original size which was passed to the icon.\n * @returns Numeric value indicating the size of the icon.\n */\nexport const getSize = (size: string) => {\n  if (typeof size === 'string' && size.indexOf('px') === -1) {\n    return `${size}px`;\n  } else {\n    return size;\n  }\n};\n\nconst Container = styled.div`\n  position: relative;\n  ${TooltipTrigger()}\n`;\nconst IconComponent = styled.svg<{ width: string; height: string }>`\n  width: ${props => props.width};\n  height: ${props => props.height};\n`;\n\nconst renderIcon = (children: React.ReactNode, width: string, height: string, viewBox: string, tooltip?: string, className?: string) => {\n  return tooltip ? (\n    <Container>\n      <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        {children}\n      </IconComponent>\n      <Tooltip>{tooltip}</Tooltip>\n    </Container>\n  ) : (\n    <IconComponent className={className} width={width} height={height} viewBox={viewBox} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      {children}\n    </IconComponent>\n  );\n};\n\nexport const BaseIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '16px', viewBox = '0 0 25 25', tooltip = '' }) => {\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport const SystemIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '24px', viewBox = '0 0 24 24', tooltip = '' }) => {\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport const ContentIcon: React.FunctionComponent<BaseProps> = ({ className, children, size = '48px', viewBox = '0 0 48 48', tooltip = '' }) => {\n  return renderIcon(children, getSize(size), getSize(size), viewBox, tooltip, className);\n};\n\nexport { SystemIcons };\nexport { ContentIcons };\n"],"file":"index.js"}

package/dist/esm/index.js

@@ -26,4 +26,5 @@ export * from './Table';
 export * from './Toggles';
 export * from './HyperLink';
 export * from './NotificationDot';
+export * from './Accordion';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AAEA,cAAc,YAAd;AAEA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd;AACA,cAAc,WAAd;AACA,cAAc,uBAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,mBAAd","sourcesContent":["export * from './styles';\nexport * from './icons';\nexport * from './types';\n\nexport * from './AuthPage';\n\nexport * from './Button';\nexport * from './Breadcrumb';\nexport * from './Chips';\nexport * from './SkipToContent';\nexport * from './Footer';\nexport * from './LoadingIndicator';\nexport * from './MiniProductCard';\nexport * from './NavItem';\nexport * from './Layouts';\nexport * from './GlobalNavigationBar';\nexport * from './Tabs';\nexport * from './Banners';\nexport * from './Toasters';\nexport * from './InputFields';\nexport * from './Dropdown';\nexport * from './Switcher';\nexport * from './LoadingPage';\nexport * from './List';\nexport * from './Modals';\nexport * from './Paginator';\nexport * from './Table';\nexport * from './Toggles';\nexport * from './HyperLink';\nexport * from './NotificationDot';"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd;AAEA,cAAc,YAAd;AAEA,cAAc,UAAd;AACA,cAAc,cAAd;AACA,cAAc,SAAd;AACA,cAAc,iBAAd;AACA,cAAc,UAAd;AACA,cAAc,oBAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd;AACA,cAAc,WAAd;AACA,cAAc,uBAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,YAAd;AACA,cAAc,YAAd;AACA,cAAc,eAAd;AACA,cAAc,QAAd;AACA,cAAc,UAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd;AACA,cAAc,WAAd;AACA,cAAc,aAAd;AACA,cAAc,mBAAd;AACA,cAAc,aAAd","sourcesContent":["export * from './styles';\nexport * from './icons';\nexport * from './types';\n\nexport * from './AuthPage';\n\nexport * from './Button';\nexport * from './Breadcrumb';\nexport * from './Chips';\nexport * from './SkipToContent';\nexport * from './Footer';\nexport * from './LoadingIndicator';\nexport * from './MiniProductCard';\nexport * from './NavItem';\nexport * from './Layouts';\nexport * from './GlobalNavigationBar';\nexport * from './Tabs';\nexport * from './Banners';\nexport * from './Toasters';\nexport * from './InputFields';\nexport * from './Dropdown';\nexport * from './Switcher';\nexport * from './LoadingPage';\nexport * from './List';\nexport * from './Modals';\nexport * from './Paginator';\nexport * from './Table';\nexport * from './Toggles';\nexport * from './HyperLink';\nexport * from './NotificationDot';\nexport * from './Accordion';\n"],"file":"index.js"}

package/dist/esm/styles/typography.js

@@ -2,6 +2,7 @@ import _pt from "prop-types";
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { COLORS } from '.';
+import { Size } from '../types';
 const TYPOGRAPHY = {
   fontFamily: 'Lato, sans-serif'
 };
@@ -362,11 +363,13 @@ const ComponentXLStyling = (textStyle, color) => ComponentStyling('24px', '28px'
 const ComponentXL = ({
   color,
   textStyle,
-  children
+  children,
+  className
 }) => {
   let fontWeight = componentFontWeight(textStyle);
   let fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/React.createElement(TypographyBase, {
+    className: className,
     color: color,
     lineHeight: 28,
     fontSize: 24,
@@ -377,6 +380,7 @@ const ComponentXL = ({
 
 ComponentXL.propTypes = {
   color: _pt.string,
+  className: _pt.string,
   textStyle: _pt.oneOf([1, 2, 3, 4])
 };
 
@@ -385,11 +389,13 @@ const ComponentLStyling = (textStyle, color) => ComponentStyling('20px', '24px',
 const ComponentL = ({
   color,
   textStyle,
-  children
+  children,
+  className
 }) => {
   let fontWeight = componentFontWeight(textStyle);
   let fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/React.createElement(TypographyBase, {
+    className: className,
     color: color,
     lineHeight: 24,
     fontSize: 20,
@@ -400,6 +406,7 @@ const ComponentL = ({
 
 ComponentL.propTypes = {
   color: _pt.string,
+  className: _pt.string,
   textStyle: _pt.oneOf([1, 2, 3, 4])
 };
 
@@ -408,11 +415,13 @@ const ComponentMStyling = (textStyle, color) => ComponentStyling('18px', '24px',
 const ComponentM = ({
   color,
   textStyle,
-  children
+  children,
+  className
 }) => {
   let fontWeight = componentFontWeight(textStyle);
   let fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/React.createElement(TypographyBase, {
+    className: className,
     color: color,
     lineHeight: 24,
     fontSize: 18,
@@ -423,6 +432,7 @@ const ComponentM = ({
 
 ComponentM.propTypes = {
   color: _pt.string,
+  className: _pt.string,
   textStyle: _pt.oneOf([1, 2, 3, 4])
 };
 
@@ -431,11 +441,13 @@ const ComponentSStyling = (textStyle, color) => ComponentStyling('16px', '20px',
 const ComponentS = ({
   color,
   textStyle,
-  children
+  children,
+  className
 }) => {
   let fontWeight = componentFontWeight(textStyle);
   let fontStyle = componentFontStyle(textStyle);
   return /*#__PURE__*/React.createElement(TypographyBase, {
+    className: className,
     color: color,
     lineHeight: 20,
     fontSize: 16,
@@ -446,6 +458,7 @@ const ComponentS = ({
 
 ComponentS.propTypes = {
   color: _pt.string,
+  className: _pt.string,
   textStyle: _pt.oneOf([1, 2, 3, 4])
 };
 
@@ -454,12 +467,14 @@ const ComponentXSStyling = (textStyle, color) => ComponentStyling('14px', '16px'
 const ComponentXS = ({
   color,
   textStyle,
-  children
+  children,
+  className
 }) => {
   let fontWeight = componentFontWeight(textStyle);
   let fontStyle = componentFontStyle(textStyle);
   let textTransform = componentTextTransformation(textStyle);
   return /*#__PURE__*/React.createElement(TypographyBase, {
+    className: className,
     color: color,
     lineHeight: 16,
     fontSize: 14,
@@ -471,6 +486,7 @@ const ComponentXS = ({
 
 ComponentXS.propTypes = {
   color: _pt.string,
+  className: _pt.string,
   textStyle: _pt.oneOf([1, 2, 3, 4])
 };
 
@@ -479,12 +495,14 @@ const ComponentXXSStyling = (textStyle, color) => ComponentStyling('12px', '16px
 const ComponentXXS = ({
   color,
   textStyle,
-  children
+  children,
+  className
 }) => {
   let fontWeight = componentFontWeight(textStyle);
   let fontStyle = componentFontStyle(textStyle);
   let textTransform = componentTextTransformation(textStyle);
   return /*#__PURE__*/React.createElement(TypographyBase, {
+    className: className,
     color: color,
     lineHeight: 16,
     fontSize: 12,
@@ -496,6 +514,7 @@ const ComponentXXS = ({
 
 ComponentXXS.propTypes = {
   color: _pt.string,
+  className: _pt.string,
   textStyle: _pt.oneOf([1, 2, 3, 4])
 };
 
@@ -510,44 +529,44 @@ const ComponentResponsive = ({
 
   if (!size) {
     if (width < 768) {
-      fontsize = 'small';
+      fontsize = Size.Small;
     } else if (width < 992) {
-      fontsize = 'medium';
+      fontsize = Size.Medium;
     } else {
-      fontsize = 'large';
+      fontsize = Size.Large;
     }
   }
 
   switch (fontsize) {
-    case 'xxsmall':
+    case Size.XXSmall:
       return /*#__PURE__*/React.createElement(ComponentXXS, {
         color: color,
         textStyle: textStyle,
         children: children
       });
 
-    case 'xsmall':
+    case Size.XSmall:
       return /*#__PURE__*/React.createElement(ComponentXS, {
         color: color,
         textStyle: textStyle,
         children: children
       });
 
-    case 'small':
+    case Size.Small:
       return /*#__PURE__*/React.createElement(ComponentS, {
         color: color,
         textStyle: textStyle,
         children: children
       });
 
-    case 'medium':
+    case Size.Medium:
       return /*#__PURE__*/React.createElement(ComponentM, {
         color: color,
         textStyle: textStyle,
         children: children
       });
 
-    case 'large':
+    case Size.Large:
     default:
       return /*#__PURE__*/React.createElement(ComponentL, {
         color: color,
@@ -559,6 +578,7 @@ const ComponentResponsive = ({
 
 ComponentResponsive.propTypes = {
   color: _pt.string,
+  className: _pt.string,
   textStyle: _pt.oneOf([1, 2, 3, 4])
 };
 export { TYPOGRAPHY };

package/dist/esm/styles/typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["React","styled","css","COLORS","TYPOGRAPHY","fontFamily","TypographyBase","color","lineHeight","fontSize","fontWeight","fontStyle","textTransform","textDecorationLine","black","HeadlineBaseStyling","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\n\nconst TYPOGRAPHY = {\n  fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n  fontWeight: number;\n  fontStyle?: string;\n  textTransform?: Property.TextTransform;\n  textDecorationLine?: Property.TextDecorationLine;\n}\n\nconst TypographyBase = styled('div')<ITypographyBase>(({ color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine }) => ({\n  fontFamily: TYPOGRAPHY.fontFamily,\n  fontSize: fontSize,\n  fontWeight: fontWeight,\n  lineHeight: lineHeight + 'px',\n  textTransform: textTransform ? textTransform : 'none',\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n  fontStyle: fontStyle ? fontStyle : 'normal',\n  color: color ? color : COLORS.black,\n}));\n\ninterface IHeadline {\n  color?: string;\n}\n\ninterface IHeadlineBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n    font-weight: 700;\n    color: ${color};\n  `;\n}\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ color, lineHeight, fontSize }) => ({\n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '48px',\n  lineHeight: '64px',\n  color: color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '40px',\n  lineHeight: '52px',\n  color: color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '32px',\n  lineHeight: '40px',\n  color: color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '28px',\n  lineHeight: '36px',\n  color: color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '24px',\n  lineHeight: '32px',\n  color: color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '20px',\n  lineHeight: '24px',\n  color: color,\n}));\n\nconst ParagraphStyling = css`\n  :lang(ja-jp) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(ko-kr) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(zh-CN) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 34em;\n  }\n`;\n\ninterface IParagraphBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n  marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n  p {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n  p:not(:only-of-type) {\n    margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n  }\n  ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n  color?: string;\n}\n\nenum ParagraphTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  Underline,\n}\n\ntype ParagraphProps = {\n  color?: string;\n  textStyle?: ParagraphTextStyle;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n  let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n  return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    font-weight: ${paragraphFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${paragraphFontStyle(textStyle)};\n    color: ${color};\n  `;\n}\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"18px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"16px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"14px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"12px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} 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  textStyle?: ComponentTextStyle;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    font-weight: ${componentFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${componentFontStyle(textStyle)};\n    ${color === null ? '' : `color: ${(color || COLORS.black)};`}\n  `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase 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: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase 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: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase 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: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  return (\n    <TypographyBase 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: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase 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: FunctionComponent<ComponentProps> = ({ color, textStyle, children }) => {\n  let fontWeight = componentFontWeight(textStyle);\n  let fontStyle = componentFontStyle(textStyle);\n  let textTransform = componentTextTransformation(textStyle);\n  return (\n    <TypographyBase color={color} lineHeight={16} fontSize={12} fontWeight={fontWeight} fontStyle={fontStyle} textTransform={textTransform}>\n      {children}\n    </TypographyBase>\n  );\n};\n\nconst ComponentResponsive: FunctionComponent<ComponentProps & { size?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'; width: number }> = ({\n  color,\n  textStyle,\n  children,\n  size,\n  width,\n}) => {\n  let fontsize = size;\n  if (!size) {\n    if (width < 768) {\n      fontsize = 'small';\n    } else if (width < 992) {\n      fontsize = 'medium';\n    } else {\n      fontsize = 'large';\n    }\n  }\n  switch (fontsize) {\n    case 'xxsmall':\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n    case 'xsmall':\n      return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n    case 'small':\n      return <ComponentS color={color} textStyle={textStyle} children={children} />;\n    case 'medium':\n      return <ComponentM color={color} textStyle={textStyle} children={children} />;\n    case 'large':\n    default:\n      return <ComponentL color={color} textStyle={textStyle} children={children} />;\n  }\n};\n\nexport { TYPOGRAPHY };\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"file":"typography.js"}
+{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["React","styled","css","COLORS","Size","TYPOGRAPHY","fontFamily","TypographyBase","color","lineHeight","fontSize","fontWeight","fontStyle","textTransform","textDecorationLine","black","HeadlineBaseStyling","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","props","marginBetweenParagraphs","ParagraphTextStyle","paragraphFontWeight","textStyle","Bold","paragraphFontStyle","Italic","paragraphTextDecorationLine","textDecoration","Underline","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","componentFontWeight","UppercaseBold","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","className","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","size","width","fontsize","Small","Medium","Large","XXSmall","XSmall"],"mappings":"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","sourcesContent":["import React, { FunctionComponent } from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS } from '.';\nimport { Property } from 'csstype';\nimport { Size } from '../types';\n\nconst TYPOGRAPHY = {\n  fontFamily: 'Lato, sans-serif',\n};\n\ninterface ITypographyBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n  fontWeight: number;\n  fontStyle?: string;\n  textTransform?: Property.TextTransform;\n  textDecorationLine?: Property.TextDecorationLine;\n}\n\nconst TypographyBase = styled('div')<ITypographyBase>(({ color, lineHeight, fontSize, fontWeight, fontStyle, textTransform, textDecorationLine }) => ({\n  fontFamily: TYPOGRAPHY.fontFamily,\n  fontSize: fontSize,\n  fontWeight: fontWeight,\n  lineHeight: lineHeight + 'px',\n  textTransform: textTransform ? textTransform : 'none',\n  textDecorationLine: textDecorationLine ? textDecorationLine : 'none',\n  fontStyle: fontStyle ? fontStyle : 'normal',\n  color: color ? color : COLORS.black,\n}));\n\ninterface IHeadline {\n  color?: string;\n}\n\ninterface IHeadlineBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n}\n\nconst HeadlineBaseStyling = (fontSize: string, lineHeight: string, color: string) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    line-height: ${lineHeight};\n    font-weight: 700;\n    color: ${color};\n  `;\n}\nconst HeadlineBase = styled(TypographyBase)<IHeadlineBase>(({ color, lineHeight, fontSize }) => ({\n  fontSize: fontSize,\n  fontWeight: 700,\n  lineHeight: lineHeight,\n  color: color,\n}));\n\nconst HeadlineXLStyling = (color: string) => HeadlineBaseStyling('48px', '64px', color);\nconst HeadlineXL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '48px',\n  lineHeight: '64px',\n  color: color,\n}));\n\nconst HeadlineLStyling = (color: string) => HeadlineBaseStyling('40px', '52px', color);\nconst HeadlineL = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '40px',\n  lineHeight: '52px',\n  color: color,\n}));\n\nconst HeadlineMStyling = (color: string) => HeadlineBaseStyling('32px', '40px', color);\nconst HeadlineM = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '32px',\n  lineHeight: '40px',\n  color: color,\n}));\n\nconst HeadlineSStyling = (color: string) => HeadlineBaseStyling('28px', '36px', color);\nconst HeadlineS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '28px',\n  lineHeight: '36px',\n  color: color,\n}));\n\nconst HeadlineXSStyling = (color: string) => HeadlineBaseStyling('24px', '32px', color);\nconst HeadlineXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '24px',\n  lineHeight: '32px',\n  color: color,\n}));\n\nconst HeadlineXXSStyling = (color: string) => HeadlineBaseStyling('20px', '24px', color);\nconst HeadlineXXS = styled(HeadlineBase)<IHeadline>(({ color }) => ({\n  fontSize: '20px',\n  lineHeight: '24px',\n  color: color,\n}));\n\nconst ParagraphStyling = css`\n  :lang(ja-jp) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(ko-kr) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  :lang(zh-CN) > h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 30em;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  p,\n  span {\n    max-width: 34em;\n  }\n`;\n\ninterface IParagraphBase {\n  color?: string;\n  lineHeight: number;\n  fontSize: number;\n  marginBetweenParagraphs?: string;\n}\n\nconst ParagraphBase = styled(TypographyBase)<IParagraphBase>`\n  p {\n    margin-block-start: 0;\n    margin-block-end: 0;\n  }\n  p:not(:only-of-type) {\n    margin-bottom: ${(props) => props.marginBetweenParagraphs || '0'};\n  }\n  ${ParagraphStyling}\n`;\n\ninterface IParagraph {\n  color?: string;\n}\n\nenum ParagraphTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  Underline,\n}\n\ntype ParagraphProps = {\n  color?: string;\n  textStyle?: ParagraphTextStyle;\n};\n\nconst paragraphFontWeight = (textStyle?: ParagraphTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ParagraphTextStyle.Bold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst paragraphFontStyle = (textStyle?: ParagraphTextStyle) => {\n  let fontStyle = textStyle && textStyle === ParagraphTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst paragraphTextDecorationLine = (textStyle?: ParagraphTextStyle): Property.TextDecorationLine => {\n  let textDecoration: Property.TextDecorationLine = textStyle && textStyle === ParagraphTextStyle.Underline ? 'underline' : 'none';\n  return textDecoration;\n};\n\nconst ParagraphBaseStyling = (fontSize: string, lineHeight: string, textStyle: ParagraphTextStyle, color: string) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    font-weight: ${paragraphFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${paragraphFontStyle(textStyle)};\n    color: ${color};\n  `;\n}\n\nconst ParagraphXlStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('24px', '36px', textStyle, color);\nconst ParagraphXL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={36} fontSize={24} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"18px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphLStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('20px', '32px', textStyle, color);\nconst ParagraphL: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={32} fontSize={20} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"16px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphMStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('18px', '28px', textStyle, color);\nconst ParagraphM: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={28} fontSize={18} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"14px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('16px', '24px', textStyle, color);\nconst ParagraphS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={24} fontSize={16} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"12px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nconst ParagraphXSStyling = (textStyle: ParagraphTextStyle, color: string) => ParagraphBaseStyling('14px', '20px', textStyle, color);\nconst ParagraphXS: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase color={color} lineHeight={20} fontSize={14} fontWeight={fontWeight} fontStyle={fontStyle} textDecorationLine={textDecorationLine} marginBetweenParagraphs=\"10px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold,\n}\n\ntype ComponentProps = {\n  color?: string;\n  className?: string;\n  textStyle?: ComponentTextStyle;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    font-weight: ${componentFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${componentFontStyle(textStyle)};\n    ${color === null ? '' : `color: ${(color || COLORS.black)};`}\n  `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: 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: 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: 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: 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: 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: 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: FunctionComponent<ComponentProps & { size?: Size; width: number }> = ({\n  color,\n  textStyle,\n  children,\n  size,\n  width,\n}) => {\n  let fontsize = size;\n  if (!size) {\n    if (width < 768) {\n      fontsize = Size.Small;\n    } else if (width < 992) {\n      fontsize = Size.Medium;\n    } else {\n      fontsize = Size.Large;\n    }\n  }\n  switch (fontsize) {\n    case Size.XXSmall:\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n    case Size.XSmall:\n      return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n    case Size.Small:\n      return <ComponentS color={color} textStyle={textStyle} children={children} />;\n    case Size.Medium:\n      return <ComponentM color={color} textStyle={textStyle} children={children} />;\n    case Size.Large:\n    default:\n      return <ComponentL color={color} textStyle={textStyle} children={children} />;\n  }\n};\n\nexport { TYPOGRAPHY };\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"file":"typography.js"}

package/dist/esm/types.js

@@ -1,6 +1,7 @@
 export let Size;
 
 (function (Size) {
+  Size["XXSmall"] = "xxsmall";
   Size["XSmall"] = "xsmall";
   Size["Small"] = "small";
   Size["Medium"] = "medium";

package/dist/esm/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types.ts"],"names":["Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":"AAOA,WAAYA,IAAZ;;WAAYA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,KAAAA,I;;AA8BZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AASZ,WAAYC,eAAZ;;WAAYA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;GAAAA,e,KAAAA,e;;AAKZ,WAAYC,aAAZ;;WAAYA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;GAAAA,a,KAAAA,a;;AASZ,WAAYC,mBAAZ;;WAAYA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;GAAAA,mB,KAAAA,mB","sourcesContent":["export interface Product {\n  id: string;\n  name: string;\n  type: string;\n  image: string;\n}\n\nexport enum Size {\n  XSmall = 'xsmall',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large'\n}\n\nexport interface NavOption {\n  label: string;\n  to: string;\n  disabled?: boolean;\n  exact?: boolean;\n  onClick?: () => void;\n}\n\nexport interface NavButton {\n  label: string;\n  action: any;\n  disabled?: boolean;\n}\n\nexport interface ActionOptions {\n  search?: () => void;\n  apps?: () => void;\n  language?: () => void;\n  notification?: () => void;\n  settings?: () => void;\n  user?: () => void;\n}\n\nexport enum ToastColor {\n  BLACK,\n  WHITE,\n  BLUE,\n  GREEN,\n  ORANGE,\n  RED,\n}\n\nexport enum ToastActionType{\n  PRIMARY,\n  SECONDARY\n}\n\nexport enum ToastPosition {\n  TOPLEFT,\n  TOPMIDDLE,\n  TOPRIGHT,\n  BOTTOMLEFT,\n  BOTTOMMIDDLE,\n  BOTTOMRIGHT,\n}\n\nexport enum ToastEntryDirection{\n  TOP,\n  BOTTOM,\n  LEFT,\n  RIGHT\n}\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  Icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nexport interface UserMenuItem {\n  label: string;\n  to: string;\n  icon: any;\n  isExternal?: boolean;\n  onClick?: () => void;\n}\n\nexport interface ListRowDropdownOption {\n  key?: string;\n  label: string;\n  action: any;\n}\n\nexport interface NavLink {\n  label: string;\n  to: string;\n  target?: string;\n}\n\nexport interface NavSection {\n  header: string;\n  links: NavLink[];\n}\n\nexport interface NavOptions {\n  sections: NavSection[];\n}\n"],"file":"types.js"}
+{"version":3,"sources":["../../src/types.ts"],"names":["Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":"AAOA,WAAYA,IAAZ;;WAAYA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,KAAAA,I;;AA+BZ,WAAYC,UAAZ;;WAAYA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;AAAAA,EAAAA,U,CAAAA,U;GAAAA,U,KAAAA,U;;AASZ,WAAYC,eAAZ;;WAAYA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;GAAAA,e,KAAAA,e;;AAKZ,WAAYC,aAAZ;;WAAYA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;AAAAA,EAAAA,a,CAAAA,a;GAAAA,a,KAAAA,a;;AASZ,WAAYC,mBAAZ;;WAAYA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;GAAAA,mB,KAAAA,mB","sourcesContent":["export interface Product {\n  id: string;\n  name: string;\n  type: string;\n  image: string;\n}\n\nexport enum Size {\n  XXSmall = 'xxsmall',\n  XSmall = 'xsmall',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large'\n}\n\nexport interface NavOption {\n  label: string;\n  to: string;\n  disabled?: boolean;\n  exact?: boolean;\n  onClick?: () => void;\n}\n\nexport interface NavButton {\n  label: string;\n  action: any;\n  disabled?: boolean;\n}\n\nexport interface ActionOptions {\n  search?: () => void;\n  apps?: () => void;\n  language?: () => void;\n  notification?: () => void;\n  settings?: () => void;\n  user?: () => void;\n}\n\nexport enum ToastColor {\n  BLACK,\n  WHITE,\n  BLUE,\n  GREEN,\n  ORANGE,\n  RED,\n}\n\nexport enum ToastActionType{\n  PRIMARY,\n  SECONDARY\n}\n\nexport enum ToastPosition {\n  TOPLEFT,\n  TOPMIDDLE,\n  TOPRIGHT,\n  BOTTOMLEFT,\n  BOTTOMMIDDLE,\n  BOTTOMRIGHT,\n}\n\nexport enum ToastEntryDirection{\n  TOP,\n  BOTTOM,\n  LEFT,\n  RIGHT\n}\n\nexport interface SwitcherNavItem {\n  label: string;\n  url: string;\n  disabled?: boolean;\n  Icon?: any;\n  as?: any;\n  testId?: string;\n}\n\nexport interface UserMenuItem {\n  label: string;\n  to: string;\n  icon: any;\n  isExternal?: boolean;\n  onClick?: () => void;\n}\n\nexport interface ListRowDropdownOption {\n  key?: string;\n  label: string;\n  action: any;\n}\n\nexport interface NavLink {\n  label: string;\n  to: string;\n  target?: string;\n}\n\nexport interface NavSection {\n  header: string;\n  links: NavLink[];\n}\n\nexport interface NavOptions {\n  sections: NavSection[];\n}\n"],"file":"types.js"}

package/dist/js/Accordion/AccordionItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AccordionItemProps } from './AccordionMenu';
+interface AccordionItemPropsInner extends AccordionItemProps {
+    onSelect: (id: string) => void;
+    isActive: boolean;
+    isLast: boolean;
+}
+declare const AccordionItem: React.FunctionComponent<AccordionItemPropsInner>;
+export default AccordionItem;

package/dist/js/Accordion/AccordionItem.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = require("..");
+
+var _icons = require("../icons");
+
+var _styles = require("./styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var AccordionItem = function AccordionItem(props) {
+  var id = props.id,
+      onSelect = props.onSelect,
+      isActive = props.isActive,
+      title = props.title,
+      icon = props.icon,
+      disabled = props.disabled,
+      isLast = props.isLast;
+
+  var supressFocusRef = _react.default.useRef(null);
+
+  var _React$useState = _react.default.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      tabbedHere = _React$useState2[0],
+      setTabbedHere = _React$useState2[1];
+
+  _react.default.useEffect(function () {
+    !!disabled && setTabbedHere(false);
+  }, [disabled]);
+
+  return /*#__PURE__*/_react.default.createElement(_styles.AccordionItemContainer, {
+    id: id,
+    displaySeparator: !isActive && !isLast
+  }, /*#__PURE__*/_react.default.createElement(_styles.ItemHeaderContainer, {
+    tabIndex: !disabled ? 0 : -1,
+    onClick: function onClick() {
+      if (!disabled) {
+        onSelect(id);
+      }
+    },
+    onKeyDown: function onKeyDown(e) {
+      if (e.key == 'Enter') onSelect(id);
+    },
+    onBlur: function onBlur() {
+      setTabbedHere(false);
+      supressFocusRef.current = false;
+    },
+    onFocus: function onFocus() {
+      if (!disabled) {
+        if (!supressFocusRef.current) setTabbedHere(true);else supressFocusRef.current = false;
+      }
+    },
+    onMouseDown: function onMouseDown() {
+      if (!disabled && !tabbedHere) supressFocusRef.current = true;
+    },
+    tabbedHere: tabbedHere,
+    isActive: isActive,
+    isDisabled: disabled !== null && disabled !== void 0 ? disabled : false
+  }, icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+    size: '24px'
+  }), /*#__PURE__*/_react.default.createElement(_.ComponentM, {
+    className: "headerLabel",
+    color: isActive ? _.COLORS.neutral_800 : disabled ? _.COLORS.neutral_300 : _.COLORS.neutral_600
+  }, title), isActive ? /*#__PURE__*/_react.default.createElement(_icons.SystemIcons.ChevronUp, {
+    color: _.COLORS.neutral_800,
+    size: "20px"
+  }) : /*#__PURE__*/_react.default.createElement(_icons.SystemIcons.ChevronDown, {
+    color: _.COLORS.neutral_600,
+    size: "20px"
+  })), isActive && /*#__PURE__*/_react.default.createElement(_styles.ItemBodyContainer, null, /*#__PURE__*/_react.default.createElement(_.ComponentS, null, props.children)));
+};
+
+AccordionItem.propTypes = {
+  onSelect: _propTypes.default.func.isRequired,
+  isActive: _propTypes.default.bool.isRequired,
+  isLast: _propTypes.default.bool.isRequired
+};
+var _default = AccordionItem;
+exports.default = _default;
+//# sourceMappingURL=AccordionItem.js.map

package/dist/js/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Accordion/AccordionItem.tsx"],"names":["AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","supressFocusRef","React","useRef","useState","tabbedHere","setTabbedHere","useEffect","e","key","current","cloneElement","size","COLORS","neutral_800","neutral_300","neutral_600","children"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { COLORS, ComponentM, ComponentS } from '..';\nimport { SystemIcons } from '../icons';\nimport { AccordionItemProps } from './AccordionMenu';\nimport { AccordionItemContainer, HeaderIconContainer, ItemBodyContainer, ItemHeaderContainer } from './styles';\n\ninterface AccordionItemPropsInner extends AccordionItemProps {\n  onSelect: (id: string) => void;\n  isActive: boolean;\n  isLast: boolean;\n}\n\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\n  const { id, onSelect, isActive, title, icon, disabled, isLast } = props;\n\n  const supressFocusRef = React.useRef<any>(null);\n  const [tabbedHere, setTabbedHere] = React.useState<boolean>(false);\n\n  React.useEffect(() => {\n    !!disabled && setTabbedHere(false);\n  }, [disabled]);\n\n  return (\n    <AccordionItemContainer id={id} displaySeparator={!isActive && !isLast}>\n      <ItemHeaderContainer\n        tabIndex={!disabled ? 0 : -1}\n        onClick={() => {\n          if (!disabled) {\n            onSelect(id);\n          }\n        }}\n        onKeyDown={(e: any) => {\n          if(e.key == 'Enter')\n            onSelect(id);\n        }}\n        onBlur={() => {\n          setTabbedHere(false);\n          supressFocusRef.current = false;\n        }}\n        onFocus={() => {\n          if(!disabled) {\n            if (!supressFocusRef.current) setTabbedHere(true);\n            else supressFocusRef.current = false;\n          }\n        }}\n        onMouseDown={() => {\n          if (!disabled && !tabbedHere) supressFocusRef.current = true;\n        }}\n        tabbedHere={tabbedHere}\n        isActive={isActive}\n        isDisabled={disabled ?? false}>\n        {icon && React.cloneElement(icon as React.ReactElement, { size: '24px' })}\n        <ComponentM className=\"headerLabel\" color={isActive ? COLORS.neutral_800 : disabled ? COLORS.neutral_300 : COLORS.neutral_600}>{title}</ComponentM>\n        {isActive ? <SystemIcons.ChevronUp color={COLORS.neutral_800} size=\"20px\" /> : <SystemIcons.ChevronDown color={COLORS.neutral_600} size=\"20px\" />}\n      </ItemHeaderContainer>\n      {isActive && (\n        <ItemBodyContainer>\n          <ComponentS>{props.children}</ComponentS>\n        </ItemBodyContainer>\n      )}\n    </AccordionItemContainer>\n  );\n};\n\nexport default AccordionItem;\n"],"file":"AccordionItem.js"}

package/dist/js/Accordion/AccordionMenu.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface AccordionProps {
+    items: AccordionItemProps[];
+    selectedItems?: string[];
+    setSelectedItems?: (a: string[]) => void;
+    onSelect?: (id: string) => void;
+    multipleActive?: boolean;
+}
+export interface AccordionItemProps {
+    id: string;
+    disabled?: boolean;
+    title: string;
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const AccordionMenu: React.FunctionComponent<AccordionProps>;
+export default AccordionMenu;