@laerdal/life-react-components 3.5.1-dev.17 → 3.5.1-dev.18

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

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

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

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

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

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Z_INDEXES = void 0;
-var 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'
-};
-exports.Z_INDEXES = Z_INDEXES;
-//# sourceMappingURL=z-indexes.js.map

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

@@ -1 +0,0 @@
-{"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,IAAMA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAE,GADgB;AAEvBC,EAAAA,MAAM,EAAE,GAFe;AAGvBC,EAAAA,KAAK,EAAE,GAHgB;AAMvBC,EAAAA,QAAQ,EAAE,MANa;AAOvBC,EAAAA,WAAW,EAAE,MAPU;AAQvBC,EAAAA,UAAU,EAAE,MARW;AASvBC,EAAAA,QAAQ,EAAE,MATa;AAUvBC,EAAAA,UAAU,EAAE,MAVW;AAWvBC,EAAAA,KAAK,EAAE,MAXgB;AAYvBC,EAAAA,KAAK,EAAE,MAZgB;AAavBC,EAAAA,OAAO,EAAE;AAbc,CAAlB","sourcesContent":["export const Z_INDEXES = {\r\n  hover: '1',\r\n  active: '2',\r\n  focus: '3',\r\n\r\n\r\n  dropdown: '1000',\r\n  sticky_menu: '1020',\r\n  fixed_menu: '1030',\r\n  backdrop: '1040',\r\n  off_canvas: '1050',\r\n  modal: '1060',\r\n  toast: '1070',\r\n  tooltip: '1080',\r\n}\r\n"],"file":"z-indexes.js"}

package/dist/js/types.d.ts

@@ -1,91 +0,0 @@
-export interface Product {
-    id: string;
-    name: string;
-    type: string;
-    image: string;
-}
-export declare enum Size {
-    XXSmall = "xxsmall",
-    XSmall = "xsmall",
-    Small = "small",
-    Medium = "medium",
-    Large = "large"
-}
-export interface NavOption {
-    label: string;
-    to: string;
-    disabled?: boolean;
-    exact?: boolean;
-    onClick?: () => void;
-}
-export interface NavButton {
-    label: string;
-    action: any;
-    disabled?: boolean;
-}
-export interface ActionOptions {
-    search?: () => void;
-    apps?: () => void;
-    language?: () => void;
-    notification?: () => void;
-    settings?: () => void;
-    user?: () => void;
-}
-export declare enum ToastColor {
-    BLACK = 0,
-    WHITE = 1,
-    BLUE = 2,
-    GREEN = 3,
-    ORANGE = 4,
-    RED = 5
-}
-export declare enum ToastActionType {
-    PRIMARY = 0,
-    SECONDARY = 1
-}
-export declare enum ToastPosition {
-    TOPLEFT = 0,
-    TOPMIDDLE = 1,
-    TOPRIGHT = 2,
-    BOTTOMLEFT = 3,
-    BOTTOMMIDDLE = 4,
-    BOTTOMRIGHT = 5
-}
-export declare enum ToastEntryDirection {
-    TOP = 0,
-    BOTTOM = 1,
-    LEFT = 2,
-    RIGHT = 3
-}
-export interface SwitcherNavItem {
-    label: string;
-    url: string;
-    disabled?: boolean;
-    Icon?: any;
-    as?: any;
-    testId?: string;
-}
-export interface UserMenuItem {
-    label: string;
-    to: string;
-    icon: any;
-    isExternal?: boolean;
-    onClick?: () => void;
-}
-export interface ListRowDropdownOption {
-    key?: string;
-    label: string;
-    action: any;
-}
-export interface NavLink {
-    label: string;
-    to: string;
-    target?: string;
-}
-export interface NavSection {
-    header: string;
-    links: NavLink[];
-}
-export interface NavOptions {
-    sections: NavSection[];
-}

