@laerdal/life-react-components 5.0.0-dev.1 → 5.0.0-dev.2

package/dist/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Container","styled","div","_taggedTemplateLiteral2","props","isLabelPresent","COLORS","getColor","theme","IconContainer","TextContainer","ComponentXSStyling","ComponentTextStyle","Bold","Tag","_ref","label","icon","_ref$variant","variant","className","rest","_objectWithoutProperties2","cls","concat","jsxs","children","jsx","propTypes","_propTypes","string","node","oneOf","_default","exports"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\n\r\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\r\n  display: flex;\r\n  padding: 4px;\r\n  height: 24px;\r\n  width: calc(100%);\r\n  max-width: fit-content;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: ${props=>props.isLabelPresent ? '64px' : ''};\r\n  border-radius: 2px;\r\n  box-sizing: border-box;\r\n\r\n  &.neutral {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n  &.positive {\r\n    background-color: ${props => COLORS.getColor('correct_100', props.theme)};\r\n    color: ${props => COLORS.getColor('correct_600', props.theme)};\r\n  }\r\n  &.warning {\r\n    background-color: ${props => COLORS.getColor('warning_100', props.theme)};\r\n    color: ${props => COLORS.getColor('warning_600', props.theme)};\r\n  }\r\n  &.critical {\r\n    background-color: ${props => COLORS.getColor('critical_100', props.theme)};\r\n    color: ${props => COLORS.getColor('critical_600', props.theme)};\r\n  }\r\n  &.accent1 {\r\n    background-color: ${props => COLORS.getColor('accent1_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n  &.accent2 {\r\n    background-color: ${props => COLORS.getColor('accent2_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent2_600', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nconst IconContainer = styled.div<{variant: TagVariants}>`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\r\n  height: 16px;\r\n  padding: 0 4px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;  \r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\n\r\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\r\n\r\nexport type TagProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Optional. Label to be shown in the Tag. */\r\n  label?: string;\r\n  /** Optional. Icon to be shown in the tag. */\r\n  icon?: React.ReactNode;\r\n  /** Optional. Style Variant of the Tag. Defaults to 'neutral' */\r\n  variant?: TagVariants;\r\n}\r\n\r\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\r\n  const cls = `${className ?? ''} ${variant}`;\r\n  return (   \r\n    <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\r\n      {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\r\n          {icon}\r\n        </IconContainer>\r\n      }\r\n      {label && <TextContainer variant={variant} icon={icon}>\r\n          {label}\r\n        </TextContainer>\r\n      }\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Tag;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tag.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Container","styled","div","_taggedTemplateLiteral2","props","$isLabelPresent","COLORS","getColor","theme","IconContainer","TextContainer","ComponentXSStyling","ComponentTextStyle","Bold","Tag","_ref","label","icon","_ref$variant","variant","className","rest","_objectWithoutProperties2","cls","concat","jsxs","$variant","children","jsx","$icon","propTypes","_propTypes","string","node","oneOf","_default","exports"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\n\r\nconst Container = styled.div<{$variant: TagVariants, $isLabelPresent: boolean}>`\r\n  display: flex;\r\n  padding: 4px;\r\n  height: 24px;\r\n  width: calc(100%);\r\n  max-width: fit-content;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: ${props=>props.$isLabelPresent ? '64px' : ''};\r\n  border-radius: 2px;\r\n  box-sizing: border-box;\r\n\r\n  &.neutral {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n  &.positive {\r\n    background-color: ${props => COLORS.getColor('correct_100', props.theme)};\r\n    color: ${props => COLORS.getColor('correct_600', props.theme)};\r\n  }\r\n  &.warning {\r\n    background-color: ${props => COLORS.getColor('warning_100', props.theme)};\r\n    color: ${props => COLORS.getColor('warning_600', props.theme)};\r\n  }\r\n  &.critical {\r\n    background-color: ${props => COLORS.getColor('critical_100', props.theme)};\r\n    color: ${props => COLORS.getColor('critical_600', props.theme)};\r\n  }\r\n  &.accent1 {\r\n    background-color: ${props => COLORS.getColor('accent1_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n  &.accent2 {\r\n    background-color: ${props => COLORS.getColor('accent2_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent2_600', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nconst IconContainer = styled.div<{$variant: TagVariants}>`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{$variant: TagVariants, $icon: React.ReactNode}>`\r\n  height: 16px;\r\n  padding: 0 4px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;  \r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\n\r\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\r\n\r\nexport type TagProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Optional. Label to be shown in the Tag. */\r\n  label?: string;\r\n  /** Optional. Icon to be shown in the tag. */\r\n  icon?: React.ReactNode;\r\n  /** Optional. Style Variant of the Tag. Defaults to 'neutral' */\r\n  variant?: TagVariants;\r\n}\r\n\r\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\r\n  const cls = `${className ?? ''} ${variant}`;\r\n  return (   \r\n    <Container $variant={variant} $isLabelPresent={!!label} className={cls} {...rest}>\r\n      {icon && <IconContainer $variant={variant} data-testid={'iconContainer'}>\r\n          {icon}\r\n        </IconContainer>\r\n      }\r\n      {label && <TextContainer $variant={variant} $icon={icon}>\r\n          {label}\r\n        </TextContainer>\r\n      }\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Tag;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Tag/Tag.js

@@ -12,7 +12,7 @@ import { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: 4px;\n  height: 24px;\n  width: calc(100%);\n  max-width: fit-content;\n  align-items: center;\n  justify-content: center;\n  min-width: ", ";\n  border-radius: 2px;\n  box-sizing: border-box;\n\n  &.neutral {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.positive {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.warning {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.critical {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent1 {\n    background-color: ", ";\n    color: ", ";\n  }\n  &.accent2 {\n    background-color: ", ";\n    color: ", ";\n  }\n\n"])), function (props) {
-  return props.isLabelPresent ? '64px' : '';
+  return props.$isLabelPresent ? '64px' : '';
 }, function (props) {
   return COLORS.getColor('neutral_100', props.theme);
 }, function (props) {
@@ -49,17 +49,17 @@ var Tag = function Tag(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var cls = "".concat(className !== null && className !== void 0 ? className : '', " ").concat(variant);
   return /*#__PURE__*/_jsxs(Container, _objectSpread(_objectSpread({
-    variant: variant,
-    isLabelPresent: !!label,
+    $variant: variant,
+    $isLabelPresent: !!label,
     className: cls
   }, rest), {}, {
     children: [icon && /*#__PURE__*/_jsx(IconContainer, {
-      variant: variant,
+      $variant: variant,
       "data-testid": 'iconContainer',
       children: icon
     }), label && /*#__PURE__*/_jsx(TextContainer, {
-      variant: variant,
-      icon: icon,
+      $variant: variant,
+      $icon: icon,
       children: label
     })]
   }));

package/dist/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXSStyling","jsx","_jsx","jsxs","_jsxs","Container","div","_templateObject","_taggedTemplateLiteral","props","isLabelPresent","getColor","theme","IconContainer","_templateObject2","TextContainer","_templateObject3","Bold","Tag","_ref","label","icon","_ref$variant","variant","className","rest","_objectWithoutProperties","_excluded","cls","concat","_objectSpread","children","propTypes","_pt","string","node","oneOf"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\n\r\nconst Container = styled.div<{variant: TagVariants, isLabelPresent: boolean}>`\r\n  display: flex;\r\n  padding: 4px;\r\n  height: 24px;\r\n  width: calc(100%);\r\n  max-width: fit-content;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: ${props=>props.isLabelPresent ? '64px' : ''};\r\n  border-radius: 2px;\r\n  box-sizing: border-box;\r\n\r\n  &.neutral {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n  &.positive {\r\n    background-color: ${props => COLORS.getColor('correct_100', props.theme)};\r\n    color: ${props => COLORS.getColor('correct_600', props.theme)};\r\n  }\r\n  &.warning {\r\n    background-color: ${props => COLORS.getColor('warning_100', props.theme)};\r\n    color: ${props => COLORS.getColor('warning_600', props.theme)};\r\n  }\r\n  &.critical {\r\n    background-color: ${props => COLORS.getColor('critical_100', props.theme)};\r\n    color: ${props => COLORS.getColor('critical_600', props.theme)};\r\n  }\r\n  &.accent1 {\r\n    background-color: ${props => COLORS.getColor('accent1_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n  &.accent2 {\r\n    background-color: ${props => COLORS.getColor('accent2_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent2_600', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nconst IconContainer = styled.div<{variant: TagVariants}>`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{variant: TagVariants, icon: React.ReactNode}>`\r\n  height: 16px;\r\n  padding: 0 4px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;  \r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\n\r\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\r\n\r\nexport type TagProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Optional. Label to be shown in the Tag. */\r\n  label?: string;\r\n  /** Optional. Icon to be shown in the tag. */\r\n  icon?: React.ReactNode;\r\n  /** Optional. Style Variant of the Tag. Defaults to 'neutral' */\r\n  variant?: TagVariants;\r\n}\r\n\r\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\r\n  const cls = `${className ?? ''} ${variant}`;\r\n  return (   \r\n    <Container variant={variant} isLabelPresent={!!label} className={cls} {...rest}>\r\n      {icon && <IconContainer variant={variant} data-testid={'iconContainer'}>\r\n          {icon}\r\n        </IconContainer>\r\n      }\r\n      {label && <TextContainer variant={variant} icon={icon}>\r\n          {label}\r\n        </TextContainer>\r\n      }\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Tag;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tag.js","names":["React","styled","COLORS","ComponentTextStyle","ComponentXSStyling","jsx","_jsx","jsxs","_jsxs","Container","div","_templateObject","_taggedTemplateLiteral","props","$isLabelPresent","getColor","theme","IconContainer","_templateObject2","TextContainer","_templateObject3","Bold","Tag","_ref","label","icon","_ref$variant","variant","className","rest","_objectWithoutProperties","_excluded","cls","concat","_objectSpread","$variant","children","$icon","propTypes","_pt","string","node","oneOf"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { COLORS, ComponentTextStyle, ComponentXSStyling } from '..';\r\n\r\nconst Container = styled.div<{$variant: TagVariants, $isLabelPresent: boolean}>`\r\n  display: flex;\r\n  padding: 4px;\r\n  height: 24px;\r\n  width: calc(100%);\r\n  max-width: fit-content;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: ${props=>props.$isLabelPresent ? '64px' : ''};\r\n  border-radius: 2px;\r\n  box-sizing: border-box;\r\n\r\n  &.neutral {\r\n    background-color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n  &.positive {\r\n    background-color: ${props => COLORS.getColor('correct_100', props.theme)};\r\n    color: ${props => COLORS.getColor('correct_600', props.theme)};\r\n  }\r\n  &.warning {\r\n    background-color: ${props => COLORS.getColor('warning_100', props.theme)};\r\n    color: ${props => COLORS.getColor('warning_600', props.theme)};\r\n  }\r\n  &.critical {\r\n    background-color: ${props => COLORS.getColor('critical_100', props.theme)};\r\n    color: ${props => COLORS.getColor('critical_600', props.theme)};\r\n  }\r\n  &.accent1 {\r\n    background-color: ${props => COLORS.getColor('accent1_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n  &.accent2 {\r\n    background-color: ${props => COLORS.getColor('accent2_100', props.theme)};\r\n    color: ${props => COLORS.getColor('accent2_600', props.theme)};\r\n  }\r\n\r\n`;\r\n\r\nconst IconContainer = styled.div<{$variant: TagVariants}>`\r\n  display: flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst TextContainer = styled.div<{$variant: TagVariants, $icon: React.ReactNode}>`\r\n  height: 16px;\r\n  padding: 0 4px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  overflow: hidden;  \r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n`;\r\n\r\n\r\nexport type TagVariants = 'neutral' | 'positive' | 'warning' | 'critical' | 'accent1' | 'accent2';\r\n\r\nexport type TagProps = React.HTMLAttributes<HTMLDivElement> & {\r\n  /** Optional. Label to be shown in the Tag. */\r\n  label?: string;\r\n  /** Optional. Icon to be shown in the tag. */\r\n  icon?: React.ReactNode;\r\n  /** Optional. Style Variant of the Tag. Defaults to 'neutral' */\r\n  variant?: TagVariants;\r\n}\r\n\r\nconst Tag: React.FunctionComponent<TagProps> = ({label, icon, variant='neutral', className, ...rest}) => {\r\n  const cls = `${className ?? ''} ${variant}`;\r\n  return (   \r\n    <Container $variant={variant} $isLabelPresent={!!label} className={cls} {...rest}>\r\n      {icon && <IconContainer $variant={variant} data-testid={'iconContainer'}>\r\n          {icon}\r\n        </IconContainer>\r\n      }\r\n      {label && <TextContainer $variant={variant} $icon={icon}>\r\n          {label}\r\n        </TextContainer>\r\n      }\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Tag;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Toasters/Toast.cjs

@@ -25,7 +25,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 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;
+  return props.$duration;
 }, _types.ToastColor[_types.ToastColor.BLACK], function (props) {
   return _styles.COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
@@ -52,17 +52,17 @@ var Loader = _styledComponents["default"].div(_templateObject2 || (_templateObje
   return _styles.COLORS.getColor('critical_500', props.theme);
 });
 var 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, function (props) {
-  return props.animation.keyframes;
+  return props.animation.$keyframes;
 }, function (props) {
-  return props.animation.duration;
+  return props.animation.$duration;
 }, function (props) {
-  return props.animation.bezier;
+  return props.animation.$bezier;
 }, function (props) {
-  return props.animation.transform;
+  return props.animation.$transform;
 }, function (props) {
-  return props.withClose ? '0' : '16px';
+  return props.$withClose ? '0' : '16px';
 }, function (props) {
-  return props.withLoader ? '4px' : '0';
+  return props.$withLoader ? '4px' : '0';
 }, function (props) {
   return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme));
 }, _HyperLink.HyperLinkInvertedStyling, _types.ToastColor[_types.ToastColor.BLACK], function (props) {
@@ -162,15 +162,15 @@ var Toast = function Toast(_ref) {
   var fromX = dimensions.width * direction.fromWidth;
   var toX = dimensions.width * direction.toWidth;
   var 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)
+    $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)
   };
   if (!dimensions.height) {
     prop = _objectSpread(_objectSpread({}, prop), {
-      transform: 'translateY(-1000vh) translateX(-1000vw)',
-      keyframes: (0, _styledComponents.keyframes)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])([""])))
+      $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];
@@ -184,9 +184,9 @@ var Toast = function Toast(_ref) {
     "data-testid": testId,
     animation: prop,
     ref: elementRef,
-    withLoader: !!opts.autoClose,
+    $withLoader: !!opts.autoClose,
     className: theme,
-    withClose: !!opts.showCloseButton,
+    $withClose: !!opts.showCloseButton,
     tabIndex: -1,
     children: [opts.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastIconContainer, {
       children: opts.icon
@@ -225,7 +225,7 @@ var Toast = function 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
+      $duration: (_opts$delay = opts.delay) !== null && _opts$delay !== void 0 ? _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","_enter","_leave","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","LoaderAnimationKeyframes","keyframes","_taggedTemplateLiteral2","Loader","styled","div","props","duration","ToastColor","BLACK","COLORS","getColor","theme","WHITE","BLUE","GREEN","ORANGE","RED","ToastContainer","BOXSHADOWS","BOXSHADOW_L2","animation","bezier","transform","withClose","withLoader","ComponentSStyling","ComponentTextStyle","Regular","HyperLinkInvertedStyling","HyperLinkDefaultStyling","exports","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","_ref$options","options","testId","Error","styledTheme","useTheme","removeRef","useRef","current","elementRef","_React$useState","useState","_React$useState2","_slicedToArray2","shouldRemove","setShouldRemove","_React$useState3","width","height","_React$useState4","dimensions","setDimensions","opts","useEffect","id","setTimeout","clearTimeout","undefined","_elementRef$current","_elementRef$current2","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","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":"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","ignoreList":[]}
+{"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","_enter","_leave","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","LoaderAnimationKeyframes","keyframes","_taggedTemplateLiteral2","Loader","styled","div","props","$duration","ToastColor","BLACK","COLORS","getColor","theme","WHITE","BLUE","GREEN","ORANGE","RED","ToastContainer","BOXSHADOWS","BOXSHADOW_L2","animation","$keyframes","$bezier","$transform","$withClose","$withLoader","ComponentSStyling","ComponentTextStyle","Regular","HyperLinkInvertedStyling","HyperLinkDefaultStyling","exports","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","_ref$options","options","testId","Error","styledTheme","useTheme","removeRef","useRef","current","elementRef","_React$useState","useState","_React$useState2","_slicedToArray2","shouldRemove","setShouldRemove","_React$useState3","width","height","_React$useState4","dimensions","setDimensions","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":"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","ignoreList":[]}

package/dist/Toasters/Toast.d.ts

@@ -1,15 +1,14 @@
 import * as React from 'react';
-import { keyframes } from 'styled-components';
 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;
+        $duration: string;
+        $bezier: string;
+        $transform: string;
+        $keyframes: any;
     };
-    withLoader: boolean;
-    withClose: boolean;
+    $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;

package/dist/Toasters/Toast.js

@@ -18,7 +18,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var LoaderAnimationKeyframes = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    background-position: right;\n  }\n  100% {\n    background-position: left;\n  }\n"])));
 var Loader = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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;
+  return props.$duration;
 }, ToastColor[ToastColor.BLACK], function (props) {
   return COLORS.getColor('neutral_200', props.theme);
 }, function (props) {
@@ -45,17 +45,17 @@ var Loader = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateL
   return COLORS.getColor('critical_500', props.theme);
 });
 export var ToastContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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"])), BOXSHADOWS.BOXSHADOW_L2, function (props) {
