@laerdal/life-react-components 1.4.1-dev.2 → 1.4.1-dev.4.full

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/typography.tsx"],"names":["TYPOGRAPHY","fontFamily","TypographyBase","textDecorationLine","fontSize","fontWeight","lineHeight","textTransform","fontStyle","$fontStyle","color","$color","COLORS","black","HeadlineBaseStyling","css","HeadlineBase","HeadlineXLStyling","HeadlineXL","HeadlineLStyling","HeadlineL","HeadlineMStyling","HeadlineM","HeadlineSStyling","HeadlineS","HeadlineXSStyling","HeadlineXS","HeadlineXXSStyling","HeadlineXXS","ParagraphStyling","ParagraphBase","styled","props","ParagraphTextStyle","textStyle","paragraphFontWeight","paragraphFontStyle","paragraphTextDecorationLine","textDecoration","ParagraphBaseStyling","ParagraphXlStyling","ParagraphXL","children","ParagraphLStyling","ParagraphL","ParagraphMStyling","ParagraphM","ParagraphSStyling","ParagraphS","ParagraphXSStyling","ParagraphXS","ComponentTextStyle","className","componentFontWeight","componentFontStyle","componentTextTransformation","ComponentStyling","ComponentXLStyling","ComponentXL","ComponentLStyling","ComponentL","ComponentMStyling","ComponentM","ComponentSStyling","ComponentS","ComponentXSStyling","ComponentXS","ComponentXXSStyling","ComponentXXS","ComponentResponsive","width","fontsize","Size"],"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\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: 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: 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: 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: FunctionComponent<ParagraphProps> = ({ color, textStyle, children }) => {\n  let fontWeight = paragraphFontWeight(textStyle);\n  let fontStyle = paragraphFontStyle(textStyle);\n  let textDecorationLine = paragraphTextDecorationLine(textStyle);\n  return (\n    <ParagraphBase\n      $color={color}\n      lineHeight={20}\n      $fontSize={14}\n      $fontWeight={fontWeight}\n      $fontStyle={fontStyle}\n      textDecorationLine={textDecorationLine}\n      marginBetweenParagraphs=\"10px\">\n      {children}\n    </ParagraphBase>\n  );\n};\n\nenum ComponentTextStyle {\n  Regular = 1,\n  Bold,\n  Italic,\n  UppercaseBold,\n}\n\ntype ComponentProps = {\n  color?: string;\n  className?: string;\n  textStyle?: ComponentTextStyle;\n};\n\nconst componentFontWeight = (textStyle?: ComponentTextStyle) => {\n  let fontWeight = 400;\n  if (textStyle === ComponentTextStyle.Bold || textStyle === ComponentTextStyle.UppercaseBold) {\n    fontWeight = 700;\n  }\n  return fontWeight;\n};\n\nconst componentFontStyle = (textStyle?: ComponentTextStyle) => {\n  let fontStyle = textStyle && textStyle === ComponentTextStyle.Italic ? 'italic' : '';\n  return fontStyle;\n};\n\nconst componentTextTransformation = (textStyle?: ComponentTextStyle): Property.TextTransform => {\n  let fontStyle: Property.TextTransform = textStyle && textStyle === ComponentTextStyle.UppercaseBold ? 'uppercase' : 'none';\n  return fontStyle;\n};\n\nconst ComponentStyling = (fontSize: string, lineHeight: string, textStyle: ComponentTextStyle, color: string | undefined | null) => {\n  return css`\n    font-family: ${TYPOGRAPHY.fontFamily};\n    font-size: ${fontSize};\n    font-weight: ${componentFontWeight(textStyle)};\n    line-height: ${lineHeight};\n    font-style: ${componentFontStyle(textStyle)};\n    ${color === null ? '' : `color: ${color || COLORS.black};`}\n  `;\n};\n\nconst ComponentXLStyling = (textStyle: ComponentTextStyle, color: string | null) => ComponentStyling('24px', '28px', textStyle, color);\nconst ComponentXL: 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 }> = ({ color, textStyle, children, size, width }) => {\n  let fontsize = size;\n  if (!size) {\n    if (width < 768) {\n      fontsize = Size.Small;\n    } else if (width < 992) {\n      fontsize = Size.Medium;\n    } else {\n      fontsize = Size.Large;\n    }\n  }\n  switch (fontsize) {\n    case Size.XXSmall:\n      return <ComponentXXS color={color} textStyle={textStyle} children={children} />;\n    case Size.XSmall:\n      return <ComponentXS color={color} textStyle={textStyle} children={children} />;\n    case Size.Small:\n      return <ComponentS color={color} textStyle={textStyle} children={children} />;\n    case Size.Medium:\n      return <ComponentM color={color} textStyle={textStyle} children={children} />;\n    case Size.Large:\n    default:\n      return <ComponentL color={color} textStyle={textStyle} children={children} />;\n  }\n};\n\nexport { TYPOGRAPHY };\nexport { HeadlineXL, HeadlineL, HeadlineM, HeadlineS, HeadlineXS, HeadlineXXS };\nexport { ParagraphTextStyle, ParagraphXL, ParagraphL, ParagraphM, ParagraphS, ParagraphXS };\nexport { ComponentTextStyle, ComponentXL, ComponentL, ComponentM, ComponentS, ComponentXS, ComponentXXS, ComponentResponsive };\nexport { ComponentXLStyling, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentXSStyling, ComponentXXSStyling };\nexport { ParagraphXlStyling, ParagraphLStyling, ParagraphMStyling, ParagraphSStyling, ParagraphXSStyling };\nexport { HeadlineXLStyling, HeadlineLStyling, HeadlineMStyling, HeadlineSStyling, HeadlineXSStyling, HeadlineXXSStyling };\n"],"file":"typography.js"}

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

