@laerdal/life-react-components 2.0.1-dev.9 → 2.1.0

package/dist/Tile/TileHeader.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 import React from 'react';
 import { Size } from '../types';
 import styled from 'styled-components';
@@ -17,14 +15,12 @@ var TitleContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedT
 var TextContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1;\n"])));
 var ActionContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
 var Wrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 4px 16px;\n    min-height: 56px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n  }\n\n  &.medium {\n    padding: 8px 20px;\n    min-height: 64px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n\n  &.large {\n    padding: 12px 24px;\n    min-height: 72px;\n\n    ", " {\n      ", "\n    }\n\n    ", " {\n      ", "\n    }\n\n  }\n"])), TagLineContainer, ComponentXXSStyling(ComponentTextStyle.Regular, null), TitleContainer, ComponentSStyling(ComponentTextStyle.Bold, null), TagLineContainer, ComponentXSStyling(ComponentTextStyle.Regular, null), TitleContainer, ComponentMStyling(ComponentTextStyle.Bold, null), TagLineContainer, ComponentSStyling(ComponentTextStyle.Regular, null), TitleContainer, ComponentLStyling(ComponentTextStyle.Bold, null));
-
 var TileHeader = function TileHeader(_ref) {
   var title = _ref.title,
-      tagLine = _ref.tagLine,
-      tooltip = _ref.tooltip,
-      buttons = _ref.buttons,
-      size = _ref.size;
-
+    tagLine = _ref.tagLine,
+    tooltip = _ref.tooltip,
+    buttons = _ref.buttons,
+    size = _ref.size;
   var renderTooltip = function renderTooltip() {
     return !!tooltip && /*#__PURE__*/_jsx(TooltipWrapper, {
       delay: "0s",
@@ -47,7 +43,6 @@ var TileHeader = function TileHeader(_ref) {
       })
     });
   };
-
   return /*#__PURE__*/_jsxs(Wrapper, {
     className: size,
     children: [/*#__PURE__*/_jsxs(TextContainer, {
@@ -63,6 +58,5 @@ var TileHeader = function TileHeader(_ref) {
     })]
   });
 };
-
 export default TileHeader;
 //# sourceMappingURL=TileHeader.js.map

package/dist/Tile/TileHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileHeader.js","names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","IconButton","Help","RenderTileItem","TagLineContainer","div","neutral_600","TitleContainer","black","TextContainer","ActionContainer","Wrapper","Regular","Bold","TileHeader","title","tagLine","tooltip","buttons","size","renderTooltip","XSmall","cursor","map","item","index"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {TileHeaderProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle, ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {TooltipWrapper} from '../Tooltips';\nimport {IconButton} from '../Button';\nimport {Help} from '../icons/systemicons/SystemIcons';\nimport {RenderTileItem} from './TileCommonItems';\n\nconst TagLineContainer = styled.div`\n  color: ${COLORS.neutral_600};\n`;\n\nconst TitleContainer = styled.div`\n  color: ${COLORS.black};\n`;\n\nconst TextContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1;\n`;\n\nconst ActionContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 4px 16px;\n    min-height: 56px;\n\n    ${TagLineContainer} {\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n  }\n\n  &.medium {\n    padding: 8px 20px;\n    min-height: 64px;\n\n    ${TagLineContainer} {\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n\n  &.large {\n    padding: 12px 24px;\n    min-height: 72px;\n\n    ${TagLineContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n`;\n\n\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\n                                                                                 title,\n                                                                                 tagLine,\n                                                                                 tooltip,\n                                                                                 buttons,\n                                                                                 size\n                                                                               }) => {\n\n  const renderTooltip = () =>\n    !!tooltip &&\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\n                    align=\"center\"\n                    position=\"bottom\"\n                    withArrow={false}\n                    label={tooltip}>\n      <IconButton variant=\"secondary\"\n                  shape=\"circular\"\n                  style={{cursor: 'help'}}\n                  action={() => {\n                  }}>\n        <Help size=\"24px\" color={COLORS.neutral_600}/>\n      </IconButton>\n    </TooltipWrapper>;\n\n\n  return (\n    <Wrapper className={size}>\n      <TextContainer>\n        {tagLine && <TagLineContainer>{tagLine}</TagLineContainer>}\n        <TitleContainer>{title}</TitleContainer>\n      </TextContainer>\n      <ActionContainer>\n        {renderTooltip()}\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\n      </ActionContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileHeader;\n"],"mappings":"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"}
+{"version":3,"file":"TileHeader.js","names":["React","Size","styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","TooltipWrapper","IconButton","Help","RenderTileItem","TagLineContainer","div","neutral_600","TitleContainer","black","TextContainer","ActionContainer","Wrapper","Regular","Bold","TileHeader","title","tagLine","tooltip","buttons","size","renderTooltip","XSmall","cursor","map","item","index"],"sources":["../../src/Tile/TileHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {TileHeaderProps} from './TileTypes';\nimport {Size} from '../types';\nimport styled from 'styled-components';\nimport {\n  COLORS,\n  ComponentLStyling,\n  ComponentMStyling,\n  ComponentSStyling,\n  ComponentTextStyle, ComponentXSStyling,\n  ComponentXXSStyling\n} from '../styles';\nimport {TooltipWrapper} from '../Tooltips';\nimport {IconButton} from '../Button';\nimport {Help} from '../icons/systemicons/SystemIcons';\nimport {RenderTileItem} from './TileCommonItems';\n\nconst TagLineContainer = styled.div`\n  color: ${COLORS.neutral_600};\n`;\n\nconst TitleContainer = styled.div`\n  color: ${COLORS.black};\n`;\n\nconst TextContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex: 1;\n`;\n\nconst ActionContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Wrapper = styled.div`\n  display: flex;\n  align-items: center;\n\n  min-height: 56px;\n  box-sizing: border-box;\n\n  &.small {\n    padding: 4px 16px;\n    min-height: 56px;\n\n    ${TagLineContainer} {\n      ${ComponentXXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n    }\n  }\n\n  &.medium {\n    padding: 8px 20px;\n    min-height: 64px;\n\n    ${TagLineContainer} {\n      ${ComponentXSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n\n  &.large {\n    padding: 12px 24px;\n    min-height: 72px;\n\n    ${TagLineContainer} {\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\n    }\n\n    ${TitleContainer} {\n      ${ComponentLStyling(ComponentTextStyle.Bold, null)}\n    }\n\n  }\n`;\n\n\nconst TileHeader: React.FunctionComponent<TileHeaderProps & { size: Size }> = ({\n                                                                                 title,\n                                                                                 tagLine,\n                                                                                 tooltip,\n                                                                                 buttons,\n                                                                                 size\n                                                                               }) => {\n\n  const renderTooltip = () =>\n    !!tooltip &&\n    <TooltipWrapper delay=\"0s\" size={Size.XSmall}\n                    align=\"center\"\n                    position=\"bottom\"\n                    withArrow={false}\n                    label={tooltip}>\n      <IconButton variant=\"secondary\"\n                  shape=\"circular\"\n                  style={{cursor: 'help'}}\n                  action={() => {\n                  }}>\n        <Help size=\"24px\" color={COLORS.neutral_600}/>\n      </IconButton>\n    </TooltipWrapper>;\n\n\n  return (\n    <Wrapper className={size}>\n      <TextContainer>\n        {tagLine && <TagLineContainer>{tagLine}</TagLineContainer>}\n        <TitleContainer>{title}</TitleContainer>\n      </TextContainer>\n      <ActionContainer>\n        {renderTooltip()}\n        {buttons && buttons.map((item, index) => RenderTileItem(item, size, index))}\n      </ActionContainer>\n    </Wrapper>\n  )\n}\n\nexport default TileHeader;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,IAAI,QAAO,UAAU;AAC7B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SACEC,MAAM,EACNC,iBAAiB,EACjBC,iBAAiB,EACjBC,iBAAiB,EACjBC,kBAAkB,EAAEC,kBAAkB,EACtCC,mBAAmB,QACd,WAAW;AAClB,SAAQC,cAAc,QAAO,aAAa;AAC1C,SAAQC,UAAU,QAAO,WAAW;AACpC,SAAQC,IAAI,QAAO,kCAAkC;AACrD,SAAQC,cAAc,QAAO,mBAAmB;AAAC;AAAA;AAEjD,IAAMC,gBAAgB,GAAGZ,MAAM,CAACa,GAAG,wFACxBZ,MAAM,CAACa,WAAW,CAC5B;AAED,IAAMC,cAAc,GAAGf,MAAM,CAACa,GAAG,0FACtBZ,MAAM,CAACe,KAAK,CACtB;AAED,IAAMC,aAAa,GAAGjB,MAAM,CAACa,GAAG,8JAK/B;AAED,IAAMK,eAAe,GAAGlB,MAAM,CAACa,GAAG,mHAGjC;AAED,IAAMM,OAAO,GAAGnB,MAAM,CAACa,GAAG,2jBAWpBD,gBAAgB,EACdL,mBAAmB,CAACF,kBAAkB,CAACe,OAAO,EAAE,IAAI,CAAC,EAGvDL,cAAc,EACZX,iBAAiB,CAACC,kBAAkB,CAACgB,IAAI,EAAE,IAAI,CAAC,EAQlDT,gBAAgB,EACdN,kBAAkB,CAACD,kBAAkB,CAACe,OAAO,EAAE,IAAI,CAAC,EAGtDL,cAAc,EACZZ,iBAAiB,CAACE,kBAAkB,CAACgB,IAAI,EAAE,IAAI,CAAC,EASlDT,gBAAgB,EACdR,iBAAiB,CAACC,kBAAkB,CAACe,OAAO,EAAE,IAAI,CAAC,EAGrDL,cAAc,EACZb,iBAAiB,CAACG,kBAAkB,CAACgB,IAAI,EAAE,IAAI,CAAC,CAIvD;AAGD,IAAMC,UAAqE,GAAG,SAAxEA,UAAqE,OAMU;EAAA,IALJC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;EAGnF,IAAMC,aAAa,GAAG,SAAhBA,aAAa;IAAA,OACjB,CAAC,CAACH,OAAO,iBACT,KAAC,cAAc;MAAC,KAAK,EAAC,IAAI;MAAC,IAAI,EAAE1B,IAAI,CAAC8B,MAAO;MAC7B,KAAK,EAAC,QAAQ;MACd,QAAQ,EAAC,QAAQ;MACjB,SAAS,EAAE,KAAM;MACjB,KAAK,EAAEJ,OAAQ;MAAA,uBAC7B,KAAC,UAAU;QAAC,OAAO,EAAC,WAAW;QACnB,KAAK,EAAC,UAAU;QAChB,KAAK,EAAE;UAACK,MAAM,EAAE;QAAM,CAAE;QACxB,MAAM,EAAE,kBAAM,CACd,CAAE;QAAA,uBACZ,KAAC,IAAI;UAAC,IAAI,EAAC,MAAM;UAAC,KAAK,EAAE7B,MAAM,CAACa;QAAY;MAAE;IACnC,EACE;EAAA;EAGnB,oBACE,MAAC,OAAO;IAAC,SAAS,EAAEa,IAAK;IAAA,wBACvB,MAAC,aAAa;MAAA,WACXH,OAAO,iBAAI,KAAC,gBAAgB;QAAA,UAAEA;MAAO,EAAoB,eAC1D,KAAC,cAAc;QAAA,UAAED;MAAK,EAAkB;IAAA,EAC1B,eAChB,MAAC,eAAe;MAAA,WACbK,aAAa,EAAE,EACfF,OAAO,IAAIA,OAAO,CAACK,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,OAAKtB,cAAc,CAACqB,IAAI,EAAEL,IAAI,EAAEM,KAAK,CAAC;MAAA,EAAC;IAAA,EAC3D;EAAA,EACV;AAEd,CAAC;AAED,eAAeX,UAAU"}

package/dist/Tile/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,11 +13,8 @@ Object.defineProperty(exports, "Tile", {
     return _Tile.default;
   }
 });
