@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1.full

package/dist/Toasters/Toast.cjs

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.ToastTextContainer = exports.ToastIconContainer = exports.ToastContainer = exports.ToastCloseButton = exports.ToastActionButtons = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -16,18 +15,156 @@ var _Button = require("../Button");
 var _HyperLink = require("../HyperLink");
 var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
 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) { (0, _defineProperty2.default)(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; }
-const LoaderAnimationKeyframes = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n"])));
-const Loader = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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: ", " ", "ms cubic-bezier(0.18, 0.39, 0.35, 1);\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n\n  &.", " {\n    background: linear-gradient(to right, ", " 50%, ", " 50%) left;\n    background-size: 200% 100%;\n  }\n"])), LoaderAnimationKeyframes, props => props.$duration, _types.ToastColor[_types.ToastColor.BLACK], props => _styles.COLORS.getColor('neutral_200', props.theme), props => _styles.COLORS.getColor('neutral_800', props.theme), _types.ToastColor[_types.ToastColor.WHITE], props => _styles.COLORS.getColor('neutral_400', props.theme), props => _styles.COLORS.getColor('white', props.theme), _types.ToastColor[_types.ToastColor.BLUE], props => _styles.COLORS.getColor('accent1_200', props.theme), props => _styles.COLORS.getColor('accent1_600', props.theme), _types.ToastColor[_types.ToastColor.GREEN], props => _styles.COLORS.getColor('correct_200', props.theme), props => _styles.COLORS.getColor('correct_500', props.theme), _types.ToastColor[_types.ToastColor.ORANGE], props => _styles.COLORS.getColor('warning_200', props.theme), props => _styles.COLORS.getColor('warning_500', props.theme), _types.ToastColor[_types.ToastColor.RED], props => _styles.COLORS.getColor('critical_200', props.theme), props => _styles.COLORS.getColor('critical_500', props.theme));
-const ToastContainer = exports.ToastContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: ", ";\n  border-radius: 4px;\n\n  animation: ", " ", " ", ";\n  transform: ", ";\n\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  padding: 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  ", "\n\n  & a {\n    display: inline;\n    ", "\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n    color: ", ";\n\n    & a {\n      ", "\n    }\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n\n  &.", " {\n    background-color: ", ";\n  }\n"])), _styles.BOXSHADOWS.BOXSHADOW_L2, props => props.animation.$keyframes, props => props.animation.$duration, props => props.animation.$bezier, props => props.animation.$transform, props => props.$withClose ? '0' : '16px', props => props.$withLoader ? '4px' : '0', props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme)), _HyperLink.HyperLinkInvertedStyling, _types.ToastColor[_types.ToastColor.BLACK], props => _styles.COLORS.getColor('neutral_800', props.theme), _types.ToastColor[_types.ToastColor.WHITE], props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('black', props.theme), _HyperLink.HyperLinkDefaultStyling, _types.ToastColor[_types.ToastColor.BLUE], props => _styles.COLORS.getColor('accent1_600', props.theme), _types.ToastColor[_types.ToastColor.GREEN], props => _styles.COLORS.getColor('correct_500', props.theme), _types.ToastColor[_types.ToastColor.ORANGE], props => _styles.COLORS.getColor('warning_500', props.theme), _types.ToastColor[_types.ToastColor.RED], props => _styles.COLORS.getColor('critical_500', props.theme));
-const ToastActionButtons = exports.ToastActionButtons = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n\n  & .action {\n    height: unset;\n  }\n"])));
-const ToastCloseButton = exports.ToastCloseButton = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  & > button {\n    margin-left: 16px;\n\n    & svg {\n      padding: 0;\n    }\n  }\n\n  button svg path{\n    fill: ", " !important;\n  }\n\n  &.", " {\n    button svg path {\n      fill: ", " !important;\n    }\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), _types.ToastColor[_types.ToastColor.WHITE], props => _styles.COLORS.getColor('neutral_600', props.theme));
-const ToastTextContainer = exports.ToastTextContainer = _styledComponents.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  font-feature-settings: 'liga' off;\n  width: 240px;\n  display: flex;\n  padding: 16px 0;\n"])));
-const ToastIconContainer = exports.ToastIconContainer = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: -8px;\n"])));
+const LoaderAnimationKeyframes = (0, _styledComponents.keyframes)`
+  0% {
+    background-position: right;
+  }
+  100% {
+    background-position: left;
+  }
+`;
+const Loader = _styledComponents.default.div`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 4px;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+
+  animation: ${LoaderAnimationKeyframes} ${props => props.$duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);
+
+  &.${_types.ToastColor[_types.ToastColor.BLACK]} {
+    background: linear-gradient(to right, ${props => _styles.COLORS.getColor('neutral_200', props.theme)} 50%, ${props => _styles.COLORS.getColor('neutral_800', props.theme)} 50%) left;
+    background-size: 200% 100%;
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.WHITE]} {
+    background: linear-gradient(to right, ${props => _styles.COLORS.getColor('neutral_400', props.theme)} 50%, ${props => _styles.COLORS.getColor('white', props.theme)} 50%) left;
+    background-size: 200% 100%;
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.BLUE]} {
+    background: linear-gradient(to right, ${props => _styles.COLORS.getColor('accent1_200', props.theme)} 50%, ${props => _styles.COLORS.getColor('accent1_600', props.theme)} 50%) left;
+    background-size: 200% 100%;
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.GREEN]} {
+    background: linear-gradient(to right, ${props => _styles.COLORS.getColor('correct_200', props.theme)} 50%, ${props => _styles.COLORS.getColor('correct_500', props.theme)} 50%) left;
+    background-size: 200% 100%;
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.ORANGE]} {
+    background: linear-gradient(to right, ${props => _styles.COLORS.getColor('warning_200', props.theme)} 50%, ${props => _styles.COLORS.getColor('warning_500', props.theme)} 50%) left;
+    background-size: 200% 100%;
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.RED]} {
+    background: linear-gradient(to right, ${props => _styles.COLORS.getColor('critical_200', props.theme)} 50%, ${props => _styles.COLORS.getColor('critical_500', props.theme)} 50%) left;
+    background-size: 200% 100%;
+  }
+`;
+const ToastContainer = exports.ToastContainer = _styledComponents.default.div`
+  box-shadow: ${_styles.BOXSHADOWS.BOXSHADOW_L2};
+  border-radius: 4px;
+
+  animation: ${props => props.animation.$keyframes} ${props => props.animation.$duration} ${props => props.animation.$bezier};
+  transform: ${props => props.animation.$transform};
+
+  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
+
+  padding: 0 ${props => props.$withClose ? '0' : '16px'} ${props => props.$withLoader ? '4px' : '0'} 16px;
+
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  justify-content: left;
+
+  position: relative;
+
+  width: max-content;
+  min-height: 48px;
+  box-sizing: border-box;
+
+  ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme))}
+
+  & a {
+    display: inline;
+    ${_HyperLink.HyperLinkInvertedStyling}
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.BLACK]} {
+    background-color: ${props => _styles.COLORS.getColor('neutral_800', props.theme)};
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.WHITE]} {
+    background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
+    color: ${props => _styles.COLORS.getColor('black', props.theme)};
+
+    & a {
+      ${_HyperLink.HyperLinkDefaultStyling}
+    }
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.BLUE]} {
+    background-color: ${props => _styles.COLORS.getColor('accent1_600', props.theme)};
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.GREEN]} {
+    background-color: ${props => _styles.COLORS.getColor('correct_500', props.theme)};
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.ORANGE]} {
+    background-color: ${props => _styles.COLORS.getColor('warning_500', props.theme)};
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.RED]} {
+    background-color: ${props => _styles.COLORS.getColor('critical_500', props.theme)};
+  }
+`;
+const ToastActionButtons = exports.ToastActionButtons = _styledComponents.default.div`
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  align-items: center;
+
+  & .action {
+    height: unset;
+  }
+`;
+const ToastCloseButton = exports.ToastCloseButton = _styledComponents.default.div`
+  & > button {
+    margin-left: 16px;
+
+    & svg {
+      padding: 0;
+    }
+  }
+
+  button svg path{
+    fill: ${props => _styles.COLORS.getColor('white', props.theme)} !important;
+  }
+
+  &.${_types.ToastColor[_types.ToastColor.WHITE]} {
+    button svg path {
+      fill: ${props => _styles.COLORS.getColor('neutral_600', props.theme)} !important;
+    }
+  }
+`;
+const ToastTextContainer = exports.ToastTextContainer = _styledComponents.default.span`
+  font-feature-settings: 'liga' off;
+  width: 240px;
+  display: flex;
+  padding: 16px 0;
+`;
+const ToastIconContainer = exports.ToastIconContainer = _styledComponents.default.span`
+  margin-right: -8px;
+`;
 const DEFAULT_OPTIONS = {
   color: _types.ToastColor.BLACK,
   autoClose: true,
@@ -37,7 +174,6 @@ const DEFAULT_OPTIONS = {
   enterFrom: _types.ToastEntryDirection.TOP
 };
 const Toast = _ref => {
-  var _opts$enterFrom, _opts$color, _opts$delay;
   let {
     content,
     remove,
@@ -46,7 +182,7 @@ const Toast = _ref => {
   } = _ref;
   if (!remove) throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');
   const styledTheme = (0, _styledComponents.useTheme)();
-  const removeRef = React.useRef();
+  const removeRef = React.useRef(null);
   removeRef.current = remove;
   const elementRef = React.useRef(null);
   const [shouldRemove, setShouldRemove] = React.useState(false);
@@ -56,7 +192,7 @@ const Toast = _ref => {
   });
   const opts = _objectSpread(_objectSpread({}, DEFAULT_OPTIONS), options);
   React.useEffect(() => {
-    if (opts !== null && opts !== void 0 && opts.autoClose) {
+    if (opts?.autoClose) {
       // @ts-ignore
       const id = setTimeout(() => setShouldRemove(true), opts.delay);
       return () => clearTimeout(id);
@@ -71,14 +207,13 @@ const Toast = _ref => {
     }
   }, [shouldRemove]);
   React.useEffect(() => {
-    var _elementRef$current, _elementRef$current2;
     setDimensions({
-      height: (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.clientHeight,
-      width: (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 ? void 0 : _elementRef$current2.clientWidth
+      height: elementRef.current?.clientHeight,
+      width: elementRef.current?.clientWidth
     });
   }, []);
   const animation = animations[shouldRemove ? 'leave' : 'enter'];
-  const direction = animation[(_opts$enterFrom = opts.enterFrom) !== null && _opts$enterFrom !== void 0 ? _opts$enterFrom : _types.ToastEntryDirection.TOP];
+  const direction = animation[opts.enterFrom ?? _types.ToastEntryDirection.TOP];
   const fromY = dimensions.height * direction.fromHeight;
   const toY = dimensions.height * direction.toHeight;
   const fromX = dimensions.width * direction.fromWidth;
@@ -86,21 +221,24 @@ const Toast = _ref => {
   let prop = {
     $duration: animation.duration,
     $bezier: animation.bezier,
-    $transform: "translateY(".concat(toY, ") translateX(").concat(toX, ")"),
-    $keyframes: (0, _styledComponents.keyframes)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n        0% {\n          transform: translateY(", "px) translateX(", "px);\n        }\n        100% {\n          transform: translateY(", "px) translateX(", "px);\n        }"])), fromY, fromX, toY, toX)
+    $transform: `translateY(${toY}) translateX(${toX})`,
+    $keyframes: (0, _styledComponents.keyframes)`
+        0% {
+          transform: translateY(${fromY}px) translateX(${fromX}px);
+        }
+        100% {
+          transform: translateY(${toY}px) translateX(${toX}px);
+        }`
   };
   if (!dimensions.height) {
     prop = _objectSpread(_objectSpread({}, prop), {
       $transform: 'translateY(-1000vh) translateX(-1000vw)',
-      $keyframes: (0, _styledComponents.keyframes)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)([""])))
+      $keyframes: (0, _styledComponents.keyframes)``
     });
   }
-  const theme = _types.ToastColor[(_opts$color = opts.color) !== null && _opts$color !== void 0 ? _opts$color : _types.ToastColor.BLACK];
+  const theme = _types.ToastColor[opts.color ?? _types.ToastColor.BLACK];
   if (!shouldRemove) {
-    setTimeout(() => {
-      var _elementRef$current3;
-      return elementRef === null || elementRef === void 0 || (_elementRef$current3 = elementRef.current) === null || _elementRef$current3 === void 0 ? void 0 : _elementRef$current3.focus();
-    });
+    setTimeout(() => elementRef?.current?.focus());
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ToastContainer, {
     "data-testid": testId,
@@ -129,7 +267,7 @@ const Toast = _ref => {
         children: action.label
       }, i))
     }), opts.showCloseButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastCloseButton, {
-      className: "close-button ".concat(theme),
+      className: `close-button ${theme}`,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
         variant: 'secondary',
         shape: "circular",
@@ -142,8 +280,8 @@ const Toast = _ref => {
         })
       })
     }), !!opts.autoClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(Loader, {
-      className: "loader ".concat(theme),
-      $duration: (_opts$delay = opts.delay) !== null && _opts$delay !== void 0 ? _opts$delay : 0
+      className: `loader ${theme}`,
+      $duration: opts.delay ?? 0
     })]
   });
 };