@@ -0,0 +1,33 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  const Z_INDEXES = exports.Z_INDEXES = {
+    hover: '1',
+    active: '2',
+    focus: '3',
+    dropdown: '1000',
+    sticky_menu: '1020',
+    fixed_menu: '1030',
+    backdrop: '1040',
+    off_canvas: '1050',
+    modal: '1060',
+    toast: '1070',
+    tooltip: '1080'
+  };
+});
+//# sourceMappingURL=z-indexes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/z-indexes.ts"],"names":["Z_INDEXES","hover","active","focus","dropdown","sticky_menu","fixed_menu","backdrop","off_canvas","modal","toast","tooltip"],"mappings":";;;;;;;;;;;;;;;;;;AAAO,QAAMA,SAAS,WAATA,SAAS,GAAG;AACvBC,IAAAA,KAAK,EADkB,GAAA;AAEvBC,IAAAA,MAAM,EAFiB,GAAA;AAGvBC,IAAAA,KAAK,EAHkB,GAAA;AAMvBC,IAAAA,QAAQ,EANe,MAAA;AAOvBC,IAAAA,WAAW,EAPY,MAAA;AAQvBC,IAAAA,UAAU,EARa,MAAA;AASvBC,IAAAA,QAAQ,EATe,MAAA;AAUvBC,IAAAA,UAAU,EAVa,MAAA;AAWvBC,IAAAA,KAAK,EAXkB,MAAA;AAYvBC,IAAAA,KAAK,EAZkB,MAAA;AAavBC,IAAAA,OAAO,EAAE;AAbc,GAAlB","sourcesContent":["export const Z_INDEXES = {\n  hover: '1',\n  active: '2',\n  focus: '3',\n\n\n  dropdown: '1000',\n  sticky_menu: '1020',\n  fixed_menu: '1030',\n  backdrop: '1040',\n  off_canvas: '1050',\n  modal: '1060',\n  toast: '1070',\n  tooltip: '1080',\n}\n"],"file":"z-indexes.js"}

package/dist/umd/types.js

@@ -0,0 +1,67 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  let Size = exports.Size = undefined;
+
+  (function (Size) {
+    Size["XXSmall"] = "xxsmall";
+    Size["XSmall"] = "xsmall";
+    Size["Small"] = "small";
+    Size["Medium"] = "medium";
+    Size["Large"] = "large";
+  })(Size || (exports.Size = Size = {}));
+
+  let ToastColor = exports.ToastColor = undefined;
+
+  (function (ToastColor) {
+    ToastColor[ToastColor["BLACK"] = 0] = "BLACK";
+    ToastColor[ToastColor["WHITE"] = 1] = "WHITE";
+    ToastColor[ToastColor["BLUE"] = 2] = "BLUE";
+    ToastColor[ToastColor["GREEN"] = 3] = "GREEN";
+    ToastColor[ToastColor["ORANGE"] = 4] = "ORANGE";
+    ToastColor[ToastColor["RED"] = 5] = "RED";
+  })(ToastColor || (exports.ToastColor = ToastColor = {}));
+
+  let ToastActionType = exports.ToastActionType = undefined;
+
+  (function (ToastActionType) {
+    ToastActionType[ToastActionType["PRIMARY"] = 0] = "PRIMARY";
+    ToastActionType[ToastActionType["SECONDARY"] = 1] = "SECONDARY";
+  })(ToastActionType || (exports.ToastActionType = ToastActionType = {}));
+
+  let ToastPosition = exports.ToastPosition = undefined;
+
+  (function (ToastPosition) {
+    ToastPosition[ToastPosition["TOPLEFT"] = 0] = "TOPLEFT";
+    ToastPosition[ToastPosition["TOPMIDDLE"] = 1] = "TOPMIDDLE";
+    ToastPosition[ToastPosition["TOPRIGHT"] = 2] = "TOPRIGHT";
+    ToastPosition[ToastPosition["BOTTOMLEFT"] = 3] = "BOTTOMLEFT";
+    ToastPosition[ToastPosition["BOTTOMMIDDLE"] = 4] = "BOTTOMMIDDLE";
+    ToastPosition[ToastPosition["BOTTOMRIGHT"] = 5] = "BOTTOMRIGHT";
+  })(ToastPosition || (exports.ToastPosition = ToastPosition = {}));
+
+  let ToastEntryDirection = exports.ToastEntryDirection = undefined;
+
+  (function (ToastEntryDirection) {
+    ToastEntryDirection[ToastEntryDirection["TOP"] = 0] = "TOP";
+    ToastEntryDirection[ToastEntryDirection["BOTTOM"] = 1] = "BOTTOM";
+    ToastEntryDirection[ToastEntryDirection["LEFT"] = 2] = "LEFT";
+    ToastEntryDirection[ToastEntryDirection["RIGHT"] = 3] = "RIGHT";
+  })(ToastEntryDirection || (exports.ToastEntryDirection = ToastEntryDirection = {}));
+});
+//# sourceMappingURL=types.js.map

package/dist/umd/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types.ts"],"names":["Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,MAAYA,IAAZ,WAAYA,IAAZ,YAAA;;aAAYA,I;AAAAA,IAAAA,I,WAAAA,G,SAAAA;AAAAA,IAAAA,I,UAAAA,G,QAAAA;AAAAA,IAAAA,I,SAAAA,G,OAAAA;AAAAA,IAAAA,I,UAAAA,G,QAAAA;AAAAA,IAAAA,I,SAAAA,G,OAAAA;KAAAA,I,aAAAA,I,GAAAA,I;;AA+BZ,MAAYC,UAAZ,WAAYA,UAAZ,YAAA;;aAAYA,U;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,U,CAAAA,U,SAAAA,G,EAAAA,G,OAAAA;AAAAA,IAAAA,U,CAAAA,U,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,U,CAAAA,U,OAAAA,G,EAAAA,G,KAAAA;KAAAA,U,aAAAA,U,GAAAA,U;;AASZ,MAAYC,eAAZ,WAAYA,eAAZ,YAAA;;aAAYA,e;AAAAA,IAAAA,e,CAAAA,e,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,e,CAAAA,e,aAAAA,G,EAAAA,G,WAAAA;KAAAA,e,aAAAA,e,GAAAA,e;;AAKZ,MAAYC,aAAZ,WAAYA,aAAZ,YAAA;;aAAYA,a;AAAAA,IAAAA,a,CAAAA,a,WAAAA,G,EAAAA,G,SAAAA;AAAAA,IAAAA,a,CAAAA,a,aAAAA,G,EAAAA,G,WAAAA;AAAAA,IAAAA,a,CAAAA,a,YAAAA,G,EAAAA,G,UAAAA;AAAAA,IAAAA,a,CAAAA,a,cAAAA,G,EAAAA,G,YAAAA;AAAAA,IAAAA,a,CAAAA,a,gBAAAA,G,EAAAA,G,cAAAA;AAAAA,IAAAA,a,CAAAA,a,eAAAA,G,EAAAA,G,aAAAA;KAAAA,a,aAAAA,a,GAAAA,a;;AASZ,MAAYC,mBAAZ,WAAYA,mBAAZ,YAAA;;aAAYA,mB;AAAAA,IAAAA,mB,CAAAA,mB,OAAAA,G,EAAAA,G,KAAAA;AAAAA,IAAAA,mB,CAAAA,mB,UAAAA,G,EAAAA,G,QAAAA;AAAAA,IAAAA,mB,CAAAA,mB,QAAAA,G,EAAAA,G,MAAAA;AAAAA,IAAAA,mB,CAAAA,mB,SAAAA,G,EAAAA,G,OAAAA;KAAAA,mB,aAAAA,mB,GAAAA,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "1.4.1-dev.2",
+  "version": "1.4.1-dev.4.full",
   "private": false,
   "author": "Thomas Kalve <thomas.kalve@laerdal.com>",
   "contributors": [
@@ -9,25 +9,31 @@
     "Erik Martirosyan <erik.martirosyan@laerdal.com>"
   ],
   "description": "Laerdal LIFE component library for React.",