package/dist/js/types.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToastEntryDirection = exports.ToastPosition = exports.ToastActionType = exports.ToastColor = exports.Size = void 0;
-var Size;
-exports.Size = Size;
-
-(function (Size) {
-  Size["XXSmall"] = "xxsmall";
-  Size["XSmall"] = "xsmall";
-  Size["Small"] = "small";
-  Size["Medium"] = "medium";
-  Size["Large"] = "large";
-})(Size || (exports.Size = Size = {}));
-
-var ToastColor;
-exports.ToastColor = ToastColor;
-
-(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 = {}));
-
-var ToastActionType;
-exports.ToastActionType = ToastActionType;
-
-(function (ToastActionType) {
-  ToastActionType[ToastActionType["PRIMARY"] = 0] = "PRIMARY";
-  ToastActionType[ToastActionType["SECONDARY"] = 1] = "SECONDARY";
-})(ToastActionType || (exports.ToastActionType = ToastActionType = {}));
-
-var ToastPosition;
-exports.ToastPosition = ToastPosition;
-
-(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 = {}));
-
-var ToastEntryDirection;
-exports.ToastEntryDirection = ToastEntryDirection;
-
-(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/js/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/types.ts"],"names":["Size","ToastColor","ToastActionType","ToastPosition","ToastEntryDirection"],"mappings":";;;;;;IAOYA,I;;;WAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;AAAAA,EAAAA,I;GAAAA,I,oBAAAA,I;;IA+BAC,U;;;WAAAA,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,0BAAAA,U;;IASAC,e;;;WAAAA,e;AAAAA,EAAAA,e,CAAAA,e;AAAAA,EAAAA,e,CAAAA,e;GAAAA,e,+BAAAA,e;;IAKAC,a;;;WAAAA,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,6BAAAA,a;;IASAC,mB;;;WAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;AAAAA,EAAAA,mB,CAAAA,mB;GAAAA,mB,mCAAAA,mB","sourcesContent":["export interface Product {\r\n  id: string;\r\n  name: string;\r\n  type: string;\r\n  image: string;\r\n}\r\n\r\nexport enum Size {\r\n  XXSmall = 'xxsmall',\r\n  XSmall = 'xsmall',\r\n  Small = 'small',\r\n  Medium = 'medium',\r\n  Large = 'large'\r\n}\r\n\r\nexport interface NavOption {\r\n  label: string;\r\n  to: string;\r\n  disabled?: boolean;\r\n  exact?: boolean;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface NavButton {\r\n  label: string;\r\n  action: any;\r\n  disabled?: boolean;\r\n}\r\n\r\nexport interface ActionOptions {\r\n  search?: () => void;\r\n  apps?: () => void;\r\n  language?: () => void;\r\n  notification?: () => void;\r\n  settings?: () => void;\r\n  user?: () => void;\r\n}\r\n\r\nexport enum ToastColor {\r\n  BLACK,\r\n  WHITE,\r\n  BLUE,\r\n  GREEN,\r\n  ORANGE,\r\n  RED,\r\n}\r\n\r\nexport enum ToastActionType{\r\n  PRIMARY,\r\n  SECONDARY\r\n}\r\n\r\nexport enum ToastPosition {\r\n  TOPLEFT,\r\n  TOPMIDDLE,\r\n  TOPRIGHT,\r\n  BOTTOMLEFT,\r\n  BOTTOMMIDDLE,\r\n  BOTTOMRIGHT,\r\n}\r\n\r\nexport enum ToastEntryDirection{\r\n  TOP,\r\n  BOTTOM,\r\n  LEFT,\r\n  RIGHT\r\n}\r\n\r\nexport interface SwitcherNavItem {\r\n  label: string;\r\n  url: string;\r\n  disabled?: boolean;\r\n  Icon?: any;\r\n  as?: any;\r\n  testId?: string;\r\n}\r\n\r\nexport interface UserMenuItem {\r\n  label: string;\r\n  to: string;\r\n  icon: any;\r\n  isExternal?: boolean;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface ListRowDropdownOption {\r\n  key?: string;\r\n  label: string;\r\n  action: any;\r\n}\r\n\r\nexport interface NavLink {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\nexport interface NavSection {\r\n  header: string;\r\n  links: NavLink[];\r\n}\r\n\r\nexport interface NavOptions {\r\n  sections: NavSection[];\r\n}\r\n"],"file":"types.js"}

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

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

package/dist/src/Accordion/AccordionItem.js

@@ -1,47 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { Size } from '..';
-import { SystemIcons } from '../icons';
-import { AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer } from './styles';
-import { defaultOnMouseDownHandler } from '../common';
-var AccordionItem = function (props) {
-    var id = props.id, onSelect = props.onSelect, isActive = props.isActive, title = props.title, icon = props.icon, disabled = props.disabled, isLast = props.isLast, padding = props.padding, children = props.children, className = props.className, _a = props.size, size = _a === void 0 ? Size.Medium : _a, rest = __rest(props, ["id", "onSelect", "isActive", "title", "icon", "disabled", "isLast", "padding", "children", "className", "size"]);
-    var cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? " ".concat(className) : '');
-    return (React.createElement(AccordionItemContainer, { id: id, className: size },
-        React.createElement(AccordionItemHeaderContainer, __assign({ role: "button", "aria-expanded": isActive, id: "itemHeaderFor_".concat(id), "aria-controls": "itemContentFor_".concat(id), tabIndex: !disabled ? 0 : undefined, onClick: function () {
-                if (!disabled) {
-                    onSelect(id);
-                }
-            }, onKeyDown: function (e) {
-                if (e.key === 'Enter')
-                    onSelect(id);
-            }, onMouseDown: defaultOnMouseDownHandler, className: cls }, rest),
-            icon,
-            React.createElement("span", null, title),
-            React.createElement("div", { "aria-hidden": "true" },
-                isActive && React.createElement(SystemIcons.ChevronUp, null),
-                !isActive && React.createElement(SystemIcons.ChevronDown, null))),
-        isActive && (React.createElement(AccordionItemBodyContainer, { id: "itemContentFor_".concat(id), padding: padding }, children))));
-};
-export default AccordionItem;

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

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { Size } from "../types";
-export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    /** List of items that will be rendered */
-    items: AccordionItemProps[];
-    /** List of items that are currently expanded */
-    selectedItems?: string[];
-    /** Callback used to set/save list of expanded items */
-    setSelectedItems?: (a: string[]) => void;
-    /** Callback triggered when user clicks/selects one of the sections */
-    onSelect?: (id: string) => void;
-    /** Flag that allows keeping more than one item expanded */
-    multipleActive?: boolean;
-    /** Property that allows setting custom padding for items body container. */
-    padding?: string;
-    size?: Size.Small | Size.Medium | Size.Large;
-}
-export interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {
-    /** Id of the item */
-    id: string;
-    /** User will not be able to expand the item if it is disabled. */
-    disabled?: boolean;
-    /** Title of the item that will be shown in the item header. */
-    title: string;
-    /** Icon that will be shown on the left of the title */
-    icon?: React.ReactNode;
-    /** Size of the item. */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Actual content of the item. */
-    children: React.ReactNode;
-}
-/**
- * AccordionMenu component that is capable of displaying multiple collapsable sections.
- */
-declare const AccordionMenu: React.FunctionComponent<AccordionProps>;
-export default AccordionMenu;

package/dist/src/Accordion/AccordionMenu.js

@@ -1,66 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import * as React from 'react';
-import AccordionItem from './AccordionItem';
-import { AccordionMenuWrapper } from './styles';
-/**
- * AccordionMenu component that is capable of displaying multiple collapsable sections.
- */
-var AccordionMenu = function (props) {
-    var items = props.items, selectedItems = props.selectedItems, setSelectedItems = props.setSelectedItems, onSelect = props.onSelect, multipleActive = props.multipleActive, padding = props.padding, size = props.size, rest = __rest(props, ["items", "selectedItems", "setSelectedItems", "onSelect", "multipleActive", "padding", "size"]);
-    var _a = React.useState([]), builtinSelectedItems = _a[0], builtinSetSelectedItems = _a[1];
-    var getCollection = function () {
-        return selectedItems ? selectedItems : builtinSelectedItems;
-    };
-    var getUpdateFunction = function () {
-        return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;
-    };
-    var onSelected = function (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(__spreadArray(__spreadArray([], collection, true), [id], false));
-        }
-        else
-            updateFunc(isActive ? [] : [id]);
-        onSelect && onSelect(id);
-    };
-    return (React.createElement(AccordionMenuWrapper, __assign({}, rest), items.map(function (_a, index) {
-        var id = _a.id, disabled = _a.disabled, title = _a.title, icon = _a.icon, children = _a.children, rest = __rest(_a, ["id", "disabled", "title", "icon", "children"]);
-        return (React.createElement(AccordionItem, __assign({ key: id, id: id, disabled: disabled, title: title, "aria-expanded": !!getCollection().find(function (x) { return x == id; }), icon: icon, isActive: !!getCollection().find(function (x) { return x == id; }), isLast: index === items.length - 1, onSelect: onSelected, padding: padding, size: size }, rest), children));
-    })));
-};
-export default AccordionMenu;

package/dist/src/Accordion/ContentAccordion.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-import { Size } from '../types';
-export declare const ContentAccordionItemHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItemHeaderIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItemHeaderText: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItemContentHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItemContentBody: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const ContentAccordionItemContentFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentAccordionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export interface ContentAccordionItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {
-    /** Id of the section. Should be unique. */
-    id: string;
-    /** Title of the section. */
-    title: string;
-    /** Header that will be shown in the content area of the item.  */
-    header?: string;
-    /** Body that will be shown in the content area of the item */
-    body: any;
-    /** Footer that will be shown in the content area of the item */
-    footer?: any;
-    /** User can not expand the section if it is disabled */
-    disabled?: boolean;
-    /** Initial state of the item (expanded/collapsed) */
-    active?: boolean;
-}
-export interface ContentAccordionProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** List of the content items */
-    items: ContentAccordionItem[];
-    /** Allow keeping multiple content sections open */
-    multi?: boolean;
-    /** Size of the whole component */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Callback that is called when section is collapsed/expanded. */
-    onItemStateChanged?: (opened: string[]) => void;
-}
-/**
- * ContentAccordion component that is capable of displaying multiple collapsable sections with content.
- */
-export declare const ContentAccordion: React.FunctionComponent<ContentAccordionProps>;
-export default ContentAccordion;