package/dist/Toasters/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_types","_styles","_Button","_HyperLink","_icons","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","LoaderAnimationKeyframes","keyframes","_taggedTemplateLiteral2","Loader","styled","div","props","$duration","ToastColor","BLACK","COLORS","getColor","theme","WHITE","BLUE","GREEN","ORANGE","RED","ToastContainer","exports","BOXSHADOWS","BOXSHADOW_L2","animation","$keyframes","$bezier","$transform","$withClose","$withLoader","ComponentSStyling","ComponentTextStyle","Regular","HyperLinkInvertedStyling","HyperLinkDefaultStyling","ToastActionButtons","ToastCloseButton","ToastTextContainer","span","ToastIconContainer","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","ToastPosition","TOPLEFT","enterFrom","ToastEntryDirection","TOP","Toast","_ref","_opts$enterFrom","_opts$color","_opts$delay","content","remove","options","testId","Error","styledTheme","useTheme","removeRef","useRef","current","elementRef","shouldRemove","setShouldRemove","useState","dimensions","setDimensions","width","height","opts","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","_elementRef$current3","focus","jsxs","ref","className","tabIndex","children","icon","jsx","action","map","Button","size","Size","Small","variant","type","ToastActionType","SECONDARY","colorTheme","invertFocus","onClick","handler","label","IconButton","shape","useTransparentBackground","event","SystemIcons","Close","propTypes","_propTypes","any","isRequired","bool","number","arrayOf","string","func","node","_default","enter","BOTTOM","LEFT","RIGHT","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,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAuC,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,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,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAnB,wBAAAmB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,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,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,CAAA1B,OAAA,EAAAL,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAEvC,MAAMkC,wBAAwB,OAAGC,2BAAS,EAAA7C,eAAA,KAAAA,eAAA,OAAA8C,uBAAA,CAAA/B,OAAA,wGAOzC;AAED,MAAMgC,MAAM,GAAGC,yBAAM,CAACC,GAAG,CAAAhD,gBAAA,KAAAA,gBAAA,OAAA6C,uBAAA,CAAA/B,OAAA,y7BASV6B,wBAAwB,EAAKM,KAAK,IAAKA,KAAK,CAACC,SAAS,EAE/DC,iBAAU,CAACA,iBAAU,CAACC,KAAK,CAAC,EACUH,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAASN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAIvJJ,iBAAU,CAACA,iBAAU,CAACK,KAAK,CAAC,EACUP,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAASN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC,EAIjJJ,iBAAU,CAACA,iBAAU,CAACM,IAAI,CAAC,EACWR,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAASN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAIvJJ,iBAAU,CAACA,iBAAU,CAACO,KAAK,CAAC,EACUT,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAASN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAIvJJ,iBAAU,CAACA,iBAAU,CAACQ,MAAM,CAAC,EACSV,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAASN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAIvJJ,iBAAU,CAACA,iBAAU,CAACS,GAAG,CAAC,EACYX,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEL,KAAK,CAACM,KAAK,CAAC,EAASN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEL,KAAK,CAACM,KAAK,CAAC,CAG9J;AAEM,MAAMM,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGd,yBAAM,CAACC,GAAG,CAAA/C,gBAAA,KAAAA,gBAAA,OAAA4C,uBAAA,CAAA/B,OAAA,myBACxBiD,kBAAU,CAACC,YAAY,EAGvBf,KAAK,IAAKA,KAAK,CAACgB,SAAS,CAACC,UAAU,EAAKjB,KAAK,IAAKA,KAAK,CAACgB,SAAS,CAACf,SAAS,EAAKD,KAAK,IAAKA,KAAK,CAACgB,SAAS,CAACE,OAAO,EAClHlB,KAAK,IAAKA,KAAK,CAACgB,SAAS,CAACG,UAAU,EAIpCnB,KAAK,IAAMA,KAAK,CAACoB,UAAU,GAAG,GAAG,GAAG,MAAO,EAAKpB,KAAK,IAAMA,KAAK,CAACqB,WAAW,GAAG,KAAK,GAAG,GAAI,EAcvGrB,KAAK,IAAI,IAAAsB,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAEpB,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC,CAAC,EAI3FmB,mCAAwB,EAGxBvB,iBAAU,CAACA,iBAAU,CAACC,KAAK,CAAC,EACVH,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAGtEJ,iBAAU,CAACA,iBAAU,CAACK,KAAK,CAAC,EACVP,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC,EACzDN,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC,EAGnDoB,kCAAuB,EAIzBxB,iBAAU,CAACA,iBAAU,CAACM,IAAI,CAAC,EACTR,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAGtEJ,iBAAU,CAACA,iBAAU,CAACO,KAAK,CAAC,EACVT,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAGtEJ,iBAAU,CAACA,iBAAU,CAACQ,MAAM,CAAC,EACXV,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAGtEJ,iBAAU,CAACA,iBAAU,CAACS,GAAG,CAAC,EACRX,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEL,KAAK,CAACM,KAAK,CAAC,CAE5E;AAEM,MAAMqB,kBAAkB,GAAAd,OAAA,CAAAc,kBAAA,GAAG7B,yBAAM,CAACC,GAAG,CAAA9C,gBAAA,KAAAA,gBAAA,OAAA2C,uBAAA,CAAA/B,OAAA,oIAS3C;AAEM,MAAM+D,gBAAgB,GAAAf,OAAA,CAAAe,gBAAA,GAAG9B,yBAAM,CAACC,GAAG,CAAA7C,gBAAA,KAAAA,gBAAA,OAAA0C,uBAAA,CAAA/B,OAAA,wOAU9BmC,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC,EAGpDJ,iBAAU,CAACA,iBAAU,CAACK,KAAK,CAAC,EAEpBP,KAAK,IAAII,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,CAGjE;AAEM,MAAMuB,kBAAkB,GAAAhB,OAAA,CAAAgB,kBAAA,GAAG/B,yBAAM,CAACgC,IAAI,CAAA3E,gBAAA,KAAAA,gBAAA,OAAAyC,uBAAA,CAAA/B,OAAA,wGAK5C;AAEM,MAAMkE,kBAAkB,GAAAlB,OAAA,CAAAkB,kBAAA,GAAGjC,yBAAM,CAACgC,IAAI,CAAA1E,gBAAA,KAAAA,gBAAA,OAAAwC,uBAAA,CAAA/B,OAAA,kCAE5C;AAiCD,MAAMmE,eAA6B,GAAG;EACpCC,KAAK,EAAE/B,iBAAU,CAACC,KAAK;EACvB+B,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,IAAI;EACXC,eAAe,EAAE,KAAK;EACtBC,QAAQ,EAAEC,oBAAa,CAACC,OAAO;EAC/BC,SAAS,EAAEC,0BAAmB,CAACC;AACjC,CAAC;AAED,MAAMC,KAAK,GAAGC,IAAA,IAAmE;EAAA,IAAAC,eAAA,EAAAC,WAAA,EAAAC,WAAA;EAAA,IAAlE;IAAEC,OAAO;IAAEC,MAAM;IAAEC,OAAO,GAAGlB,eAAe;IAAEmB;EAAc,CAAC,GAAAP,IAAA;EAI1E,IAAG,CAACK,MAAM,EACR,MAAM,IAAIG,KAAK,CAAC,qIAAqI,CAAC;EAExJ,MAAMC,WAAW,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EAE9B,MAAMC,SAAS,GAAGnH,KAAK,CAACoH,MAAM,CAAC,CAAC;EAChCD,SAAS,CAACE,OAAO,GAAGR,MAAM;EAE1B,MAAMS,UAAU,GAAGtH,KAAK,CAACoH,MAAM,CAAM,IAAI,CAAC;EAE1C,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAGxH,KAAK,CAACyH,QAAQ,CAAC,KAAK,CAAC;EAC7D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG3H,KAAK,CAACyH,QAAQ,CAAoC;IAAEG,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EAE9G,MAAMC,IAAI,GAAA/E,aAAA,CAAAA,aAAA,KAAQ6C,eAAe,GAAKkB,OAAO,CAAE;EAE/C9G,KAAK,CAAC+H,SAAS,CAAC,MAAM;IACpB,IAAID,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEhC,SAAS,EAAE;MACnB;MACA,MAAMkC,EAAE,GAAGC,UAAU,CAAC,MAAMT,eAAe,CAAC,IAAI,CAAC,EAAEM,IAAI,CAAC/B,KAAK,CAAC;MAC9D,OAAO,MAAMmC,YAAY,CAACF,EAAE,CAAC;IAC/B;IACA,OAAOG,SAAS;EAClB,CAAC,EAAE,EAAE,CAAC;EAENnI,KAAK,CAAC+H,SAAS,CAAC,MAAM;IACpB,IAAIR,YAAY,EAAE;MAChB;MACA,MAAMS,EAAE,GAAGC,UAAU,CAAC,MAAMd,SAAS,CAACE,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;MACrD,OAAO,MAAMa,YAAY,CAACF,EAAE,CAAC;IAC/B;EACF,CAAC,EAAE,CAACT,YAAY,CAAC,CAAC;EAElBvH,KAAK,CAAC+H,SAAS,CAAC,MAAM;IAAA,IAAAK,mBAAA,EAAAC,oBAAA;IACpBV,aAAa,CAAC;MAAEE,MAAM,GAAAO,mBAAA,GAAEd,UAAU,CAACD,OAAO,cAAAe,mBAAA,uBAAlBA,mBAAA,CAAoBE,YAAY;MAAEV,KAAK,GAAAS,oBAAA,GAAEf,UAAU,CAACD,OAAO,cAAAgB,oBAAA,uBAAlBA,oBAAA,CAAoBE;IAAY,CAAC,CAAC;EACrG,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM3D,SAAS,GAAG4D,UAAU,CAACjB,YAAY,GAAG,OAAO,GAAG,OAAO,CAAC;EAC9D,MAAMkB,SAAS,GAAG7D,SAAS,EAAA6B,eAAA,GAACqB,IAAI,CAAC1B,SAAS,cAAAK,eAAA,cAAAA,eAAA,GAAIJ,0BAAmB,CAACC,GAAG,CAAC;EAEtE,MAAMoC,KAAK,GAAGhB,UAAU,CAACG,MAAM,GAAGY,SAAS,CAACE,UAAU;EACtD,MAAMC,GAAG,GAAGlB,UAAU,CAACG,MAAM,GAAGY,SAAS,CAACI,QAAQ;EAClD,MAAMC,KAAK,GAAGpB,UAAU,CAACE,KAAK,GAAGa,SAAS,CAACM,SAAS;EACpD,MAAMC,GAAG,GAAGtB,UAAU,CAACE,KAAK,GAAGa,SAAS,CAACQ,OAAO;EAEhD,IAAIC,IAAI,GAAG;IACTrF,SAAS,EAAEe,SAAS,CAACuE,QAAQ;IAC7BrE,OAAO,EAAEF,SAAS,CAACwE,MAAM;IACzBrE,UAAU,gBAAAsE,MAAA,CAAgBT,GAAG,mBAAAS,MAAA,CAAgBL,GAAG,MAAG;IACnDnE,UAAU,MAAEtB,2BAAS,EAAAtC,gBAAA,KAAAA,gBAAA,OAAAuC,uBAAA,CAAA/B,OAAA,wLAESiH,KAAK,EAAkBI,KAAK,EAG5BF,GAAG,EAAkBI,GAAG;EAExD,CAAC;EAED,IAAI,CAACtB,UAAU,CAACG,MAAM,EAAE;IACtBqB,IAAI,GAAAnG,aAAA,CAAAA,aAAA,KACCmG,IAAI,GACJ;MACDnE,UAAU,EAAE,yCAAyC;MACrDF,UAAU,MAAEtB,2BAAS,EAAArC,gBAAA,KAAAA,gBAAA,OAAAsC,uBAAA,CAAA/B,OAAA;IACvB,CAAC,CACF;EACH;EAEA,MAAMyC,KAAK,GAAGJ,iBAAU,EAAA4C,WAAA,GAACoB,IAAI,CAACjC,KAAK,cAAAa,WAAA,cAAAA,WAAA,GAAI5C,iBAAU,CAACC,KAAK,CAAC;EAExD,IAAI,CAACwD,YAAY,EAAC;IAChBU,UAAU,CAAC;MAAA,IAAAqB,oBAAA;MAAA,OAAMhC,UAAU,aAAVA,UAAU,gBAAAgC,oBAAA,GAAVhC,UAAU,CAAED,OAAO,cAAAiC,oBAAA,uBAAnBA,oBAAA,CAAqBC,KAAK,CAAC,CAAC;IAAA,EAAC;EAChD;EAEA,oBACE,IAAA9I,WAAA,CAAA+I,IAAA,EAAChF,cAAc;IAAC,eAAauC,MAAO;IACzBnC,SAAS,EAAEsE,IAAK;IAChBO,GAAG,EAAEnC,UAAW;IAChBrC,WAAW,EAAE,CAAC,CAAC6C,IAAI,CAAChC,SAAU;IAC9B4D,SAAS,EAAExF,KAAM;IACjBc,UAAU,EAAE,CAAC,CAAC8C,IAAI,CAAC9B,eAAgB;IACnC2D,QAAQ,EAAE,CAAC,CAAE;IAAAC,QAAA,GACrB9B,IAAI,CAAC+B,IAAI,iBAAI,IAAApJ,WAAA,CAAAqJ,GAAA,EAACnE,kBAAkB;MAAAiE,QAAA,EAAE9B,IAAI,CAAC+B;IAAI,CAAqB,CAAC,eAClE,IAAApJ,WAAA,CAAAqJ,GAAA,EAACrE,kBAAkB;MAACiE,SAAS,EAAE,aAAc;MAAAE,QAAA,EAAEhD;IAAO,CAAqB,CAAC,EAC3EkB,IAAI,CAACiC,MAAM,iBACV,IAAAtJ,WAAA,CAAAqJ,GAAA,EAACvE,kBAAkB;MAAAqE,QAAA,EAChB9B,IAAI,CAACiC,MAAM,CAACC,GAAG,CAAC,CAACD,MAAM,EAAE1H,CAAC,kBACzB,IAAA5B,WAAA,CAAAqJ,GAAA,EAACxJ,OAAA,CAAA2J,MAAM;QACLC,IAAI,EAAEC,WAAI,CAACC,KAAM;QACjBC,OAAO,EAAEN,MAAM,CAACO,IAAI,KAAKC,sBAAe,CAACC,SAAS,GAAG,WAAW,GAAG,SAAU;QAC7EC,UAAU,EAAE3C,IAAI,CAACjC,KAAK,KAAK/B,iBAAU,CAACK,KAAK,GAAG,MAAM,GAAG,MAAO;QAC9DuG,WAAW,EAAE5C,IAAI,CAACjC,KAAK,KAAK/B,iBAAU,CAACC,KAAM;QAE7C4G,OAAO,EAAEA,CAAA,KAAM;UACbnD,eAAe,CAAC,IAAI,CAAC;UACrBuC,MAAM,CAACa,OAAO,CAAC,CAAC;QAClB,CAAE;QACFlB,SAAS,EAAE,QAAS;QAAAE,QAAA,EACnBG,MAAM,CAACc;MAAK,GANRxI,CAOC,CACT;IAAC,CACgB,CACrB,EACAyF,IAAI,CAAC9B,eAAe,iBACnB,IAAAvF,WAAA,CAAAqJ,GAAA,EAACtE,gBAAgB;MAACkE,SAAS,kBAAAL,MAAA,CAAkBnF,KAAK,CAAG;MAAA0F,QAAA,eACnD,IAAAnJ,WAAA,CAAAqJ,GAAA,EAACxJ,OAAA,CAAAwK,UAAU;QAACT,OAAO,EAAE,WAAY;QACrBU,KAAK,EAAC,UAAU;QAChBC,wBAAwB,EAAE,IAAK;QAC/BN,WAAW,EAAE5C,IAAI,CAACjC,KAAK,KAAK/B,iBAAU,CAACC,KAAM;QAC7CgG,MAAM,EAAGkB,KAAK,IAAKzD,eAAe,CAAC,IAAI,CAAE;QAAAoC,QAAA,eACnD,IAAAnJ,WAAA,CAAAqJ,GAAA,EAACtJ,MAAA,CAAA0K,WAAW,CAACC,KAAK;UAACjB,IAAI,EAAC,MAAM;UAACrE,KAAK,EAAE7B,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEgD,WAAW;QAAE,CAAE;MAAC,CAC3E;IAAC,CACG,CACnB,EACA,CAAC,CAACa,IAAI,CAAChC,SAAS,iBAAI,IAAArF,WAAA,CAAAqJ,GAAA,EAACrG,MAAM;MAACiG,SAAS,YAAAL,MAAA,CAAYnF,KAAK,CAAG;MAACL,SAAS,GAAA8C,WAAA,GAAEmB,IAAI,CAAC/B,KAAK,cAAAY,WAAA,cAAAA,WAAA,GAAI;IAAE,CAAE,CAAC;EAAA,CAC3E,CAAC;AAErB,CAAC;AAACJ,KAAA,CAAA6E,SAAA;EAvIAvE,MAAM,EAAAwE,UAAA,CAAA5J,OAAA,CAAA6J,GAAA;EACN1E,OAAO,EAAAyE,UAAA,CAAA5J,OAAA,CAAA6J,GAAA,CAAAC,UAAA;EACPzE,OAAO,EAAAuE,UAAA,CAAA5J,OAAA,CAAAsJ,KAAA;IAvBPjF,SAAS,EAAAuF,UAAA,CAAA5J,OAAA,CAAA+J,IAAA;IAETzF,KAAK,EAAAsF,UAAA,CAAA5J,OAAA,CAAAgK,MAAA;IAELzF,eAAe,EAAAqF,UAAA,CAAA5J,OAAA,CAAA+J,IAAA;IAGfzB,MAAM,EAAAsB,UAAA,CAAA5J,OAAA,CAAAiK,OAAA,CAAAL,UAAA,CAAA5J,OAAA,CAAAsJ,KAAA;MACJF,KAAK,EAAAQ,UAAA,CAAA5J,OAAA,CAAAkK,MAAA,CAAAJ,UAAA;MACLX,OAAO,EAAAS,UAAA,CAAA5J,OAAA,CAAAmK,IAAA,CAAAL;IAAA;IAQT1B,IAAI,EAAAwB,UAAA,CAAA5J,OAAA,CAAAoK;EAAA;EAOJ9E,MAAM,EAAAsE,UAAA,CAAA5J,OAAA,CAAAkK;AAAA;AAAA,IAAAG,QAAA,GAAArH,OAAA,CAAAhD,OAAA,GAsIO8E,KAAK;AAEpB,MAAMiC,UAAU,GAAG;EACjBuD,KAAK,EAAE;IACL3C,MAAM,EAAE,mCAAmC;IAC3CD,QAAQ,EAAE,OAAO;IACjB,CAAC9C,0BAAmB,CAACC,GAAG,GAAG;MACzBqC,UAAU,EAAE,CAAC,CAAC;MACdE,QAAQ,EAAE,CAAC;MACXE,SAAS,EAAE,CAAC;MACZE,OAAO,EAAE;IACX,CAAC;IACD,CAAC5C,0BAAmB,CAAC2F,MAAM,GAAG;MAC5BrD,UAAU,EAAE,CAAC;MACbE,QAAQ,EAAE,CAAC;MACXE,SAAS,EAAE,CAAC;MACZE,OAAO,EAAE;IACX,CAAC;IACD,CAAC5C,0BAAmB,CAAC4F,IAAI,GAAG;MAC1BtD,UAAU,EAAE,CAAC;MACbE,QAAQ,EAAE,CAAC;MACXE,SAAS,EAAE,CAAC,CAAC;MACbE,OAAO,EAAE;IACX,CAAC;IACD,CAAC5C,0BAAmB,CAAC6F,KAAK,GAAG;MAC3BvD,UAAU,EAAE,CAAC;MACbE,QAAQ,EAAE,CAAC;MACXE,SAAS,EAAE,CAAC;MACZE,OAAO,EAAE;IACX;EACF,CAAC;EACDkD,KAAK,EAAE;IACL/C,MAAM,EAAE,qCAAqC;IAC7CD,QAAQ,EAAE,OAAO;IACjB,CAAC9C,0BAAmB,CAACC,GAAG,GAAG;MACzBqC,UAAU,EAAE,CAAC;MACbE,QAAQ,EAAE,CAAC,CAAC;MACZE,SAAS,EAAE,CAAC;MACZE,OAAO,EAAE;IACX,CAAC;IACD,CAAC5C,0BAAmB,CAAC2F,MAAM,GAAG;MAC5BrD,UAAU,EAAE,CAAC;MACbE,QAAQ,EAAE,CAAC;MACXE,SAAS,EAAE,CAAC;MACZE,OAAO,EAAE;IACX,CAAC;IACD,CAAC5C,0BAAmB,CAAC4F,IAAI,GAAG;MAC1BtD,UAAU,EAAE,CAAC;MACbE,QAAQ,EAAE,CAAC;MACXE,SAAS,EAAE,CAAC;MACZE,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,CAAC5C,0BAAmB,CAAC6F,KAAK,GAAG;MAC3BvD,UAAU,EAAE,CAAC;MACbE,QAAQ,EAAE,CAAC;MACXE,SAAS,EAAE,CAAC;MACZE,OAAO,EAAE;IACX;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"Toast.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_types","_styles","_Button","_HyperLink","_icons","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","LoaderAnimationKeyframes","keyframes","Loader","styled","div","props","$duration","ToastColor","BLACK","COLORS","getColor","theme","WHITE","BLUE","GREEN","ORANGE","RED","ToastContainer","exports","BOXSHADOWS","BOXSHADOW_L2","animation","$keyframes","$bezier","$transform","$withClose","$withLoader","ComponentSStyling","ComponentTextStyle","Regular","HyperLinkInvertedStyling","HyperLinkDefaultStyling","ToastActionButtons","ToastCloseButton","ToastTextContainer","span","ToastIconContainer","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","ToastPosition","TOPLEFT","enterFrom","ToastEntryDirection","TOP","Toast","_ref","content","remove","options","testId","Error","styledTheme","useTheme","removeRef","useRef","current","elementRef","shouldRemove","setShouldRemove","useState","dimensions","setDimensions","width","height","opts","useEffect","id","setTimeout","clearTimeout","undefined","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","duration","bezier","focus","jsxs","ref","className","tabIndex","children","icon","jsx","action","map","Button","size","Size","Small","variant","type","ToastActionType","SECONDARY","colorTheme","invertFocus","onClick","handler","label","IconButton","shape","useTransparentBackground","event","SystemIcons","Close","propTypes","_propTypes","any","isRequired","bool","number","arrayOf","string","func","node","_default","enter","BOTTOM","LEFT","RIGHT","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(null);\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":"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","ignoreList":[]}

