@laerdal/life-react-components 5.0.6-dev.2 → 5.0.6

package/dist/Toasters/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["React","styled","keyframes","useTheme","ToastActionType","ToastColor","ToastEntryDirection","ToastPosition","BOXSHADOWS","COLORS","Size","Button","IconButton","ComponentSStyling","ComponentTextStyle","HyperLinkDefaultStyling","HyperLinkInvertedStyling","SystemIcons","jsx","_jsx","jsxs","_jsxs","LoaderAnimationKeyframes","_templateObject","_taggedTemplateLiteral","Loader","div","_templateObject2","props","$duration","BLACK","getColor","theme","WHITE","BLUE","GREEN","ORANGE","RED","ToastContainer","_templateObject3","BOXSHADOW_L2","animation","$keyframes","$bezier","$transform","$withClose","$withLoader","Regular","ToastActionButtons","_templateObject4","ToastCloseButton","_templateObject5","ToastTextContainer","span","_templateObject6","ToastIconContainer","_templateObject7","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","TOPLEFT","enterFrom","TOP","Toast","_ref","_opts$enterFrom","_opts$color","_opts$delay","content","remove","_ref$options","options","testId","Error","styledTheme","removeRef","useRef","current","elementRef","_React$useState","useState","_React$useState2","_slicedToArray","shouldRemove","setShouldRemove","_React$useState3","width","height","_React$useState4","dimensions","setDimensions","opts","_objectSpread","useEffect","id","setTimeout","clearTimeout","undefined","_elementRef$current","_elementRef$current2","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","duration","bezier","concat","_templateObject8","_templateObject9","_elementRef$current3","focus","ref","className","tabIndex","children","icon","action","map","i","size","Small","variant","type","SECONDARY","colorTheme","invertFocus","onClick","handler","label","shape","useTransparentBackground","event","Close","propTypes","_pt","any","isRequired","bool","number","arrayOf","string","func","node","enter","_enter","_defineProperty","BOTTOM","LEFT","RIGHT","leave","_leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes, useTheme } from 'styled-components';\r\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\r\nimport { BOXSHADOWS, COLORS} from '../styles';\r\nimport { Size } from '../types'\r\nimport { Button, IconButton } from '../Button';\r\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoaderAnimationKeyframes = keyframes`\r\n  0% {\r\n    background-position: right;\r\n  }\r\n  100% {\r\n    background-position: left;\r\n  }\r\n`;\r\n\r\nconst Loader = styled.div<{ $duration: number }>`\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  border-bottom-left-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n\r\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.$duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_200', props.theme)} 50%, ${props => COLORS.getColor('neutral_800', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_400', props.theme)} 50%, ${props => COLORS.getColor('white', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('accent1_200', props.theme)} 50%, ${props => COLORS.getColor('accent1_600', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('correct_200', props.theme)} 50%, ${props => COLORS.getColor('correct_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('warning_200', props.theme)} 50%, ${props => COLORS.getColor('warning_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('critical_200', props.theme)} 50%, ${props => COLORS.getColor('critical_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n`;\r\n\r\nexport const ToastContainer = styled.div<{ animation: { $duration: string; $bezier: string; $transform: string; $keyframes: any }; $withLoader: boolean; $withClose: boolean }>`\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  border-radius: 4px;\r\n\r\n  animation: ${(props) => props.animation.$keyframes} ${(props) => props.animation.$duration} ${(props) => props.animation.$bezier};\r\n  transform: ${(props) => props.animation.$transform};\r\n\r\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\r\n\r\n  padding: 0 ${(props) => (props.$withClose ? '0' : '16px')} ${(props) => (props.$withLoader ? '4px' : '0')} 16px;\r\n\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  justify-content: left;\r\n\r\n  position: relative;\r\n\r\n  width: max-content;\r\n  min-height: 48px;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n\r\n  & a {\r\n    display: inline;\r\n    ${HyperLinkInvertedStyling}\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n    & a {\r\n      ${HyperLinkDefaultStyling}\r\n    }\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background-color: ${props => COLORS.getColor('correct_500', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background-color: ${props => COLORS.getColor('warning_500', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ToastActionButtons = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 8px;\r\n  align-items: center;\r\n\r\n  & .action {\r\n    height: unset;\r\n  }\r\n`;\r\n\r\nexport const ToastCloseButton = styled.div`\r\n  & > button {\r\n    margin-left: 16px;\r\n\r\n    & svg {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  button svg path{\r\n    fill: ${props => COLORS.getColor('white', props.theme)} !important;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    button svg path {\r\n      fill: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ToastTextContainer = styled.span`\r\n  font-feature-settings: 'liga' off;\r\n  width: 240px;\r\n  display: flex;\r\n  padding: 16px 0;\r\n`;\r\n\r\nexport const ToastIconContainer = styled.span`\r\n  margin-right: -8px;\r\n`;\r\n\r\nexport type ToastOptions = {\r\n  /** Optional. Color of the toast. Defaults to 'BLACK' */\r\n  color?: ToastColor;\r\n  /** Optional. If set Toast will automatically close after delay. Defaults to 'true' */\r\n  autoClose?: boolean;\r\n  /** Optional. Delay after which toast will disappear in milliseconds. Defaults to '5000' */\r\n  delay?: number;\r\n  /** Optional. If set then Close button will be shown on the right side of the Toast. Defaults to 'false' */\r\n  showCloseButton?: boolean;\r\n\r\n  /** Optional. Custom action to be available in the Toast, will be shown on the right side of the Toast. */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n    type?: ToastActionType;\r\n  }[];\r\n  /** Required. Position on the screen at which Toast will be shown */\r\n  position: ToastPosition;\r\n  /** Optional. From which side of the screen appearance animation will start. Defaults to 'TOP' */\r\n  enterFrom?: ToastEntryDirection;\r\n  /** Optional. Icon that will be shown on the left side of the Toast */\r\n  icon?: React.ReactNode;\r\n};\r\n\r\ntype Props = {\r\n  remove?: any;\r\n  content: any;\r\n  options?: ToastOptions;\r\n  testId?: string;\r\n};\r\n\r\nconst DEFAULT_OPTIONS: ToastOptions = {\r\n  color: ToastColor.BLACK,\r\n  autoClose: true,\r\n  delay: 5000,\r\n  showCloseButton: false,\r\n  position: ToastPosition.TOPLEFT,\r\n  enterFrom: ToastEntryDirection.TOP,\r\n};\r\n\r\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\r\n\r\n  \r\n\r\n  if(!remove)\r\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\r\n\r\n  const styledTheme = useTheme();\r\n\r\n  const removeRef = React.useRef();\r\n  removeRef.current = remove;\r\n\r\n  const elementRef = React.useRef<any>(null);\r\n\r\n  const [shouldRemove, setShouldRemove] = React.useState(false);\r\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\r\n\r\n  const opts = { ...DEFAULT_OPTIONS, ...options };\r\n\r\n  React.useEffect(() => {\r\n    if (opts?.autoClose) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\r\n      return () => clearTimeout(id);\r\n    }\r\n    return undefined;\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (shouldRemove) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => removeRef.current(), 200);\r\n      return () => clearTimeout(id);\r\n    }\r\n  }, [shouldRemove]);\r\n\r\n  React.useEffect(() => {\r\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\r\n  }, []);\r\n\r\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\r\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\r\n\r\n  const fromY = dimensions.height * direction.fromHeight;\r\n  const toY = dimensions.height * direction.toHeight;\r\n  const fromX = dimensions.width * direction.fromWidth;\r\n  const toX = dimensions.width * direction.toWidth;\r\n\r\n  let prop = {\r\n    $duration: animation.duration,\r\n    $bezier: animation.bezier,\r\n    $transform: `translateY(${toY}) translateX(${toX})`,\r\n    $keyframes: keyframes`\r\n        0% {\r\n          transform: translateY(${fromY}px) translateX(${fromX}px);\r\n        }\r\n        100% {\r\n          transform: translateY(${toY}px) translateX(${toX}px);\r\n        }`,\r\n  };\r\n\r\n  if (!dimensions.height) {\r\n    prop = {\r\n      ...prop,\r\n      ...{\r\n        $transform: 'translateY(-1000vh) translateX(-1000vw)',\r\n        $keyframes: keyframes``,\r\n      },\r\n    };\r\n  }\r\n\r\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\r\n\r\n  if (!shouldRemove){\r\n    setTimeout(() => elementRef?.current?.focus());\r\n  }\r\n\r\n  return (\r\n    <ToastContainer data-testid={testId}\r\n               animation={prop}\r\n               ref={elementRef}\r\n               $withLoader={!!opts.autoClose}\r\n               className={theme}\r\n               $withClose={!!opts.showCloseButton}\r\n               tabIndex={-1}>\r\n      {opts.icon && <ToastIconContainer>{opts.icon}</ToastIconContainer>}\r\n      <ToastTextContainer className={'description'}>{content}</ToastTextContainer>\r\n      {opts.action && (\r\n        <ToastActionButtons>\r\n          {opts.action.map((action, i) => (\r\n            <Button\r\n              size={Size.Small}\r\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\r\n              colorTheme={opts.color !== ToastColor.WHITE ? 'dark' : 'teal'}\r\n              invertFocus={opts.color === ToastColor.BLACK}\r\n              key={i}\r\n              onClick={() => {\r\n                setShouldRemove(true);\r\n                action.handler();\r\n              }}\r\n              className={'action'}>\r\n              {action.label}\r\n            </Button>\r\n          ))}\r\n        </ToastActionButtons>\r\n      )}\r\n      {opts.showCloseButton && (\r\n        <ToastCloseButton className={`close-button ${theme}`}>\r\n          <IconButton variant={'secondary'}\r\n                      shape=\"circular\"\r\n                      useTransparentBackground={true}\r\n                      invertFocus={opts.color === ToastColor.BLACK}\r\n                      action={(event) => setShouldRemove(true)}>\r\n            <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', styledTheme)} />\r\n          </IconButton>\r\n        </ToastCloseButton>\r\n      )}\r\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} $duration={opts.delay ?? 0} />}\r\n    </ToastContainer>\r\n  );\r\n};\r\n\r\nexport default Toast;\r\n\r\nconst animations = {\r\n  enter: {\r\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\r\n    duration: '300ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: -1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: -1,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 1,\r\n      toWidth: 0,\r\n    },\r\n  },\r\n  leave: {\r\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\r\n    duration: '205ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: 0,\r\n      toHeight: -1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 0,\r\n      toHeight: 1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: -1,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 1,\r\n    },\r\n  },\r\n};\r\n"],"mappings":";;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,mBAAmB;AAC/D,SAASC,eAAe,EAAEC,UAAU,EAAEC,mBAAmB,EAAEC,aAAa,QAAQ,UAAU;AAC1F,SAASC,UAAU,EAAEC,MAAM,QAAO,WAAW;AAC7C,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,MAAM,EAAEC,UAAU,QAAQ,WAAW;AAC9C,SAASC,iBAAiB,EAAEC,kBAAkB,QAAQ,WAAW;AACjE,SAAQC,uBAAuB,EAAEC,wBAAwB,QAAO,cAAc;AAC9E,SAASC,WAAW,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEvC,IAAMC,wBAAwB,GAAGpB,SAAS,CAAAqB,eAAA,KAAAA,eAAA,GAAAC,sBAAA,uGAOzC;AAED,IAAMC,MAAM,GAAGxB,MAAM,CAACyB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,w7BASVF,wBAAwB,EAAI,UAACM,KAAK;EAAA,OAAKA,KAAK,CAACC,SAAS;AAAA,GAE/DxB,UAAU,CAACA,UAAU,CAACyB,KAAK,CAAC,EACU,UAAAF,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAAS,UAAAJ,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAIvJ3B,UAAU,CAACA,UAAU,CAAC4B,KAAK,CAAC,EACU,UAAAL,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAAS,UAAAJ,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAIjJ3B,UAAU,CAACA,UAAU,CAAC6B,IAAI,CAAC,EACW,UAAAN,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAAS,UAAAJ,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAIvJ3B,UAAU,CAACA,UAAU,CAAC8B,KAAK,CAAC,EACU,UAAAP,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAAS,UAAAJ,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAIvJ3B,UAAU,CAACA,UAAU,CAAC+B,MAAM,CAAC,EACS,UAAAR,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAAS,UAAAJ,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAIvJ3B,UAAU,CAACA,UAAU,CAACgC,GAAG,CAAC,EACY,UAAAT,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAAS,UAAAJ,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,EAG9J;AAED,OAAO,IAAMM,cAAc,GAAGrC,MAAM,CAACyB,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAf,sBAAA,kyBACxBhB,UAAU,CAACgC,YAAY,EAGxB,UAACZ,KAAK;EAAA,OAAKA,KAAK,CAACa,SAAS,CAACC,UAAU;AAAA,GAAI,UAACd,KAAK;EAAA,OAAKA,KAAK,CAACa,SAAS,CAACZ,SAAS;AAAA,GAAI,UAACD,KAAK;EAAA,OAAKA,KAAK,CAACa,SAAS,CAACE,OAAO;AAAA,GACnH,UAACf,KAAK;EAAA,OAAKA,KAAK,CAACa,SAAS,CAACG,UAAU;AAAA,GAIrC,UAAChB,KAAK;EAAA,OAAMA,KAAK,CAACiB,UAAU,GAAG,GAAG,GAAG,MAAM;AAAA,CAAC,EAAI,UAACjB,KAAK;EAAA,OAAMA,KAAK,CAACkB,WAAW,GAAG,KAAK,GAAG,GAAG;AAAA,CAAC,EAcvG,UAAAlB,KAAK;EAAA,OAAIf,iBAAiB,CAACC,kBAAkB,CAACiC,OAAO,EAAEtC,MAAM,CAACsB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC,CAAC;AAAA,GAI3FhB,wBAAwB,EAGxBX,UAAU,CAACA,UAAU,CAACyB,KAAK,CAAC,EACV,UAAAF,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAGtE3B,UAAU,CAACA,UAAU,CAAC4B,KAAK,CAAC,EACV,UAAAL,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GACzD,UAAAJ,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAGnDjB,uBAAuB,EAIzBV,UAAU,CAACA,UAAU,CAAC6B,IAAI,CAAC,EACT,UAAAN,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAGtE3B,UAAU,CAACA,UAAU,CAAC8B,KAAK,CAAC,EACV,UAAAP,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAGtE3B,UAAU,CAACA,UAAU,CAAC+B,MAAM,CAAC,EACX,UAAAR,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAGtE3B,UAAU,CAACA,UAAU,CAACgC,GAAG,CAAC,EACR,UAAAT,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,cAAc,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,EAE5E;AAED,OAAO,IAAMgB,kBAAkB,GAAG/C,MAAM,CAACyB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAzB,sBAAA,mIAS3C;AAED,OAAO,IAAM0B,gBAAgB,GAAGjD,MAAM,CAACyB,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAA3B,sBAAA,uOAU9B,UAAAI,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,GAGpD3B,UAAU,CAACA,UAAU,CAAC4B,KAAK,CAAC,EAEpB,UAAAL,KAAK;EAAA,OAAInB,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAEH,KAAK,CAACI,KAAK,CAAC;AAAA,EAGjE;AAED,OAAO,IAAMoB,kBAAkB,GAAGnD,MAAM,CAACoD,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAA9B,sBAAA,uGAK5C;AAED,OAAO,IAAM+B,kBAAkB,GAAGtD,MAAM,CAACoD,IAAI,CAAAG,gBAAA,KAAAA,gBAAA,GAAAhC,sBAAA,iCAE5C;AAiCD,IAAMiC,eAA6B,GAAG;EACpCC,KAAK,EAAErD,UAAU,CAACyB,KAAK;EACvB6B,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,IAAI;EACXC,eAAe,EAAE,KAAK;EACtBC,QAAQ,EAAEvD,aAAa,CAACwD,OAAO;EAC/BC,SAAS,EAAE1D,mBAAmB,CAAC2D;AACjC,CAAC;AAED,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAsE;EAAA,IAAAC,eAAA,EAAAC,WAAA,EAAAC,WAAA;EAAA,IAAhEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAAC,YAAA,GAAAN,IAAA,CAAEO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAGhB,eAAe,GAAAgB,YAAA;IAAEE,MAAM,GAAAR,IAAA,CAANQ,MAAM;EAIjE,IAAG,CAACH,MAAM,EACR,MAAM,IAAII,KAAK,CAAC,qIAAqI,CAAC;EAExJ,IAAMC,WAAW,GAAG1E,QAAQ,CAAC,CAAC;EAE9B,IAAM2E,SAAS,GAAG9E,KAAK,CAAC+E,MAAM,CAAC,CAAC;EAChCD,SAAS,CAACE,OAAO,GAAGR,MAAM;EAE1B,IAAMS,UAAU,GAAGjF,KAAK,CAAC+E,MAAM,CAAM,IAAI,CAAC;EAE1C,IAAAG,eAAA,GAAwClF,KAAK,CAACmF,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAtDI,YAAY,GAAAF,gBAAA;IAAEG,eAAe,GAAAH,gBAAA;EACpC,IAAAI,gBAAA,GAAoCxF,KAAK,CAACmF,QAAQ,CAAoC;MAAEM,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC,CAAC;IAAAC,gBAAA,GAAAN,cAAA,CAAAG,gBAAA;IAAvGI,UAAU,GAAAD,gBAAA;IAAEE,aAAa,GAAAF,gBAAA;EAEhC,IAAMG,IAAI,GAAAC,aAAA,CAAAA,aAAA,KAAQtC,eAAe,GAAKiB,OAAO,CAAE;EAE/C1E,KAAK,CAACgG,SAAS,CAAC,YAAM;IACpB,IAAIF,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEnC,SAAS,EAAE;MACnB;MACA,IAAMsC,EAAE,GAAGC,UAAU,CAAC;QAAA,OAAMX,eAAe,CAAC,IAAI,CAAC;MAAA,GAAEO,IAAI,CAAClC,KAAK,CAAC;MAC9D,OAAO;QAAA,OAAMuC,YAAY,CAACF,EAAE,CAAC;MAAA;IAC/B;IACA,OAAOG,SAAS;EAClB,CAAC,EAAE,EAAE,CAAC;EAENpG,KAAK,CAACgG,SAAS,CAAC,YAAM;IACpB,IAAIV,YAAY,EAAE;MAChB;MACA,IAAMW,EAAE,GAAGC,UAAU,CAAC;QAAA,OAAMpB,SAAS,CAACE,OAAO,CAAC,CAAC;MAAA,GAAE,GAAG,CAAC;MACrD,OAAO;QAAA,OAAMmB,YAAY,CAACF,EAAE,CAAC;MAAA;IAC/B;EACF,CAAC,EAAE,CAACX,YAAY,CAAC,CAAC;EAElBtF,KAAK,CAACgG,SAAS,CAAC,YAAM;IAAA,IAAAK,mBAAA,EAAAC,oBAAA;IACpBT,aAAa,CAAC;MAAEH,MAAM,GAAAW,mBAAA,GAAEpB,UAAU,CAACD,OAAO,cAAAqB,mBAAA,uBAAlBA,mBAAA,CAAoBE,YAAY;MAAEd,KAAK,GAAAa,oBAAA,GAAErB,UAAU,CAACD,OAAO,cAAAsB,oBAAA,uBAAlBA,oBAAA,CAAoBE;IAAY,CAAC,CAAC;EACrG,CAAC,EAAE,EAAE,CAAC;EAEN,IAAM/D,SAAS,GAAGgE,UAAU,CAACnB,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;EAC9D,IAAMoB,SAAS,GAAGjE,SAAS,EAAA2B,eAAA,GAAC0B,IAAI,CAAC9B,SAAS,cAAAI,eAAA,cAAAA,eAAA,GAAI9D,mBAAmB,CAAC2D,GAAG,CAAC;EAEtE,IAAM0C,KAAK,GAAGf,UAAU,CAACF,MAAM,GAAGgB,SAAS,CAACE,UAAU;EACtD,IAAMC,GAAG,GAAGjB,UAAU,CAACF,MAAM,GAAGgB,SAAS,CAACI,QAAQ;EAClD,IAAMC,KAAK,GAAGnB,UAAU,CAACH,KAAK,GAAGiB,SAAS,CAACM,SAAS;EACpD,IAAMC,GAAG,GAAGrB,UAAU,CAACH,KAAK,GAAGiB,SAAS,CAACQ,OAAO;EAEhD,IAAIC,IAAI,GAAG;IACTtF,SAAS,EAAEY,SAAS,CAAC2E,QAAQ;IAC7BzE,OAAO,EAAEF,SAAS,CAAC4E,MAAM;IACzBzE,UAAU,gBAAA0E,MAAA,CAAgBT,GAAG,mBAAAS,MAAA,CAAgBL,GAAG,MAAG;IACnDvE,UAAU,EAAExC,SAAS,CAAAqH,gBAAA,KAAAA,gBAAA,GAAA/F,sBAAA,uLAESmF,KAAK,EAAkBI,KAAK,EAG5BF,GAAG,EAAkBI,GAAG;EAExD,CAAC;EAED,IAAI,CAACrB,UAAU,CAACF,MAAM,EAAE;IACtByB,IAAI,GAAApB,aAAA,CAAAA,aAAA,KACCoB,IAAI,GACJ;MACDvE,UAAU,EAAE,yCAAyC;MACrDF,UAAU,EAAExC,SAAS,CAAAsH,gBAAA,KAAAA,gBAAA,GAAAhG,sBAAA;IACvB,CAAC,CACF;EACH;EAEA,IAAMQ,KAAK,GAAG3B,UAAU,EAAAgE,WAAA,GAACyB,IAAI,CAACpC,KAAK,cAAAW,WAAA,cAAAA,WAAA,GAAIhE,UAAU,CAACyB,KAAK,CAAC;EAExD,IAAI,CAACwD,YAAY,EAAC;IAChBY,UAAU,CAAC;MAAA,IAAAuB,oBAAA;MAAA,OAAMxC,UAAU,aAAVA,UAAU,wBAAAwC,oBAAA,GAAVxC,UAAU,CAAED,OAAO,cAAAyC,oBAAA,uBAAnBA,oBAAA,CAAqBC,KAAK,CAAC,CAAC;IAAA,EAAC;EAChD;EAEA,oBACErG,KAAA,CAACiB,cAAc;IAAC,eAAaqC,MAAO;IACzBlC,SAAS,EAAE0E,IAAK;IAChBQ,GAAG,EAAE1C,UAAW;IAChBnC,WAAW,EAAE,CAAC,CAACgD,IAAI,CAACnC,SAAU;IAC9BiE,SAAS,EAAE5F,KAAM;IACjBa,UAAU,EAAE,CAAC,CAACiD,IAAI,CAACjC,eAAgB;IACnCgE,QAAQ,EAAE,CAAC,CAAE;IAAAC,QAAA,GACrBhC,IAAI,CAACiC,IAAI,iBAAI5G,IAAA,CAACoC,kBAAkB;MAAAuE,QAAA,EAAEhC,IAAI,CAACiC;IAAI,CAAqB,CAAC,eAClE5G,IAAA,CAACiC,kBAAkB;MAACwE,SAAS,EAAE,aAAc;MAAAE,QAAA,EAAEvD;IAAO,CAAqB,CAAC,EAC3EuB,IAAI,CAACkC,MAAM,iBACV7G,IAAA,CAAC6B,kBAAkB;MAAA8E,QAAA,EAChBhC,IAAI,CAACkC,MAAM,CAACC,GAAG,CAAC,UAACD,MAAM,EAAEE,CAAC;QAAA,oBACzB/G,IAAA,CAACR,MAAM;UACLwH,IAAI,EAAEzH,IAAI,CAAC0H,KAAM;UACjBC,OAAO,EAAEL,MAAM,CAACM,IAAI,KAAKlI,eAAe,CAACmI,SAAS,GAAG,WAAW,GAAG,SAAU;UAC7EC,UAAU,EAAE1C,IAAI,CAACpC,KAAK,KAAKrD,UAAU,CAAC4B,KAAK,GAAG,MAAM,GAAG,MAAO;UAC9DwG,WAAW,EAAE3C,IAAI,CAACpC,KAAK,KAAKrD,UAAU,CAACyB,KAAM;UAE7C4G,OAAO,EAAE,SAAAA,QAAA,EAAM;YACbnD,eAAe,CAAC,IAAI,CAAC;YACrByC,MAAM,CAACW,OAAO,CAAC,CAAC;UAClB,CAAE;UACFf,SAAS,EAAE,QAAS;UAAAE,QAAA,EACnBE,MAAM,CAACY;QAAK,GANRV,CAOC,CAAC;MAAA,CACV;IAAC,CACgB,CACrB,EACApC,IAAI,CAACjC,eAAe,iBACnB1C,IAAA,CAAC+B,gBAAgB;MAAC0E,SAAS,kBAAAN,MAAA,CAAkBtF,KAAK,CAAG;MAAA8F,QAAA,eACnD3G,IAAA,CAACP,UAAU;QAACyH,OAAO,EAAE,WAAY;QACrBQ,KAAK,EAAC,UAAU;QAChBC,wBAAwB,EAAE,IAAK;QAC/BL,WAAW,EAAE3C,IAAI,CAACpC,KAAK,KAAKrD,UAAU,CAACyB,KAAM;QAC7CkG,MAAM,EAAE,SAAAA,OAACe,KAAK;UAAA,OAAKxD,eAAe,CAAC,IAAI,CAAC;QAAA,CAAC;QAAAuC,QAAA,eACnD3G,IAAA,CAACF,WAAW,CAAC+H,KAAK;UAACb,IAAI,EAAC,MAAM;UAACzE,KAAK,EAAEjD,MAAM,CAACsB,QAAQ,CAAC,aAAa,EAAE8C,WAAW;QAAE,CAAE;MAAC,CAC3E;IAAC,CACG,CACnB,EACA,CAAC,CAACiB,IAAI,CAACnC,SAAS,iBAAIxC,IAAA,CAACM,MAAM;MAACmG,SAAS,YAAAN,MAAA,CAAYtF,KAAK,CAAG;MAACH,SAAS,GAAAyC,WAAA,GAAEwB,IAAI,CAAClC,KAAK,cAAAU,WAAA,cAAAA,WAAA,GAAI;IAAE,CAAE,CAAC;EAAA,CAC3E,CAAC;AAErB,CAAC;AAACJ,KAAA,CAAA+E,SAAA;EAvIAzE,MAAM,EAAA0E,GAAA,CAAAC,GAAA;EACN5E,OAAO,EAAA2E,GAAA,CAAAC,GAAA,CAAAC,UAAA;EACP1E,OAAO,EAAAwE,GAAA,CAAAL,KAAA;IAvBPlF,SAAS,EAAAuF,GAAA,CAAAG,IAAA;IAETzF,KAAK,EAAAsF,GAAA,CAAAI,MAAA;IAELzF,eAAe,EAAAqF,GAAA,CAAAG,IAAA;IAGfrB,MAAM,EAAAkB,GAAA,CAAAK,OAAA,CAAAL,GAAA,CAAAL,KAAA;MACJD,KAAK,EAAAM,GAAA,CAAAM,MAAA,CAAAJ,UAAA;MACLT,OAAO,EAAAO,GAAA,CAAAO,IAAA,CAAAL;IAAA;IAQTrB,IAAI,EAAAmB,GAAA,CAAAQ;EAAA;EAOJ/E,MAAM,EAAAuE,GAAA,CAAAM;AAAA;AAsIR,eAAetF,KAAK;AAEpB,IAAMuC,UAAU,GAAG;EACjBkD,KAAK,GAAAC,MAAA;IACHvC,MAAM,EAAE,mCAAmC;IAC3CD,QAAQ,EAAE;EAAO,GAAAyC,eAAA,CAAAD,MAAA,EAChBtJ,mBAAmB,CAAC2D,GAAG,EAAG;IACzB2C,UAAU,EAAE,CAAC,CAAC;IACdE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,GAAA2C,eAAA,CAAAD,MAAA,EACAtJ,mBAAmB,CAACwJ,MAAM,EAAG;IAC5BlD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,GAAA2C,eAAA,CAAAD,MAAA,EACAtJ,mBAAmB,CAACyJ,IAAI,EAAG;IAC1BnD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC,CAAC;IACbE,OAAO,EAAE;EACX,CAAC,GAAA2C,eAAA,CAAAD,MAAA,EACAtJ,mBAAmB,CAAC0J,KAAK,EAAG;IAC3BpD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,GAAA0C,MAAA,CACF;EACDK,KAAK,GAAAC,MAAA;IACH7C,MAAM,EAAE,qCAAqC;IAC7CD,QAAQ,EAAE;EAAO,GAAAyC,eAAA,CAAAK,MAAA,EAChB5J,mBAAmB,CAAC2D,GAAG,EAAG;IACzB2C,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC,CAAC;IACZE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,GAAA2C,eAAA,CAAAK,MAAA,EACA5J,mBAAmB,CAACwJ,MAAM,EAAG;IAC5BlD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,GAAA2C,eAAA,CAAAK,MAAA,EACA5J,mBAAmB,CAACyJ,IAAI,EAAG;IAC1BnD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE,CAAC;EACZ,CAAC,GAAA2C,eAAA,CAAAK,MAAA,EACA5J,mBAAmB,CAAC0J,KAAK,EAAG;IAC3BpD,UAAU,EAAE,CAAC;IACbE,QAAQ,EAAE,CAAC;IACXE,SAAS,EAAE,CAAC;IACZE,OAAO,EAAE;EACX,CAAC,GAAAgD,MAAA;AAEL,CAAC","ignoreList":[]}
+{"version":3,"file":"Toast.js","names":["React","styled","keyframes","useTheme","ToastActionType","ToastColor","ToastEntryDirection","ToastPosition","BOXSHADOWS","COLORS","Size","Button","IconButton","ComponentSStyling","ComponentTextStyle","HyperLinkDefaultStyling","HyperLinkInvertedStyling","SystemIcons","jsx","_jsx","jsxs","_jsxs","LoaderAnimationKeyframes","_templateObject","_taggedTemplateLiteral","Loader","div","_templateObject2","props","$duration","BLACK","getColor","theme","WHITE","BLUE","GREEN","ORANGE","RED","ToastContainer","_templateObject3","BOXSHADOW_L2","animation","$keyframes","$bezier","$transform","$withClose","$withLoader","Regular","ToastActionButtons","_templateObject4","ToastCloseButton","_templateObject5","ToastTextContainer","span","_templateObject6","ToastIconContainer","_templateObject7","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","TOPLEFT","enterFrom","TOP","Toast","_ref","_opts$enterFrom","_opts$color","_opts$delay","content","remove","_ref$options","options","testId","Error","styledTheme","removeRef","useRef","current","elementRef","_React$useState","useState","_React$useState2","_slicedToArray","shouldRemove","setShouldRemove","_React$useState3","width","height","_React$useState4","dimensions","setDimensions","opts","_objectSpread","useEffect","id","setTimeout","clearTimeout","undefined","_elementRef$current","_elementRef$current2","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","duration","bezier","concat","_templateObject8","_templateObject9","_elementRef$current3","focus","ref","className","tabIndex","children","icon","action","map","i","size","Small","variant","type","SECONDARY","colorTheme","invertFocus","onClick","handler","label","shape","useTransparentBackground","event","Close","propTypes","_pt","any","isRequired","bool","number","arrayOf","string","func","node","enter","_enter","_defineProperty","BOTTOM","LEFT","RIGHT","leave","_leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { keyframes, useTheme } from 'styled-components';\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\nimport { BOXSHADOWS, COLORS} from '../styles';\nimport { Size } from '../types'\nimport { Button, IconButton } from '../Button';\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\nimport { SystemIcons } from '../icons';\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, ${props => COLORS.getColor('neutral_200', props.theme)} 50%, ${props => COLORS.getColor('neutral_800', props.theme)} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_400', props.theme)} 50%, ${props => COLORS.getColor('white', props.theme)} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.BLUE]} {\n    background: linear-gradient(to right, ${props => COLORS.getColor('accent1_200', props.theme)} 50%, ${props => COLORS.getColor('accent1_600', props.theme)} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.GREEN]} {\n    background: linear-gradient(to right, ${props => COLORS.getColor('correct_200', props.theme)} 50%, ${props => COLORS.getColor('correct_500', props.theme)} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.ORANGE]} {\n    background: linear-gradient(to right, ${props => COLORS.getColor('warning_200', props.theme)} 50%, ${props => COLORS.getColor('warning_500', props.theme)} 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.${ToastColor[ToastColor.RED]} {\n    background: linear-gradient(to right, ${props => COLORS.getColor('critical_200', props.theme)} 50%, ${props => COLORS.getColor('critical_500', props.theme)} 50%) left;\n    background-size: 200% 100%;\n  }\n`;\n\nexport const ToastContainer = 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  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\n\n  & a {\n    display: inline;\n    ${HyperLinkInvertedStyling}\n  }\n\n  &.${ToastColor[ToastColor.BLACK]} {\n    background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    background-color: ${props => COLORS.getColor('white', props.theme)};\n    color: ${props => COLORS.getColor('black', props.theme)};\n\n    & a {\n      ${HyperLinkDefaultStyling}\n    }\n  }\n\n  &.${ToastColor[ToastColor.BLUE]} {\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\n  }\n\n  &.${ToastColor[ToastColor.GREEN]} {\n    background-color: ${props => COLORS.getColor('correct_500', props.theme)};\n  }\n\n  &.${ToastColor[ToastColor.ORANGE]} {\n    background-color: ${props => COLORS.getColor('warning_500', props.theme)};\n  }\n\n  &.${ToastColor[ToastColor.RED]} {\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\n  }\n`;\n\nexport const ToastActionButtons = 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\nexport const ToastCloseButton = styled.div`\n  & > button {\n    margin-left: 16px;\n\n    & svg {\n      padding: 0;\n    }\n  }\n\n  button svg path{\n    fill: ${props => COLORS.getColor('white', props.theme)} !important;\n  }\n\n  &.${ToastColor[ToastColor.WHITE]} {\n    button svg path {\n      fill: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\n    }\n  }\n`;\n\nexport const ToastTextContainer = styled.span`\n  font-feature-settings: 'liga' off;\n  width: 240px;\n  display: flex;\n  padding: 16px 0;\n`;\n\nexport const ToastIconContainer = styled.span`\n  margin-right: -8px;\n`;\n\nexport type ToastOptions = {\n  /** Optional. Color of the toast. Defaults to 'BLACK' */\n  color?: ToastColor;\n  /** Optional. If set Toast will automatically close after delay. Defaults to 'true' */\n  autoClose?: boolean;\n  /** Optional. Delay after which toast will disappear in milliseconds. Defaults to '5000' */\n  delay?: number;\n  /** Optional. If set then Close button will be shown on the right side of the Toast. Defaults to 'false' */\n  showCloseButton?: boolean;\n\n  /** Optional. Custom action to be available in the Toast, will be shown on the right side of the Toast. */\n  action?: {\n    label: string;\n    handler: () => void;\n    type?: ToastActionType;\n  }[];\n  /** Required. Position on the screen at which Toast will be shown */\n  position: ToastPosition;\n  /** Optional. From which side of the screen appearance animation will start. Defaults to 'TOP' */\n  enterFrom?: ToastEntryDirection;\n  /** Optional. Icon that will be shown on the left side of the Toast */\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  \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 styledTheme = useTheme();\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    <ToastContainer 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 && <ToastIconContainer>{opts.icon}</ToastIconContainer>}\n      <ToastTextContainer className={'description'}>{content}</ToastTextContainer>\n      {opts.action && (\n        <ToastActionButtons>\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        </ToastActionButtons>\n      )}\n      {opts.showCloseButton && (\n        <ToastCloseButton 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            <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', styledTheme)} />\n          </IconButton>\n        </ToastCloseButton>\n      )}\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} $duration={opts.delay ?? 0} />}\n    </ToastContainer>\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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","ignoreList":[]}

package/dist/Toasters/ToastContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_functions","_Toast","_types","_zIndexes","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToastContext","createContext","exports","ToastBucket","styled","div","_taggedTemplateLiteral2","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray2","toasts","setToasts","add","content","options","id","createUUID","prev","concat","_toConsumableArray2","remove","filter","functions","useMemo","addToast","removeToast","jsxs","Provider","value","jsx","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","propTypes","_propTypes","any","useToast","_React$useContext","useContext"],"sources":["../../src/Toasters/ToastContext.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { createUUID } from '../Services/functions';\r\nimport Toast, { ToastOptions } from './Toast';\r\nimport { ToastPosition } from '../types';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\nexport type ToastProviderProps = {\r\n  children?: any;\r\n};\r\n\r\nexport interface toast {\r\n  options: ToastOptions;\r\n  id: string;\r\n  content: any;\r\n}\r\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => string; removeToast: (id: string) => void };\r\n\r\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\r\n\r\nexport const ToastContext = React.createContext({} as ToasterValueProps);\r\n\r\nconst ToastBucket = styled.div`\r\n  position: fixed;\r\n  z-index: ${Z_INDEXES.toast};\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n`;\r\n\r\nconst ToastBucketTopLeft = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketTopMiddle = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketTopRight = styled(ToastBucket)`\r\n  top: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomLeft = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketBottomRight = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children }: ToastProviderProps) => {\r\n  const [toasts, setToasts] = React.useState<toast[]>([]);\r\n\r\n  const add = (content: any, options: ToastOptions) => {\r\n    const id = createUUID();\r\n    setToasts(prev => [...prev, { id, content, options }]);\r\n    return id;\r\n  };\r\n\r\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\r\n\r\n  const functions = React.useMemo(() => {\r\n    return { addToast: add, removeToast: remove };\r\n  }, [toasts]);\r\n\r\n  return (\r\n    <ToastContext.Provider value={{ toasts, addToast: add, removeToast: remove }}>\r\n      <ToastBucketTopLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopLeft>\r\n      <ToastBucketTopMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopMiddle>\r\n      <ToastBucketTopRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopRight>\r\n      <ToastBucketBottomLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomLeft>\r\n      <ToastBucketBottomMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomMiddle>\r\n      <ToastBucketBottomRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomRight>\r\n      {children}\r\n    </ToastContext.Provider>\r\n  );\r\n};\r\n\r\nexport function useToast() {\r\n  const { addToast, removeToast } = React.useContext(ToastContext);\r\n  return {\r\n    addToast,\r\n    removeToast\r\n  };\r\n}\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ToastContext.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_functions","_Toast","_types","_zIndexes","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToastContext","createContext","exports","ToastBucket","styled","div","_taggedTemplateLiteral2","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray2","toasts","setToasts","add","content","options","id","createUUID","prev","concat","_toConsumableArray2","remove","filter","functions","useMemo","addToast","removeToast","jsxs","Provider","value","jsx","position","ToastPosition","TOPLEFT","map","TOPMIDDLE","TOPRIGHT","BOTTOMLEFT","BOTTOMMIDDLE","BOTTOMRIGHT","propTypes","_propTypes","any","useToast","_React$useContext","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\nexport type ToastProviderProps = {\n  children?: any;\n};\n\nexport interface toast {\n  options: ToastOptions;\n  id: string;\n  content: any;\n}\nexport type ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => string; 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<ToastProviderProps> = ({ children }: ToastProviderProps) => {\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    return id;\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, addToast: add, removeToast: remove }}>\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, removeToast } = React.useContext(ToastContext);\n  return {\n    addToast,\n    removeToast\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAA8C,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAjB,wBAAAiB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAa9C;;AAEO,IAAMW,YAAY,gBAAGrC,KAAK,CAACsC,aAAa,CAAC,CAAC,CAAsB,CAAC;AAACC,OAAA,CAAAF,YAAA,GAAAA,YAAA;AAEzE,IAAMG,WAAW,GAAGC,4BAAM,CAACC,GAAG,CAAAhC,eAAA,KAAAA,eAAA,OAAAiC,uBAAA,kHAEjBC,mBAAS,CAACC,KAAK,CAG3B;AAED,IAAMC,kBAAkB,GAAG,IAAAL,4BAAM,EAACD,WAAW,CAAC,CAAA7B,gBAAA,KAAAA,gBAAA,OAAAgC,uBAAA,iDAG7C;AAED,IAAMI,oBAAoB,GAAG,IAAAN,4BAAM,EAACD,WAAW,CAAC,CAAA5B,gBAAA,KAAAA,gBAAA,OAAA+B,uBAAA,kFAI/C;AAED,IAAMK,mBAAmB,GAAG,IAAAP,4BAAM,EAACD,WAAW,CAAC,CAAA3B,gBAAA,KAAAA,gBAAA,OAAA8B,uBAAA,kDAG9C;AAED,IAAMM,qBAAqB,GAAG,IAAAR,4BAAM,EAACD,WAAW,CAAC,CAAA1B,gBAAA,KAAAA,gBAAA,OAAA6B,uBAAA,oDAGhD;AAED,IAAMO,uBAAuB,GAAG,IAAAT,4BAAM,EAACD,WAAW,CAAC,CAAAzB,gBAAA,KAAAA,gBAAA,OAAA4B,uBAAA,qFAIlD;AAED,IAAMQ,sBAAsB,GAAG,IAAAV,4BAAM,EAACD,WAAW,CAAC,CAAAxB,gBAAA,KAAAA,gBAAA,OAAA2B,uBAAA,qDAGjD;AAEM,IAAMS,aAA2C,GAAG,SAA9CA,aAA2CA,CAAAC,IAAA,EAAyC;EAAA,IAAnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACpE,IAAAC,eAAA,GAA4BvD,KAAK,CAACwD,QAAQ,CAAU,EAAE,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAAhDI,MAAM,GAAAF,gBAAA;IAAEG,SAAS,GAAAH,gBAAA;EAExB,IAAMI,GAAG,GAAG,SAANA,GAAGA,CAAIC,OAAY,EAAEC,OAAqB,EAAK;IACnD,IAAMC,EAAE,GAAG,IAAAC,qBAAU,EAAC,CAAC;IACvBL,SAAS,CAAC,UAAAM,IAAI;MAAA,UAAAC,MAAA,KAAAC,mBAAA,aAAQF,IAAI,IAAE;QAAEF,EAAE,EAAFA,EAAE;QAAEF,OAAO,EAAPA,OAAO;QAAEC,OAAO,EAAPA;MAAQ,CAAC;IAAA,CAAC,CAAC;IACtD,OAAOC,EAAE;EACX,CAAC;EAED,IAAMK,OAAM,GAAG,SAATA,MAAMA,CAAIL,EAAU;IAAA,OAAKJ,SAAS,CAACD,MAAM,CAACW,MAAM,CAAC,UAAAjD,CAAC;MAAA,OAAIA,CAAC,CAAC2C,EAAE,KAAKA,EAAE;IAAA,EAAC,CAAC;EAAA;EAEzE,IAAMO,SAAS,GAAGvE,KAAK,CAACwE,OAAO,CAAC,YAAM;IACpC,OAAO;MAAEC,QAAQ,EAAEZ,GAAG;MAAEa,WAAW,EAAEL;IAAO,CAAC;EAC/C,CAAC,EAAE,CAACV,MAAM,CAAC,CAAC;EAEZ,oBACE,IAAAlD,WAAA,CAAAkE,IAAA,EAACtC,YAAY,CAACuC,QAAQ;IAACC,KAAK,EAAE;MAAElB,MAAM,EAANA,MAAM;MAAEc,QAAQ,EAAEZ,GAAG;MAAEa,WAAW,EAAEL;IAAO,CAAE;IAAAf,QAAA,gBAC3E,IAAA7C,WAAA,CAAAqE,GAAA,EAAChC,kBAAkB;MAAAQ,QAAA,EAChBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACC,OAAO;MAAA,EAAC,CACzDC,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACc,CAAC,eACrB,IAAAvD,WAAA,CAAAqE,GAAA,EAAC/B,oBAAoB;MAAAO,QAAA,EAClBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACG,SAAS;MAAA,EAAC,CAC3DD,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACgB,CAAC,eACvB,IAAAvD,WAAA,CAAAqE,GAAA,EAAC9B,mBAAmB;MAAAM,QAAA,EACjBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACI,QAAQ;MAAA,EAAC,CAC1DF,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACe,CAAC,eACtB,IAAAvD,WAAA,CAAAqE,GAAA,EAAC7B,qBAAqB;MAAAK,QAAA,EACnBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACK,UAAU;MAAA,EAAC,CAC5DH,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACiB,CAAC,eACxB,IAAAvD,WAAA,CAAAqE,GAAA,EAAC5B,uBAAuB;MAAAI,QAAA,EACrBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACM,YAAY;MAAA,EAAC,CAC9DJ,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACmB,CAAC,eAC1B,IAAAvD,WAAA,CAAAqE,GAAA,EAAC3B,sBAAsB;MAAAG,QAAA,EACpBK,MAAM,CACJW,MAAM,CAAC,UAAAjD,CAAC;QAAA,OAAIA,CAAC,CAAC0C,OAAO,CAACgB,QAAQ,KAAKC,oBAAa,CAACO,WAAW;MAAA,EAAC,CAC7DL,GAAG,CAAC,UAAA7D,CAAC;QAAA,oBACJ,IAAAZ,WAAA,CAAAqE,GAAA,EAACxE,MAAA,WAAK;UAAYwD,OAAO,EAAEzC,CAAC,CAACyC,OAAQ;UAACO,MAAM,EAAE,SAAAA,OAAA;YAAA,OAAMA,OAAM,CAAChD,CAAC,CAAC2C,EAAE,CAAC;UAAA,CAAC;UAACD,OAAO,EAAE1C,CAAC,CAAC0C;QAAQ,GAAzE1C,CAAC,CAAC2C,EAAyE,CAAC;MAAA,CACzF;IAAC,CACkB,CAAC,EACxBV,QAAQ;EAAA,CACY,CAAC;AAE5B,CAAC;AAACf,OAAA,CAAAa,aAAA,GAAAA,aAAA;AAAAA,aAAA,CAAAoC,SAAA;EAnHAlC,QAAQ,EAAAmC,UAAA,YAAAC;AAAA;AAqHH,SAASC,QAAQA,CAAA,EAAG;EACzB,IAAAC,iBAAA,GAAkC5F,KAAK,CAAC6F,UAAU,CAACxD,YAAY,CAAC;IAAxDoC,QAAQ,GAAAmB,iBAAA,CAARnB,QAAQ;IAAEC,WAAW,GAAAkB,iBAAA,CAAXlB,WAAW;EAC7B,OAAO;IACLD,QAAQ,EAARA,QAAQ;IACRC,WAAW,EAAXA;EACF,CAAC;AACH","ignoreList":[]}

package/dist/Toasters/ToastContext.d.ts

@@ -1,21 +1,21 @@
-import * as React from 'react';
-import { ToastOptions } from './Toast';
-export type ToastProviderProps = {
-    children?: any;
-};
-export interface toast {
-    options: ToastOptions;
-    id: string;
-    content: any;
-}
-export type ToasterValueProps = {
-    toasts: toast[];
-    addToast: (content: any, options: ToastOptions) => string;
-    removeToast: (id: string) => void;
-};
-export declare const ToastContext: React.Context<ToasterValueProps>;
-export declare const ToastProvider: React.FC<ToastProviderProps>;
-export declare function useToast(): {
-    addToast: (content: any, options: ToastOptions) => string;
-    removeToast: (id: string) => void;
-};
+import * as React from 'react';
+import { ToastOptions } from './Toast';
+export type ToastProviderProps = {
+    children?: any;
+};
+export interface toast {
+    options: ToastOptions;
+    id: string;
+    content: any;
+}
+export type ToasterValueProps = {
+    toasts: toast[];
+    addToast: (content: any, options: ToastOptions) => string;
+    removeToast: (id: string) => void;
+};
+export declare const ToastContext: React.Context<ToasterValueProps>;
+export declare const ToastProvider: React.FC<ToastProviderProps>;
+export declare function useToast(): {
+    addToast: (content: any, options: ToastOptions) => string;
+    removeToast: (id: string) => void;
+};

package/dist/Toasters/ToastContext.js.map

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

package/dist/Toasters/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_Toast","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ToastContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Toasters/index.tsx"],"sourcesContent":["import Toast from './Toast';\r\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\r\n\r\nexport * from './Toast';\r\nexport { Toast, ToastProvider, useToast, ToastContext };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGAC,MAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,MAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,MAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAFA,IAAAS,aAAA,GAAAb,OAAA;AAAuE,SAAAc,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,cAAAP,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_Toast","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_ToastContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Toasters/index.tsx"],"sourcesContent":["import Toast from './Toast';\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\n\nexport * from './Toast';\nexport { Toast, ToastProvider, useToast, ToastContext };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGAC,MAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,MAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,MAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAFA,IAAAS,aAAA,GAAAb,OAAA;AAAuE,SAAAc,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,cAAAP,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}

package/dist/Toasters/index.d.ts

@@ -1,4 +1,4 @@
-import Toast from './Toast';
-import { ToastProvider, useToast, ToastContext } from './ToastContext';
-export * from './Toast';
-export { Toast, ToastProvider, useToast, ToastContext };
+import Toast from './Toast';
+import { ToastProvider, useToast, ToastContext } from './ToastContext';
+export * from './Toast';
+export { Toast, ToastProvider, useToast, ToastContext };

package/dist/Toasters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Toast","ToastProvider","useToast","ToastContext"],"sources":["../../src/Toasters/index.tsx"],"sourcesContent":["import Toast from './Toast';\r\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\r\n\r\nexport * from './Toast';\r\nexport { Toast, ToastProvider, useToast, ToastContext };\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,SAAS;AAC3B,SAASC,aAAa,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,gBAAgB;AAEtE,cAAc,SAAS;AACvB,SAASH,KAAK,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Toast","ToastProvider","useToast","ToastContext"],"sources":["../../src/Toasters/index.tsx"],"sourcesContent":["import Toast from './Toast';\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\n\nexport * from './Toast';\nexport { Toast, ToastProvider, useToast, ToastContext };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,SAAS;AAC3B,SAASC,aAAa,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,gBAAgB;AAEtE,cAAc,SAAS;AACvB,SAASH,KAAK,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,YAAY","ignoreList":[]}

package/dist/Toggles/ToggleButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.cjs","names":["_react","_interopRequireDefault","require","_Button","_styledComponents","_Iconbutton","_styles","_jsxRuntime","_excluded","_templateObject","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","IconButtonContentStyles","props","COLORS","getColor","theme","ToggleButton","React","forwardRef","_ref","ref","_activeState$color","_activeState$icon","id","active","onChange","disabled","defaultState","activeState","className","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","isActive","setIsActive","useEffect","cls","concat","jsx","children","IconButton","variant","useTransparentBackground","shape","action","iconColor","color","icon","exports","propTypes","_propTypes","bool","isRequired","func","node","string","_default"],"sources":["../../src/Toggles/ToggleButton.tsx"],"sourcesContent":["import React from 'react';\r\nimport { IconButton } from '../Button';\r\nimport styled from 'styled-components';\r\nimport { IconButtonContentStyles } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  ${IconButtonContentStyles} {\r\n    transition: all 0.1s ease-in-out;\r\n  }\r\n\r\n  &.disabled,\r\n  &.active:not(.state-change) {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.active:not(.state-change) {\r\n    ${IconButtonContentStyles}:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 12px;\r\n      bottom: 1px;\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n      border-radius: 4px;\r\n      height: 4px;\r\n      width: 24px;\r\n    }\r\n  }\r\n\r\n  &.disabled:not(.state-change) {\r\n    ${IconButtonContentStyles}:after {\r\n      background: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface ToggleButtonState {\r\n  icon: React.ReactNode;\r\n  color?: string;\r\n}\r\n\r\nexport interface ToggleButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled' | 'onClick'> {\r\n  /** Required. Initial state of the toggle. */\r\n  active: boolean;\r\n  /** Optional. Handler to be called when toggle state changes. */\r\n  onChange?: (value: boolean) => void;\r\n  /** Optional. If set user can not interact with ToggleButton. */\r\n  disabled?: boolean;\r\n  /** Required. Icon and color of toggle in default state. */\r\n  defaultState: ToggleButtonState;\r\n  /** Optional. Icon and color of toggle in active state. */\r\n  activeState?: ToggleButtonState;\r\n}\r\n\r\nexport const ToggleButton = React.forwardRef(({\r\n                                                id,\r\n                                                active,\r\n                                                onChange,\r\n                                                disabled,\r\n                                                defaultState,\r\n                                                activeState,\r\n                                                className,\r\n                                                ...rest\r\n                                              }: ToggleButtonProps, ref: React.Ref<HTMLButtonElement>) => {\r\n  const [isActive, setIsActive] = React.useState(false);\r\n\r\n  React.useEffect(() => setIsActive(active), [active]);\r\n\r\n  const cls = `${className || ''} ${isActive ? 'active' : ''} ${activeState ? 'state-change' : ''} ${disabled ? 'disabled' : ''}`;\r\n\r\n  return (\r\n    <Wrapper className={cls}>\r\n      <IconButton\r\n        variant={'secondary'}\r\n        ref={ref}\r\n        useTransparentBackground={true}\r\n        shape={'circular'}\r\n        action={() => {\r\n          setIsActive(!isActive);\r\n          if (onChange) {\r\n            onChange(!isActive);\r\n          }\r\n        }}\r\n        id={id}\r\n        iconColor={isActive ? activeState?.color ?? defaultState.color : defaultState.color}\r\n        disabled={disabled}\r\n        aria-pressed={isActive}\r\n        {...rest}>\r\n        {isActive ? activeState?.icon ?? defaultState.icon : defaultState.icon}\r\n      </IconButton>\r\n    </Wrapper>\r\n  );\r\n});\r\n\r\nexport default ToggleButton;\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAmC,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,SAAA;AAAA,IAAAC,eAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEnC,IAAMoB,OAAO,GAAGC,4BAAM,CAACC,GAAG,CAAAxB,eAAA,KAAAA,eAAA,OAAAyB,uBAAA,qgBACtBC,mCAAuB,EAMrBA,mCAAuB,EACT,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAK5DJ,mCAAuB,EAKH,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAQxEJ,mCAAuB,EACT,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAGvE;AAoBM,IAAMC,YAAY,gBAAGC,iBAAK,CAACC,UAAU,CAAC,UAAAC,IAAA,EASuBC,GAAiC,EAAK;EAAA,IAAAC,kBAAA,EAAAC,iBAAA;EAAA,IAR1DC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACNC,IAAI,OAAAC,yBAAA,aAAAZ,IAAA,EAAAnC,SAAA;EAErD,IAAAgD,eAAA,GAAgCf,iBAAK,CAACgB,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAA9CI,QAAQ,GAAAF,gBAAA;IAAEG,WAAW,GAAAH,gBAAA;EAE5BjB,iBAAK,CAACqB,SAAS,CAAC;IAAA,OAAMD,WAAW,CAACb,MAAM,CAAC;EAAA,GAAE,CAACA,MAAM,CAAC,CAAC;EAEpD,IAAMe,GAAG,MAAAC,MAAA,CAAMX,SAAS,IAAI,EAAE,OAAAW,MAAA,CAAIJ,QAAQ,GAAG,QAAQ,GAAG,EAAE,OAAAI,MAAA,CAAIZ,WAAW,GAAG,cAAc,GAAG,EAAE,OAAAY,MAAA,CAAId,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE;EAE/H,oBACE,IAAA3C,WAAA,CAAA0D,GAAA,EAAClC,OAAO;IAACsB,SAAS,EAAEU,GAAI;IAAAG,QAAA,eACtB,IAAA3D,WAAA,CAAA0D,GAAA,EAAC9D,OAAA,CAAAgE,UAAU,EAAA5C,aAAA,CAAAA,aAAA;MACT6C,OAAO,EAAE,WAAY;MACrBxB,GAAG,EAAEA,GAAI;MACTyB,wBAAwB,EAAE,IAAK;MAC/BC,KAAK,EAAE,UAAW;MAClBC,MAAM,EAAE,SAAAA,OAAA,EAAM;QACZV,WAAW,CAAC,CAACD,QAAQ,CAAC;QACtB,IAAIX,QAAQ,EAAE;UACZA,QAAQ,CAAC,CAACW,QAAQ,CAAC;QACrB;MACF,CAAE;MACFb,EAAE,EAAEA,EAAG;MACPyB,SAAS,EAAEZ,QAAQ,IAAAf,kBAAA,GAAGO,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEqB,KAAK,cAAA5B,kBAAA,cAAAA,kBAAA,GAAIM,YAAY,CAACsB,KAAK,GAAGtB,YAAY,CAACsB,KAAM;MACpFvB,QAAQ,EAAEA,QAAS;MACnB,gBAAcU;IAAS,GACnBN,IAAI;MAAAY,QAAA,EACPN,QAAQ,IAAAd,iBAAA,GAAGM,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEsB,IAAI,cAAA5B,iBAAA,cAAAA,iBAAA,GAAIK,YAAY,CAACuB,IAAI,GAAGvB,YAAY,CAACuB;IAAI,EAC5D;EAAC,CACN,CAAC;AAEd,CAAC,CAAC;AAACC,OAAA,CAAAnC,YAAA,GAAAA,YAAA;AAAAA,YAAA,CAAAoC,SAAA;EAjDD5B,MAAM,EAAA6B,UAAA,YAAAC,IAAA,CAAAC,UAAA;EAEN9B,QAAQ,EAAA4B,UAAA,YAAAG,IAAA;EAER9B,QAAQ,EAAA2B,UAAA,YAAAC,IAAA;EAER3B,YAAY,EAAA0B,UAAA,YAAAP,KAAA;IAZZI,IAAI,EAAAG,UAAA,YAAAI,IAAA,CAAAF,UAAA;IACJN,KAAK,EAAAI,UAAA,YAAAK;EAAA,GAAAH,UAAA;EAaL3B,WAAW,EAAAyB,UAAA,YAAAP,KAAA;IAdXI,IAAI,EAAAG,UAAA,YAAAI,IAAA,CAAAF,UAAA;IACJN,KAAK,EAAAI,UAAA,YAAAK;EAAA;AAAA;AAAA,IAAAC,QAAA,GAwDQ3C,YAAY;AAAAmC,OAAA,cAAAQ,QAAA","ignoreList":[]}
+{"version":3,"file":"ToggleButton.cjs","names":["_react","_interopRequireDefault","require","_Button","_styledComponents","_Iconbutton","_styles","_jsxRuntime","_excluded","_templateObject","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Wrapper","styled","div","_taggedTemplateLiteral2","IconButtonContentStyles","props","COLORS","getColor","theme","ToggleButton","React","forwardRef","_ref","ref","_activeState$color","_activeState$icon","id","active","onChange","disabled","defaultState","activeState","className","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","isActive","setIsActive","useEffect","cls","concat","jsx","children","IconButton","variant","useTransparentBackground","shape","action","iconColor","color","icon","exports","propTypes","_propTypes","bool","isRequired","func","node","string","_default"],"sources":["../../src/Toggles/ToggleButton.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton } from '../Button';\nimport styled from 'styled-components';\nimport { IconButtonContentStyles } from '../Button/Iconbutton';\nimport { COLORS } from '../styles';\n\nconst Wrapper = styled.div`\n  ${IconButtonContentStyles} {\n    transition: all 0.1s ease-in-out;\n  }\n\n  &.disabled,\n  &.active:not(.state-change) {\n    ${IconButtonContentStyles} {\n      background: ${props => COLORS.getColor('white', props.theme)};\n    }\n  }\n\n  &.active:not(.state-change) {\n    ${IconButtonContentStyles}:after {\n      content: '';\n      position: absolute;\n      left: 12px;\n      bottom: 1px;\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n      border-radius: 4px;\n      height: 4px;\n      width: 24px;\n    }\n  }\n\n  &.disabled:not(.state-change) {\n    ${IconButtonContentStyles}:after {\n      background: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n  }\n`;\n\nexport interface ToggleButtonState {\n  icon: React.ReactNode;\n  color?: string;\n}\n\nexport interface ToggleButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled' | 'onClick'> {\n  /** Required. Initial state of the toggle. */\n  active: boolean;\n  /** Optional. Handler to be called when toggle state changes. */\n  onChange?: (value: boolean) => void;\n  /** Optional. If set user can not interact with ToggleButton. */\n  disabled?: boolean;\n  /** Required. Icon and color of toggle in default state. */\n  defaultState: ToggleButtonState;\n  /** Optional. Icon and color of toggle in active state. */\n  activeState?: ToggleButtonState;\n}\n\nexport const ToggleButton = React.forwardRef(({\n                                                id,\n                                                active,\n                                                onChange,\n                                                disabled,\n                                                defaultState,\n                                                activeState,\n                                                className,\n                                                ...rest\n                                              }: ToggleButtonProps, ref: React.Ref<HTMLButtonElement>) => {\n  const [isActive, setIsActive] = React.useState(false);\n\n  React.useEffect(() => setIsActive(active), [active]);\n\n  const cls = `${className || ''} ${isActive ? 'active' : ''} ${activeState ? 'state-change' : ''} ${disabled ? 'disabled' : ''}`;\n\n  return (\n    <Wrapper className={cls}>\n      <IconButton\n        variant={'secondary'}\n        ref={ref}\n        useTransparentBackground={true}\n        shape={'circular'}\n        action={() => {\n          setIsActive(!isActive);\n          if (onChange) {\n            onChange(!isActive);\n          }\n        }}\n        id={id}\n        iconColor={isActive ? activeState?.color ?? defaultState.color : defaultState.color}\n        disabled={disabled}\n        aria-pressed={isActive}\n        {...rest}>\n        {isActive ? activeState?.icon ?? defaultState.icon : defaultState.icon}\n      </IconButton>\n    </Wrapper>\n  );\n});\n\nexport default ToggleButton;\n"],"mappings":"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","ignoreList":[]}

package/dist/Toggles/ToggleButton.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-export interface ToggleButtonState {
-    icon: React.ReactNode;
-    color?: string;
-}
-export interface ToggleButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled' | 'onClick'> {
-    /** Required. Initial state of the toggle. */
-    active: boolean;
-    /** Optional. Handler to be called when toggle state changes. */
-    onChange?: (value: boolean) => void;
-    /** Optional. If set user can not interact with ToggleButton. */
-    disabled?: boolean;
-    /** Required. Icon and color of toggle in default state. */
-    defaultState: ToggleButtonState;
-    /** Optional. Icon and color of toggle in active state. */
-    activeState?: ToggleButtonState;
-}
-export declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default ToggleButton;
+import React from 'react';
+export interface ToggleButtonState {
+    icon: React.ReactNode;
+    color?: string;
+}
+export interface ToggleButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled' | 'onClick'> {
+    /** Required. Initial state of the toggle. */
+    active: boolean;
+    /** Optional. Handler to be called when toggle state changes. */
+    onChange?: (value: boolean) => void;
+    /** Optional. If set user can not interact with ToggleButton. */
+    disabled?: boolean;
+    /** Required. Icon and color of toggle in default state. */
+    defaultState: ToggleButtonState;
+    /** Optional. Icon and color of toggle in active state. */
+    activeState?: ToggleButtonState;
+}
+export declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default ToggleButton;

package/dist/Toggles/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","names":["React","IconButton","styled","IconButtonContentStyles","COLORS","jsx","_jsx","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","ToggleButton","forwardRef","_ref","ref","_activeState$color","_activeState$icon","id","active","onChange","disabled","defaultState","activeState","className","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","isActive","setIsActive","useEffect","cls","concat","children","_objectSpread","variant","useTransparentBackground","shape","action","iconColor","color","icon","propTypes","_pt","bool","isRequired","func","node","string"],"sources":["../../src/Toggles/ToggleButton.tsx"],"sourcesContent":["import React from 'react';\r\nimport { IconButton } from '../Button';\r\nimport styled from 'styled-components';\r\nimport { IconButtonContentStyles } from '../Button/Iconbutton';\r\nimport { COLORS } from '../styles';\r\n\r\nconst Wrapper = styled.div`\r\n  ${IconButtonContentStyles} {\r\n    transition: all 0.1s ease-in-out;\r\n  }\r\n\r\n  &.disabled,\r\n  &.active:not(.state-change) {\r\n    ${IconButtonContentStyles} {\r\n      background: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.active:not(.state-change) {\r\n    ${IconButtonContentStyles}:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 12px;\r\n      bottom: 1px;\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n      border-radius: 4px;\r\n      height: 4px;\r\n      width: 24px;\r\n    }\r\n  }\r\n\r\n  &.disabled:not(.state-change) {\r\n    ${IconButtonContentStyles}:after {\r\n      background: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface ToggleButtonState {\r\n  icon: React.ReactNode;\r\n  color?: string;\r\n}\r\n\r\nexport interface ToggleButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled' | 'onClick'> {\r\n  /** Required. Initial state of the toggle. */\r\n  active: boolean;\r\n  /** Optional. Handler to be called when toggle state changes. */\r\n  onChange?: (value: boolean) => void;\r\n  /** Optional. If set user can not interact with ToggleButton. */\r\n  disabled?: boolean;\r\n  /** Required. Icon and color of toggle in default state. */\r\n  defaultState: ToggleButtonState;\r\n  /** Optional. Icon and color of toggle in active state. */\r\n  activeState?: ToggleButtonState;\r\n}\r\n\r\nexport const ToggleButton = React.forwardRef(({\r\n                                                id,\r\n                                                active,\r\n                                                onChange,\r\n                                                disabled,\r\n                                                defaultState,\r\n                                                activeState,\r\n                                                className,\r\n                                                ...rest\r\n                                              }: ToggleButtonProps, ref: React.Ref<HTMLButtonElement>) => {\r\n  const [isActive, setIsActive] = React.useState(false);\r\n\r\n  React.useEffect(() => setIsActive(active), [active]);\r\n\r\n  const cls = `${className || ''} ${isActive ? 'active' : ''} ${activeState ? 'state-change' : ''} ${disabled ? 'disabled' : ''}`;\r\n\r\n  return (\r\n    <Wrapper className={cls}>\r\n      <IconButton\r\n        variant={'secondary'}\r\n        ref={ref}\r\n        useTransparentBackground={true}\r\n        shape={'circular'}\r\n        action={() => {\r\n          setIsActive(!isActive);\r\n          if (onChange) {\r\n            onChange(!isActive);\r\n          }\r\n        }}\r\n        id={id}\r\n        iconColor={isActive ? activeState?.color ?? defaultState.color : defaultState.color}\r\n        disabled={disabled}\r\n        aria-pressed={isActive}\r\n        {...rest}>\r\n        {isActive ? activeState?.icon ?? defaultState.icon : defaultState.icon}\r\n      </IconButton>\r\n    </Wrapper>\r\n  );\r\n});\r\n\r\nexport default ToggleButton;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ToggleButton.js","names":["React","IconButton","styled","IconButtonContentStyles","COLORS","jsx","_jsx","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","ToggleButton","forwardRef","_ref","ref","_activeState$color","_activeState$icon","id","active","onChange","disabled","defaultState","activeState","className","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","isActive","setIsActive","useEffect","cls","concat","children","_objectSpread","variant","useTransparentBackground","shape","action","iconColor","color","icon","propTypes","_pt","bool","isRequired","func","node","string"],"sources":["../../src/Toggles/ToggleButton.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton } from '../Button';\nimport styled from 'styled-components';\nimport { IconButtonContentStyles } from '../Button/Iconbutton';\nimport { COLORS } from '../styles';\n\nconst Wrapper = styled.div`\n  ${IconButtonContentStyles} {\n    transition: all 0.1s ease-in-out;\n  }\n\n  &.disabled,\n  &.active:not(.state-change) {\n    ${IconButtonContentStyles} {\n      background: ${props => COLORS.getColor('white', props.theme)};\n    }\n  }\n\n  &.active:not(.state-change) {\n    ${IconButtonContentStyles}:after {\n      content: '';\n      position: absolute;\n      left: 12px;\n      bottom: 1px;\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n      border-radius: 4px;\n      height: 4px;\n      width: 24px;\n    }\n  }\n\n  &.disabled:not(.state-change) {\n    ${IconButtonContentStyles}:after {\n      background: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n  }\n`;\n\nexport interface ToggleButtonState {\n  icon: React.ReactNode;\n  color?: string;\n}\n\nexport interface ToggleButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled' | 'onClick'> {\n  /** Required. Initial state of the toggle. */\n  active: boolean;\n  /** Optional. Handler to be called when toggle state changes. */\n  onChange?: (value: boolean) => void;\n  /** Optional. If set user can not interact with ToggleButton. */\n  disabled?: boolean;\n  /** Required. Icon and color of toggle in default state. */\n  defaultState: ToggleButtonState;\n  /** Optional. Icon and color of toggle in active state. */\n  activeState?: ToggleButtonState;\n}\n\nexport const ToggleButton = React.forwardRef(({\n                                                id,\n                                                active,\n                                                onChange,\n                                                disabled,\n                                                defaultState,\n                                                activeState,\n                                                className,\n                                                ...rest\n                                              }: ToggleButtonProps, ref: React.Ref<HTMLButtonElement>) => {\n  const [isActive, setIsActive] = React.useState(false);\n\n  React.useEffect(() => setIsActive(active), [active]);\n\n  const cls = `${className || ''} ${isActive ? 'active' : ''} ${activeState ? 'state-change' : ''} ${disabled ? 'disabled' : ''}`;\n\n  return (\n    <Wrapper className={cls}>\n      <IconButton\n        variant={'secondary'}\n        ref={ref}\n        useTransparentBackground={true}\n        shape={'circular'}\n        action={() => {\n          setIsActive(!isActive);\n          if (onChange) {\n            onChange(!isActive);\n          }\n        }}\n        id={id}\n        iconColor={isActive ? activeState?.color ?? defaultState.color : defaultState.color}\n        disabled={disabled}\n        aria-pressed={isActive}\n        {...rest}>\n        {isActive ? activeState?.icon ?? defaultState.icon : defaultState.icon}\n      </IconButton>\n    </Wrapper>\n  );\n});\n\nexport default ToggleButton;\n"],"mappings":"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","ignoreList":[]}

package/dist/Toggles/ToggleSwitch.cjs

@@ -17,14 +17,14 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "disabled", "selected", "label", "isSemantic", "size", "onToggle", "className"];
 var _templateObject;
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
-/**
- * Import custom types.
+/**
+ * Import custom types.
  */
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -42,8 +42,8 @@ var ToggleSwitch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onToggle = _ref.onToggle,
     className = _ref.className,
     rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  /**
-   * Does all required pre-requisites and toggles the switcher state.
+  /**
+   * Does all required pre-requisites and toggles the switcher state.
    */
   var toggle = function toggle() {
     // If disabled, don't do anything

package/dist/Toggles/ToggleSwitch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.cjs","names":["React","_interopRequireWildcard","require","_TogglerStyles","_","_common","_styledComponents","_jsxRuntime","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","CheckmarkContainer","styled","div","_taggedTemplateLiteral2","ToggleSwitch","forwardRef","_ref","ref","_size","id","disabled","selected","label","isSemantic","size","onToggle","className","rest","_objectWithoutProperties2","toggle","theme","useTheme","focusVisibleRef","useFocusVisibleRef","useImperativeHandle","current","Size","Medium","jsxs","StyledSwitch","onClick","onKeyDown","key","toString","toLowerCase","concat","$selected","role","tabIndex","children","jsx","ToggleSwitchContainer","SystemIcons","CheckMark","color","COLORS","getColor","htmlFor","_default","exports"],"sources":["../../src/Toggles/ToggleSwitch.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ToggleSwitchProps} from './TogglerTypes';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch} from './TogglerStyles';\r\nimport {COLORS, Size, SystemIcons} from '..';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport styled, { useTheme } from \"styled-components\";\r\n\r\nconst CheckmarkContainer =  styled.div`\r\n  position: absolute;\r\n  width: 14px;\r\n  height: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  left: 2px;\r\n`;\r\n\r\nconst ToggleSwitch = React.forwardRef(({\r\n                                         id,\r\n                                         disabled,\r\n                                         selected,\r\n                                         label,\r\n                                         isSemantic,\r\n                                         size,\r\n                                         onToggle,\r\n                                         className,\r\n                                         ...rest\r\n                                       }: ToggleSwitchProps, ref) => {\r\n  /**\r\n   * Does all required pre-requisites and toggles the switcher state.\r\n   */\r\n  const toggle = () => {\r\n    // If disabled, don't do anything\r\n    if (disabled) return;\r\n\r\n    // Toggle state change\r\n    onToggle(!selected);\r\n  };\r\n\r\n  const theme = useTheme();\r\n\r\n  const focusVisibleRef = useFocusVisibleRef([]);\r\n\r\n  React.useImperativeHandle(ref, () => focusVisibleRef.current, [focusVisibleRef]);\r\n\r\n  size = size ?? Size.Medium;\r\n\r\n  return (\r\n    <StyledSwitch\r\n      ref={focusVisibleRef}\r\n      onClick={(e) => toggle()}\r\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && toggle()}\r\n      className={size\r\n        .toString()\r\n        .toLowerCase()\r\n        .concat(disabled ? ' disabled' : '')\r\n        .concat(className ? ` ${className}` : '')}\r\n      $selected={selected}\r\n      id={id}\r\n      role=\"switch\"\r\n      aria-pressed={selected}\r\n      tabIndex={disabled ? -1 : 0}\r\n      {...rest}>\r\n      <ToggleSwitchContainer id=\"switchContainer\">\r\n        <Switch className={isSemantic ? 'semantic' : ''} >\r\n          {selected && <CheckmarkContainer><SystemIcons.CheckMark size={'14px'} color={COLORS.getColor('white', theme)}/></CheckmarkContainer>}\r\n        </Switch>\r\n      </ToggleSwitchContainer>\r\n      {label && (\r\n        <label className={'label'} htmlFor={id}>\r\n          {label}\r\n        </label>\r\n      )}\r\n    </StyledSwitch>\r\n  );\r\n});\r\n\r\nexport default ToggleSwitch;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ToggleSwitch.cjs","names":["React","_interopRequireWildcard","require","_TogglerStyles","_","_common","_styledComponents","_jsxRuntime","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","CheckmarkContainer","styled","div","_taggedTemplateLiteral2","ToggleSwitch","forwardRef","_ref","ref","_size","id","disabled","selected","label","isSemantic","size","onToggle","className","rest","_objectWithoutProperties2","toggle","theme","useTheme","focusVisibleRef","useFocusVisibleRef","useImperativeHandle","current","Size","Medium","jsxs","StyledSwitch","onClick","onKeyDown","key","toString","toLowerCase","concat","$selected","role","tabIndex","children","jsx","ToggleSwitchContainer","SystemIcons","CheckMark","color","COLORS","getColor","htmlFor","_default","exports"],"sources":["../../src/Toggles/ToggleSwitch.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom types.\n */\nimport {ToggleSwitchProps} from './TogglerTypes';\n\n/**\n * Import custom styles.\n */\nimport {ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch} from './TogglerStyles';\nimport {COLORS, Size, SystemIcons} from '..';\nimport {useFocusVisibleRef} from '../common';\nimport styled, { useTheme } from \"styled-components\";\n\nconst CheckmarkContainer =  styled.div`\n  position: absolute;\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  left: 2px;\n`;\n\nconst ToggleSwitch = React.forwardRef(({\n                                         id,\n                                         disabled,\n                                         selected,\n                                         label,\n                                         isSemantic,\n                                         size,\n                                         onToggle,\n                                         className,\n                                         ...rest\n                                       }: ToggleSwitchProps, ref) => {\n  /**\n   * Does all required pre-requisites and toggles the switcher state.\n   */\n  const toggle = () => {\n    // If disabled, don't do anything\n    if (disabled) return;\n\n    // Toggle state change\n    onToggle(!selected);\n  };\n\n  const theme = useTheme();\n\n  const focusVisibleRef = useFocusVisibleRef([]);\n\n  React.useImperativeHandle(ref, () => focusVisibleRef.current, [focusVisibleRef]);\n\n  size = size ?? Size.Medium;\n\n  return (\n    <StyledSwitch\n      ref={focusVisibleRef}\n      onClick={(e) => toggle()}\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && toggle()}\n      className={size\n        .toString()\n        .toLowerCase()\n        .concat(disabled ? ' disabled' : '')\n        .concat(className ? ` ${className}` : '')}\n      $selected={selected}\n      id={id}\n      role=\"switch\"\n      aria-pressed={selected}\n      tabIndex={disabled ? -1 : 0}\n      {...rest}>\n      <ToggleSwitchContainer id=\"switchContainer\">\n        <Switch className={isSemantic ? 'semantic' : ''} >\n          {selected && <CheckmarkContainer><SystemIcons.CheckMark size={'14px'} color={COLORS.getColor('white', theme)}/></CheckmarkContainer>}\n        </Switch>\n      </ToggleSwitchContainer>\n      {label && (\n        <label className={'label'} htmlFor={id}>\n          {label}\n        </label>\n      )}\n    </StyledSwitch>\n  );\n});\n\nexport default ToggleSwitch;\n"],"mappings":"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","ignoreList":[]}

package/dist/Toggles/ToggleSwitch.d.ts

@@ -1,10 +1,10 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { ToggleSwitchProps } from './TogglerTypes';
-declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<unknown>>;
-export default ToggleSwitch;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+/**
+ * Import custom types.
+ */
+import { ToggleSwitchProps } from './TogglerTypes';
+declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<unknown>>;
+export default ToggleSwitch;

package/dist/Toggles/ToggleSwitch.js

@@ -5,17 +5,17 @@ var _excluded = ["id", "disabled", "selected", "label", "isSemantic", "size", "o
 var _templateObject;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
 import * as React from 'react';
 
-/**
- * Import custom types.
+/**
+ * Import custom types.
  */
 
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
 import { ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch } from './TogglerStyles';
 import { COLORS, Size, SystemIcons } from '..';
@@ -35,8 +35,8 @@ var ToggleSwitch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onToggle = _ref.onToggle,
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
-  /**
-   * Does all required pre-requisites and toggles the switcher state.
+  /**
+   * Does all required pre-requisites and toggles the switcher state.
    */
   var toggle = function toggle() {
     // If disabled, don't do anything