package/dist/src/Accordion/ContentAccordion.js

@@ -1,107 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React from 'react';
-import styled from 'styled-components';
-import { Size } from '../types';
-import { SystemIcons } from '../icons';
-import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle, focusStyles, Z_INDEXES, } from '../styles';
-import { defaultOnMouseDownHandler } from '../common';
-export var ContentAccordionItemHeader = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\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    ", "\n  }\n\n  &:active {\n    color: ", ";\n    background-color: ", ";\n    z-index: ", ";\n  }\n"], ["\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    ", "\n  }\n\n  &:active {\n    color: ", ";\n    background-color: ", ";\n    z-index: ", ";\n  }\n"])), COLORS.neutral_600, COLORS.primary_700, COLORS.primary_20, Z_INDEXES.hover, focusStyles, COLORS.primary_800, COLORS.primary_100, Z_INDEXES.active);
-export var ContentAccordionItemHeaderIcon = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n"], ["\n  width: 24px;\n  height: 24px;\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n"])));
-export var ContentAccordionItemHeaderText = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
-export var ContentAccordionItemContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: none;\n  flex-direction: column;\n"], ["\n  display: none;\n  flex-direction: column;\n"])));
-export var ContentAccordionItemContentHeader = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
-export var ContentAccordionItemContentBody = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject([""], [""])));
-export var ContentAccordionItemContentFooter = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
-export var ContentAccordionItem = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid ", ";\n\n  &.active {\n    ", " {\n      display: flex;\n    }\n  }\n\n  &.disabled {\n    ", " {\n      color: ", ";\n      cursor: not-allowed;\n      pointer-events: none;\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid ", ";\n\n  &.active {\n    ", " {\n      display: flex;\n    }\n  }\n\n  &.disabled {\n    ", " {\n      color: ", ";\n      cursor: not-allowed;\n      pointer-events: none;\n    }\n  }\n"])), COLORS.neutral_100, ContentAccordionItemContent, ContentAccordionItemHeader, COLORS.neutral_300);
-export var ContentAccordionWrapper = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n\n  ", ":last-child {\n    border-bottom: 1px solid ", ";\n  }\n\n  &.small {\n    min-width: 320px;\n    max-width: 528px;\n\n    ", " {\n      gap: 8px;\n      padding: 0 8px;\n      ", "\n    }\n\n    ", " {\n      padding: 0 8px 16px 40px;\n      gap: 8px;\n\n      ", " {\n        ", "\n      }\n\n      ", " {\n        //TODO\n      }\n    }\n  }\n\n  &.medium {\n    min-width: 344px;\n    max-width: 584px;\n\n    ", " {\n      gap: 12px;\n      padding: 0 12px;\n      ", "\n    }\n\n    ", " {\n      padding: 8px 12px 24px 48px;\n      gap: 12px;\n\n      ", " {\n        ", "\n      }\n\n      ", " {\n        //TODO\n      }\n    }\n  }\n\n  &.large {\n    min-width: 384px;\n    max-width: 656px;\n\n    ", " {\n      gap: 16px;\n      padding: 0 16px;\n      ", "\n    }\n\n    ", " {\n      padding: 16px 16px 32px 56px;\n      gap: 16px;\n\n      ", " {\n        ", "\n      }\n\n      ", " {\n        //TODO\n      }\n    }\n  }\n"], ["\n  width: 100%;\n  position: relative;\n\n  ", ":last-child {\n    border-bottom: 1px solid ", ";\n  }\n\n  &.small {\n    min-width: 320px;\n    max-width: 528px;\n\n    ", " {\n      gap: 8px;\n      padding: 0 8px;\n      ", "\n    }\n\n    ", " {\n      padding: 0 8px 16px 40px;\n      gap: 8px;\n\n      ", " {\n        ", "\n      }\n\n      ", " {\n        //TODO\n      }\n    }\n  }\n\n  &.medium {\n    min-width: 344px;\n    max-width: 584px;\n\n    ", " {\n      gap: 12px;\n      padding: 0 12px;\n      ", "\n    }\n\n    ", " {\n      padding: 8px 12px 24px 48px;\n      gap: 12px;\n\n      ", " {\n        ", "\n      }\n\n      ", " {\n        //TODO\n      }\n    }\n  }\n\n  &.large {\n    min-width: 384px;\n    max-width: 656px;\n\n    ", " {\n      gap: 16px;\n      padding: 0 16px;\n      ", "\n    }\n\n    ", " {\n      padding: 16px 16px 32px 56px;\n      gap: 16px;\n\n      ", " {\n        ", "\n      }\n\n      ", " {\n        //TODO\n      }\n    }\n  }\n"])), ContentAccordionItem, COLORS.neutral_100, ContentAccordionItemHeader, ComponentSStyling(ComponentTextStyle.Regular, null), ContentAccordionItemContent, ContentAccordionItemContentHeader, ComponentSStyling(ComponentTextStyle.Bold, COLORS.black), ContentAccordionItemContentBody, ContentAccordionItemHeader, ComponentMStyling(ComponentTextStyle.Regular, null), ContentAccordionItemContent, ContentAccordionItemContentHeader, ComponentMStyling(ComponentTextStyle.Bold, COLORS.black), ContentAccordionItemContentBody, ContentAccordionItemHeader, ComponentLStyling(ComponentTextStyle.Regular, null), ContentAccordionItemContent, ContentAccordionItemContentHeader, ComponentLStyling(ComponentTextStyle.Bold, COLORS.black), ContentAccordionItemContentBody);
-/**
- * ContentAccordion component that is capable of displaying multiple collapsable sections with content.
- */
-export var ContentAccordion = function (_a) {
-    var items = _a.items, _b = _a.multi, multi = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? Size.Medium : _c, className = _a.className, onItemStateChanged = _a.onItemStateChanged, rest = __rest(_a, ["items", "multi", "size", "className", "onItemStateChanged"]);
-    var _d = React.useState([]), opened = _d[0], setOpened = _d[1];
-    React.useEffect(function () {
-        var _a;
-        if (multi) {
-            setOpened(items.filter(function (item) { return item.active; }).map(function (item) { return item.id; }));
-        }
-        else {
-            var active = (_a = items.find(function (item) { return !!item.active; })) === null || _a === void 0 ? void 0 : _a.id;
-            if (active) {
-                setOpened([active]);
-            }
-        }
-    }, [items, multi]);
-    var onItemClick = function (item) {
-        if (item.disabled)
-            return;
-        if (opened.includes(item.id)) {
-            var newOpened = opened.filter(function (key) { return key !== item.id; });
-            setOpened(newOpened);
-            onItemStateChanged && onItemStateChanged(newOpened);
-        }
-        else {
-            if (multi) {
-                var newOpened = __spreadArray(__spreadArray([], opened, true), [item.id], false);
-                setOpened(newOpened);
-                onItemStateChanged && onItemStateChanged(newOpened);
-            }
-            else {
-                var newOpened = [item.id];
-                setOpened(newOpened);
-                onItemStateChanged && onItemStateChanged(newOpened);
-            }
-        }
-    };
-    var renderItem = function (item) {
-        var id = item.id, title = item.title, header = item.header, body = item.body, footer = item.footer, disabled = item.disabled, active = item.active, rest = __rest(item, ["id", "title", "header", "body", "footer", "disabled", "active"]);
-        var isActive = opened.includes(id);
-        return (React.createElement(ContentAccordionItem, { key: id, id: "item_".concat(id), className: ''.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : '') },
-            React.createElement(ContentAccordionItemHeader, __assign({ role: "button", id: "headerFor_".concat(id), "aria-expanded": isActive, "aria-controls": "itemContentFor_".concat(id), tabIndex: !disabled ? 0 : undefined, onMouseDown: defaultOnMouseDownHandler, onClick: function () { return !disabled && onItemClick(item); }, onKeyDown: function (event) { return event.key === 'Enter' && onItemClick(item); } }, rest),
-                React.createElement(ContentAccordionItemHeaderIcon, null, multi ? isActive ? React.createElement(SystemIcons.Minus, { "aria-hidden": "true" }) : React.createElement(SystemIcons.Plus, { "aria-hidden": "true" }) : isActive ?
-                    React.createElement(SystemIcons.ChevronDown, { "aria-hidden": "true" }) : React.createElement(SystemIcons.ChevronRight, { "aria-hidden": "true" })),
-                React.createElement(ContentAccordionItemHeaderText, null, title)),
-            React.createElement(ContentAccordionItemContent, { id: "itemContentFor_".concat(id) },
-                header && React.createElement(ContentAccordionItemContentHeader, null, header),
-                React.createElement(ContentAccordionItemContentBody, null, body),
-                footer && React.createElement(ContentAccordionItemContentFooter, null, footer))));
-    };
-    var cls = "".concat(size, " ").concat(className !== null && className !== void 0 ? className : '').trim();
-    return React.createElement(ContentAccordionWrapper, { className: cls }, items.map(function (item) { return renderItem(item); }));
-};
-export default ContentAccordion;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

package/dist/src/Accordion/index.d.ts

@@ -1,7 +0,0 @@
-export * from './AccordionMenu';
-export * from './AccordionItem';
-export * from './ContentAccordion';
-export { default as AccordionMenu } from './AccordionMenu';
-export { default as AccordionMenuItem } from './AccordionMenu';
-export { default as ContentAccordion } from './ContentAccordion';
-export { AccordionMenuWrapper } from './styles';

package/dist/src/Accordion/index.js

@@ -1,7 +0,0 @@
-export * from './AccordionMenu';
-export * from './AccordionItem';
-export * from './ContentAccordion';
-export { default as AccordionMenu } from './AccordionMenu';
-export { default as AccordionMenuItem } from './AccordionMenu';
-export { default as ContentAccordion } from './ContentAccordion';
-export { AccordionMenuWrapper } from './styles';

package/dist/src/Accordion/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const AccordionMenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AccordionItemHeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AccordionItemContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AccordionItemBodyContainer: import("styled-components").StyledComponent<"div", any, {
-    padding?: string | undefined;
-}, never>;