package/dist/Toasters/Toast.d.ts

@@ -1,46 +1,46 @@
-import * as React from 'react';
-import { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';
-export declare const ToastContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    animation: {
-        $duration: string;
-        $bezier: string;
-        $transform: string;
-        $keyframes: any;
-    };
-    $withLoader: boolean;
-    $withClose: boolean;
-}>> & string;
-export declare const ToastActionButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ToastCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ToastTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ToastIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export type ToastOptions = {
-    /** Optional. Color of the toast. Defaults to 'BLACK' */
-    color?: ToastColor;
-    /** Optional. If set Toast will automatically close after delay. Defaults to 'true' */
-    autoClose?: boolean;
-    /** Optional. Delay after which toast will disappear in milliseconds. Defaults to '5000' */
-    delay?: number;
-    /** Optional. If set then Close button will be shown on the right side of the Toast. Defaults to 'false' */
-    showCloseButton?: boolean;
-    /** Optional. Custom action to be available in the Toast, will be shown on the right side of the Toast. */
-    action?: {
-        label: string;
-        handler: () => void;
-        type?: ToastActionType;
-    }[];
-    /** Required. Position on the screen at which Toast will be shown */
-    position: ToastPosition;
-    /** Optional. From which side of the screen appearance animation will start. Defaults to 'TOP' */
-    enterFrom?: ToastEntryDirection;
-    /** Optional. Icon that will be shown on the left side of the Toast */
-    icon?: React.ReactNode;
-};
-type Props = {
-    remove?: any;
-    content: any;
-    options?: ToastOptions;
-    testId?: string;
-};
-declare const Toast: ({ content, remove, options, testId }: Props) => React.JSX.Element;
-export default Toast;
+import * as React from 'react';
+import { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';
+export declare const ToastContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    animation: {
+        $duration: string;
+        $bezier: string;
+        $transform: string;
+        $keyframes: any;
+    };
+    $withLoader: boolean;
+    $withClose: boolean;
+}>> & string;
+export declare const ToastActionButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ToastCloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ToastTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ToastIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export type ToastOptions = {
+    /** Optional. Color of the toast. Defaults to 'BLACK' */
+    color?: ToastColor;
+    /** Optional. If set Toast will automatically close after delay. Defaults to 'true' */
+    autoClose?: boolean;
+    /** Optional. Delay after which toast will disappear in milliseconds. Defaults to '5000' */
+    delay?: number;
+    /** Optional. If set then Close button will be shown on the right side of the Toast. Defaults to 'false' */
+    showCloseButton?: boolean;
+    /** Optional. Custom action to be available in the Toast, will be shown on the right side of the Toast. */
+    action?: {
+        label: string;
+        handler: () => void;
+        type?: ToastActionType;
+    }[];
+    /** Required. Position on the screen at which Toast will be shown */
+    position: ToastPosition;
+    /** Optional. From which side of the screen appearance animation will start. Defaults to 'TOP' */
+    enterFrom?: ToastEntryDirection;
+    /** Optional. Icon that will be shown on the left side of the Toast */
+    icon?: React.ReactNode;
+};
+type Props = {
+    remove?: any;
+    content: any;
+    options?: ToastOptions;
+    testId?: string;
+};
+declare const Toast: ({ content, remove, options, testId }: Props) => React.JSX.Element;
+export default Toast;