-  "keywords": [],
-  "license": "UNLICENSED",
-  "repository": {
-    "type": "git",
-    "url": "https://bitbucket.org/laerdal/laerdal-life-components"
+  "main": "dist/js/index.js",
+  "types": "dist/js/index.d.ts",
+  "dependencies": {
+    "@types/node": "^12.0.0",
+    "@types/react": "^16.9.0",
+    "animated-scroll-to": "^2.2.0",
+    "moment": "^2.29.1",
+    "react-datepicker": "^3.7.0",
+    "react-modal": "^3.11.2",
+    "styled-components": "^5.1.1",
+    "typescript": "~4.3.5"
   },
-  "types": "dist/index.d.ts",
-  "module": "dist/index.js",
-  "sideEffects": false,
   "files": [
     "dist"
   ],
   "scripts": {
     "bump": "yarn version --patch",
-    "build": "yarn build:babel && tsc --emitDeclarationOnly && node ./scripts/copyTS.js",
-    "build:babel": "yarn build:babel:esm",
-    "build:babel:esm": "cross-env BABEL_ENV=esm babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist  ",
+    "build": "yarn build:babel && yarn build:types && node ./scripts/copyTS.js",
+    "build:babel": "concurrently \"yarn build:babel:esm && yarn build:babel:umd\" \"yarn build:babel:cjs\"",
+    "build:babel:cjs": "cross-env BABEL_ENV=cjs babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist/js --presets=@babel/env",
+    "build:babel:esm": "cross-env BABEL_ENV=esm babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist/esm",
+    "build:babel:umd": "cross-env BABEL_ENV=umd babel --source-maps --extensions \".js\" dist/esm --out-dir dist/umd --plugins=transform-es2015-modules-umd",
+    "build:types": "tsc -p tsconfig.gen-dts.json",
     "clean": "rimraf dist",
-    "develop": "yarn build:babel:esm --skip-initial-build --watch --verbose",
+    "develop": "yarn build:types && yarn build:babel:esm --skip-initial-build --watch --verbose",
     "test": "jest src/",
     "test:coverage": "jest --collectCoverage src/",
     "test-watch": "jest --watch"
@@ -47,29 +53,14 @@
       "last 1 safari version"
     ]
   },
-  "dependencies": {
-    "@types/node": "^12.0.0",
-    "@types/react": "^16.9.0",
-    "animated-scroll-to": "^2.2.0",
-    "moment": "^2.29.1",
-    "react-datepicker": "^3.7.0",
-    "react-modal": "^3.11.2",
-    "styled-components": "^5.1.1",
-    "typescript": "~4.3.5",
-    "@babel/runtime": "^7.16.5"
-  },
   "devDependencies": {
-    "@babel/cli": "^7.16.0",
-    "@babel/preset-env": "^7.16.5",
-    "@babel/preset-react": "^7.16.5",
-    "@babel/preset-typescript": "^7.16.5",
-    "@babel/plugin-proposal-class-properties": "^7.16.5",
-    "@babel/plugin-proposal-object-rest-spread": "^7.16.5",
-    "@babel/plugin-transform-runtime": "^7.16.5",
-    "@babel/plugin-proposal-export-default-from": "^7.16.5",
-    "babel-plugin-typescript-to-proptypes": "^1.3.2",
-    "babel-plugin-inline-react-svg": "^2.0.1",
-    "regenerator-runtime": "^0.13.9",
+    "@babel/cli": "^7.10.1",
+    "@babel/plugin-proposal-class-properties": "^7.10.1",
+    "@babel/plugin-proposal-object-rest-spread": "^7.10.3",
+    "@babel/plugin-transform-typescript": "^7.10.3",
+    "@babel/preset-env": "^7.10.3",
+    "@babel/preset-react": "^7.10.1",
+    "@babel/plugin-proposal-export-default-from": "^7.10.1",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^7.1.2",
@@ -78,6 +69,9 @@
     "@types/react-modal": "^3.10.6",
     "@types/react-router-dom": "^5.1.5",
     "@types/styled-components": "^5.1.0",
+    "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
+    "babel-plugin-typescript-to-proptypes": "^1.3.2",
+    "babel-plugin-inline-react-svg": "^2.0.1",
     "concurrently": "^5.2.0",
     "cross-env": "^7.0.3",
     "jest": "^26.6.3",
@@ -92,5 +86,11 @@
   "peerDependencies": {
     "react": "^16 || ^17",
     "react-router-dom": "^5"
+  },
+  "keywords": [],
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "https://bitbucket.org/laerdal/laerdal-life-components"
   }
 }

package/dist/Accordion/AccordionItem.js