-
 var _Tile = _interopRequireDefault(require("./Tile"));
-
 var _TileTypes = require("./TileTypes");
-
 Object.keys(_TileTypes).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/dist/Tile/index.cjs.map

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

package/dist/Tile/index.js.map

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

package/dist/Toasters/Toast.cjs

@@ -1,54 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 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"));
-
 var _types = require("../types");
-
 var _styles = require("../styles");
-
 var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
 var _Button = require("../Button");
-
 var _HyperLink = require("../HyperLink");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _enter, _leave;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var LoaderAnimationKeyframes = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n"])));
-
 var 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, function (props) {
   return props.duration;
 }, _types.ToastColor[_types.ToastColor.BLACK], _styles.COLORS.neutral_200, _styles.COLORS.neutral_800, _types.ToastColor[_types.ToastColor.WHITE], _styles.COLORS.neutral_400, _styles.COLORS.white, _types.ToastColor[_types.ToastColor.BLUE], _styles.COLORS.accent1_200, _styles.COLORS.accent1_600, _types.ToastColor[_types.ToastColor.GREEN], _styles.COLORS.correct_200, _styles.COLORS.correct_500, _types.ToastColor[_types.ToastColor.ORANGE], _styles.COLORS.warning_200, _styles.COLORS.warning_500, _types.ToastColor[_types.ToastColor.RED], _styles.COLORS.critical_200, _styles.COLORS.critical_500);