-  return props.animation.keyframes;
+  return props.animation.$keyframes;
 }, function (props) {
-  return props.animation.duration;
+  return props.animation.$duration;
 }, function (props) {
-  return props.animation.bezier;
+  return props.animation.$bezier;
 }, function (props) {
-  return props.animation.transform;
+  return props.animation.$transform;
 }, function (props) {
-  return props.withClose ? '0' : '16px';
+  return props.$withClose ? '0' : '16px';
 }, function (props) {
-  return props.withLoader ? '4px' : '0';
+  return props.$withLoader ? '4px' : '0';
 }, function (props) {
   return ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme));
 }, HyperLinkInvertedStyling, ToastColor[ToastColor.BLACK], function (props) {
@@ -150,15 +150,15 @@ var Toast = function Toast(_ref) {
   var fromX = dimensions.width * direction.fromWidth;
   var toX = dimensions.width * direction.toWidth;
   var prop = {
-    duration: animation.duration,
-    bezier: animation.bezier,
-    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)
+    $duration: animation.duration,
+    $bezier: animation.bezier,
+    $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([""])))
+      $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];
@@ -172,9 +172,9 @@ var Toast = function Toast(_ref) {
     "data-testid": testId,
     animation: prop,
     ref: elementRef,
-    withLoader: !!opts.autoClose,
+    $withLoader: !!opts.autoClose,
     className: theme,
-    withClose: !!opts.showCloseButton,
+    $withClose: !!opts.showCloseButton,
     tabIndex: -1,
     children: [opts.icon && /*#__PURE__*/_jsx(ToastIconContainer, {
       children: opts.icon
@@ -213,7 +213,7 @@ var Toast = function Toast(_ref) {
       })
     }), !!opts.autoClose && /*#__PURE__*/_jsx(Loader, {
       className: "loader ".concat(theme),
-      duration: (_opts$delay = opts.delay) !== null && _opts$delay !== void 0 ? _opts$delay : 0
+      $duration: (_opts$delay = opts.delay) !== null && _opts$delay !== void 0 ? _opts$delay : 0
     })]
   });
 };