@@ -1,61 +0,0 @@
-import _pt from "prop-types";
-import React from 'react';
-import { COLORS, ComponentM, ComponentS } from '..';
-import { SystemIcons } from '../icons';
-import { AccordionItemContainer, ItemBodyContainer, ItemHeaderContainer } from './styles';
-import { defaultOnMouseDownHandler } from '../common';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-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;
-  return /*#__PURE__*/_jsxs(AccordionItemContainer, {
-    id: id,
-    displaySeparator: !isActive && !isLast,
-    children: [/*#__PURE__*/_jsxs(ItemHeaderContainer, {
-      tabIndex: !disabled ? 0 : undefined,
-      onClick: function onClick() {
-        if (!disabled) {
-          onSelect(id);
-        }
-      },
-      onKeyDown: function onKeyDown(e) {
-        if (e.key === 'Enter') onSelect(id);
-      },
-      onMouseDown: defaultOnMouseDownHandler,
-      isActive: isActive,
-      isDisabled: disabled !== null && disabled !== void 0 ? disabled : false,
-      children: [icon && /*#__PURE__*/React.cloneElement(icon, {
-        size: '24px'
-      }), /*#__PURE__*/_jsx(ComponentM, {
-        className: "headerLabel",
-        color: isActive ? COLORS.neutral_800 : disabled ? COLORS.neutral_300 : COLORS.neutral_600,
-        children: title
-      }), isActive ? /*#__PURE__*/_jsx(SystemIcons.ChevronUp, {
-        color: COLORS.neutral_800,
-        size: "20px"
-      }) : /*#__PURE__*/_jsx(SystemIcons.ChevronDown, {
-        color: COLORS.neutral_600,
-        size: "20px"
-      })]
-    }), isActive && /*#__PURE__*/_jsx(ItemBodyContainer, {
-      children: /*#__PURE__*/_jsx(ComponentS, {
-        children: props.children
-      })
-    })]
-  });
-};
-
-AccordionItem.propTypes = {
-  onSelect: _pt.func.isRequired,
-  isActive: _pt.bool.isRequired,
-  isLast: _pt.bool.isRequired
-};
-export default AccordionItem;
-//# sourceMappingURL=AccordionItem.js.map

