@laerdal/life-react-components 1.11.0-dev.6 → 1.11.0-dev.9

package/dist/Tile/TileCommonItems.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tile/TileCommonItems.tsx"],"names":["TileNoteText","styled","div","TileNoteIcon","TileNoteWrapper","COLORS","neutral_600","ComponentTextStyle","Regular","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","primary_500","RenderTileItem","item","size","key","undefined","componentType","action","disabled","icon","active","onChange","defaultState","activeState","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","noteIcon","React","cloneElement","Size","Large","noteText","linkText","linkIcon","rest","buttonText"],"mappings":"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","sourcesContent":["import {\n  TileDropdownButton,\n  TileHyperLink,\n  TileIconButton,\n  TileNote,\n  TileStandardButton,\n  TileToggleButton\n} from './TileTypes';\nimport {Button, IconButton} from '../Button';\nimport {ToggleButton} from '../Toggles';\nimport {DropdownButton} from '../Dropdown';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n  COLORS, ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {HyperLink} from '../HyperLink';\nimport {Size} from '../types';\n\n\nexport const TileNoteText = styled.div``;\nexport const TileNoteIcon = styled.div``;\nexport const TileNoteWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: ${COLORS.neutral_600};\n\n  &.small {\n    gap: 4px;\n\n    ${TileNoteIcon} {\n      width: 16px;\n      height: 16px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    }\n  }\n\n  &.medium {\n    gap: 6px;\n\n    ${TileNoteIcon} {\n      width: 16px;\n      height: 16px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n  }\n\n  &.large {\n    gap: 8px;\n\n    ${TileNoteIcon} {\n      width: 20px;\n      height: 20px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n  }\n`;\n\n\nexport const TileHyperLinkIcon = styled.div``;\nexport const TileHyperLinkText = styled.div``;\n\nexport const TileHyperLinkWrapper = styled.div`\n  width: max-content;\n\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n\n  &.small {\n    ${TileHyperLinkIcon} {\n      width: 24px;\n      height: 24px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 4px;\n    }\n  }\n\n  &.medium {\n    ${TileHyperLinkIcon} {\n      width: 24px;\n      height: 24px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 6px;\n    }\n  }\n\n  &.large {\n    ${TileHyperLinkIcon} {\n      width: 28px;\n      height: 28px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 8px;\n    }\n  }\n`\n\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink,\n                               size: Size,\n                               key: any | undefined = undefined) => {\n  switch (item.componentType) {\n    case 'icon': {\n      return <IconButton key={key}\n                         variant={'secondary'}\n                         useTransparentBackground={true}\n                         shape={'circular'}\n                         action={item.action}\n                         disabled={item.disabled}>\n        {item.icon}\n      </IconButton>\n    }\n    case 'toggle': {\n      return <ToggleButton key={key}\n                           active={item.active}\n                           onChange={item.onChange}\n                           defaultState={item.defaultState}\n                           activeState={item.activeState}\n                           disabled={item.disabled}/>\n    }\n    case 'dropdown': {\n      return <DropdownButton key={key}\n                             type={'icon'}\n                             items={item.items}\n                             itemsType={item.itemsType}\n                             onClick={item.onClick}\n                             icon={item.icon}\n                             action={item.action}\n                             actionIcon={item.actionIcon}\n                             actionLabel={item.actionLabel}\n                             actionVariant={item.actionVariant}\n                             actionLoading={item.actionLoading}\n                             multiSelect={item.multiSelect}\n                             scrollable={item.scrollable}\n                             pinTopItem={item.pinTopItem}\n                             maxHeight={item.maxHeight}\n                             disabled={item.disabled}/>\n\n    }\n    case 'note': {\n      return <TileNoteWrapper key={key} className={size}>\n        {\n          item.noteIcon &&\n          <TileNoteIcon>\n            {React.cloneElement(item.noteIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16'})}\n          </TileNoteIcon>\n        }\n        <TileNoteText>{item.noteText}</TileNoteText>\n      </TileNoteWrapper>\n\n    }\n    case 'link': {\n      const {linkText, componentType, linkIcon, ...rest} = item;\n      return <TileHyperLinkWrapper className={size} key={key}>\n        <HyperLink {...rest}>\n          <TileHyperLinkIcon>\n            {React.cloneElement(linkIcon as React.ReactElement, {size: size === Size.Large ? '28px' : '24px'})}\n          </TileHyperLinkIcon>\n          <TileHyperLinkText>{linkText}</TileHyperLinkText>\n        </HyperLink>\n      </TileHyperLinkWrapper>\n    }\n    case 'button': {\n      const {buttonText, componentType, ...rest} = item;\n      return <Button key={key}\n                     size={size}\n                     {...rest}>\n        {buttonText}\n      </Button>\n    }\n  }\n}\n"],"file":"TileCommonItems.cjs"}
+{"version":3,"file":"TileCommonItems.cjs","names":["TileNoteText","styled","div","TileNoteIcon","TileNoteWrapper","COLORS","neutral_600","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentXSStyling","ComponentSStyling","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","primary_500","ComponentMStyling","ComponentLStyling","RenderTileItem","item","size","key","undefined","componentType","action","disabled","icon","active","onChange","defaultState","activeState","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","noteIcon","React","cloneElement","Size","Large","noteText","linkText","linkIcon","rest","buttonText"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\n  TileDropdownButton,\n  TileHyperLink,\n  TileIconButton,\n  TileNote,\n  TileStandardButton,\n  TileToggleButton\n} from './TileTypes';\nimport {Button, IconButton} from '../Button';\nimport {ToggleButton} from '../Toggles';\nimport {DropdownButton} from '../Dropdown';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n  COLORS, ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {HyperLink} from '../HyperLink';\nimport {Size} from '../types';\n\n\nexport const TileNoteText = styled.div``;\nexport const TileNoteIcon = styled.div``;\nexport const TileNoteWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: ${COLORS.neutral_600};\n\n  &.small {\n    gap: 4px;\n\n    ${TileNoteIcon} {\n      width: 16px;\n      height: 16px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    }\n  }\n\n  &.medium {\n    gap: 6px;\n\n    ${TileNoteIcon} {\n      width: 16px;\n      height: 16px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n  }\n\n  &.large {\n    gap: 8px;\n\n    ${TileNoteIcon} {\n      width: 20px;\n      height: 20px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n  }\n`;\n\n\nexport const TileHyperLinkIcon = styled.div``;\nexport const TileHyperLinkText = styled.div``;\n\nexport const TileHyperLinkWrapper = styled.div`\n  width: max-content;\n\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n\n  &.small {\n    ${TileHyperLinkIcon} {\n      width: 24px;\n      height: 24px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 4px;\n    }\n  }\n\n  &.medium {\n    ${TileHyperLinkIcon} {\n      width: 24px;\n      height: 24px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 6px;\n    }\n  }\n\n  &.large {\n    ${TileHyperLinkIcon} {\n      width: 28px;\n      height: 28px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 8px;\n    }\n  }\n`\n\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink,\n                               size: Size,\n                               key: any | undefined = undefined) => {\n  switch (item.componentType) {\n    case 'icon': {\n      return <IconButton key={key}\n                         variant={'secondary'}\n                         useTransparentBackground={true}\n                         shape={'circular'}\n                         action={item.action}\n                         disabled={item.disabled}>\n        {item.icon}\n      </IconButton>\n    }\n    case 'toggle': {\n      return <ToggleButton key={key}\n                           active={item.active}\n                           onChange={item.onChange}\n                           defaultState={item.defaultState}\n                           activeState={item.activeState}\n                           disabled={item.disabled}/>\n    }\n    case 'dropdown': {\n      return <DropdownButton key={key}\n                             type={'icon'}\n                             items={item.items}\n                             itemsType={item.itemsType}\n                             onClick={item.onClick}\n                             icon={item.icon}\n                             action={item.action}\n                             actionIcon={item.actionIcon}\n                             actionLabel={item.actionLabel}\n                             actionVariant={item.actionVariant}\n                             actionLoading={item.actionLoading}\n                             multiSelect={item.multiSelect}\n                             scrollable={item.scrollable}\n                             pinTopItem={item.pinTopItem}\n                             maxHeight={item.maxHeight}\n                             disabled={item.disabled}/>\n\n    }\n    case 'note': {\n      return <TileNoteWrapper key={key} className={size}>\n        {\n          item.noteIcon &&\n          <TileNoteIcon>\n            {React.cloneElement(item.noteIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16'})}\n          </TileNoteIcon>\n        }\n        <TileNoteText>{item.noteText}</TileNoteText>\n      </TileNoteWrapper>\n\n    }\n    case 'link': {\n      const {linkText, componentType, linkIcon, ...rest} = item;\n      return <TileHyperLinkWrapper className={size} key={key}>\n        <HyperLink {...rest}>\n          <TileHyperLinkIcon>\n            {React.cloneElement(linkIcon as React.ReactElement, {size: size === Size.Large ? '28px' : '24px'})}\n          </TileHyperLinkIcon>\n          <TileHyperLinkText>{linkText}</TileHyperLinkText>\n        </HyperLink>\n      </TileHyperLinkWrapper>\n    }\n    case 'button': {\n      const {buttonText, componentType, ...rest} = item;\n      return <Button key={key}\n                     size={size}\n                     {...rest}>\n        {buttonText}\n      </Button>\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/Tile/TileCommonItems.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TileDropdownButton, TileHyperLink, TileIconButton, TileNote, TileStandardButton, TileToggleButton } from './TileTypes';
 import { Size } from '../types';
 export declare const TileNoteText: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Tile/TileCommonItems.js

@@ -6,9 +6,9 @@ var _excluded = ["linkText", "componentType", "linkIcon"],
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { Button, IconButton } from '../Button';
 import { ToggleButton } from '../Toggles';

package/dist/Tile/TileCommonItems.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tile/TileCommonItems.tsx"],"names":["Button","IconButton","ToggleButton","DropdownButton","React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","HyperLink","Size","TileNoteText","div","TileNoteIcon","TileNoteWrapper","neutral_600","Regular","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","primary_500","RenderTileItem","item","size","key","undefined","componentType","action","disabled","icon","active","onChange","defaultState","activeState","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","noteIcon","cloneElement","Large","noteText","linkText","linkIcon","rest","buttonText"],"mappings":"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","sourcesContent":["import {\n  TileDropdownButton,\n  TileHyperLink,\n  TileIconButton,\n  TileNote,\n  TileStandardButton,\n  TileToggleButton\n} from './TileTypes';\nimport {Button, IconButton} from '../Button';\nimport {ToggleButton} from '../Toggles';\nimport {DropdownButton} from '../Dropdown';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n  COLORS, ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {HyperLink} from '../HyperLink';\nimport {Size} from '../types';\n\n\nexport const TileNoteText = styled.div``;\nexport const TileNoteIcon = styled.div``;\nexport const TileNoteWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: ${COLORS.neutral_600};\n\n  &.small {\n    gap: 4px;\n\n    ${TileNoteIcon} {\n      width: 16px;\n      height: 16px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    }\n  }\n\n  &.medium {\n    gap: 6px;\n\n    ${TileNoteIcon} {\n      width: 16px;\n      height: 16px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n  }\n\n  &.large {\n    gap: 8px;\n\n    ${TileNoteIcon} {\n      width: 20px;\n      height: 20px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n  }\n`;\n\n\nexport const TileHyperLinkIcon = styled.div``;\nexport const TileHyperLinkText = styled.div``;\n\nexport const TileHyperLinkWrapper = styled.div`\n  width: max-content;\n\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n\n  &.small {\n    ${TileHyperLinkIcon} {\n      width: 24px;\n      height: 24px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 4px;\n    }\n  }\n\n  &.medium {\n    ${TileHyperLinkIcon} {\n      width: 24px;\n      height: 24px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 6px;\n    }\n  }\n\n  &.large {\n    ${TileHyperLinkIcon} {\n      width: 28px;\n      height: 28px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 8px;\n    }\n  }\n`\n\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink,\n                               size: Size,\n                               key: any | undefined = undefined) => {\n  switch (item.componentType) {\n    case 'icon': {\n      return <IconButton key={key}\n                         variant={'secondary'}\n                         useTransparentBackground={true}\n                         shape={'circular'}\n                         action={item.action}\n                         disabled={item.disabled}>\n        {item.icon}\n      </IconButton>\n    }\n    case 'toggle': {\n      return <ToggleButton key={key}\n                           active={item.active}\n                           onChange={item.onChange}\n                           defaultState={item.defaultState}\n                           activeState={item.activeState}\n                           disabled={item.disabled}/>\n    }\n    case 'dropdown': {\n      return <DropdownButton key={key}\n                             type={'icon'}\n                             items={item.items}\n                             itemsType={item.itemsType}\n                             onClick={item.onClick}\n                             icon={item.icon}\n                             action={item.action}\n                             actionIcon={item.actionIcon}\n                             actionLabel={item.actionLabel}\n                             actionVariant={item.actionVariant}\n                             actionLoading={item.actionLoading}\n                             multiSelect={item.multiSelect}\n                             scrollable={item.scrollable}\n                             pinTopItem={item.pinTopItem}\n                             maxHeight={item.maxHeight}\n                             disabled={item.disabled}/>\n\n    }\n    case 'note': {\n      return <TileNoteWrapper key={key} className={size}>\n        {\n          item.noteIcon &&\n          <TileNoteIcon>\n            {React.cloneElement(item.noteIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16'})}\n          </TileNoteIcon>\n        }\n        <TileNoteText>{item.noteText}</TileNoteText>\n      </TileNoteWrapper>\n\n    }\n    case 'link': {\n      const {linkText, componentType, linkIcon, ...rest} = item;\n      return <TileHyperLinkWrapper className={size} key={key}>\n        <HyperLink {...rest}>\n          <TileHyperLinkIcon>\n            {React.cloneElement(linkIcon as React.ReactElement, {size: size === Size.Large ? '28px' : '24px'})}\n          </TileHyperLinkIcon>\n          <TileHyperLinkText>{linkText}</TileHyperLinkText>\n        </HyperLink>\n      </TileHyperLinkWrapper>\n    }\n    case 'button': {\n      const {buttonText, componentType, ...rest} = item;\n      return <Button key={key}\n                     size={size}\n                     {...rest}>\n        {buttonText}\n      </Button>\n    }\n  }\n}\n"],"file":"TileCommonItems.js"}
+{"version":3,"file":"TileCommonItems.js","names":["Button","IconButton","ToggleButton","DropdownButton","React","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","HyperLink","Size","TileNoteText","div","TileNoteIcon","TileNoteWrapper","neutral_600","Regular","TileHyperLinkIcon","TileHyperLinkText","TileHyperLinkWrapper","Bold","primary_500","RenderTileItem","item","size","key","undefined","componentType","action","disabled","icon","active","onChange","defaultState","activeState","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight","noteIcon","cloneElement","Large","noteText","linkText","linkIcon","rest","buttonText"],"sources":["../../src/Tile/TileCommonItems.tsx"],"sourcesContent":["import {\n  TileDropdownButton,\n  TileHyperLink,\n  TileIconButton,\n  TileNote,\n  TileStandardButton,\n  TileToggleButton\n} from './TileTypes';\nimport {Button, IconButton} from '../Button';\nimport {ToggleButton} from '../Toggles';\nimport {DropdownButton} from '../Dropdown';\nimport React from 'react';\nimport styled from 'styled-components';\nimport {\n  COLORS, ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle,\n  ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {HyperLink} from '../HyperLink';\nimport {Size} from '../types';\n\n\nexport const TileNoteText = styled.div``;\nexport const TileNoteIcon = styled.div``;\nexport const TileNoteWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  color: ${COLORS.neutral_600};\n\n  &.small {\n    gap: 4px;\n\n    ${TileNoteIcon} {\n      width: 16px;\n      height: 16px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    }\n  }\n\n  &.medium {\n    gap: 6px;\n\n    ${TileNoteIcon} {\n      width: 16px;\n      height: 16px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n  }\n\n  &.large {\n    gap: 8px;\n\n    ${TileNoteIcon} {\n      width: 20px;\n      height: 20px;\n    }\n\n    ${TileNoteText} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n  }\n`;\n\n\nexport const TileHyperLinkIcon = styled.div``;\nexport const TileHyperLinkText = styled.div``;\n\nexport const TileHyperLinkWrapper = styled.div`\n  width: max-content;\n\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.primary_500)}\n  a {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 4px;\n  }\n\n  &.small {\n    ${TileHyperLinkIcon} {\n      width: 24px;\n      height: 24px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 4px;\n    }\n  }\n\n  &.medium {\n    ${TileHyperLinkIcon} {\n      width: 24px;\n      height: 24px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 6px;\n    }\n  }\n\n  &.large {\n    ${TileHyperLinkIcon} {\n      width: 28px;\n      height: 28px;\n    }\n\n    ${TileHyperLinkText} {\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n    }\n\n    a {\n      gap: 8px;\n    }\n  }\n`\n\nexport const RenderTileItem = (item: TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileNote | TileHyperLink,\n                               size: Size,\n                               key: any | undefined = undefined) => {\n  switch (item.componentType) {\n    case 'icon': {\n      return <IconButton key={key}\n                         variant={'secondary'}\n                         useTransparentBackground={true}\n                         shape={'circular'}\n                         action={item.action}\n                         disabled={item.disabled}>\n        {item.icon}\n      </IconButton>\n    }\n    case 'toggle': {\n      return <ToggleButton key={key}\n                           active={item.active}\n                           onChange={item.onChange}\n                           defaultState={item.defaultState}\n                           activeState={item.activeState}\n                           disabled={item.disabled}/>\n    }\n    case 'dropdown': {\n      return <DropdownButton key={key}\n                             type={'icon'}\n                             items={item.items}\n                             itemsType={item.itemsType}\n                             onClick={item.onClick}\n                             icon={item.icon}\n                             action={item.action}\n                             actionIcon={item.actionIcon}\n                             actionLabel={item.actionLabel}\n                             actionVariant={item.actionVariant}\n                             actionLoading={item.actionLoading}\n                             multiSelect={item.multiSelect}\n                             scrollable={item.scrollable}\n                             pinTopItem={item.pinTopItem}\n                             maxHeight={item.maxHeight}\n                             disabled={item.disabled}/>\n\n    }\n    case 'note': {\n      return <TileNoteWrapper key={key} className={size}>\n        {\n          item.noteIcon &&\n          <TileNoteIcon>\n            {React.cloneElement(item.noteIcon as React.ReactElement, {size: size === Size.Large ? '20px' : '16'})}\n          </TileNoteIcon>\n        }\n        <TileNoteText>{item.noteText}</TileNoteText>\n      </TileNoteWrapper>\n\n    }\n    case 'link': {\n      const {linkText, componentType, linkIcon, ...rest} = item;\n      return <TileHyperLinkWrapper className={size} key={key}>\n        <HyperLink {...rest}>\n          <TileHyperLinkIcon>\n            {React.cloneElement(linkIcon as React.ReactElement, {size: size === Size.Large ? '28px' : '24px'})}\n          </TileHyperLinkIcon>\n          <TileHyperLinkText>{linkText}</TileHyperLinkText>\n        </HyperLink>\n      </TileHyperLinkWrapper>\n    }\n    case 'button': {\n      const {buttonText, componentType, ...rest} = item;\n      return <Button key={key}\n                     size={size}\n                     {...rest}>\n        {buttonText}\n      </Button>\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/Tile/TileFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tile/TileFooter.tsx"],"names":["Wrapper","styled","div","LeftItemContainer","RightItemContainer","COLORS","neutral_600","TileFooter","buttons","leftItem","size","map","value","index"],"mappings":";;;;;;;;;;;AAAA;;AAGA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,0bAAb;;AA2BA,IAAMC,iBAAiB,GAAGF,0BAAOC,GAAV,kGAAvB;;AAIA,IAAME,kBAAkB,GAAGH,0BAAOC,GAAV,gLAIbG,eAAOC,WAJM,CAAxB;;AAOA,IAAMC,UAAqE,GAAG,SAAxEA,UAAwE,OAA+B;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAAA,MAAVC,IAAU,QAAVA,IAAU;AAE3G,sBACE,sBAAC,OAAD;AAAS,IAAA,SAAS,EAAEA,IAApB;AAAA,4BACE,qBAAC,iBAAD;AAAA,gBAAoBD,QAAQ,IAAI,qCAAeA,QAAf,EAAyBC,IAAzB;AAAhC,MADF,eAEE,qBAAC,kBAAD;AAAA,gBAAqBF,OAAO,IAAIA,OAAO,CAACG,GAAR,CAAY,UAACC,KAAD,EAAQC,KAAR;AAAA,eAAkB,qCAAeD,KAAf,EAAsBF,IAAtB,EAA4BG,KAA5B,CAAlB;AAAA,OAAZ;AAAhC,MAFF;AAAA,IADF;AAMD,CARD;;eAUeN,U","sourcesContent":["import React from 'react';\nimport {TileFooterProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {RenderTileItem} from './TileCommonItems';\nimport {COLORS} from '../styles';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 16px;\n    min-height: 56px;\n    gap: 4px;\n  }\n\n  &.medium {\n    padding: 0 20px;\n    min-height: 64px;\n    gap: 4px;\n  }\n\n  &.large {\n    padding: 0 24px;\n    min-height: 80px;\n    gap: 8px;\n  }\n`;\n\nconst LeftItemContainer = styled.div`\n  flex: 1\n`;\n\nconst RightItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ${COLORS.neutral_600};\n`;\n\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\n\n  return (\n    <Wrapper className={size}>\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileFooter;\n"],"file":"TileFooter.cjs"}
+{"version":3,"file":"TileFooter.cjs","names":["Wrapper","styled","div","LeftItemContainer","RightItemContainer","COLORS","neutral_600","TileFooter","buttons","leftItem","size","RenderTileItem","map","value","index"],"sources":["../../src/Tile/TileFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {TileFooterProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {RenderTileItem} from './TileCommonItems';\nimport {COLORS} from '../styles';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 16px;\n    min-height: 56px;\n    gap: 4px;\n  }\n\n  &.medium {\n    padding: 0 20px;\n    min-height: 64px;\n    gap: 4px;\n  }\n\n  &.large {\n    padding: 0 24px;\n    min-height: 80px;\n    gap: 8px;\n  }\n`;\n\nconst LeftItemContainer = styled.div`\n  flex: 1\n`;\n\nconst RightItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ${COLORS.neutral_600};\n`;\n\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\n\n  return (\n    <Wrapper className={size}>\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileFooter;\n"],"mappings":";;;;;;;;;;;AAAA;;AAGA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,0bAAb;;AA2BA,IAAMC,iBAAiB,GAAGF,yBAAA,CAAOC,GAAV,kGAAvB;;AAIA,IAAME,kBAAkB,GAAGH,yBAAA,CAAOC,GAAV,gLAIbG,cAAA,CAAOC,WAJM,CAAxB;;AAOA,IAAMC,UAAqE,GAAG,SAAxEA,UAAwE,OAA+B;EAAA,IAA7BC,OAA6B,QAA7BA,OAA6B;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,IAAU,QAAVA,IAAU;EAE3G,oBACE,sBAAC,OAAD;IAAS,SAAS,EAAEA,IAApB;IAAA,wBACE,qBAAC,iBAAD;MAAA,UAAoBD,QAAQ,IAAI,IAAAE,+BAAA,EAAeF,QAAf,EAAyBC,IAAzB;IAAhC,EADF,eAEE,qBAAC,kBAAD;MAAA,UAAqBF,OAAO,IAAIA,OAAO,CAACI,GAAR,CAAY,UAACC,KAAD,EAAQC,KAAR;QAAA,OAAkB,IAAAH,+BAAA,EAAeE,KAAf,EAAsBH,IAAtB,EAA4BI,KAA5B,CAAlB;MAAA,CAAZ;IAAhC,EAFF;EAAA,EADF;AAMD,CARD;;eAUeP,U"}

package/dist/Tile/TileFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tile/TileFooter.tsx"],"names":["React","styled","RenderTileItem","COLORS","Wrapper","div","LeftItemContainer","RightItemContainer","neutral_600","TileFooter","buttons","leftItem","size","map","value","index"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,cAAR,QAA6B,mBAA7B;AACA,SAAQC,MAAR,QAAqB,WAArB;;;AAEA,IAAMC,OAAO,GAAGH,MAAM,CAACI,GAAV,4aAAb;AA2BA,IAAMC,iBAAiB,GAAGL,MAAM,CAACI,GAAV,oFAAvB;AAIA,IAAME,kBAAkB,GAAGN,MAAM,CAACI,GAAV,kKAIbF,MAAM,CAACK,WAJM,CAAxB;;AAOA,IAAMC,UAAqE,GAAG,SAAxEA,UAAwE,OAA+B;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAAA,MAAVC,IAAU,QAAVA,IAAU;AAE3G,sBACE,MAAC,OAAD;AAAS,IAAA,SAAS,EAAEA,IAApB;AAAA,4BACE,KAAC,iBAAD;AAAA,gBAAoBD,QAAQ,IAAIT,cAAc,CAACS,QAAD,EAAWC,IAAX;AAA9C,MADF,eAEE,KAAC,kBAAD;AAAA,gBAAqBF,OAAO,IAAIA,OAAO,CAACG,GAAR,CAAY,UAACC,KAAD,EAAQC,KAAR;AAAA,eAAkBb,cAAc,CAACY,KAAD,EAAQF,IAAR,EAAcG,KAAd,CAAhC;AAAA,OAAZ;AAAhC,MAFF;AAAA,IADF;AAMD,CARD;;AAUA,eAAeN,UAAf","sourcesContent":["import React from 'react';\nimport {TileFooterProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {RenderTileItem} from './TileCommonItems';\nimport {COLORS} from '../styles';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 16px;\n    min-height: 56px;\n    gap: 4px;\n  }\n\n  &.medium {\n    padding: 0 20px;\n    min-height: 64px;\n    gap: 4px;\n  }\n\n  &.large {\n    padding: 0 24px;\n    min-height: 80px;\n    gap: 8px;\n  }\n`;\n\nconst LeftItemContainer = styled.div`\n  flex: 1\n`;\n\nconst RightItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ${COLORS.neutral_600};\n`;\n\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\n\n  return (\n    <Wrapper className={size}>\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileFooter;\n"],"file":"TileFooter.js"}
+{"version":3,"file":"TileFooter.js","names":["React","styled","RenderTileItem","COLORS","Wrapper","div","LeftItemContainer","RightItemContainer","neutral_600","TileFooter","buttons","leftItem","size","map","value","index"],"sources":["../../src/Tile/TileFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {TileFooterProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {RenderTileItem} from './TileCommonItems';\nimport {COLORS} from '../styles';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 0 16px;\n    min-height: 56px;\n    gap: 4px;\n  }\n\n  &.medium {\n    padding: 0 20px;\n    min-height: 64px;\n    gap: 4px;\n  }\n\n  &.large {\n    padding: 0 24px;\n    min-height: 80px;\n    gap: 8px;\n  }\n`;\n\nconst LeftItemContainer = styled.div`\n  flex: 1\n`;\n\nconst RightItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  color: ${COLORS.neutral_600};\n`;\n\nconst TileFooter: React.FunctionComponent<TileFooterProps & { size: Size }> = ({buttons, leftItem, size}) => {\n\n  return (\n    <Wrapper className={size}>\n      <LeftItemContainer>{leftItem && RenderTileItem(leftItem, size)}</LeftItemContainer>\n      <RightItemContainer>{buttons && buttons.map((value, index) => RenderTileItem(value, size, index))}</RightItemContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileFooter;\n"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,cAAR,QAA6B,mBAA7B;AACA,SAAQC,MAAR,QAAqB,WAArB;;;AAEA,IAAMC,OAAO,GAAGH,MAAM,CAACI,GAAV,4aAAb;AA2BA,IAAMC,iBAAiB,GAAGL,MAAM,CAACI,GAAV,oFAAvB;AAIA,IAAME,kBAAkB,GAAGN,MAAM,CAACI,GAAV,kKAIbF,MAAM,CAACK,WAJM,CAAxB;;AAOA,IAAMC,UAAqE,GAAG,SAAxEA,UAAwE,OAA+B;EAAA,IAA7BC,OAA6B,QAA7BA,OAA6B;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,IAAU,QAAVA,IAAU;EAE3G,oBACE,MAAC,OAAD;IAAS,SAAS,EAAEA,IAApB;IAAA,wBACE,KAAC,iBAAD;MAAA,UAAoBD,QAAQ,IAAIT,cAAc,CAACS,QAAD,EAAWC,IAAX;IAA9C,EADF,eAEE,KAAC,kBAAD;MAAA,UAAqBF,OAAO,IAAIA,OAAO,CAACG,GAAR,CAAY,UAACC,KAAD,EAAQC,KAAR;QAAA,OAAkBb,cAAc,CAACY,KAAD,EAAQF,IAAR,EAAcG,KAAd,CAAhC;MAAA,CAAZ;IAAhC,EAFF;EAAA,EADF;AAMD,CARD;;AAUA,eAAeN,UAAf"}

package/dist/Tile/TileHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tile/TileHeader.tsx"],"names":["TagLineContainer","styled","div","COLORS","neutral_600","TitleContainer","black","TextContainer","ActionContainer","Wrapper","ComponentTextStyle","Regular","Bold","TileHeader","title","tagLine","tooltip","buttons","size","renderTooltip","Size","XSmall","cursor","map","item","index"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAQA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,gBAAgB,GAAGC,0BAAOC,GAAV,sGACXC,eAAOC,WADI,CAAtB;;AAIA,IAAMC,cAAc,GAAGJ,0BAAOC,GAAV,wGACTC,eAAOG,KADE,CAApB;;AAIA,IAAMC,aAAa,GAAGN,0BAAOC,GAAV,4KAAnB;;AAOA,IAAMM,eAAe,GAAGP,0BAAOC,GAAV,iIAArB;;AAKA,IAAMO,OAAO,GAAGR,0BAAOC,GAAV,ykBAWPF,gBAXO,EAYL,iCAAoBU,2BAAmBC,OAAvC,EAAgD,IAAhD,CAZK,EAePN,cAfO,EAgBL,+BAAkBK,2BAAmBE,IAArC,EAA2C,IAA3C,CAhBK,EAwBPZ,gBAxBO,EAyBL,gCAAmBU,2BAAmBC,OAAtC,EAA+C,IAA/C,CAzBK,EA4BPN,cA5BO,EA6BL,+BAAkBK,2BAAmBE,IAArC,EAA2C,IAA3C,CA7BK,EAsCPZ,gBAtCO,EAuCL,+BAAkBU,2BAAmBC,OAArC,EAA8C,IAA9C,CAvCK,EA0CPN,cA1CO,EA2CL,+BAAkBK,2BAAmBE,IAArC,EAA2C,IAA3C,CA3CK,CAAb;;AAkDA,IAAMC,UAAqE,GAAG,SAAxEA,UAAwE,OAMO;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,OAEI,QAFJA,OAEI;AAAA,MADJC,IACI,QADJA,IACI;;AAEnF,MAAMC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,WACpB,CAAC,CAACH,OAAF,iBACA,qBAAC,wBAAD;AAAgB,MAAA,KAAK,EAAC,IAAtB;AAA2B,MAAA,IAAI,EAAEI,YAAKC,MAAtC;AACgB,MAAA,KAAK,EAAC,QADtB;AAEgB,MAAA,QAAQ,EAAC,QAFzB;AAGgB,MAAA,SAAS,EAAE,KAH3B;AAIgB,MAAA,KAAK,EAAEL,OAJvB;AAAA,6BAKE,qBAAC,kBAAD;AAAY,QAAA,OAAO,EAAC,WAApB;AACY,QAAA,KAAK,EAAC,UADlB;AAEY,QAAA,KAAK,EAAE;AAACM,UAAAA,MAAM,EAAE;AAAT,SAFnB;AAGY,QAAA,MAAM,EAAE,kBAAM,CACb,CAJb;AAAA,+BAKE,qBAAC,iBAAD;AAAM,UAAA,IAAI,EAAC,MAAX;AAAkB,UAAA,KAAK,EAAEnB,eAAOC;AAAhC;AALF;AALF,MAFoB;AAAA,GAAtB;;AAiBA,sBACE,sBAAC,OAAD;AAAS,IAAA,SAAS,EAAEc,IAApB;AAAA,4BACE,sBAAC,aAAD;AAAA,iBACGH,OAAO,iBAAI,qBAAC,gBAAD;AAAA,kBAAmBA;AAAnB,QADd,eAEE,qBAAC,cAAD;AAAA,kBAAiBD;AAAjB,QAFF;AAAA,MADF,eAKE,sBAAC,eAAD;AAAA,iBACGK,aAAa,EADhB,EAEGF,OAAO,IAAIA,OAAO,CAACM,GAAR,CAAY,UAACC,IAAD,EAAOC,KAAP;AAAA,eAAiB,qCAAeD,IAAf,EAAqBN,IAArB,EAA2BO,KAA3B,CAAjB;AAAA,OAAZ,CAFd;AAAA,MALF;AAAA,IADF;AAYD,CArCD;;eAuCeZ,U","sourcesContent":["import React from 'react';\nimport {TileHeaderProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle, ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {TooltipWrapper} from '../Tooltips';\nimport {IconButton} from '../Button';\nimport {Help} from '../icons/systemicons/SystemIcons';\nimport {RenderTileItem} from './TileCommonItems';\n\nconst TagLineContainer = styled.div`\n  color: ${COLORS.neutral_600};\n`;\n\nconst TitleContainer = styled.div`\n  color: ${COLORS.black};\n`;\n\nconst TextContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1;\n`;\n\nconst ActionContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 4px 16px;\n    min-height: 56px;\n\n    ${TagLineContainer} {\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n  }\n\n  &.medium {\n    padding: 8px 20px;\n    min-height: 64px;\n\n    ${TagLineContainer} {\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n\n  &.large {\n    padding: 12px 24px;\n    min-height: 72px;\n\n    ${TagLineContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n`;\n\n\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\n                                                                                 title,\n                                                                                 tagLine,\n                                                                                 tooltip,\n                                                                                 buttons,\n                                                                                 size\n                                                                               }) => {\n\n  const renderTooltip = () =>\n    !!tooltip &&\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\n                    align=\"center\"\n                    position=\"bottom\"\n                    withArrow={false}\n                    label={tooltip}>\n      <IconButton variant=\"secondary\"\n                  shape=\"circular\"\n                  style={{cursor: 'help'}}\n                  action={() => {\n                  }}>\n        <Help size=\"24px\" color={COLORS.neutral_600}/>\n      </IconButton>\n    </TooltipWrapper>;\n\n\n  return (\n    <Wrapper className={size}>\n      <TextContainer>\n        {tagLine && <TagLineContainer>{tagLine}</TagLineContainer>}\n        <TitleContainer>{title}</TitleContainer>\n      </TextContainer>\n      <ActionContainer>\n        {renderTooltip()}\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\n      </ActionContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileHeader;\n"],"file":"TileHeader.cjs"}
+{"version":3,"file":"TileHeader.cjs","names":["TagLineContainer","styled","div","COLORS","neutral_600","TitleContainer","black","TextContainer","ActionContainer","Wrapper","ComponentXXSStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","ComponentXSStyling","ComponentMStyling","ComponentLStyling","TileHeader","title","tagLine","tooltip","buttons","size","renderTooltip","Size","XSmall","cursor","map","item","index","RenderTileItem"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {TileHeaderProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle, ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {TooltipWrapper} from '../Tooltips';\nimport {IconButton} from '../Button';\nimport {Help} from '../icons/systemicons/SystemIcons';\nimport {RenderTileItem} from './TileCommonItems';\n\nconst TagLineContainer = styled.div`\n  color: ${COLORS.neutral_600};\n`;\n\nconst TitleContainer = styled.div`\n  color: ${COLORS.black};\n`;\n\nconst TextContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1;\n`;\n\nconst ActionContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 4px 16px;\n    min-height: 56px;\n\n    ${TagLineContainer} {\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n  }\n\n  &.medium {\n    padding: 8px 20px;\n    min-height: 64px;\n\n    ${TagLineContainer} {\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n\n  &.large {\n    padding: 12px 24px;\n    min-height: 72px;\n\n    ${TagLineContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n`;\n\n\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\n                                                                                 title,\n                                                                                 tagLine,\n                                                                                 tooltip,\n                                                                                 buttons,\n                                                                                 size\n                                                                               }) => {\n\n  const renderTooltip = () =>\n    !!tooltip &&\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\n                    align=\"center\"\n                    position=\"bottom\"\n                    withArrow={false}\n                    label={tooltip}>\n      <IconButton variant=\"secondary\"\n                  shape=\"circular\"\n                  style={{cursor: 'help'}}\n                  action={() => {\n                  }}>\n        <Help size=\"24px\" color={COLORS.neutral_600}/>\n      </IconButton>\n    </TooltipWrapper>;\n\n\n  return (\n    <Wrapper className={size}>\n      <TextContainer>\n        {tagLine && <TagLineContainer>{tagLine}</TagLineContainer>}\n        <TitleContainer>{title}</TitleContainer>\n      </TextContainer>\n      <ActionContainer>\n        {renderTooltip()}\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\n      </ActionContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileHeader;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAQA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,gBAAgB,GAAGC,yBAAA,CAAOC,GAAV,sGACXC,cAAA,CAAOC,WADI,CAAtB;;AAIA,IAAMC,cAAc,GAAGJ,yBAAA,CAAOC,GAAV,wGACTC,cAAA,CAAOG,KADE,CAApB;;AAIA,IAAMC,aAAa,GAAGN,yBAAA,CAAOC,GAAV,4KAAnB;;AAOA,IAAMM,eAAe,GAAGP,yBAAA,CAAOC,GAAV,iIAArB;;AAKA,IAAMO,OAAO,GAAGR,yBAAA,CAAOC,GAAV,ykBAWPF,gBAXO,EAYL,IAAAU,2BAAA,EAAoBC,0BAAA,CAAmBC,OAAvC,EAAgD,IAAhD,CAZK,EAePP,cAfO,EAgBL,IAAAQ,yBAAA,EAAkBF,0BAAA,CAAmBG,IAArC,EAA2C,IAA3C,CAhBK,EAwBPd,gBAxBO,EAyBL,IAAAe,0BAAA,EAAmBJ,0BAAA,CAAmBC,OAAtC,EAA+C,IAA/C,CAzBK,EA4BPP,cA5BO,EA6BL,IAAAW,yBAAA,EAAkBL,0BAAA,CAAmBG,IAArC,EAA2C,IAA3C,CA7BK,EAsCPd,gBAtCO,EAuCL,IAAAa,yBAAA,EAAkBF,0BAAA,CAAmBC,OAArC,EAA8C,IAA9C,CAvCK,EA0CPP,cA1CO,EA2CL,IAAAY,yBAAA,EAAkBN,0BAAA,CAAmBG,IAArC,EAA2C,IAA3C,CA3CK,CAAb;;AAkDA,IAAMI,UAAqE,GAAG,SAAxEA,UAAwE,OAMO;EAAA,IALJC,KAKI,QALJA,KAKI;EAAA,IAJJC,OAII,QAJJA,OAII;EAAA,IAHJC,OAGI,QAHJA,OAGI;EAAA,IAFJC,OAEI,QAFJA,OAEI;EAAA,IADJC,IACI,QADJA,IACI;;EAEnF,IAAMC,aAAa,GAAG,SAAhBA,aAAgB;IAAA,OACpB,CAAC,CAACH,OAAF,iBACA,qBAAC,wBAAD;MAAgB,KAAK,EAAC,IAAtB;MAA2B,IAAI,EAAEI,WAAA,CAAKC,MAAtC;MACgB,KAAK,EAAC,QADtB;MAEgB,QAAQ,EAAC,QAFzB;MAGgB,SAAS,EAAE,KAH3B;MAIgB,KAAK,EAAEL,OAJvB;MAAA,uBAKE,qBAAC,kBAAD;QAAY,OAAO,EAAC,WAApB;QACY,KAAK,EAAC,UADlB;QAEY,KAAK,EAAE;UAACM,MAAM,EAAE;QAAT,CAFnB;QAGY,MAAM,EAAE,kBAAM,CACb,CAJb;QAAA,uBAKE,qBAAC,iBAAD;UAAM,IAAI,EAAC,MAAX;UAAkB,KAAK,EAAExB,cAAA,CAAOC;QAAhC;MALF;IALF,EAFoB;EAAA,CAAtB;;EAiBA,oBACE,sBAAC,OAAD;IAAS,SAAS,EAAEmB,IAApB;IAAA,wBACE,sBAAC,aAAD;MAAA,WACGH,OAAO,iBAAI,qBAAC,gBAAD;QAAA,UAAmBA;MAAnB,EADd,eAEE,qBAAC,cAAD;QAAA,UAAiBD;MAAjB,EAFF;IAAA,EADF,eAKE,sBAAC,eAAD;MAAA,WACGK,aAAa,EADhB,EAEGF,OAAO,IAAIA,OAAO,CAACM,GAAR,CAAY,UAACC,IAAD,EAAOC,KAAP;QAAA,OAAiB,IAAAC,+BAAA,EAAeF,IAAf,EAAqBN,IAArB,EAA2BO,KAA3B,CAAjB;MAAA,CAAZ,CAFd;IAAA,EALF;EAAA,EADF;AAYD,CArCD;;eAuCeZ,U"}

package/dist/Tile/TileHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tile/TileHeader.tsx"],"names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","IconButton","Help","RenderTileItem","TagLineContainer","div","neutral_600","TitleContainer","black","TextContainer","ActionContainer","Wrapper","Regular","Bold","TileHeader","title","tagLine","tooltip","buttons","size","renderTooltip","XSmall","cursor","map","item","index"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAAQC,IAAR,QAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SACEC,MADF,EAEEC,iBAFF,EAGEC,iBAHF,EAIEC,iBAJF,EAKEC,kBALF,EAKsBC,kBALtB,EAMEC,mBANF,QAOO,WAPP;AAQA,SAAQC,cAAR,QAA6B,aAA7B;AACA,SAAQC,UAAR,QAAyB,WAAzB;AACA,SAAQC,IAAR,QAAmB,kCAAnB;AACA,SAAQC,cAAR,QAA6B,mBAA7B;;;AAEA,IAAMC,gBAAgB,GAAGZ,MAAM,CAACa,GAAV,wFACXZ,MAAM,CAACa,WADI,CAAtB;AAIA,IAAMC,cAAc,GAAGf,MAAM,CAACa,GAAV,0FACTZ,MAAM,CAACe,KADE,CAApB;AAIA,IAAMC,aAAa,GAAGjB,MAAM,CAACa,GAAV,8JAAnB;AAOA,IAAMK,eAAe,GAAGlB,MAAM,CAACa,GAAV,mHAArB;AAKA,IAAMM,OAAO,GAAGnB,MAAM,CAACa,GAAV,2jBAWPD,gBAXO,EAYLL,mBAAmB,CAACF,kBAAkB,CAACe,OAApB,EAA6B,IAA7B,CAZd,EAePL,cAfO,EAgBLX,iBAAiB,CAACC,kBAAkB,CAACgB,IAApB,EAA0B,IAA1B,CAhBZ,EAwBPT,gBAxBO,EAyBLN,kBAAkB,CAACD,kBAAkB,CAACe,OAApB,EAA6B,IAA7B,CAzBb,EA4BPL,cA5BO,EA6BLZ,iBAAiB,CAACE,kBAAkB,CAACgB,IAApB,EAA0B,IAA1B,CA7BZ,EAsCPT,gBAtCO,EAuCLR,iBAAiB,CAACC,kBAAkB,CAACe,OAApB,EAA6B,IAA7B,CAvCZ,EA0CPL,cA1CO,EA2CLb,iBAAiB,CAACG,kBAAkB,CAACgB,IAApB,EAA0B,IAA1B,CA3CZ,CAAb;;AAkDA,IAAMC,UAAqE,GAAG,SAAxEA,UAAwE,OAMO;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,OAEI,QAFJA,OAEI;AAAA,MADJC,IACI,QADJA,IACI;;AAEnF,MAAMC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,WACpB,CAAC,CAACH,OAAF,iBACA,KAAC,cAAD;AAAgB,MAAA,KAAK,EAAC,IAAtB;AAA2B,MAAA,IAAI,EAAE1B,IAAI,CAAC8B,MAAtC;AACgB,MAAA,KAAK,EAAC,QADtB;AAEgB,MAAA,QAAQ,EAAC,QAFzB;AAGgB,MAAA,SAAS,EAAE,KAH3B;AAIgB,MAAA,KAAK,EAAEJ,OAJvB;AAAA,6BAKE,KAAC,UAAD;AAAY,QAAA,OAAO,EAAC,WAApB;AACY,QAAA,KAAK,EAAC,UADlB;AAEY,QAAA,KAAK,EAAE;AAACK,UAAAA,MAAM,EAAE;AAAT,SAFnB;AAGY,QAAA,MAAM,EAAE,kBAAM,CACb,CAJb;AAAA,+BAKE,KAAC,IAAD;AAAM,UAAA,IAAI,EAAC,MAAX;AAAkB,UAAA,KAAK,EAAE7B,MAAM,CAACa;AAAhC;AALF;AALF,MAFoB;AAAA,GAAtB;;AAiBA,sBACE,MAAC,OAAD;AAAS,IAAA,SAAS,EAAEa,IAApB;AAAA,4BACE,MAAC,aAAD;AAAA,iBACGH,OAAO,iBAAI,KAAC,gBAAD;AAAA,kBAAmBA;AAAnB,QADd,eAEE,KAAC,cAAD;AAAA,kBAAiBD;AAAjB,QAFF;AAAA,MADF,eAKE,MAAC,eAAD;AAAA,iBACGK,aAAa,EADhB,EAEGF,OAAO,IAAIA,OAAO,CAACK,GAAR,CAAY,UAACC,IAAD,EAAOC,KAAP;AAAA,eAAiBtB,cAAc,CAACqB,IAAD,EAAOL,IAAP,EAAaM,KAAb,CAA/B;AAAA,OAAZ,CAFd;AAAA,MALF;AAAA,IADF;AAYD,CArCD;;AAuCA,eAAeX,UAAf","sourcesContent":["import React from 'react';\nimport {TileHeaderProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle, ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {TooltipWrapper} from '../Tooltips';\nimport {IconButton} from '../Button';\nimport {Help} from '../icons/systemicons/SystemIcons';\nimport {RenderTileItem} from './TileCommonItems';\n\nconst TagLineContainer = styled.div`\n  color: ${COLORS.neutral_600};\n`;\n\nconst TitleContainer = styled.div`\n  color: ${COLORS.black};\n`;\n\nconst TextContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1;\n`;\n\nconst ActionContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 4px 16px;\n    min-height: 56px;\n\n    ${TagLineContainer} {\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n  }\n\n  &.medium {\n    padding: 8px 20px;\n    min-height: 64px;\n\n    ${TagLineContainer} {\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n\n  &.large {\n    padding: 12px 24px;\n    min-height: 72px;\n\n    ${TagLineContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n`;\n\n\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\n                                                                                 title,\n                                                                                 tagLine,\n                                                                                 tooltip,\n                                                                                 buttons,\n                                                                                 size\n                                                                               }) => {\n\n  const renderTooltip = () =>\n    !!tooltip &&\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\n                    align=\"center\"\n                    position=\"bottom\"\n                    withArrow={false}\n                    label={tooltip}>\n      <IconButton variant=\"secondary\"\n                  shape=\"circular\"\n                  style={{cursor: 'help'}}\n                  action={() => {\n                  }}>\n        <Help size=\"24px\" color={COLORS.neutral_600}/>\n      </IconButton>\n    </TooltipWrapper>;\n\n\n  return (\n    <Wrapper className={size}>\n      <TextContainer>\n        {tagLine && <TagLineContainer>{tagLine}</TagLineContainer>}\n        <TitleContainer>{title}</TitleContainer>\n      </TextContainer>\n      <ActionContainer>\n        {renderTooltip()}\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\n      </ActionContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileHeader;\n"],"file":"TileHeader.js"}
+{"version":3,"file":"TileHeader.js","names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","IconButton","Help","RenderTileItem","TagLineContainer","div","neutral_600","TitleContainer","black","TextContainer","ActionContainer","Wrapper","Regular","Bold","TileHeader","title","tagLine","tooltip","buttons","size","renderTooltip","XSmall","cursor","map","item","index"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {TileHeaderProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle, ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {TooltipWrapper} from '../Tooltips';\nimport {IconButton} from '../Button';\nimport {Help} from '../icons/systemicons/SystemIcons';\nimport {RenderTileItem} from './TileCommonItems';\n\nconst TagLineContainer = styled.div`\n  color: ${COLORS.neutral_600};\n`;\n\nconst TitleContainer = styled.div`\n  color: ${COLORS.black};\n`;\n\nconst TextContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1;\n`;\n\nconst ActionContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 4px 16px;\n    min-height: 56px;\n\n    ${TagLineContainer} {\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n  }\n\n  &.medium {\n    padding: 8px 20px;\n    min-height: 64px;\n\n    ${TagLineContainer} {\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n\n  &.large {\n    padding: 12px 24px;\n    min-height: 72px;\n\n    ${TagLineContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n`;\n\n\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\n                                                                                 title,\n                                                                                 tagLine,\n                                                                                 tooltip,\n                                                                                 buttons,\n                                                                                 size\n                                                                               }) => {\n\n  const renderTooltip = () =>\n    !!tooltip &&\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\n                    align=\"center\"\n                    position=\"bottom\"\n                    withArrow={false}\n                    label={tooltip}>\n      <IconButton variant=\"secondary\"\n                  shape=\"circular\"\n                  style={{cursor: 'help'}}\n                  action={() => {\n                  }}>\n        <Help size=\"24px\" color={COLORS.neutral_600}/>\n      </IconButton>\n    </TooltipWrapper>;\n\n\n  return (\n    <Wrapper className={size}>\n      <TextContainer>\n        {tagLine && <TagLineContainer>{tagLine}</TagLineContainer>}\n        <TitleContainer>{title}</TitleContainer>\n      </TextContainer>\n      <ActionContainer>\n        {renderTooltip()}\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\n      </ActionContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileHeader;\n"],"mappings":"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"}

package/dist/Tile/TileTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"TileTypes.cjs"}
+{"version":3,"file":"TileTypes.cjs","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\nimport {IconButtonProps} from '../Button/Iconbutton';\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\nimport {ButtonProps} from '../Button/Button';\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\nimport {Size} from '../types';\n\n\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled'> & {\n  componentType: 'icon';\n  icon: React.ReactNode;\n}\n\nexport type TileToggleButton =\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\n  & { componentType: 'toggle'; }\n\nexport type TileDropdownButton =\n  Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\n  & {\n  componentType: 'dropdown';\n  icon: React.ReactNode;\n}\n\nexport type TileStandardButton = Pick<ButtonProps, 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\n  componentType: 'button';\n  buttonText: string;\n}\n\nexport type TileNote = {\n  componentType: 'note';\n  noteIcon?: React.ReactNode;\n  noteText: string;\n}\n\n\nexport type TileHyperLink = HyperlinkProps & {\n  componentType: 'link';\n  linkIcon?: React.ReactNode;\n  linkText: string;\n}\n\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton;\n\nexport interface TileHeaderProps {\n  title: string;\n  tooltip?: string;\n  tagLine?: string;\n  buttons?: HeaderButtons[];\n}\n\nexport interface TileFooterProps {\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\n  buttons?: FooterButtons[];\n}\n\n\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\n  style?: {\n    width?: string,\n    minWidth?: string,\n    maxWidth?: string,\n    height?: string,\n    minHeight?: string,\n    maxHeight?: string,\n  };\n\n  size?: Size.Small | Size.Medium | Size.Large\n\n  header?: TileHeaderProps;\n  footer?: TileFooterProps;\n}\n"],"mappings":""}

package/dist/Tile/TileTypes.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"TileTypes.js"}
+{"version":3,"file":"TileTypes.js","names":[],"sources":["../../src/Tile/TileTypes.ts"],"sourcesContent":["import React from 'react';\nimport {IconButtonProps} from '../Button/Iconbutton';\nimport {ToggleButtonProps} from '../Toggles/ToggleButton';\nimport {DropdownButtonProps} from '../Dropdown/DropdownButtonTypes';\nimport {ButtonProps} from '../Button/Button';\nimport {HyperlinkProps} from '../HyperLink/HyperLink';\nimport {Size} from '../types';\n\n\nexport type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled'> & {\n  componentType: 'icon';\n  icon: React.ReactNode;\n}\n\nexport type TileToggleButton =\n  Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\n  & { componentType: 'toggle'; }\n\nexport type TileDropdownButton =\n  Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\n  & {\n  componentType: 'dropdown';\n  icon: React.ReactNode;\n}\n\nexport type TileStandardButton = Pick<ButtonProps, 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {\n  componentType: 'button';\n  buttonText: string;\n}\n\nexport type TileNote = {\n  componentType: 'note';\n  noteIcon?: React.ReactNode;\n  noteText: string;\n}\n\n\nexport type TileHyperLink = HyperlinkProps & {\n  componentType: 'link';\n  linkIcon?: React.ReactNode;\n  linkText: string;\n}\n\nexport type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton;\nexport type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton;\n\nexport interface TileHeaderProps {\n  title: string;\n  tooltip?: string;\n  tagLine?: string;\n  buttons?: HeaderButtons[];\n}\n\nexport interface TileFooterProps {\n  leftItem?: TileNote | TileHyperLink | TileStandardButton;\n  buttons?: FooterButtons[];\n}\n\n\nexport interface TileProps extends React.HTMLAttributes<HTMLDivElement>{\n  style?: {\n    width?: string,\n    minWidth?: string,\n    maxWidth?: string,\n    height?: string,\n    minHeight?: string,\n    maxHeight?: string,\n  };\n\n  size?: Size.Small | Size.Medium | Size.Large\n\n  header?: TileHeaderProps;\n  footer?: TileFooterProps;\n}\n"],"mappings":""}

package/dist/Tile/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tile/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAGA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["import Tile from './Tile';\n\nexport {Tile}\nexport * from './TileTypes';\n"],"file":"index.cjs"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Tile/index.ts"],"sourcesContent":["import Tile from './Tile';\n\nexport {Tile}\nexport * from './TileTypes';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/Tile/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tile/index.ts"],"names":["Tile"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,QAAjB;AAEA,SAAQA,IAAR;AACA,cAAc,aAAd","sourcesContent":["import Tile from './Tile';\n\nexport {Tile}\nexport * from './TileTypes';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["Tile"],"sources":["../../src/Tile/index.ts"],"sourcesContent":["import Tile from './Tile';\n\nexport {Tile}\nexport * from './TileTypes';\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,QAAjB;AAEA,SAAQA,IAAR;AACA,cAAc,aAAd"}

package/dist/Toasters/Toast.cjs

@@ -39,9 +39,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var LoaderAnimationKeyframes = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n"])));
 

package/dist/Toasters/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Toasters/Toast.tsx"],"names":["LoaderAnimationKeyframes","keyframes","Loader","styled","div","props","duration","ToastColor","BLACK","COLORS","neutral_200","neutral_800","WHITE","neutral_400","white","BLUE","accent1_200","accent1_600","GREEN","correct_200","correct_500","ORANGE","warning_200","warning_500","RED","critical_200","critical_500","Container","BOXSHADOWS","BOXSHADOW_L2","animation","bezier","transform","withClose","withLoader","ComponentTextStyle","Regular","HyperLinkInvertedStyling","black","HyperLinkDefaultStyling","ActionButtons","CloseButton","neutral_600","TextContainer","span","IconContainer","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","ToastPosition","TOPLEFT","enterFrom","ToastEntryDirection","TOP","Toast","content","remove","options","testId","Error","removeRef","React","useRef","current","elementRef","useState","shouldRemove","setShouldRemove","width","height","dimensions","setDimensions","opts","useEffect","id","setTimeout","clearTimeout","undefined","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","theme","focus","icon","action","map","i","Size","Small","type","ToastActionType","SECONDARY","handler","label","event","enter","BOTTOM","LEFT","RIGHT","leave"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;;;;;;;;;;;;;AAEA,IAAMA,wBAAwB,OAAGC,2BAAH,mLAA9B;;AASA,IAAMC,MAAM,GAAGC,0BAAOC,GAAV,qgCASGJ,wBATH,EAS+B,UAACK,KAAD;AAAA,SAAWA,KAAK,CAACC,QAAjB;AAAA,CAT/B,EAWNC,kBAAWA,kBAAWC,KAAtB,CAXM,EAYgCC,eAAOC,WAZvC,EAY2DD,eAAOE,WAZlE,EAgBNJ,kBAAWA,kBAAWK,KAAtB,CAhBM,EAiBgCH,eAAOI,WAjBvC,EAiB2DJ,eAAOK,KAjBlE,EAqBNP,kBAAWA,kBAAWQ,IAAtB,CArBM,EAsBgCN,eAAOO,WAtBvC,EAsB2DP,eAAOQ,WAtBlE,EA0BNV,kBAAWA,kBAAWW,KAAtB,CA1BM,EA2BgCT,eAAOU,WA3BvC,EA2B2DV,eAAOW,WA3BlE,EA+BNb,kBAAWA,kBAAWc,MAAtB,CA/BM,EAgCgCZ,eAAOa,WAhCvC,EAgC2Db,eAAOc,WAhClE,EAoCNhB,kBAAWA,kBAAWiB,GAAtB,CApCM,EAqCgCf,eAAOgB,YArCvC,EAqC4DhB,eAAOiB,YArCnE,CAAZ;;AA0CA,IAAMC,SAAS,GAAGxB,0BAAOC,GAAV,+2BACCwB,mBAAWC,YADZ,EAIA,UAACxB,KAAD;AAAA,SAAWA,KAAK,CAACyB,SAAN,CAAgB7B,SAA3B;AAAA,CAJA,EAIwC,UAACI,KAAD;AAAA,SAAWA,KAAK,CAACyB,SAAN,CAAgBxB,QAA3B;AAAA,CAJxC,EAI+E,UAACD,KAAD;AAAA,SAAWA,KAAK,CAACyB,SAAN,CAAgBC,MAA3B;AAAA,CAJ/E,EAKA,UAAC1B,KAAD;AAAA,SAAWA,KAAK,CAACyB,SAAN,CAAgBE,SAA3B;AAAA,CALA,EASA,UAAC3B,KAAD;AAAA,SAAYA,KAAK,CAAC4B,SAAN,GAAkB,GAAlB,GAAwB,MAApC;AAAA,CATA,EAS+C,UAAC5B,KAAD;AAAA,SAAYA,KAAK,CAAC6B,UAAN,GAAmB,KAAnB,GAA2B,GAAvC;AAAA,CAT/C,EAuBX,+BAAkBC,2BAAmBC,OAArC,EAA8C3B,eAAOK,KAArD,CAvBW,EA2BTuB,mCA3BS,EA8BT9B,kBAAWA,kBAAWC,KAAtB,CA9BS,EA+BSC,eAAOE,WA/BhB,EAkCTJ,kBAAWA,kBAAWK,KAAtB,CAlCS,EAmCSH,eAAOK,KAnChB,EAoCFL,eAAO6B,KApCL,EAuCPC,kCAvCO,EA2CThC,kBAAWA,kBAAWQ,IAAtB,CA3CS,EA4CSN,eAAOQ,WA5ChB,EA+CTV,kBAAWA,kBAAWW,KAAtB,CA/CS,EAgDST,eAAOW,WAhDhB,EAmDTb,kBAAWA,kBAAWc,MAAtB,CAnDS,EAoDSZ,eAAOc,WApDhB,EAuDThB,kBAAWA,kBAAWiB,GAAtB,CAvDS,EAwDSf,eAAOiB,YAxDhB,CAAf;;AA4DA,IAAMc,aAAa,GAAGrC,0BAAOC,GAAV,gNAAnB;;AAWA,IAAMqC,WAAW,GAAGtC,0BAAOC,GAAV,oTAULK,eAAOK,KAVF,EAaXP,kBAAWA,kBAAWK,KAAtB,CAbW,EAeHH,eAAOiC,WAfJ,CAAjB;;AAoBA,IAAMC,aAAa,GAAGxC,0BAAOyC,IAAV,oLAAnB;;AAOA,IAAMC,aAAa,GAAG1C,0BAAOyC,IAAV,8GAAnB;;AA0BA,IAAME,eAA6B,GAAG;AACpCC,EAAAA,KAAK,EAAExC,kBAAWC,KADkB;AAEpCwC,EAAAA,SAAS,EAAE,IAFyB;AAGpCC,EAAAA,KAAK,EAAE,IAH6B;AAIpCC,EAAAA,eAAe,EAAE,KAJmB;AAKpCC,EAAAA,QAAQ,EAAEC,qBAAcC,OALY;AAMpCC,EAAAA,SAAS,EAAEC,2BAAoBC;AANK,CAAtC;;AASA,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAmE;AAAA;;AAAA,MAAhEC,OAAgE,QAAhEA,OAAgE;AAAA,MAAvDC,MAAuD,QAAvDA,MAAuD;AAAA,0BAA/CC,OAA+C;AAAA,MAA/CA,OAA+C,6BAArCd,eAAqC;AAAA,MAApBe,MAAoB,QAApBA,MAAoB;AAE/E,MAAG,CAACF,MAAJ,EACE,MAAM,IAAIG,KAAJ,CAAU,qIAAV,CAAN;AAEF,MAAMC,SAAS,GAAGC,KAAK,CAACC,MAAN,EAAlB;AACAF,EAAAA,SAAS,CAACG,OAAV,GAAoBP,MAApB;AAEA,MAAMQ,UAAU,GAAGH,KAAK,CAACC,MAAN,CAAkB,IAAlB,CAAnB;;AAEA,wBAAwCD,KAAK,CAACI,QAAN,CAAe,KAAf,CAAxC;AAAA;AAAA,MAAOC,YAAP;AAAA,MAAqBC,eAArB;;AACA,yBAAoCN,KAAK,CAACI,QAAN,CAAkD;AAAEG,IAAAA,KAAK,EAAE,CAAT;AAAYC,IAAAA,MAAM,EAAE;AAApB,GAAlD,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,MAAMC,IAAI,mCAAQ7B,eAAR,GAA4Bc,OAA5B,CAAV;;AAEAI,EAAAA,KAAK,CAACY,SAAN,CAAgB,YAAM;AACpB,QAAID,IAAJ,aAAIA,IAAJ,eAAIA,IAAI,CAAE3B,SAAV,EAAqB;AACnB;AACA,UAAM6B,EAAE,GAAGC,UAAU,CAAC;AAAA,eAAMR,eAAe,CAAC,IAAD,CAArB;AAAA,OAAD,EAA8BK,IAAI,CAAC1B,KAAnC,CAArB;AACA,aAAO;AAAA,eAAM8B,YAAY,CAACF,EAAD,CAAlB;AAAA,OAAP;AACD;;AACD,WAAOG,SAAP;AACD,GAPD,EAOG,EAPH;AASAhB,EAAAA,KAAK,CAACY,SAAN,CAAgB,YAAM;AACpB,QAAIP,YAAJ,EAAkB;AAChB;AACA,UAAMQ,EAAE,GAAGC,UAAU,CAAC;AAAA,eAAMf,SAAS,CAACG,OAAV,EAAN;AAAA,OAAD,EAA4B,GAA5B,CAArB;AACA,aAAO;AAAA,eAAMa,YAAY,CAACF,EAAD,CAAlB;AAAA,OAAP;AACD;AACF,GAND,EAMG,CAACR,YAAD,CANH;AAQAL,EAAAA,KAAK,CAACY,SAAN,CAAgB,YAAM;AAAA;;AACpBF,IAAAA,aAAa,CAAC;AAAEF,MAAAA,MAAM,yBAAEL,UAAU,CAACD,OAAb,wDAAE,oBAAoBe,YAA9B;AAA4CV,MAAAA,KAAK,0BAAEJ,UAAU,CAACD,OAAb,yDAAE,qBAAoBgB;AAAvE,KAAD,CAAb;AACD,GAFD,EAEG,EAFH;AAIA,MAAMpD,SAAS,GAAGqD,UAAU,CAACd,YAAY,GAAG,OAAH,GAAa,OAA1B,CAA5B;AACA,MAAMe,SAAS,GAAGtD,SAAS,oBAAC6C,IAAI,CAACrB,SAAN,6DAAmBC,2BAAoBC,GAAvC,CAA3B;AAEA,MAAM6B,KAAK,GAAGZ,UAAU,CAACD,MAAX,GAAoBY,SAAS,CAACE,UAA5C;AACA,MAAMC,GAAG,GAAGd,UAAU,CAACD,MAAX,GAAoBY,SAAS,CAACI,QAA1C;AACA,MAAMC,KAAK,GAAGhB,UAAU,CAACF,KAAX,GAAmBa,SAAS,CAACM,SAA3C;AACA,MAAMC,GAAG,GAAGlB,UAAU,CAACF,KAAX,GAAmBa,SAAS,CAACQ,OAAzC;AAEA,MAAIC,IAAI,GAAG;AACTvF,IAAAA,QAAQ,EAAEwB,SAAS,CAACxB,QADX;AAETyB,IAAAA,MAAM,EAAED,SAAS,CAACC,MAFT;AAGTC,IAAAA,SAAS,uBAAgBuD,GAAhB,0BAAmCI,GAAnC,MAHA;AAIT1F,IAAAA,SAAS,MAAEA,2BAAF,qQAEqBoF,KAFrB,EAE4CI,KAF5C,EAKqBF,GALrB,EAK0CI,GAL1C;AAJA,GAAX;;AAaA,MAAI,CAAClB,UAAU,CAACD,MAAhB,EAAwB;AACtBqB,IAAAA,IAAI,mCACCA,IADD,GAEC;AACD7D,MAAAA,SAAS,EAAE,yCADV;AAED/B,MAAAA,SAAS,MAAEA,2BAAF;AAFR,KAFD,CAAJ;AAOD;;AAED,MAAM6F,KAAK,GAAGvF,iCAAWoE,IAAI,CAAC5B,KAAhB,qDAAyBxC,kBAAWC,KAApC,CAAd;;AAEA,MAAI,CAAC6D,YAAL,EAAkB;AAChBS,IAAAA,UAAU,CAAC;AAAA;;AAAA,aAAMX,UAAN,aAAMA,UAAN,+CAAMA,UAAU,CAAED,OAAlB,yDAAM,qBAAqB6B,KAArB,EAAN;AAAA,KAAD,CAAV;AACD;;AAED,sBACE,sBAAC,SAAD;AAAW,mBAAalC,MAAxB;AACW,IAAA,SAAS,EAAEgC,IADtB;AAEW,IAAA,GAAG,EAAE1B,UAFhB;AAGW,IAAA,UAAU,EAAE,CAAC,CAACQ,IAAI,CAAC3B,SAH9B;AAIW,IAAA,SAAS,EAAE8C,KAJtB;AAKW,IAAA,SAAS,EAAE,CAAC,CAACnB,IAAI,CAACzB,eAL7B;AAMW,IAAA,QAAQ,EAAE,CAAC,CANtB;AAAA,eAOGyB,IAAI,CAACqB,IAAL,iBAAa,qBAAC,aAAD;AAAA,gBAAgBrB,IAAI,CAACqB;AAArB,MAPhB,eAQE,qBAAC,aAAD;AAAe,MAAA,SAAS,EAAE,aAA1B;AAAA,gBAA0CtC;AAA1C,MARF,EASGiB,IAAI,CAACsB,MAAL,iBACC,qBAAC,aAAD;AAAA,gBACGtB,IAAI,CAACsB,MAAL,CAAYC,GAAZ,CAAgB,UAACD,MAAD,EAASE,CAAT;AAAA,4BACf,qBAAC,cAAD;AACE,UAAA,IAAI,EAAEC,YAAKC,KADb;AAEE,UAAA,OAAO,EAAEJ,MAAM,CAACK,IAAP,KAAgBC,uBAAgBC,SAAhC,GAA4C,WAA5C,GAA0D,SAFrE;AAGE,UAAA,UAAU,EAAE7B,IAAI,CAAC5B,KAAL,KAAexC,kBAAWK,KAA1B,GAAkC,MAAlC,GAA2C,MAHzD;AAIE,UAAA,WAAW,EAAE+D,IAAI,CAAC5B,KAAL,KAAexC,kBAAWC,KAJzC;AAME,UAAA,OAAO,EAAE,mBAAM;AACb8D,YAAAA,eAAe,CAAC,IAAD,CAAf;AACA2B,YAAAA,MAAM,CAACQ,OAAP;AACD,WATH;AAUE,UAAA,SAAS,EAAE,QAVb;AAAA,oBAWGR,MAAM,CAACS;AAXV,WAKOP,CALP,CADe;AAAA,OAAhB;AADH,MAVJ,EA4BGxB,IAAI,CAACzB,eAAL,iBACC,qBAAC,WAAD;AAAa,MAAA,SAAS,yBAAkB4C,KAAlB,CAAtB;AAAA,6BACE,qBAAC,kBAAD;AAAY,QAAA,OAAO,EAAE,WAArB;AACY,QAAA,KAAK,EAAC,UADlB;AAEY,QAAA,wBAAwB,EAAE,IAFtC;AAGY,QAAA,WAAW,EAAEnB,IAAI,CAAC5B,KAAL,KAAexC,kBAAWC,KAHnD;AAIY,QAAA,MAAM,EAAE,gBAACmG,KAAD;AAAA,iBAAWrC,eAAe,CAAC,IAAD,CAA1B;AAAA,SAJpB;AAAA,+BAKE,qBAAC,kBAAD;AAAO,UAAA,IAAI,EAAC,MAAZ;AAAmB,UAAA,KAAK,EAAE7D,eAAOiC;AAAjC;AALF;AADF,MA7BJ,EAuCG,CAAC,CAACiC,IAAI,CAAC3B,SAAP,iBAAoB,qBAAC,MAAD;AAAQ,MAAA,SAAS,mBAAY8C,KAAZ,CAAjB;AAAsC,MAAA,QAAQ,iBAAEnB,IAAI,CAAC1B,KAAP,qDAAgB;AAA9D,MAvCvB;AAAA,IADF;AA2CD,CApHD;;;AAfEU,EAAAA,M;AACAD,EAAAA,O;AACAE,EAAAA,O;AAhBAZ,IAAAA,S;AACAC,IAAAA,K;AACAC,IAAAA,e;AACA+C,IAAAA,M;AACES,MAAAA,K;AACAD,MAAAA,O;;AAKFT,IAAAA,I;;AAOAnC,EAAAA,M;;eAkIaJ,K;;AAEf,IAAM0B,UAAU,GAAG;AACjByB,EAAAA,KAAK;AACH7E,IAAAA,MAAM,EAAE,mCADL;AAEHzB,IAAAA,QAAQ,EAAE;AAFP,2CAGFiD,2BAAoBC,GAHlB,EAGwB;AACzB8B,IAAAA,UAAU,EAAE,CAAC,CADY;AAEzBE,IAAAA,QAAQ,EAAE,CAFe;AAGzBE,IAAAA,SAAS,EAAE,CAHc;AAIzBE,IAAAA,OAAO,EAAE;AAJgB,GAHxB,yCASFrC,2BAAoBsD,MATlB,EAS2B;AAC5BvB,IAAAA,UAAU,EAAE,CADgB;AAE5BE,IAAAA,QAAQ,EAAE,CAFkB;AAG5BE,IAAAA,SAAS,EAAE,CAHiB;AAI5BE,IAAAA,OAAO,EAAE;AAJmB,GAT3B,yCAeFrC,2BAAoBuD,IAflB,EAeyB;AAC1BxB,IAAAA,UAAU,EAAE,CADc;AAE1BE,IAAAA,QAAQ,EAAE,CAFgB;AAG1BE,IAAAA,SAAS,EAAE,CAAC,CAHc;AAI1BE,IAAAA,OAAO,EAAE;AAJiB,GAfzB,yCAqBFrC,2BAAoBwD,KArBlB,EAqB0B;AAC3BzB,IAAAA,UAAU,EAAE,CADe;AAE3BE,IAAAA,QAAQ,EAAE,CAFiB;AAG3BE,IAAAA,SAAS,EAAE,CAHgB;AAI3BE,IAAAA,OAAO,EAAE;AAJkB,GArB1B,UADY;AA6BjBoB,EAAAA,KAAK;AACHjF,IAAAA,MAAM,EAAE,qCADL;AAEHzB,IAAAA,QAAQ,EAAE;AAFP,2CAGFiD,2BAAoBC,GAHlB,EAGwB;AACzB8B,IAAAA,UAAU,EAAE,CADa;AAEzBE,IAAAA,QAAQ,EAAE,CAAC,CAFc;AAGzBE,IAAAA,SAAS,EAAE,CAHc;AAIzBE,IAAAA,OAAO,EAAE;AAJgB,GAHxB,yCASFrC,2BAAoBsD,MATlB,EAS2B;AAC5BvB,IAAAA,UAAU,EAAE,CADgB;AAE5BE,IAAAA,QAAQ,EAAE,CAFkB;AAG5BE,IAAAA,SAAS,EAAE,CAHiB;AAI5BE,IAAAA,OAAO,EAAE;AAJmB,GAT3B,yCAeFrC,2BAAoBuD,IAflB,EAeyB;AAC1BxB,IAAAA,UAAU,EAAE,CADc;AAE1BE,IAAAA,QAAQ,EAAE,CAFgB;AAG1BE,IAAAA,SAAS,EAAE,CAHe;AAI1BE,IAAAA,OAAO,EAAE,CAAC;AAJgB,GAfzB,yCAqBFrC,2BAAoBwD,KArBlB,EAqB0B;AAC3BzB,IAAAA,UAAU,EAAE,CADe;AAE3BE,IAAAA,QAAQ,EAAE,CAFiB;AAG3BE,IAAAA,SAAS,EAAE,CAHgB;AAI3BE,IAAAA,OAAO,EAAE;AAJkB,GArB1B;AA7BY,CAAnB","sourcesContent":["import * as React from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\nimport { BOXSHADOWS, COLORS} from '../styles';\nimport { Close } from '../icons/systemicons/SystemIcons';\nimport { Size } from '../types' \nimport { Button, IconButton } from '../Button';\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\n\nconst LoaderAnimationKeyframes = keyframes`\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n`;\n\nconst Loader = styled.div<{ duration: number }>`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\n\n  &.${ToastColor[ToastColor.BLACK]} {\n    background: linear-gradient(to right, ${COLORS.neutral_200} 50%, ${COLORS.neutral_800} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    background: linear-gradient(to right, ${COLORS.neutral_400} 50%, ${COLORS.white} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.BLUE]} {\n    background: linear-gradient(to right, ${COLORS.accent1_200} 50%, ${COLORS.accent1_600} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.GREEN]} {\n    background: linear-gradient(to right, ${COLORS.correct_200} 50%, ${COLORS.correct_500} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.ORANGE]} {\n    background: linear-gradient(to right, ${COLORS.warning_200} 50%, ${COLORS.warning_500} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.RED]} {\n    background: linear-gradient(to right, ${COLORS.critical_200} 50%, ${COLORS.critical_500} 50%) left;\n    background-size: 200% 100%;\n  }\n`;\n\nconst Container = styled.div<{ animation: { duration: string; bezier: string; transform: string; keyframes: any }; withLoader: boolean; withClose: boolean }>`\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n  border-radius: 4px;\n\n  animation: ${(props) => props.animation.keyframes} ${(props) => props.animation.duration} ${(props) => props.animation.bezier};\n  transform: ${(props) => props.animation.transform};\n\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  padding: 0 ${(props) => (props.withClose ? '0' : '16px')} ${(props) => (props.withLoader ? '4px' : '0')} 16px;\n\n  margin-bottom: 8px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  justify-content: left;\n\n  position: relative;\n\n  width: max-content;\n  min-height: 48px;\n  box-sizing: border-box;\n\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.white)}\n\n  & a {\n    display: inline;\n    ${HyperLinkInvertedStyling}\n  }\n\n  &.${ToastColor[ToastColor.BLACK]} {\n    background-color: ${COLORS.neutral_800};\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    background-color: ${COLORS.white};\n    color: ${COLORS.black};\n\n    & a {\n      ${HyperLinkDefaultStyling}\n    }\n  }\n\n  &.${ToastColor[ToastColor.BLUE]} {\n    background-color: ${COLORS.accent1_600};\n  }\n\n  &.${ToastColor[ToastColor.GREEN]} {\n    background-color: ${COLORS.correct_500};\n  }\n\n  &.${ToastColor[ToastColor.ORANGE]} {\n    background-color: ${COLORS.warning_500};\n  }\n\n  &.${ToastColor[ToastColor.RED]} {\n    background-color: ${COLORS.critical_500};\n  }\n`;\n\nconst ActionButtons = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n\n  & .action {\n    height: unset;\n  }\n`;\n\nconst CloseButton = styled.div`\n  & > button {\n    margin-left: 16px;\n\n    & svg {\n      padding: 0;\n    }\n  }\n\n  button svg path{\n    fill: ${COLORS.white} !important;\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    button svg path {\n      fill: ${COLORS.neutral_600} !important;\n    }\n  }\n`;\n\nconst TextContainer = styled.span`\n  font-feature-settings: 'liga' off;\n  width: 240px;\n  display: flex;\n  padding: 16px 0;\n`;\n\nconst IconContainer = styled.span`\n  margin-right: -8px;\n`;\n\nexport type ToastOptions = {\n  color?: ToastColor;\n  autoClose?: boolean;\n  delay?: number;\n  showCloseButton?: boolean;\n  action?: {\n    label: string;\n    handler: () => void;\n    type?: ToastActionType;\n  }[];\n  position: ToastPosition;\n  enterFrom?: ToastEntryDirection;\n  icon?: React.ReactNode;\n};\n\ntype Props = {\n  remove?: any;\n  content: any;\n  options?: ToastOptions;\n  testId?: string;\n};\n\nconst DEFAULT_OPTIONS: ToastOptions = {\n  color: ToastColor.BLACK,\n  autoClose: true,\n  delay: 5000,\n  showCloseButton: false,\n  position: ToastPosition.TOPLEFT,\n  enterFrom: ToastEntryDirection.TOP,\n};\n\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\n\n  if(!remove)\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\n\n  const removeRef = React.useRef();\n  removeRef.current = remove;\n\n  const elementRef = React.useRef<any>(null);\n\n  const [shouldRemove, setShouldRemove] = React.useState(false);\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\n\n  const opts = { ...DEFAULT_OPTIONS, ...options };\n\n  React.useEffect(() => {\n    if (opts?.autoClose) {\n      // @ts-ignore\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\n      return () => clearTimeout(id);\n    }\n    return undefined;\n  }, []);\n\n  React.useEffect(() => {\n    if (shouldRemove) {\n      // @ts-ignore\n      const id = setTimeout(() => removeRef.current(), 200);\n      return () => clearTimeout(id);\n    }\n  }, [shouldRemove]);\n\n  React.useEffect(() => {\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\n  }, []);\n\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\n\n  const fromY = dimensions.height * direction.fromHeight;\n  const toY = dimensions.height * direction.toHeight;\n  const fromX = dimensions.width * direction.fromWidth;\n  const toX = dimensions.width * direction.toWidth;\n\n  let prop = {\n    duration: animation.duration,\n    bezier: animation.bezier,\n    transform: `translateY(${toY}) translateX(${toX})`,\n    keyframes: keyframes`\n        0% {\n          transform: translateY(${fromY}px) translateX(${fromX}px);\n        }\n        100% {\n          transform: translateY(${toY}px) translateX(${toX}px);\n        }`,\n  };\n\n  if (!dimensions.height) {\n    prop = {\n      ...prop,\n      ...{\n        transform: 'translateY(-1000vh) translateX(-1000vw)',\n        keyframes: keyframes``,\n      },\n    };\n  }\n\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\n\n  if (!shouldRemove){\n    setTimeout(() => elementRef?.current?.focus());\n  }\n\n  return (\n    <Container data-testid={testId}\n               animation={prop}\n               ref={elementRef}\n               withLoader={!!opts.autoClose}\n               className={theme}\n               withClose={!!opts.showCloseButton}\n               tabIndex={-1}>\n      {opts.icon && <IconContainer>{opts.icon}</IconContainer>}\n      <TextContainer className={'description'}>{content}</TextContainer>\n      {opts.action && (\n        <ActionButtons>\n          {opts.action.map((action, i) => (\n            <Button\n              size={Size.Small}\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\n              colorTheme={opts.color !== ToastColor.WHITE ? 'dark' : 'teal'}\n              invertFocus={opts.color === ToastColor.BLACK}\n              key={i}\n              onClick={() => {\n                setShouldRemove(true);\n                action.handler();\n              }}\n              className={'action'}>\n              {action.label}\n            </Button>\n          ))}\n        </ActionButtons>\n      )}\n      {opts.showCloseButton && (\n        <CloseButton className={`close-button ${theme}`}>\n          <IconButton variant={'secondary'}\n                      shape=\"circular\"\n                      useTransparentBackground={true}\n                      invertFocus={opts.color === ToastColor.BLACK}\n                      action={(event) => setShouldRemove(true)}>\n            <Close size=\"24px\" color={COLORS.neutral_600} />\n          </IconButton>\n        </CloseButton>\n      )}\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} duration={opts.delay ?? 0} />}\n    </Container>\n  );\n};\n\nexport default Toast;\n\nconst animations = {\n  enter: {\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\n    duration: '300ms',\n    [ToastEntryDirection.TOP]: {\n      fromHeight: -1,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.BOTTOM]: {\n      fromHeight: 1,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.LEFT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: -1,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.RIGHT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 1,\n      toWidth: 0,\n    },\n  },\n  leave: {\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\n    duration: '205ms',\n    [ToastEntryDirection.TOP]: {\n      fromHeight: 0,\n      toHeight: -1,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.BOTTOM]: {\n      fromHeight: 0,\n      toHeight: 1,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.LEFT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: -1,\n    },\n    [ToastEntryDirection.RIGHT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 1,\n    },\n  },\n};\n"],"file":"Toast.cjs"}
+{"version":3,"file":"Toast.cjs","names":["LoaderAnimationKeyframes","keyframes","Loader","styled","div","props","duration","ToastColor","BLACK","COLORS","neutral_200","neutral_800","WHITE","neutral_400","white","BLUE","accent1_200","accent1_600","GREEN","correct_200","correct_500","ORANGE","warning_200","warning_500","RED","critical_200","critical_500","Container","BOXSHADOWS","BOXSHADOW_L2","animation","bezier","transform","withClose","withLoader","ComponentSStyling","ComponentTextStyle","Regular","HyperLinkInvertedStyling","black","HyperLinkDefaultStyling","ActionButtons","CloseButton","neutral_600","TextContainer","span","IconContainer","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","ToastPosition","TOPLEFT","enterFrom","ToastEntryDirection","TOP","Toast","content","remove","options","testId","Error","removeRef","React","useRef","current","elementRef","useState","shouldRemove","setShouldRemove","width","height","dimensions","setDimensions","opts","useEffect","id","setTimeout","clearTimeout","undefined","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","theme","focus","icon","action","map","i","Size","Small","type","ToastActionType","SECONDARY","handler","label","event","enter","BOTTOM","LEFT","RIGHT","leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\nimport { BOXSHADOWS, COLORS} from '../styles';\nimport { Close } from '../icons/systemicons/SystemIcons';\nimport { Size } from '../types' \nimport { Button, IconButton } from '../Button';\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\n\nconst LoaderAnimationKeyframes = keyframes`\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n`;\n\nconst Loader = styled.div<{ duration: number }>`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\n\n  &.${ToastColor[ToastColor.BLACK]} {\n    background: linear-gradient(to right, ${COLORS.neutral_200} 50%, ${COLORS.neutral_800} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    background: linear-gradient(to right, ${COLORS.neutral_400} 50%, ${COLORS.white} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.BLUE]} {\n    background: linear-gradient(to right, ${COLORS.accent1_200} 50%, ${COLORS.accent1_600} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.GREEN]} {\n    background: linear-gradient(to right, ${COLORS.correct_200} 50%, ${COLORS.correct_500} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.ORANGE]} {\n    background: linear-gradient(to right, ${COLORS.warning_200} 50%, ${COLORS.warning_500} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.RED]} {\n    background: linear-gradient(to right, ${COLORS.critical_200} 50%, ${COLORS.critical_500} 50%) left;\n    background-size: 200% 100%;\n  }\n`;\n\nconst Container = styled.div<{ animation: { duration: string; bezier: string; transform: string; keyframes: any }; withLoader: boolean; withClose: boolean }>`\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n  border-radius: 4px;\n\n  animation: ${(props) => props.animation.keyframes} ${(props) => props.animation.duration} ${(props) => props.animation.bezier};\n  transform: ${(props) => props.animation.transform};\n\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  padding: 0 ${(props) => (props.withClose ? '0' : '16px')} ${(props) => (props.withLoader ? '4px' : '0')} 16px;\n\n  margin-bottom: 8px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  justify-content: left;\n\n  position: relative;\n\n  width: max-content;\n  min-height: 48px;\n  box-sizing: border-box;\n\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.white)}\n\n  & a {\n    display: inline;\n    ${HyperLinkInvertedStyling}\n  }\n\n  &.${ToastColor[ToastColor.BLACK]} {\n    background-color: ${COLORS.neutral_800};\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    background-color: ${COLORS.white};\n    color: ${COLORS.black};\n\n    & a {\n      ${HyperLinkDefaultStyling}\n    }\n  }\n\n  &.${ToastColor[ToastColor.BLUE]} {\n    background-color: ${COLORS.accent1_600};\n  }\n\n  &.${ToastColor[ToastColor.GREEN]} {\n    background-color: ${COLORS.correct_500};\n  }\n\n  &.${ToastColor[ToastColor.ORANGE]} {\n    background-color: ${COLORS.warning_500};\n  }\n\n  &.${ToastColor[ToastColor.RED]} {\n    background-color: ${COLORS.critical_500};\n  }\n`;\n\nconst ActionButtons = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n\n  & .action {\n    height: unset;\n  }\n`;\n\nconst CloseButton = styled.div`\n  & > button {\n    margin-left: 16px;\n\n    & svg {\n      padding: 0;\n    }\n  }\n\n  button svg path{\n    fill: ${COLORS.white} !important;\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    button svg path {\n      fill: ${COLORS.neutral_600} !important;\n    }\n  }\n`;\n\nconst TextContainer = styled.span`\n  font-feature-settings: 'liga' off;\n  width: 240px;\n  display: flex;\n  padding: 16px 0;\n`;\n\nconst IconContainer = styled.span`\n  margin-right: -8px;\n`;\n\nexport type ToastOptions = {\n  color?: ToastColor;\n  autoClose?: boolean;\n  delay?: number;\n  showCloseButton?: boolean;\n  action?: {\n    label: string;\n    handler: () => void;\n    type?: ToastActionType;\n  }[];\n  position: ToastPosition;\n  enterFrom?: ToastEntryDirection;\n  icon?: React.ReactNode;\n};\n\ntype Props = {\n  remove?: any;\n  content: any;\n  options?: ToastOptions;\n  testId?: string;\n};\n\nconst DEFAULT_OPTIONS: ToastOptions = {\n  color: ToastColor.BLACK,\n  autoClose: true,\n  delay: 5000,\n  showCloseButton: false,\n  position: ToastPosition.TOPLEFT,\n  enterFrom: ToastEntryDirection.TOP,\n};\n\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\n\n  if(!remove)\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\n\n  const removeRef = React.useRef();\n  removeRef.current = remove;\n\n  const elementRef = React.useRef<any>(null);\n\n  const [shouldRemove, setShouldRemove] = React.useState(false);\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\n\n  const opts = { ...DEFAULT_OPTIONS, ...options };\n\n  React.useEffect(() => {\n    if (opts?.autoClose) {\n      // @ts-ignore\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\n      return () => clearTimeout(id);\n    }\n    return undefined;\n  }, []);\n\n  React.useEffect(() => {\n    if (shouldRemove) {\n      // @ts-ignore\n      const id = setTimeout(() => removeRef.current(), 200);\n      return () => clearTimeout(id);\n    }\n  }, [shouldRemove]);\n\n  React.useEffect(() => {\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\n  }, []);\n\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\n\n  const fromY = dimensions.height * direction.fromHeight;\n  const toY = dimensions.height * direction.toHeight;\n  const fromX = dimensions.width * direction.fromWidth;\n  const toX = dimensions.width * direction.toWidth;\n\n  let prop = {\n    duration: animation.duration,\n    bezier: animation.bezier,\n    transform: `translateY(${toY}) translateX(${toX})`,\n    keyframes: keyframes`\n        0% {\n          transform: translateY(${fromY}px) translateX(${fromX}px);\n        }\n        100% {\n          transform: translateY(${toY}px) translateX(${toX}px);\n        }`,\n  };\n\n  if (!dimensions.height) {\n    prop = {\n      ...prop,\n      ...{\n        transform: 'translateY(-1000vh) translateX(-1000vw)',\n        keyframes: keyframes``,\n      },\n    };\n  }\n\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\n\n  if (!shouldRemove){\n    setTimeout(() => elementRef?.current?.focus());\n  }\n\n  return (\n    <Container data-testid={testId}\n               animation={prop}\n               ref={elementRef}\n               withLoader={!!opts.autoClose}\n               className={theme}\n               withClose={!!opts.showCloseButton}\n               tabIndex={-1}>\n      {opts.icon && <IconContainer>{opts.icon}</IconContainer>}\n      <TextContainer className={'description'}>{content}</TextContainer>\n      {opts.action && (\n        <ActionButtons>\n          {opts.action.map((action, i) => (\n            <Button\n              size={Size.Small}\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\n              colorTheme={opts.color !== ToastColor.WHITE ? 'dark' : 'teal'}\n              invertFocus={opts.color === ToastColor.BLACK}\n              key={i}\n              onClick={() => {\n                setShouldRemove(true);\n                action.handler();\n              }}\n              className={'action'}>\n              {action.label}\n            </Button>\n          ))}\n        </ActionButtons>\n      )}\n      {opts.showCloseButton && (\n        <CloseButton className={`close-button ${theme}`}>\n          <IconButton variant={'secondary'}\n                      shape=\"circular\"\n                      useTransparentBackground={true}\n                      invertFocus={opts.color === ToastColor.BLACK}\n                      action={(event) => setShouldRemove(true)}>\n            <Close size=\"24px\" color={COLORS.neutral_600} />\n          </IconButton>\n        </CloseButton>\n      )}\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} duration={opts.delay ?? 0} />}\n    </Container>\n  );\n};\n\nexport default Toast;\n\nconst animations = {\n  enter: {\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\n    duration: '300ms',\n    [ToastEntryDirection.TOP]: {\n      fromHeight: -1,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.BOTTOM]: {\n      fromHeight: 1,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.LEFT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: -1,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.RIGHT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 1,\n      toWidth: 0,\n    },\n  },\n  leave: {\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\n    duration: '205ms',\n    [ToastEntryDirection.TOP]: {\n      fromHeight: 0,\n      toHeight: -1,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.BOTTOM]: {\n      fromHeight: 0,\n      toHeight: 1,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.LEFT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: -1,\n    },\n    [ToastEntryDirection.RIGHT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 1,\n    },\n  },\n};\n"],"mappings":"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"}

package/dist/Toasters/Toast.js

@@ -5,9 +5,9 @@ import _pt from "prop-types";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _enter, _leave;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import * as React from 'react';
 import styled, { keyframes } from 'styled-components';

package/dist/Toasters/Toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Toasters/Toast.tsx"],"names":["React","styled","keyframes","ToastActionType","ToastColor","ToastEntryDirection","ToastPosition","BOXSHADOWS","COLORS","Close","Size","Button","IconButton","ComponentSStyling","ComponentTextStyle","HyperLinkDefaultStyling","HyperLinkInvertedStyling","LoaderAnimationKeyframes","Loader","div","props","duration","BLACK","neutral_200","neutral_800","WHITE","neutral_400","white","BLUE","accent1_200","accent1_600","GREEN","correct_200","correct_500","ORANGE","warning_200","warning_500","RED","critical_200","critical_500","Container","BOXSHADOW_L2","animation","bezier","transform","withClose","withLoader","Regular","black","ActionButtons","CloseButton","neutral_600","TextContainer","span","IconContainer","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","TOPLEFT","enterFrom","TOP","Toast","content","remove","options","testId","Error","removeRef","useRef","current","elementRef","useState","shouldRemove","setShouldRemove","width","height","dimensions","setDimensions","opts","useEffect","id","setTimeout","clearTimeout","undefined","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","theme","focus","icon","action","map","i","Small","type","SECONDARY","handler","label","event","enter","BOTTOM","LEFT","RIGHT","leave"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\nimport { BOXSHADOWS, COLORS} from '../styles';\nimport { Close } from '../icons/systemicons/SystemIcons';\nimport { Size } from '../types' \nimport { Button, IconButton } from '../Button';\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\n\nconst LoaderAnimationKeyframes = keyframes`\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n`;\n\nconst Loader = styled.div<{ duration: number }>`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\n\n  &.${ToastColor[ToastColor.BLACK]} {\n    background: linear-gradient(to right, ${COLORS.neutral_200} 50%, ${COLORS.neutral_800} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    background: linear-gradient(to right, ${COLORS.neutral_400} 50%, ${COLORS.white} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.BLUE]} {\n    background: linear-gradient(to right, ${COLORS.accent1_200} 50%, ${COLORS.accent1_600} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.GREEN]} {\n    background: linear-gradient(to right, ${COLORS.correct_200} 50%, ${COLORS.correct_500} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.ORANGE]} {\n    background: linear-gradient(to right, ${COLORS.warning_200} 50%, ${COLORS.warning_500} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.RED]} {\n    background: linear-gradient(to right, ${COLORS.critical_200} 50%, ${COLORS.critical_500} 50%) left;\n    background-size: 200% 100%;\n  }\n`;\n\nconst Container = styled.div<{ animation: { duration: string; bezier: string; transform: string; keyframes: any }; withLoader: boolean; withClose: boolean }>`\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n  border-radius: 4px;\n\n  animation: ${(props) => props.animation.keyframes} ${(props) => props.animation.duration} ${(props) => props.animation.bezier};\n  transform: ${(props) => props.animation.transform};\n\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  padding: 0 ${(props) => (props.withClose ? '0' : '16px')} ${(props) => (props.withLoader ? '4px' : '0')} 16px;\n\n  margin-bottom: 8px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  justify-content: left;\n\n  position: relative;\n\n  width: max-content;\n  min-height: 48px;\n  box-sizing: border-box;\n\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.white)}\n\n  & a {\n    display: inline;\n    ${HyperLinkInvertedStyling}\n  }\n\n  &.${ToastColor[ToastColor.BLACK]} {\n    background-color: ${COLORS.neutral_800};\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    background-color: ${COLORS.white};\n    color: ${COLORS.black};\n\n    & a {\n      ${HyperLinkDefaultStyling}\n    }\n  }\n\n  &.${ToastColor[ToastColor.BLUE]} {\n    background-color: ${COLORS.accent1_600};\n  }\n\n  &.${ToastColor[ToastColor.GREEN]} {\n    background-color: ${COLORS.correct_500};\n  }\n\n  &.${ToastColor[ToastColor.ORANGE]} {\n    background-color: ${COLORS.warning_500};\n  }\n\n  &.${ToastColor[ToastColor.RED]} {\n    background-color: ${COLORS.critical_500};\n  }\n`;\n\nconst ActionButtons = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n\n  & .action {\n    height: unset;\n  }\n`;\n\nconst CloseButton = styled.div`\n  & > button {\n    margin-left: 16px;\n\n    & svg {\n      padding: 0;\n    }\n  }\n\n  button svg path{\n    fill: ${COLORS.white} !important;\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    button svg path {\n      fill: ${COLORS.neutral_600} !important;\n    }\n  }\n`;\n\nconst TextContainer = styled.span`\n  font-feature-settings: 'liga' off;\n  width: 240px;\n  display: flex;\n  padding: 16px 0;\n`;\n\nconst IconContainer = styled.span`\n  margin-right: -8px;\n`;\n\nexport type ToastOptions = {\n  color?: ToastColor;\n  autoClose?: boolean;\n  delay?: number;\n  showCloseButton?: boolean;\n  action?: {\n    label: string;\n    handler: () => void;\n    type?: ToastActionType;\n  }[];\n  position: ToastPosition;\n  enterFrom?: ToastEntryDirection;\n  icon?: React.ReactNode;\n};\n\ntype Props = {\n  remove?: any;\n  content: any;\n  options?: ToastOptions;\n  testId?: string;\n};\n\nconst DEFAULT_OPTIONS: ToastOptions = {\n  color: ToastColor.BLACK,\n  autoClose: true,\n  delay: 5000,\n  showCloseButton: false,\n  position: ToastPosition.TOPLEFT,\n  enterFrom: ToastEntryDirection.TOP,\n};\n\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\n\n  if(!remove)\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\n\n  const removeRef = React.useRef();\n  removeRef.current = remove;\n\n  const elementRef = React.useRef<any>(null);\n\n  const [shouldRemove, setShouldRemove] = React.useState(false);\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\n\n  const opts = { ...DEFAULT_OPTIONS, ...options };\n\n  React.useEffect(() => {\n    if (opts?.autoClose) {\n      // @ts-ignore\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\n      return () => clearTimeout(id);\n    }\n    return undefined;\n  }, []);\n\n  React.useEffect(() => {\n    if (shouldRemove) {\n      // @ts-ignore\n      const id = setTimeout(() => removeRef.current(), 200);\n      return () => clearTimeout(id);\n    }\n  }, [shouldRemove]);\n\n  React.useEffect(() => {\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\n  }, []);\n\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\n\n  const fromY = dimensions.height * direction.fromHeight;\n  const toY = dimensions.height * direction.toHeight;\n  const fromX = dimensions.width * direction.fromWidth;\n  const toX = dimensions.width * direction.toWidth;\n\n  let prop = {\n    duration: animation.duration,\n    bezier: animation.bezier,\n    transform: `translateY(${toY}) translateX(${toX})`,\n    keyframes: keyframes`\n        0% {\n          transform: translateY(${fromY}px) translateX(${fromX}px);\n        }\n        100% {\n          transform: translateY(${toY}px) translateX(${toX}px);\n        }`,\n  };\n\n  if (!dimensions.height) {\n    prop = {\n      ...prop,\n      ...{\n        transform: 'translateY(-1000vh) translateX(-1000vw)',\n        keyframes: keyframes``,\n      },\n    };\n  }\n\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\n\n  if (!shouldRemove){\n    setTimeout(() => elementRef?.current?.focus());\n  }\n\n  return (\n    <Container data-testid={testId}\n               animation={prop}\n               ref={elementRef}\n               withLoader={!!opts.autoClose}\n               className={theme}\n               withClose={!!opts.showCloseButton}\n               tabIndex={-1}>\n      {opts.icon && <IconContainer>{opts.icon}</IconContainer>}\n      <TextContainer className={'description'}>{content}</TextContainer>\n      {opts.action && (\n        <ActionButtons>\n          {opts.action.map((action, i) => (\n            <Button\n              size={Size.Small}\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\n              colorTheme={opts.color !== ToastColor.WHITE ? 'dark' : 'teal'}\n              invertFocus={opts.color === ToastColor.BLACK}\n              key={i}\n              onClick={() => {\n                setShouldRemove(true);\n                action.handler();\n              }}\n              className={'action'}>\n              {action.label}\n            </Button>\n          ))}\n        </ActionButtons>\n      )}\n      {opts.showCloseButton && (\n        <CloseButton className={`close-button ${theme}`}>\n          <IconButton variant={'secondary'}\n                      shape=\"circular\"\n                      useTransparentBackground={true}\n                      invertFocus={opts.color === ToastColor.BLACK}\n                      action={(event) => setShouldRemove(true)}>\n            <Close size=\"24px\" color={COLORS.neutral_600} />\n          </IconButton>\n        </CloseButton>\n      )}\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} duration={opts.delay ?? 0} />}\n    </Container>\n  );\n};\n\nexport default Toast;\n\nconst animations = {\n  enter: {\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\n    duration: '300ms',\n    [ToastEntryDirection.TOP]: {\n      fromHeight: -1,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.BOTTOM]: {\n      fromHeight: 1,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.LEFT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: -1,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.RIGHT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 1,\n      toWidth: 0,\n    },\n  },\n  leave: {\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\n    duration: '205ms',\n    [ToastEntryDirection.TOP]: {\n      fromHeight: 0,\n      toHeight: -1,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.BOTTOM]: {\n      fromHeight: 0,\n      toHeight: 1,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.LEFT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: -1,\n    },\n    [ToastEntryDirection.RIGHT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 1,\n    },\n  },\n};\n"],"file":"Toast.js"}
+{"version":3,"file":"Toast.js","names":["React","styled","keyframes","ToastActionType","ToastColor","ToastEntryDirection","ToastPosition","BOXSHADOWS","COLORS","Close","Size","Button","IconButton","ComponentSStyling","ComponentTextStyle","HyperLinkDefaultStyling","HyperLinkInvertedStyling","LoaderAnimationKeyframes","Loader","div","props","duration","BLACK","neutral_200","neutral_800","WHITE","neutral_400","white","BLUE","accent1_200","accent1_600","GREEN","correct_200","correct_500","ORANGE","warning_200","warning_500","RED","critical_200","critical_500","Container","BOXSHADOW_L2","animation","bezier","transform","withClose","withLoader","Regular","black","ActionButtons","CloseButton","neutral_600","TextContainer","span","IconContainer","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","TOPLEFT","enterFrom","TOP","Toast","content","remove","options","testId","Error","removeRef","useRef","current","elementRef","useState","shouldRemove","setShouldRemove","width","height","dimensions","setDimensions","opts","useEffect","id","setTimeout","clearTimeout","undefined","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","theme","focus","icon","action","map","i","Small","type","SECONDARY","handler","label","event","enter","BOTTOM","LEFT","RIGHT","leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\nimport { BOXSHADOWS, COLORS} from '../styles';\nimport { Close } from '../icons/systemicons/SystemIcons';\nimport { Size } from '../types' \nimport { Button, IconButton } from '../Button';\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\n\nconst LoaderAnimationKeyframes = keyframes`\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n`;\n\nconst Loader = styled.div<{ duration: number }>`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 4px;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\n\n  &.${ToastColor[ToastColor.BLACK]} {\n    background: linear-gradient(to right, ${COLORS.neutral_200} 50%, ${COLORS.neutral_800} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    background: linear-gradient(to right, ${COLORS.neutral_400} 50%, ${COLORS.white} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.BLUE]} {\n    background: linear-gradient(to right, ${COLORS.accent1_200} 50%, ${COLORS.accent1_600} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.GREEN]} {\n    background: linear-gradient(to right, ${COLORS.correct_200} 50%, ${COLORS.correct_500} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.ORANGE]} {\n    background: linear-gradient(to right, ${COLORS.warning_200} 50%, ${COLORS.warning_500} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.RED]} {\n    background: linear-gradient(to right, ${COLORS.critical_200} 50%, ${COLORS.critical_500} 50%) left;\n    background-size: 200% 100%;\n  }\n`;\n\nconst Container = styled.div<{ animation: { duration: string; bezier: string; transform: string; keyframes: any }; withLoader: boolean; withClose: boolean }>`\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\n  border-radius: 4px;\n\n  animation: ${(props) => props.animation.keyframes} ${(props) => props.animation.duration} ${(props) => props.animation.bezier};\n  transform: ${(props) => props.animation.transform};\n\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  padding: 0 ${(props) => (props.withClose ? '0' : '16px')} ${(props) => (props.withLoader ? '4px' : '0')} 16px;\n\n  margin-bottom: 8px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  justify-content: left;\n\n  position: relative;\n\n  width: max-content;\n  min-height: 48px;\n  box-sizing: border-box;\n\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.white)}\n\n  & a {\n    display: inline;\n    ${HyperLinkInvertedStyling}\n  }\n\n  &.${ToastColor[ToastColor.BLACK]} {\n    background-color: ${COLORS.neutral_800};\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    background-color: ${COLORS.white};\n    color: ${COLORS.black};\n\n    & a {\n      ${HyperLinkDefaultStyling}\n    }\n  }\n\n  &.${ToastColor[ToastColor.BLUE]} {\n    background-color: ${COLORS.accent1_600};\n  }\n\n  &.${ToastColor[ToastColor.GREEN]} {\n    background-color: ${COLORS.correct_500};\n  }\n\n  &.${ToastColor[ToastColor.ORANGE]} {\n    background-color: ${COLORS.warning_500};\n  }\n\n  &.${ToastColor[ToastColor.RED]} {\n    background-color: ${COLORS.critical_500};\n  }\n`;\n\nconst ActionButtons = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n\n  & .action {\n    height: unset;\n  }\n`;\n\nconst CloseButton = styled.div`\n  & > button {\n    margin-left: 16px;\n\n    & svg {\n      padding: 0;\n    }\n  }\n\n  button svg path{\n    fill: ${COLORS.white} !important;\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    button svg path {\n      fill: ${COLORS.neutral_600} !important;\n    }\n  }\n`;\n\nconst TextContainer = styled.span`\n  font-feature-settings: 'liga' off;\n  width: 240px;\n  display: flex;\n  padding: 16px 0;\n`;\n\nconst IconContainer = styled.span`\n  margin-right: -8px;\n`;\n\nexport type ToastOptions = {\n  color?: ToastColor;\n  autoClose?: boolean;\n  delay?: number;\n  showCloseButton?: boolean;\n  action?: {\n    label: string;\n    handler: () => void;\n    type?: ToastActionType;\n  }[];\n  position: ToastPosition;\n  enterFrom?: ToastEntryDirection;\n  icon?: React.ReactNode;\n};\n\ntype Props = {\n  remove?: any;\n  content: any;\n  options?: ToastOptions;\n  testId?: string;\n};\n\nconst DEFAULT_OPTIONS: ToastOptions = {\n  color: ToastColor.BLACK,\n  autoClose: true,\n  delay: 5000,\n  showCloseButton: false,\n  position: ToastPosition.TOPLEFT,\n  enterFrom: ToastEntryDirection.TOP,\n};\n\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\n\n  if(!remove)\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\n\n  const removeRef = React.useRef();\n  removeRef.current = remove;\n\n  const elementRef = React.useRef<any>(null);\n\n  const [shouldRemove, setShouldRemove] = React.useState(false);\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\n\n  const opts = { ...DEFAULT_OPTIONS, ...options };\n\n  React.useEffect(() => {\n    if (opts?.autoClose) {\n      // @ts-ignore\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\n      return () => clearTimeout(id);\n    }\n    return undefined;\n  }, []);\n\n  React.useEffect(() => {\n    if (shouldRemove) {\n      // @ts-ignore\n      const id = setTimeout(() => removeRef.current(), 200);\n      return () => clearTimeout(id);\n    }\n  }, [shouldRemove]);\n\n  React.useEffect(() => {\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\n  }, []);\n\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\n\n  const fromY = dimensions.height * direction.fromHeight;\n  const toY = dimensions.height * direction.toHeight;\n  const fromX = dimensions.width * direction.fromWidth;\n  const toX = dimensions.width * direction.toWidth;\n\n  let prop = {\n    duration: animation.duration,\n    bezier: animation.bezier,\n    transform: `translateY(${toY}) translateX(${toX})`,\n    keyframes: keyframes`\n        0% {\n          transform: translateY(${fromY}px) translateX(${fromX}px);\n        }\n        100% {\n          transform: translateY(${toY}px) translateX(${toX}px);\n        }`,\n  };\n\n  if (!dimensions.height) {\n    prop = {\n      ...prop,\n      ...{\n        transform: 'translateY(-1000vh) translateX(-1000vw)',\n        keyframes: keyframes``,\n      },\n    };\n  }\n\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\n\n  if (!shouldRemove){\n    setTimeout(() => elementRef?.current?.focus());\n  }\n\n  return (\n    <Container data-testid={testId}\n               animation={prop}\n               ref={elementRef}\n               withLoader={!!opts.autoClose}\n               className={theme}\n               withClose={!!opts.showCloseButton}\n               tabIndex={-1}>\n      {opts.icon && <IconContainer>{opts.icon}</IconContainer>}\n      <TextContainer className={'description'}>{content}</TextContainer>\n      {opts.action && (\n        <ActionButtons>\n          {opts.action.map((action, i) => (\n            <Button\n              size={Size.Small}\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\n              colorTheme={opts.color !== ToastColor.WHITE ? 'dark' : 'teal'}\n              invertFocus={opts.color === ToastColor.BLACK}\n              key={i}\n              onClick={() => {\n                setShouldRemove(true);\n                action.handler();\n              }}\n              className={'action'}>\n              {action.label}\n            </Button>\n          ))}\n        </ActionButtons>\n      )}\n      {opts.showCloseButton && (\n        <CloseButton className={`close-button ${theme}`}>\n          <IconButton variant={'secondary'}\n                      shape=\"circular\"\n                      useTransparentBackground={true}\n                      invertFocus={opts.color === ToastColor.BLACK}\n                      action={(event) => setShouldRemove(true)}>\n            <Close size=\"24px\" color={COLORS.neutral_600} />\n          </IconButton>\n        </CloseButton>\n      )}\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} duration={opts.delay ?? 0} />}\n    </Container>\n  );\n};\n\nexport default Toast;\n\nconst animations = {\n  enter: {\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\n    duration: '300ms',\n    [ToastEntryDirection.TOP]: {\n      fromHeight: -1,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.BOTTOM]: {\n      fromHeight: 1,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.LEFT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: -1,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.RIGHT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 1,\n      toWidth: 0,\n    },\n  },\n  leave: {\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\n    duration: '205ms',\n    [ToastEntryDirection.TOP]: {\n      fromHeight: 0,\n      toHeight: -1,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.BOTTOM]: {\n      fromHeight: 0,\n      toHeight: 1,\n      fromWidth: 0,\n      toWidth: 0,\n    },\n    [ToastEntryDirection.LEFT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: -1,\n    },\n    [ToastEntryDirection.RIGHT]: {\n      fromHeight: 0,\n      toHeight: 0,\n      fromWidth: 0,\n      toWidth: 1,\n    },\n  },\n};\n"],"mappings":"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"}

package/dist/Toasters/ToastContext.cjs

@@ -38,9 +38,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /*export const ToastContext = React.createContext<ToasterValueProps>(null);*/
 var ToastContext = /*#__PURE__*/React.createContext({});

package/dist/Toasters/ToastContext.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Toasters/ToastContext.tsx"],"names":["ToastContext","React","createContext","ToastBucket","styled","div","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\ntype ProviderProps = {\n  children?: any;\n};\n\ninterface toast {\n  options: ToastOptions;\n  id: string;\n  content: any;\n}\ntype ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEXES.toast};\n  display: flex;\n  flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n  top: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n  top: 16px;\n  right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n  bottom: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n  bottom: 16px;\n  right: 5%;\n`;\n\nexport const ToastProvider: React.FC = ({ children }: ProviderProps) => {\n  const [toasts, setToasts] = React.useState<toast[]>([]);\n\n  const add = (content: any, options: ToastOptions) => {\n    const id = createUUID();\n    setToasts(prev => [...prev, { id, content, options }]);\n  };\n\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n  const functions = React.useMemo(() => {\n    return { addToast: add, removeToast: remove };\n  }, [toasts]);\n\n  return (\n    <ToastContext.Provider value={{ toasts, ...functions }}>\n      <ToastBucketTopLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopLeft>\n      <ToastBucketTopMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopMiddle>\n      <ToastBucketTopRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopRight>\n      <ToastBucketBottomLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomLeft>\n      <ToastBucketBottomMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomMiddle>\n      <ToastBucketBottomRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomRight>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast() {\n  const { addToast } = React.useContext(ToastContext);\n  return {\n    addToast,\n  };\n}\n"],"file":"ToastContext.cjs"}
+{"version":3,"file":"ToastContext.cjs","names":["ToastContext","React","createContext","ToastBucket","styled","div","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","useState","toasts","setToasts","add","content","options","id","createUUID","prev","remove","filter","t","functions","useMemo","addToast","removeToast","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","useToast","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { createUUID } from '../Services/functions';\nimport Toast, { ToastOptions } from './Toast';\nimport { ToastPosition } from '../types';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\ntype ProviderProps = {\n  children?: any;\n};\n\ninterface toast {\n  options: ToastOptions;\n  id: string;\n  content: any;\n}\ntype ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\n\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\n\nexport const ToastContext = React.createContext({} as ToasterValueProps);\n\nconst ToastBucket = styled.div`\n  position: fixed;\n  z-index: ${Z_INDEXES.toast};\n  display: flex;\n  flex-direction: column-reverse;\n`;\n\nconst ToastBucketTopLeft = styled(ToastBucket)`\n  top: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketTopMiddle = styled(ToastBucket)`\n  top: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketTopRight = styled(ToastBucket)`\n  top: 16px;\n  right: 5%;\n`;\n\nconst ToastBucketBottomLeft = styled(ToastBucket)`\n  bottom: 16px;\n  left: 5%;\n`;\n\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n`;\n\nconst ToastBucketBottomRight = styled(ToastBucket)`\n  bottom: 16px;\n  right: 5%;\n`;\n\nexport const ToastProvider: React.FC = ({ children }: ProviderProps) => {\n  const [toasts, setToasts] = React.useState<toast[]>([]);\n\n  const add = (content: any, options: ToastOptions) => {\n    const id = createUUID();\n    setToasts(prev => [...prev, { id, content, options }]);\n  };\n\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\n\n  const functions = React.useMemo(() => {\n    return { addToast: add, removeToast: remove };\n  }, [toasts]);\n\n  return (\n    <ToastContext.Provider value={{ toasts, ...functions }}>\n      <ToastBucketTopLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopLeft>\n      <ToastBucketTopMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopMiddle>\n      <ToastBucketTopRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketTopRight>\n      <ToastBucketBottomLeft>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomLeft>\n      <ToastBucketBottomMiddle>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomMiddle>\n      <ToastBucketBottomRight>\n        {toasts\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\n          .map(t => (\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\n          ))}\n      </ToastBucketBottomRight>\n      {children}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast() {\n  const { addToast } = React.useContext(ToastContext);\n  return {\n    addToast,\n  };\n}\n"],"mappings":"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"}

package/dist/Toasters/ToastContext.js

@@ -5,9 +5,9 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import * as React from 'react';
 import styled from 'styled-components';