-
 var Container = _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, function (props) {
   return props.animation.keyframes;
 }, function (props) {
@@ -62,15 +40,10 @@ var Container = _styledComponents.default.div(_templateObject3 || (_templateObje
 }, function (props) {
   return props.withLoader ? '4px' : '0';
 }, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.white), _HyperLink.HyperLinkInvertedStyling, _types.ToastColor[_types.ToastColor.BLACK], _styles.COLORS.neutral_800, _types.ToastColor[_types.ToastColor.WHITE], _styles.COLORS.white, _styles.COLORS.black, _HyperLink.HyperLinkDefaultStyling, _types.ToastColor[_types.ToastColor.BLUE], _styles.COLORS.accent1_600, _types.ToastColor[_types.ToastColor.GREEN], _styles.COLORS.correct_500, _types.ToastColor[_types.ToastColor.ORANGE], _styles.COLORS.warning_500, _types.ToastColor[_types.ToastColor.RED], _styles.COLORS.critical_500);
-
 var ActionButtons = _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"])));
-
 var CloseButton = _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"])), _styles.COLORS.white, _types.ToastColor[_types.ToastColor.WHITE], _styles.COLORS.neutral_600);
-
 var TextContainer = _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"])));
-
 var IconContainer = _styledComponents.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: -8px;\n"])));