package/dist/Accordion/AccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Accordion/AccordionItem.tsx"],"names":["React","COLORS","ComponentM","ComponentS","SystemIcons","AccordionItemContainer","ItemBodyContainer","ItemHeaderContainer","defaultOnMouseDownHandler","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","undefined","e","key","cloneElement","size","neutral_800","neutral_300","neutral_600","children"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,MAAR,EAAgBC,UAAhB,EAA4BC,UAA5B,QAA6C,IAA7C;AACA,SAAQC,WAAR,QAA0B,UAA1B;AAEA,SAAQC,sBAAR,EAAgCC,iBAAhC,EAAmDC,mBAAnD,QAA6E,UAA7E;AACA,SAAQC,yBAAR,QAAwC,WAAxC;;;;AAQA,IAAMC,aAA+D,GAAG,SAAlEA,aAAkE,CAACC,KAAD,EAAoC;AAC1G,MAAOC,EAAP,GAAgED,KAAhE,CAAOC,EAAP;AAAA,MAAWC,QAAX,GAAgEF,KAAhE,CAAWE,QAAX;AAAA,MAAqBC,QAArB,GAAgEH,KAAhE,CAAqBG,QAArB;AAAA,MAA+BC,KAA/B,GAAgEJ,KAAhE,CAA+BI,KAA/B;AAAA,MAAsCC,IAAtC,GAAgEL,KAAhE,CAAsCK,IAAtC;AAAA,MAA4CC,QAA5C,GAAgEN,KAAhE,CAA4CM,QAA5C;AAAA,MAAsDC,MAAtD,GAAgEP,KAAhE,CAAsDO,MAAtD;AAEA,sBACE,MAAC,sBAAD;AAAwB,IAAA,EAAE,EAAEN,EAA5B;AAAgC,IAAA,gBAAgB,EAAE,CAACE,QAAD,IAAa,CAACI,MAAhE;AAAA,4BACE,MAAC,mBAAD;AAAqB,MAAA,QAAQ,EAAE,CAACD,QAAD,GAAY,CAAZ,GAAgBE,SAA/C;AACqB,MAAA,OAAO,EAAE,mBAAM;AACb,YAAI,CAACF,QAAL,EAAe;AACbJ,UAAAA,QAAQ,CAACD,EAAD,CAAR;AACD;AACF,OALtB;AAMqB,MAAA,SAAS,EAAE,mBAACQ,CAAD,EAAY;AACrB,YAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EACER,QAAQ,CAACD,EAAD,CAAR;AACH,OATtB;AAUqB,MAAA,WAAW,EAAEH,yBAVlC;AAWqB,MAAA,QAAQ,EAAEK,QAX/B;AAYqB,MAAA,UAAU,EAAEG,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAc,KAZ7C;AAAA,iBAaGD,IAAI,iBAAIf,KAAK,CAACqB,YAAN,CAAmBN,IAAnB,EAA+C;AAACO,QAAAA,IAAI,EAAE;AAAP,OAA/C,CAbX,eAcE,KAAC,UAAD;AAAY,QAAA,SAAS,EAAC,aAAtB;AACY,QAAA,KAAK,EAAET,QAAQ,GAAGZ,MAAM,CAACsB,WAAV,GAAwBP,QAAQ,GAAGf,MAAM,CAACuB,WAAV,GAAwBvB,MAAM,CAACwB,WAD1F;AAAA,kBACwGX;AADxG,QAdF,EAgBGD,QAAQ,gBAAG,KAAC,WAAD,CAAa,SAAb;AAAuB,QAAA,KAAK,EAAEZ,MAAM,CAACsB,WAArC;AAAkD,QAAA,IAAI,EAAC;AAAvD,QAAH,gBACP,KAAC,WAAD,CAAa,WAAb;AAAyB,QAAA,KAAK,EAAEtB,MAAM,CAACwB,WAAvC;AAAoD,QAAA,IAAI,EAAC;AAAzD,QAjBJ;AAAA,MADF,EAoBGZ,QAAQ,iBACP,KAAC,iBAAD;AAAA,6BACE,KAAC,UAAD;AAAA,kBAAaH,KAAK,CAACgB;AAAnB;AADF,MArBJ;AAAA,IADF;AA4BD,CA/BD;;;AALEd,EAAAA,Q;AACAC,EAAAA,Q;AACAI,EAAAA,M;;AAoCF,eAAeR,aAAf","sourcesContent":["import React from 'react';\nimport {COLORS, ComponentM, ComponentS} from '..';\nimport {SystemIcons} from '../icons';\nimport {AccordionItemProps} from './AccordionMenu';\nimport {AccordionItemContainer, ItemBodyContainer, ItemHeaderContainer} from './styles';\nimport {defaultOnMouseDownHandler} from '../common';\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  return (\n    <AccordionItemContainer id={id} displaySeparator={!isActive && !isLast}>\n      <ItemHeaderContainer tabIndex={!disabled ? 0 : undefined}\n                           onClick={() => {\n                             if (!disabled) {\n                               onSelect(id);\n                             }\n                           }}\n                           onKeyDown={(e: any) => {\n                             if (e.key === 'Enter')\n                               onSelect(id);\n                           }}\n                           onMouseDown={defaultOnMouseDownHandler}\n                           isActive={isActive}\n                           isDisabled={disabled ?? false}>\n        {icon && React.cloneElement(icon as React.ReactElement, {size: '24px'})}\n        <ComponentM className=\"headerLabel\"\n                    color={isActive ? COLORS.neutral_800 : disabled ? COLORS.neutral_300 : COLORS.neutral_600}>{title}</ComponentM>\n        {isActive ? <SystemIcons.ChevronUp color={COLORS.neutral_800} size=\"20px\"/> :\n          <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/Accordion/AccordionMenu.js

@@ -1,77 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _pt from "prop-types";
-import * as React from 'react';
-import AccordionItem from './AccordionItem';
-import { AccordionMenuWrapper } from './styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-
-var AccordionMenu = function AccordionMenu(_ref) {
-  var items = _ref.items,
-      selectedItems = _ref.selectedItems,
-      setSelectedItems = _ref.setSelectedItems,
-      onSelect = _ref.onSelect,
-      multipleActive = _ref.multipleActive;
-
-  var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      builtinSelectedItems = _React$useState2[0],
-      builtinSetSelectedItems = _React$useState2[1];
-
-  var getCollection = function getCollection() {
-    return selectedItems ? selectedItems : builtinSelectedItems;
-  };
-
-  var getUpdateFunction = function getUpdateFunction() {
-    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;
-  };
-
-  var onSelected = function onSelected(id) {
-    var collection = getCollection();
-    var updateFunc = getUpdateFunction();
-    var isActive = !!collection.find(function (x) {
-      return x == id;
-    });
-
-    if (multipleActive) {
-      if (isActive) updateFunc(collection.filter(function (x) {
-        return x != id;
-      }));else updateFunc([].concat(_toConsumableArray(collection), [id]));
-    } else updateFunc(isActive ? [] : [id]);
-
-    onSelect && onSelect(id);
-  };
-
-  return /*#__PURE__*/_jsx(AccordionMenuWrapper, {
-    children: items.map(function (item) {
-      return /*#__PURE__*/_jsx(AccordionItem, {
-        disabled: item.disabled,
-        id: item.id,
-        title: item.title,
-        icon: item.icon,
-        isActive: !!getCollection().find(function (x) {
-          return x == item.id;
-        }),
-        isLast: items.indexOf(item) === items.length - 1,
-        onSelect: onSelected,
-        children: item.children
-      }, item.id);
-    })
-  });
-};
-
-AccordionMenu.propTypes = {
-  items: _pt.arrayOf(_pt.shape({
-    id: _pt.string.isRequired,
-    disabled: _pt.bool,
-    title: _pt.string.isRequired,
-    icon: _pt.node,
-    children: _pt.node.isRequired
-  })).isRequired,
-  selectedItems: _pt.arrayOf(_pt.string),
-  setSelectedItems: _pt.func,
-  onSelect: _pt.func,
-  multipleActive: _pt.bool
-};
-export default AccordionMenu;
-//# sourceMappingURL=AccordionMenu.js.map

package/dist/Accordion/AccordionMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Accordion/AccordionMenu.tsx"],"names":["React","AccordionItem","AccordionMenuWrapper","AccordionMenu","items","selectedItems","setSelectedItems","onSelect","multipleActive","useState","builtinSelectedItems","builtinSetSelectedItems","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","map","item","disabled","title","icon","indexOf","length","children"],"mappings":";;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,SAASC,oBAAT,QAAqC,UAArC;;;AAkBA,IAAMC,aAAsD,GAAG,SAAzDA,aAAyD,OAA0F;AAAA,MAAvFC,KAAuF,QAAvFA,KAAuF;AAAA,MAAhFC,aAAgF,QAAhFA,aAAgF;AAAA,MAAjEC,gBAAiE,QAAjEA,gBAAiE;AAAA,MAA/CC,QAA+C,QAA/CA,QAA+C;AAAA,MAArCC,cAAqC,QAArCA,cAAqC;;AAEvJ,wBAAwDR,KAAK,CAACS,QAAN,CAAyB,EAAzB,CAAxD;AAAA;AAAA,MAAOC,oBAAP;AAAA,MAA6BC,uBAA7B;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B,WAAOP,aAAa,GAAGA,aAAH,GAAmBK,oBAAvC;AACD,GAFD;;AAIA,MAAMG,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;AAC9B,WAAOP,gBAAgB,GAAGA,gBAAH,GAAsBK,uBAA7C;AACD,GAFD;;AAIA,MAAMG,UAAU,GAAG,SAAbA,UAAa,CAACC,EAAD,EAAgB;AACjC,QAAMC,UAAU,GAAGJ,aAAa,EAAhC;AACA,QAAMK,UAAU,GAAGJ,iBAAiB,EAApC;AAEA,QAAMK,QAAQ,GAAG,CAAC,CAACF,UAAU,CAACG,IAAX,CAAgB,UAAAC,CAAC;AAAA,aAAIA,CAAC,IAAIL,EAAT;AAAA,KAAjB,CAAnB;;AACA,QAAGP,cAAH,EAAmB;AACjB,UAAGU,QAAH,EACED,UAAU,CAACD,UAAU,CAACK,MAAX,CAAkB,UAAAD,CAAC;AAAA,eAAIA,CAAC,IAAIL,EAAT;AAAA,OAAnB,CAAD,CAAV,CADF,KAIEE,UAAU,8BAAKD,UAAL,IAAiBD,EAAjB,GAAV;AACH,KAND,MAQEE,UAAU,CAACC,QAAQ,GAAG,EAAH,GAAQ,CAACH,EAAD,CAAjB,CAAV;;AAEFR,IAAAA,QAAQ,IAAIA,QAAQ,CAACQ,EAAD,CAApB;AACD,GAhBD;;AAkBA,sBACE,KAAC,oBAAD;AAAA,cACGX,KAAK,CAACkB,GAAN,CAAU,UAACC,IAAD;AAAA,0BACT,KAAC,aAAD;AAEE,QAAA,QAAQ,EAAEA,IAAI,CAACC,QAFjB;AAGE,QAAA,EAAE,EAAED,IAAI,CAACR,EAHX;AAIE,QAAA,KAAK,EAAEQ,IAAI,CAACE,KAJd;AAKE,QAAA,IAAI,EAAEF,IAAI,CAACG,IALb;AAME,QAAA,QAAQ,EAAE,CAAC,CAACd,aAAa,GAAGO,IAAhB,CAAqB,UAAAC,CAAC;AAAA,iBAAIA,CAAC,IAAIG,IAAI,CAACR,EAAd;AAAA,SAAtB,CANd;AAOE,QAAA,MAAM,EAAEX,KAAK,CAACuB,OAAN,CAAcJ,IAAd,MAAwBnB,KAAK,CAACwB,MAAN,GAAe,CAPjD;AAQE,QAAA,QAAQ,EAAEd,UARZ;AAAA,kBASGS,IAAI,CAACM;AATR,SACON,IAAI,CAACR,EADZ,CADS;AAAA,KAAV;AADH,IADF;AAiBD,CA/CD;;;AAfEX,EAAAA,K;AAQAW,IAAAA,E;AACAS,IAAAA,Q;AACAC,IAAAA,K;AACAC,IAAAA,I;AACAG,IAAAA,Q;;AAXAxB,EAAAA,a;AACAC,EAAAA,gB;AACAC,EAAAA,Q;AACAC,EAAAA,c;;AA4DF,eAAeL,aAAf","sourcesContent":["import * as React from 'react';\nimport AccordionItem from './AccordionItem';\nimport { AccordionMenuWrapper } from './styles';\n\nexport interface AccordionProps {\n  items: AccordionItemProps[];\n  selectedItems?: string[];\n  setSelectedItems?: (a: string[]) => void;\n  onSelect?: (id: string) => void;\n  multipleActive?: boolean;\n}\n\nexport interface AccordionItemProps {\n  id: string;\n  disabled?: boolean;\n  title: string;\n  icon?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nconst AccordionMenu: React.FunctionComponent<AccordionProps> = ({ items, selectedItems, setSelectedItems, onSelect, multipleActive }: AccordionProps) => {\n\n  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState<string[]>([]);\n\n  const getCollection = () => {\n    return selectedItems ? selectedItems : builtinSelectedItems;\n  };\n\n  const getUpdateFunction = () => {\n    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;\n  }\n\n  const onSelected = (id: string) => {\n    const collection = getCollection();\n    const updateFunc = getUpdateFunction();\n\n    const isActive = !!collection.find(x => x == id);\n    if(multipleActive) {\n      if(isActive)\n        updateFunc(collection.filter(x => x != id));\n      \n      else \n        updateFunc([...collection, id]);\n    }\n    else\n      updateFunc(isActive ? [] : [id]);\n\n    onSelect && onSelect(id);\n  };\n\n  return (\n    <AccordionMenuWrapper>\n      {items.map((item) => (\n        <AccordionItem\n          key={item.id}\n          disabled={item.disabled}\n          id={item.id}\n          title={item.title}\n          icon={item.icon}\n          isActive={!!getCollection().find(x => x == item.id)}\n          isLast={items.indexOf(item) === items.length - 1}\n          onSelect={onSelected}>\n          {item.children}\n        </AccordionItem>\n      ))}\n    </AccordionMenuWrapper>\n  );\n};\n\nexport default AccordionMenu;\n"],"file":"AccordionMenu.js"}

package/dist/Accordion/ContentAccordion.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Size } from '../types';
-export interface ContentAccordionItem {
-    key: string;
-    title: string;
-    header?: string;
-    body: any;
-    footer?: any;
-    disabled?: boolean;
-    active?: boolean;
-}
-export interface ContentAccordionProps {
-    items: ContentAccordionItem[];
-    multi?: boolean;
-    size?: Size;
-}
-export declare const ContentAccordion: React.FunctionComponent<ContentAccordionProps>;
-export default ContentAccordion;

package/dist/Accordion/ContentAccordion.js

@@ -1,122 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-
-var _templateObject;
-
-import React from 'react';
-import styled from 'styled-components';
-import { Size } from '../types';
-import { SystemIcons } from '../icons';
-import { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle } from '../styles/typography';
-import { COLORS } from '../styles';
-import { Z_INDEXES } from '../styles/z-indexes';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var ContentAccordionWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  position: relative;\n\n\n  .content-accordion-item {\n    display: flex;\n    flex-direction: column;\n    border-top: 1px solid ", ";\n\n    .item-header {\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n      min-height: 48px;\n      color: ", ";\n      cursor: pointer;\n\n      &:hover {\n        color: ", ";\n        background-color: ", ";\n        z-index: ", ";\n      }\n\n      &:focus {\n        box-shadow: 0 4px 12px rgba(46, 127, 161, 0.25), 0 0 8px #2E7FA1;\n        background-color: ", ";\n        z-index: ", ";\n        outline: none;\n      }\n\n      &:active {\n        color: ", ";\n        background-color: ", ";\n        box-shadow: none;\n        z-index: ", ";\n      }\n\n      .item-header-icon,\n      .item-header-icon svg {\n        width: 24px;\n        height: 24px;\n      }\n\n      .item-header-text {\n      }\n    }\n\n    .item-content {\n      display: none;\n      flex-direction: column;\n\n      .item-content-header {\n\n      }\n\n      .item-content-body {\n\n      }\n\n      .item-content-footer {\n      }\n    }\n\n    &.active {\n      .item-content {\n        display: flex;\n      }\n    }\n\n    &.disabled {\n      .item-header {\n        color: ", ";\n        cursor: not-allowed;\n        pointer-events: none;\n      }\n    }\n  }\n\n  .content-accordion-item:last-child {\n    border-bottom: 1px solid ", ";\n  }\n\n  &.small {\n    min-width: 320px;\n    max-width: 528px;\n\n    .item-header {\n      gap: 8px;\n      padding: 0 8px;\n      ", "\n    }\n\n    .item-content {\n      padding: 0 8px 16px 40px;\n      gap: 8px;\n\n      .item-content-header {\n        ", "\n      }\n\n      .item-content-body {\n        ", "\n      }\n    }\n  }\n\n\n  &.medium {\n    min-width: 344px;\n    max-width: 584px;\n\n    .item-header {\n      gap: 12px;\n      padding: 0 12px;\n      ", "\n    }\n\n    .item-content {\n      padding: 8px 12px 24px 48px;\n      gap: 12px;\n\n      .item-content-header {\n        ", "\n      }\n\n      .item-content-body {\n        ", "\n      }\n\n    }\n  }\n\n  &.large {\n    min-width: 384px;\n    max-width: 656px;\n\n    .item-header {\n      gap: 16px;\n      padding: 0 16px;\n      ", "\n    }\n\n    .item-content {\n      padding: 16px 16px 32px 56px;\n      gap: 16px;\n\n      .item-content-header {\n        ", "\n      }\n\n      .item-content-body {\n        ", "\n      }\n    }\n  }\n"])), COLORS.neutral_100, COLORS.neutral_600, COLORS.primary_700, COLORS.primary_20, Z_INDEXES.hover, COLORS.white, Z_INDEXES.focus, COLORS.primary_800, COLORS.primary_100, Z_INDEXES.active, COLORS.neutral_300, COLORS.neutral_100, ComponentSStyling(ComponentTextStyle.Regular, null), ComponentSStyling(ComponentTextStyle.Bold, null), ComponentSStyling(ComponentTextStyle.Regular, null), ComponentMStyling(ComponentTextStyle.Regular, null), ComponentMStyling(ComponentTextStyle.Bold, null), ComponentMStyling(ComponentTextStyle.Regular, null), ComponentLStyling(ComponentTextStyle.Regular, null), ComponentLStyling(ComponentTextStyle.Bold, null), ComponentLStyling(ComponentTextStyle.Regular, null));
-export var ContentAccordion = function ContentAccordion(props) {
-  var _props$size;
-
-  var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      opened = _React$useState2[0],
-      setOpened = _React$useState2[1];
-
-  React.useEffect(function () {
-    if (props.multi) {
-      setOpened(props.items.filter(function (item) {
-        return item.active;
-      }).map(function (item) {
-        return item.key;
-      }));
-    } else {
-      var _props$items$find;
-
-      var active = (_props$items$find = props.items.find(function (item) {
-        return !!item.active;
-      })) === null || _props$items$find === void 0 ? void 0 : _props$items$find.key;
-
-      if (active) {
-        setOpened([active]);
-      }
-    }
-  }, [props.items, props.multi]);
-
-  var onItemClick = function onItemClick(item) {
-    if (item.disabled) return;
-
-    if (opened.includes(item.key)) {
-      setOpened(opened.filter(function (key) {
-        return key !== item.key;
-      }));
-    } else {
-      if (props.multi) {
-        setOpened([].concat(_toConsumableArray(opened), [item.key]));
-      } else {
-        setOpened([item.key]);
-      }
-    }
-  };
-
-  var renderItem = function renderItem(item) {
-    var isActive = opened.includes(item.key);
-    return /*#__PURE__*/_jsxs("div", {
-      id: "item_".concat(item.key),
-      className: 'content-accordion-item'.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : ''),
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: 'item-header',
-        tabIndex: !item.disabled ? 0 : undefined,
-        onMouseDown: function onMouseDown(e) {
-          return e.preventDefault();
-        },
-        onClick: function onClick() {
-          return !item.disabled && onItemClick(item);
-        },
-        onKeyPress: function onKeyPress(event) {
-          return event.key === 'Enter' && onItemClick(item);
-        },
-        children: [/*#__PURE__*/_jsx("div", {
-          className: 'item-header-icon',
-          children: props.multi ? isActive ? /*#__PURE__*/_jsx(SystemIcons.Minus, {}) : /*#__PURE__*/_jsx(SystemIcons.Plus, {}) : isActive ? /*#__PURE__*/_jsx(SystemIcons.ChevronDown, {}) : /*#__PURE__*/_jsx(SystemIcons.ChevronRight, {})
-        }), /*#__PURE__*/_jsx("div", {
-          className: 'item-header-text',
-          children: item.title
-        })]
-      }), /*#__PURE__*/_jsxs("div", {
-        className: 'item-content',
-        children: [item.header && /*#__PURE__*/_jsx("div", {
-          className: 'item-content-header',
-          children: item.header
-        }), /*#__PURE__*/_jsx("div", {
-          className: 'item-content-body',
-          children: item.body
-        }), item.footer && /*#__PURE__*/_jsx("div", {
-          className: 'item-content-footer',
-          children: item.footer
-        })]
-      })]
-    }, item.key);
-  };
-
-  return /*#__PURE__*/_jsx(ContentAccordionWrapper, {
-    className: 'content-accordion'.concat(" ".concat((_props$size = props.size) !== null && _props$size !== void 0 ? _props$size : Size.Medium)),
-    children: props.items.map(function (item) {
-      return renderItem(item);
-    })
-  });
-};
-ContentAccordion.propTypes = {
-  items: _pt.arrayOf(_pt.shape({
-    key: _pt.string.isRequired,
-    title: _pt.string.isRequired,
-    header: _pt.string,
-    body: _pt.any.isRequired,
-    footer: _pt.any,
-    disabled: _pt.bool,
-    active: _pt.bool
-  })).isRequired,
-  multi: _pt.bool
-};
-export default ContentAccordion;
-//# sourceMappingURL=ContentAccordion.js.map