package/dist/Toasters/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["React","styled","keyframes","useTheme","ToastActionType","ToastColor","ToastEntryDirection","ToastPosition","BOXSHADOWS","COLORS","Size","Button","IconButton","ComponentSStyling","ComponentTextStyle","HyperLinkDefaultStyling","HyperLinkInvertedStyling","SystemIcons","jsx","_jsx","jsxs","_jsxs","LoaderAnimationKeyframes","_templateObject","_taggedTemplateLiteral","Loader","div","_templateObject2","props","duration","BLACK","getColor","theme","WHITE","BLUE","GREEN","ORANGE","RED","ToastContainer","_templateObject3","BOXSHADOW_L2","animation","bezier","transform","withClose","withLoader","Regular","ToastActionButtons","_templateObject4","ToastCloseButton","_templateObject5","ToastTextContainer","span","_templateObject6","ToastIconContainer","_templateObject7","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","TOPLEFT","enterFrom","TOP","Toast","_ref","_opts$enterFrom","_opts$color","_opts$delay","content","remove","_ref$options","options","testId","Error","styledTheme","removeRef","useRef","current","elementRef","_React$useState","useState","_React$useState2","_slicedToArray","shouldRemove","setShouldRemove","_React$useState3","width","height","_React$useState4","dimensions","setDimensions","opts","_objectSpread","useEffect","id","setTimeout","clearTimeout","undefined","_elementRef$current","_elementRef$current2","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","concat","_templateObject8","_templateObject9","_elementRef$current3","focus","ref","className","tabIndex","children","icon","action","map","i","size","Small","variant","type","SECONDARY","colorTheme","invertFocus","onClick","handler","label","shape","useTransparentBackground","event","Close","propTypes","_pt","any","isRequired","bool","number","arrayOf","string","func","node","enter","_enter","_defineProperty","BOTTOM","LEFT","RIGHT","leave","_leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { keyframes, useTheme } from 'styled-components';\r\nimport { ToastActionType, ToastColor, ToastEntryDirection, ToastPosition } from '../types';\r\nimport { BOXSHADOWS, COLORS} from '../styles';\r\nimport { Size } from '../types'\r\nimport { Button, IconButton } from '../Button';\r\nimport { ComponentSStyling, ComponentTextStyle } from '../styles';\r\nimport {HyperLinkDefaultStyling, HyperLinkInvertedStyling} from '../HyperLink';\r\nimport { SystemIcons } from '../icons';\r\n\r\nconst LoaderAnimationKeyframes = keyframes`\r\n  0% {\r\n    background-position: right;\r\n  }\r\n  100% {\r\n    background-position: left;\r\n  }\r\n`;\r\n\r\nconst Loader = styled.div<{ duration: number }>`\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  border-bottom-left-radius: 8px;\r\n  border-bottom-right-radius: 8px;\r\n\r\n  animation: ${LoaderAnimationKeyframes} ${(props) => props.duration}ms cubic-bezier(0.18, 0.39, 0.35, 1);\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_200', props.theme)} 50%, ${props => COLORS.getColor('neutral_800', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('neutral_400', props.theme)} 50%, ${props => COLORS.getColor('white', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('accent1_200', props.theme)} 50%, ${props => COLORS.getColor('accent1_600', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('correct_200', props.theme)} 50%, ${props => COLORS.getColor('correct_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('warning_200', props.theme)} 50%, ${props => COLORS.getColor('warning_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background: linear-gradient(to right, ${props => COLORS.getColor('critical_200', props.theme)} 50%, ${props => COLORS.getColor('critical_500', props.theme)} 50%) left;\r\n    background-size: 200% 100%;\r\n  }\r\n`;\r\n\r\nexport const ToastContainer = styled.div<{ animation: { duration: string; bezier: string; transform: string; keyframes: any }; withLoader: boolean; withClose: boolean }>`\r\n  box-shadow: ${BOXSHADOWS.BOXSHADOW_L2};\r\n  border-radius: 4px;\r\n\r\n  animation: ${(props) => props.animation.keyframes} ${(props) => props.animation.duration} ${(props) => props.animation.bezier};\r\n  transform: ${(props) => props.animation.transform};\r\n\r\n  transition: all 300ms cubic-bezier(0.64, 0.04, 0.35, 1);\r\n\r\n  padding: 0 ${(props) => (props.withClose ? '0' : '16px')} ${(props) => (props.withLoader ? '4px' : '0')} 16px;\r\n\r\n  margin-bottom: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  justify-content: left;\r\n\r\n  position: relative;\r\n\r\n  width: max-content;\r\n  min-height: 48px;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n\r\n  & a {\r\n    display: inline;\r\n    ${HyperLinkInvertedStyling}\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLACK]} {\r\n    background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n    & a {\r\n      ${HyperLinkDefaultStyling}\r\n    }\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.BLUE]} {\r\n    background-color: ${props => COLORS.getColor('accent1_600', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.GREEN]} {\r\n    background-color: ${props => COLORS.getColor('correct_500', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.ORANGE]} {\r\n    background-color: ${props => COLORS.getColor('warning_500', props.theme)};\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.RED]} {\r\n    background-color: ${props => COLORS.getColor('critical_500', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const ToastActionButtons = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 8px;\r\n  align-items: center;\r\n\r\n  & .action {\r\n    height: unset;\r\n  }\r\n`;\r\n\r\nexport const ToastCloseButton = styled.div`\r\n  & > button {\r\n    margin-left: 16px;\r\n\r\n    & svg {\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  button svg path{\r\n    fill: ${props => COLORS.getColor('white', props.theme)} !important;\r\n  }\r\n\r\n  &.${ToastColor[ToastColor.WHITE]} {\r\n    button svg path {\r\n      fill: ${props => COLORS.getColor('neutral_600', props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ToastTextContainer = styled.span`\r\n  font-feature-settings: 'liga' off;\r\n  width: 240px;\r\n  display: flex;\r\n  padding: 16px 0;\r\n`;\r\n\r\nexport const ToastIconContainer = styled.span`\r\n  margin-right: -8px;\r\n`;\r\n\r\nexport type ToastOptions = {\r\n  /** Optional. Color of the toast. Defaults to 'BLACK' */\r\n  color?: ToastColor;\r\n  /** Optional. If set Toast will automatically close after delay. Defaults to 'true' */\r\n  autoClose?: boolean;\r\n  /** Optional. Delay after which toast will disappear in milliseconds. Defaults to '5000' */\r\n  delay?: number;\r\n  /** Optional. If set then Close button will be shown on the right side of the Toast. Defaults to 'false' */\r\n  showCloseButton?: boolean;\r\n\r\n  /** Optional. Custom action to be available in the Toast, will be shown on the right side of the Toast. */\r\n  action?: {\r\n    label: string;\r\n    handler: () => void;\r\n    type?: ToastActionType;\r\n  }[];\r\n  /** Required. Position on the screen at which Toast will be shown */\r\n  position: ToastPosition;\r\n  /** Optional. From which side of the screen appearance animation will start. Defaults to 'TOP' */\r\n  enterFrom?: ToastEntryDirection;\r\n  /** Optional. Icon that will be shown on the left side of the Toast */\r\n  icon?: React.ReactNode;\r\n};\r\n\r\ntype Props = {\r\n  remove?: any;\r\n  content: any;\r\n  options?: ToastOptions;\r\n  testId?: string;\r\n};\r\n\r\nconst DEFAULT_OPTIONS: ToastOptions = {\r\n  color: ToastColor.BLACK,\r\n  autoClose: true,\r\n  delay: 5000,\r\n  showCloseButton: false,\r\n  position: ToastPosition.TOPLEFT,\r\n  enterFrom: ToastEntryDirection.TOP,\r\n};\r\n\r\nconst Toast = ({ content, remove, options = DEFAULT_OPTIONS, testId }: Props) => {\r\n\r\n  \r\n\r\n  if(!remove)\r\n    throw new Error('remove function is required when rendering Toast. Make sure that you are using useToast hook and ToastProvider for rendering Toasts');\r\n\r\n  const styledTheme = useTheme();\r\n\r\n  const removeRef = React.useRef();\r\n  removeRef.current = remove;\r\n\r\n  const elementRef = React.useRef<any>(null);\r\n\r\n  const [shouldRemove, setShouldRemove] = React.useState(false);\r\n  const [dimensions, setDimensions] = React.useState<{ width: number; height: number }>({ width: 0, height: 0 });\r\n\r\n  const opts = { ...DEFAULT_OPTIONS, ...options };\r\n\r\n  React.useEffect(() => {\r\n    if (opts?.autoClose) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => setShouldRemove(true), opts.delay);\r\n      return () => clearTimeout(id);\r\n    }\r\n    return undefined;\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (shouldRemove) {\r\n      // @ts-ignore\r\n      const id = setTimeout(() => removeRef.current(), 200);\r\n      return () => clearTimeout(id);\r\n    }\r\n  }, [shouldRemove]);\r\n\r\n  React.useEffect(() => {\r\n    setDimensions({ height: elementRef.current?.clientHeight, width: elementRef.current?.clientWidth });\r\n  }, []);\r\n\r\n  const animation = animations[shouldRemove ? 'leave' : 'enter'];\r\n  const direction = animation[opts.enterFrom ?? ToastEntryDirection.TOP];\r\n\r\n  const fromY = dimensions.height * direction.fromHeight;\r\n  const toY = dimensions.height * direction.toHeight;\r\n  const fromX = dimensions.width * direction.fromWidth;\r\n  const toX = dimensions.width * direction.toWidth;\r\n\r\n  let prop = {\r\n    duration: animation.duration,\r\n    bezier: animation.bezier,\r\n    transform: `translateY(${toY}) translateX(${toX})`,\r\n    keyframes: keyframes`\r\n        0% {\r\n          transform: translateY(${fromY}px) translateX(${fromX}px);\r\n        }\r\n        100% {\r\n          transform: translateY(${toY}px) translateX(${toX}px);\r\n        }`,\r\n  };\r\n\r\n  if (!dimensions.height) {\r\n    prop = {\r\n      ...prop,\r\n      ...{\r\n        transform: 'translateY(-1000vh) translateX(-1000vw)',\r\n        keyframes: keyframes``,\r\n      },\r\n    };\r\n  }\r\n\r\n  const theme = ToastColor[opts.color ?? ToastColor.BLACK];\r\n\r\n  if (!shouldRemove){\r\n    setTimeout(() => elementRef?.current?.focus());\r\n  }\r\n\r\n  return (\r\n    <ToastContainer data-testid={testId}\r\n               animation={prop}\r\n               ref={elementRef}\r\n               withLoader={!!opts.autoClose}\r\n               className={theme}\r\n               withClose={!!opts.showCloseButton}\r\n               tabIndex={-1}>\r\n      {opts.icon && <ToastIconContainer>{opts.icon}</ToastIconContainer>}\r\n      <ToastTextContainer className={'description'}>{content}</ToastTextContainer>\r\n      {opts.action && (\r\n        <ToastActionButtons>\r\n          {opts.action.map((action, i) => (\r\n            <Button\r\n              size={Size.Small}\r\n              variant={action.type === ToastActionType.SECONDARY ? 'secondary' : 'primary'}\r\n              colorTheme={opts.color !== ToastColor.WHITE ? 'dark' : 'teal'}\r\n              invertFocus={opts.color === ToastColor.BLACK}\r\n              key={i}\r\n              onClick={() => {\r\n                setShouldRemove(true);\r\n                action.handler();\r\n              }}\r\n              className={'action'}>\r\n              {action.label}\r\n            </Button>\r\n          ))}\r\n        </ToastActionButtons>\r\n      )}\r\n      {opts.showCloseButton && (\r\n        <ToastCloseButton className={`close-button ${theme}`}>\r\n          <IconButton variant={'secondary'}\r\n                      shape=\"circular\"\r\n                      useTransparentBackground={true}\r\n                      invertFocus={opts.color === ToastColor.BLACK}\r\n                      action={(event) => setShouldRemove(true)}>\r\n            <SystemIcons.Close size=\"24px\" color={COLORS.getColor('neutral_600', styledTheme)} />\r\n          </IconButton>\r\n        </ToastCloseButton>\r\n      )}\r\n      {!!opts.autoClose && <Loader className={`loader ${theme}`} duration={opts.delay ?? 0} />}\r\n    </ToastContainer>\r\n  );\r\n};\r\n\r\nexport default Toast;\r\n\r\nconst animations = {\r\n  enter: {\r\n    bezier: 'cubic-bezier(0.22, 0.61, 0.35, 1)',\r\n    duration: '300ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: -1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 1,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: -1,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 1,\r\n      toWidth: 0,\r\n    },\r\n  },\r\n  leave: {\r\n    bezier: 'cubic-bezier(0.5, 0.05, 0.67, 0.19)',\r\n    duration: '205ms',\r\n    [ToastEntryDirection.TOP]: {\r\n      fromHeight: 0,\r\n      toHeight: -1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.BOTTOM]: {\r\n      fromHeight: 0,\r\n      toHeight: 1,\r\n      fromWidth: 0,\r\n      toWidth: 0,\r\n    },\r\n    [ToastEntryDirection.LEFT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: -1,\r\n    },\r\n    [ToastEntryDirection.RIGHT]: {\r\n      fromHeight: 0,\r\n      toHeight: 0,\r\n      fromWidth: 0,\r\n      toWidth: 1,\r\n    },\r\n  },\r\n};\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Toast.js","names":["React","styled","keyframes","useTheme","ToastActionType","ToastColor","ToastEntryDirection","ToastPosition","BOXSHADOWS","COLORS","Size","Button","IconButton","ComponentSStyling","ComponentTextStyle","HyperLinkDefaultStyling","HyperLinkInvertedStyling","SystemIcons","jsx","_jsx","jsxs","_jsxs","LoaderAnimationKeyframes","_templateObject","_taggedTemplateLiteral","Loader","div","_templateObject2","props","$duration","BLACK","getColor","theme","WHITE","BLUE","GREEN","ORANGE","RED","ToastContainer","_templateObject3","BOXSHADOW_L2","animation","$keyframes","$bezier","$transform","$withClose","$withLoader","Regular","ToastActionButtons","_templateObject4","ToastCloseButton","_templateObject5","ToastTextContainer","span","_templateObject6","ToastIconContainer","_templateObject7","DEFAULT_OPTIONS","color","autoClose","delay","showCloseButton","position","TOPLEFT","enterFrom","TOP","Toast","_ref","_opts$enterFrom","_opts$color","_opts$delay","content","remove","_ref$options","options","testId","Error","styledTheme","removeRef","useRef","current","elementRef","_React$useState","useState","_React$useState2","_slicedToArray","shouldRemove","setShouldRemove","_React$useState3","width","height","_React$useState4","dimensions","setDimensions","opts","_objectSpread","useEffect","id","setTimeout","clearTimeout","undefined","_elementRef$current","_elementRef$current2","clientHeight","clientWidth","animations","direction","fromY","fromHeight","toY","toHeight","fromX","fromWidth","toX","toWidth","prop","duration","bezier","concat","_templateObject8","_templateObject9","_elementRef$current3","focus","ref","className","tabIndex","children","icon","action","map","i","size","Small","variant","type","SECONDARY","colorTheme","invertFocus","onClick","handler","label","shape","useTransparentBackground","event","Close","propTypes","_pt","any","isRequired","bool","number","arrayOf","string","func","node","enter","_enter","_defineProperty","BOTTOM","LEFT","RIGHT","leave","_leave"],"sources":["../../src/Toasters/Toast.tsx"],"sourcesContent":["import * as React from 'react';\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":"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","ignoreList":[]}

package/dist/Toggles/ToggleSwitch.cjs

@@ -67,7 +67,7 @@ var ToggleSwitch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return (e.key === 'Enter' || e.key === ' ') && toggle();
     },
     className: size.toString().toLowerCase().concat(disabled ? ' disabled' : '').concat(className ? " ".concat(className) : ''),
-    selected: selected,
+    $selected: selected,
     id: id,
     role: "switch",
     "aria-pressed": selected,