-
 var DEFAULT_OPTIONS = {
   color: _types.ToastColor.BLACK,
   autoClose: true,
@@ -79,35 +52,29 @@ var DEFAULT_OPTIONS = {
   position: _types.ToastPosition.TOPLEFT,
   enterFrom: _types.ToastEntryDirection.TOP
 };
-
 var Toast = function Toast(_ref) {
   var _opts$enterFrom, _opts$color, _opts$delay;
-
   var content = _ref.content,
-      remove = _ref.remove,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? DEFAULT_OPTIONS : _ref$options,
-      testId = _ref.testId;
+    remove = _ref.remove,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? DEFAULT_OPTIONS : _ref$options,
+    testId = _ref.testId;
   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');
   var removeRef = React.useRef();
   removeRef.current = remove;
   var elementRef = React.useRef(null);
-
   var _React$useState = React.useState(false),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      shouldRemove = _React$useState2[0],
-      setShouldRemove = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    shouldRemove = _React$useState2[0],
+    setShouldRemove = _React$useState2[1];
   var _React$useState3 = React.useState({
-    width: 0,
-    height: 0
-  }),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      dimensions = _React$useState4[0],
-      setDimensions = _React$useState4[1];
-
+      width: 0,
+      height: 0
+    }),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    dimensions = _React$useState4[0],
+    setDimensions = _React$useState4[1];
   var opts = _objectSpread(_objectSpread({}, DEFAULT_OPTIONS), options);
-
   React.useEffect(function () {
     if (opts !== null && opts !== void 0 && opts.autoClose) {
       // @ts-ignore
@@ -118,7 +85,6 @@ var Toast = function Toast(_ref) {
         return clearTimeout(id);
       };
     }
-
     return undefined;
   }, []);
   React.useEffect(function () {
@@ -134,7 +100,6 @@ var Toast = function Toast(_ref) {
   }, [shouldRemove]);
   React.useEffect(function () {
     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
@@ -152,24 +117,19 @@ var Toast = function Toast(_ref) {
     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)
   };
-
   if (!dimensions.height) {
     prop = _objectSpread(_objectSpread({}, prop), {
       transform: 'translateY(-1000vh) translateX(-1000vw)',
       keyframes: (0, _styledComponents.keyframes)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)([""])))
     });
   }