package/dist/Accordion/ContentAccordion.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Accordion/ContentAccordion.tsx"],"names":["React","styled","Size","SystemIcons","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","COLORS","Z_INDEXES","ContentAccordionWrapper","div","neutral_100","neutral_600","primary_700","primary_20","hover","white","focus","primary_800","primary_100","active","neutral_300","Regular","Bold","ContentAccordion","props","useState","opened","setOpened","useEffect","multi","items","filter","item","map","key","find","onItemClick","disabled","includes","renderItem","isActive","concat","undefined","e","preventDefault","event","title","header","body","footer","size","Medium"],"mappings":"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","sourcesContent":["import React from 'react'\nimport styled from 'styled-components';\nimport {Size} from '../types';\nimport {SystemIcons} from '../icons';\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle} from '../styles/typography';\nimport {COLORS} from '../styles';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\n\nconst ContentAccordionWrapper = styled.div`\n  width: 100%;\n  position: relative;\n\n\n  .content-accordion-item {\n    display: flex;\n    flex-direction: column;\n    border-top: 1px solid ${COLORS.neutral_100};\n\n    .item-header {\n      display: flex;\n      align-items: center;\n      box-sizing: border-box;\n      min-height: 48px;\n      color: ${COLORS.neutral_600};\n      cursor: pointer;\n\n      &:hover {\n        color: ${COLORS.primary_700};\n        background-color: ${COLORS.primary_20};\n        z-index: ${Z_INDEXES.hover};\n      }\n\n      &:focus {\n        box-shadow: 0 4px 12px rgba(46, 127, 161, 0.25), 0 0 8px #2E7FA1;\n        background-color: ${COLORS.white};\n        z-index: ${Z_INDEXES.focus};\n        outline: none;\n      }\n\n      &:active {\n        color: ${COLORS.primary_800};\n        background-color: ${COLORS.primary_100};\n        box-shadow: none;\n        z-index: ${Z_INDEXES.active};\n      }\n\n      .item-header-icon,\n      .item-header-icon svg {\n        width: 24px;\n        height: 24px;\n      }\n\n      .item-header-text {\n      }\n    }\n\n    .item-content {\n      display: none;\n      flex-direction: column;\n\n      .item-content-header {\n\n      }\n\n      .item-content-body {\n\n      }\n\n      .item-content-footer {\n      }\n    }\n\n    &.active {\n      .item-content {\n        display: flex;\n      }\n    }\n\n    &.disabled {\n      .item-header {\n        color: ${COLORS.neutral_300};\n        cursor: not-allowed;\n        pointer-events: none;\n      }\n    }\n  }\n\n  .content-accordion-item:last-child {\n    border-bottom: 1px solid ${COLORS.neutral_100};\n  }\n\n  &.small {\n    min-width: 320px;\n    max-width: 528px;\n\n    .item-header {\n      gap: 8px;\n      padding: 0 8px;\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .item-content {\n      padding: 0 8px 16px 40px;\n      gap: 8px;\n\n      .item-content-header {\n        ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n      }\n\n      .item-content-body {\n        ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n      }\n    }\n  }\n\n\n  &.medium {\n    min-width: 344px;\n    max-width: 584px;\n\n    .item-header {\n      gap: 12px;\n      padding: 0 12px;\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .item-content {\n      padding: 8px 12px 24px 48px;\n      gap: 12px;\n\n      .item-content-header {\n        ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n      }\n\n      .item-content-body {\n        ${ComponentMStyling(ComponentTextStyle.Regular, null)}\n      }\n\n    }\n  }\n\n  &.large {\n    min-width: 384px;\n    max-width: 656px;\n\n    .item-header {\n      gap: 16px;\n      padding: 0 16px;\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    .item-content {\n      padding: 16px 16px 32px 56px;\n      gap: 16px;\n\n      .item-content-header {\n        ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n      }\n\n      .item-content-body {\n        ${ComponentLStyling(ComponentTextStyle.Regular, null)}\n      }\n    }\n  }\n`;\n\nexport interface ContentAccordionItem {\n  key: string;\n  title: string;\n  header?: string;\n  body: any;\n  footer?: any;\n  disabled?: boolean;\n  active?: boolean;\n}\n\nexport interface ContentAccordionProps {\n  items: ContentAccordionItem[];\n  multi?: boolean;\n  size?: Size;\n}\n\nexport const ContentAccordion: React.FunctionComponent<ContentAccordionProps> = (props) => {\n\n  const [opened, setOpened] = React.useState<string[]>([]);\n\n  React.useEffect(() => {\n    if (props.multi) {\n      setOpened(props.items.filter(item => item.active).map(item => item.key));\n    } else {\n      let active = props.items.find(item => !!item.active)?.key;\n      if (active) {\n        setOpened([active]);\n      }\n    }\n  }, [props.items, props.multi]);\n\n  const onItemClick = (item: ContentAccordionItem) => {\n    if (item.disabled) return;\n    if (opened.includes(item.key)) {\n      setOpened(opened.filter(key => key !== item.key));\n    } else {\n      if (props.multi) {\n        setOpened([...opened, item.key]);\n      } else {\n        setOpened([item.key]);\n      }\n    }\n  }\n\n  const renderItem = (item: ContentAccordionItem) => {\n    const isActive = opened.includes(item.key);\n\n    return (\n      <div key={item.key}\n           id={`item_${item.key}`}\n           className={'content-accordion-item'.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : '')}>\n        <div className={'item-header'}\n             tabIndex={!item.disabled ? 0 : undefined}\n             onMouseDown={e => e.preventDefault()}\n             onClick={() => !item.disabled && onItemClick(item)}\n             onKeyPress={event => event.key === 'Enter' && onItemClick(item)}>\n          <div className={'item-header-icon'}>\n            {\n              props.multi\n                ? isActive\n                  ? <SystemIcons.Minus/>\n                  : <SystemIcons.Plus/>\n                : isActive\n                  ? <SystemIcons.ChevronDown/>\n                  : <SystemIcons.ChevronRight/>\n            }\n          </div>\n          <div className={'item-header-text'}>\n            {item.title}\n          </div>\n        </div>\n        <div className={'item-content'}>\n          {\n            item.header &&\n            <div className={'item-content-header'}>\n              {item.header}\n            </div>\n          }\n          <div className={'item-content-body'}>\n            {item.body}\n          </div>\n          {\n            item.footer &&\n            <div className={'item-content-footer'}>\n              {item.footer}\n            </div>\n          }\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <ContentAccordionWrapper className={'content-accordion'.concat(` ${props.size ?? Size.Medium}`)}>\n      {props.items.map(item => renderItem(item))}\n    </ContentAccordionWrapper>\n  );\n};\n\nexport default ContentAccordion;\n"],"file":"ContentAccordion.js"}