-
   var theme = _types.ToastColor[(_opts$color = opts.color) !== null && _opts$color !== void 0 ? _opts$color : _types.ToastColor.BLACK];
-
   if (!shouldRemove) {
     setTimeout(function () {
       var _elementRef$current3;
-
       return elementRef === null || elementRef === void 0 ? void 0 : (_elementRef$current3 = elementRef.current) === null || _elementRef$current3 === void 0 ? void 0 : _elementRef$current3.focus();
     });
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
     "data-testid": testId,
     animation: prop,
@@ -219,7 +179,6 @@ var Toast = function Toast(_ref) {
     })]
   });
 };
-
 Toast.propTypes = {
   remove: _propTypes.default.any,
   content: _propTypes.default.any.isRequired,

package/dist/Toasters/Toast.cjs.map

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

package/dist/Toasters/Toast.js

@@ -2,13 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _enter, _leave;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import * as React from 'react';
 import styled, { keyframes } from 'styled-components';
 import { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';
@@ -49,35 +45,29 @@ var DEFAULT_OPTIONS = {
   position: ToastPosition.TOPLEFT,
   enterFrom: ToastEntryDirection.TOP
 };
-
 var Toast = function Toast(_ref) {
   var _opts$enterFrom, _opts$color, _opts$delay;
-
   var content = _ref.content,
-      remove = _ref.remove,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? DEFAULT_OPTIONS : _ref$options,
-      testId = _ref.testId;
+    remove = _ref.remove,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? DEFAULT_OPTIONS : _ref$options,
+    testId = _ref.testId;
   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');
   var removeRef = React.useRef();
   removeRef.current = remove;
   var elementRef = React.useRef(null);
-
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      shouldRemove = _React$useState2[0],
-      setShouldRemove = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    shouldRemove = _React$useState2[0],
+    setShouldRemove = _React$useState2[1];
   var _React$useState3 = React.useState({
-    width: 0,
-    height: 0
-  }),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      dimensions = _React$useState4[0],
-      setDimensions = _React$useState4[1];
-
+      width: 0,
+      height: 0
+    }),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    dimensions = _React$useState4[0],
+    setDimensions = _React$useState4[1];
   var opts = _objectSpread(_objectSpread({}, DEFAULT_OPTIONS), options);
-
   React.useEffect(function () {
     if (opts !== null && opts !== void 0 && opts.autoClose) {
       // @ts-ignore
@@ -88,7 +78,6 @@ var Toast = function Toast(_ref) {
         return clearTimeout(id);
       };
     }
-
     return undefined;
   }, []);
   React.useEffect(function () {
@@ -104,7 +93,6 @@ var Toast = function Toast(_ref) {
   }, [shouldRemove]);
   React.useEffect(function () {
     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
@@ -122,24 +110,19 @@ var Toast = function Toast(_ref) {
     transform: "translateY(".concat(toY, ") translateX(").concat(toX, ")"),
     keyframes: keyframes(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        0% {\n          transform: translateY(", "px) translateX(", "px);\n        }\n        100% {\n          transform: translateY(", "px) translateX(", "px);\n        }"])), fromY, fromX, toY, toX)
   };
-
   if (!dimensions.height) {
     prop = _objectSpread(_objectSpread({}, prop), {
       transform: 'translateY(-1000vh) translateX(-1000vw)',
       keyframes: keyframes(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([""])))
     });
   }
-
   var theme = ToastColor[(_opts$color = opts.color) !== null && _opts$color !== void 0 ? _opts$color : ToastColor.BLACK];
-
   if (!shouldRemove) {
     setTimeout(function () {
       var _elementRef$current3;
-
       return elementRef === null || elementRef === void 0 ? void 0 : (_elementRef$current3 = elementRef.current) === null || _elementRef$current3 === void 0 ? void 0 : _elementRef$current3.focus();
     });
   }
-
   return /*#__PURE__*/_jsxs(Container, {
     "data-testid": testId,
     animation: prop,
@@ -189,7 +172,6 @@ var Toast = function Toast(_ref) {
     })]
   });
 };
-
 Toast.propTypes = {
   remove: _pt.any,
   content: _pt.any.isRequired,

package/dist/Toasters/Toast.js.map

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