cakeinpanic-ui 1.0.0

package/dist/cjs/toast/ToastContainer.js

@@ -0,0 +1,673 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const reactToastify = require('react-toastify');
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+
+const ToastContainer = styledComponentsWrapper.default(reactToastify.ToastContainer).attrs({
+  draggable: false
+})`
+  /* Animations */
+  @keyframes Toastify__trackProgress {
+    0% {
+      transform: scaleX(1);
+    }
+    to {
+      transform: scaleX(0);
+    }
+  }
+
+  @keyframes Toastify__bounceInRight {
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    }
+    0% {
+      opacity: 0;
+      transform: translate3d(3000px, 0, 0);
+    }
+    60% {
+      opacity: 1;
+      transform: translate3d(-25px, 0, 0);
+    }
+    75% {
+      transform: translate3d(10px, 0, 0);
+    }
+    90% {
+      transform: translate3d(-5px, 0, 0);
+    }
+    to {
+      transform: none;
+    }
+  }
+
+  @keyframes Toastify__bounceOutRight {
+    20% {
+      opacity: 1;
+      transform: translate3d(-20px, 0, 0);
+    }
+    to {
+      opacity: 0;
+      transform: translate3d(2000px, 0, 0);
+    }
+  }
+
+  @keyframes Toastify__bounceInLeft {
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    }
+    0% {
+      opacity: 0;
+      transform: translate3d(-3000px, 0, 0);
+    }
+    60% {
+      opacity: 1;
+      transform: translate3d(25px, 0, 0);
+    }
+    75% {
+      transform: translate3d(-10px, 0, 0);
+    }
+    90% {
+      transform: translate3d(5px, 0, 0);
+    }
+    to {
+      transform: none;
+    }
+  }
+
+  @keyframes Toastify__bounceOutLeft {
+    20% {
+      opacity: 1;
+      transform: translate3d(20px, 0, 0);
+    }
+    to {
+      opacity: 0;
+      transform: translate3d(-2000px, 0, 0);
+    }
+  }
+
+  @keyframes Toastify__bounceInUp {
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    }
+    0% {
+      opacity: 0;
+      transform: translate3d(0, 3000px, 0);
+    }
+    60% {
+      opacity: 1;
+      transform: translate3d(0, -20px, 0);
+    }
+    75% {
+      transform: translate3d(0, 10px, 0);
+    }
+    90% {
+      transform: translate3d(0, -5px, 0);
+    }
+    to {
+      transform: translateZ(0);
+    }
+  }
+
+  @keyframes Toastify__bounceOutUp {
+    20% {
+      transform: translate3d(0, -10px, 0);
+    }
+    40%,
+    45% {
+      opacity: 1;
+      transform: translate3d(0, 20px, 0);
+    }
+    to {
+      opacity: 0;
+      transform: translate3d(0, -2000px, 0);
+    }
+  }
+
+  @keyframes Toastify__bounceInDown {
+    0%,
+    60%,
+    75%,
+    90%,
+    to {
+      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    }
+    0% {
+      opacity: 0;
+      transform: translate3d(0, -3000px, 0);
+    }
+    60% {
+      opacity: 1;
+      transform: translate3d(0, 25px, 0);
+    }
+    75% {
+      transform: translate3d(0, -10px, 0);
+    }
+    90% {
+      transform: translate3d(0, 5px, 0);
+    }
+    to {
+      transform: none;
+    }
+  }
+
+  @keyframes Toastify__bounceOutDown {
+    20% {
+      transform: translate3d(0, 10px, 0);
+    }
+    40%,
+    45% {
+      opacity: 1;
+      transform: translate3d(0, -20px, 0);
+    }
+    to {
+      opacity: 0;
+      transform: translate3d(0, 2000px, 0);
+    }
+  }
+
+  @keyframes Toastify__slideInRight {
+    0% {
+      transform: translate3d(110%, 0, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translateZ(0);
+    }
+  }
+
+  @keyframes Toastify__slideInLeft {
+    0% {
+      transform: translate3d(-110%, 0, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translateZ(0);
+    }
+  }
+
+  @keyframes Toastify__slideInUp {
+    0% {
+      transform: translate3d(0, 110%, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translateZ(0);
+    }
+  }
+
+  @keyframes Toastify__slideInDown {
+    0% {
+      transform: translate3d(0, -110%, 0);
+      visibility: visible;
+    }
+    to {
+      transform: translateZ(0);
+    }
+  }
+
+  @keyframes Toastify__slideOutRight {
+    0% {
+      transform: translateZ(0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(110%, 0, 0);
+    }
+  }
+
+  @keyframes Toastify__slideOutLeft {
+    0% {
+      transform: translateZ(0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(-110%, 0, 0);
+    }
+  }
+
+  @keyframes Toastify__slideOutDown {
+    0% {
+      transform: translateZ(0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(0, 500px, 0);
+    }
+  }
+
+  @keyframes Toastify__slideOutUp {
+    0% {
+      transform: translateZ(0);
+    }
+    to {
+      visibility: hidden;
+      transform: translate3d(0, -500px, 0);
+    }
+  }
+
+  @keyframes Toastify__flipIn {
+    0% {
+      transform: perspective(400px) rotateX(90deg);
+      animation-timing-function: ease-in;
+      opacity: 0;
+    }
+    40% {
+      transform: perspective(400px) rotateX(-20deg);
+      animation-timing-function: ease-in;
+    }
+    60% {
+      transform: perspective(400px) rotateX(10deg);
+      opacity: 1;
+    }
+    80% {
+      transform: perspective(400px) rotateX(-5deg);
+    }
+    to {
+      transform: perspective(400px);
+    }
+  }
+
+  @keyframes Toastify__flipOut {
+    0% {
+      transform: perspective(400px);
+    }
+    30% {
+      transform: perspective(400px) rotateX(-20deg);
+      opacity: 1;
+    }
+    to {
+      transform: perspective(400px) rotateX(90deg);
+      opacity: 0;
+    }
+  }
+  /* /Animations */
+
+  & {
+    width: auto;
+    max-width: calc(100vw - ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return 2 * theme.spaceMap.lg;
+}}px);
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    @media screen and (max-width: 480px) {
+      max-width: calc(100vw - ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return 2 * theme.spaceMap.sm;
+}}px);
+    }
+
+    &.Toastify__toast-container {
+      z-index: 9999;
+      transform: translateZ(9999px);
+      position: fixed;
+      padding: 4px;
+      box-sizing: border-box;
+      color: #fff;
+
+      /* Positions */
+      &--top-left {
+        top: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.spaceMap.lg;
+}}px;
+        left: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.spaceMap.lg;
+}}px;
+
+        @media screen and (max-width: 480px) {
+          top: ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.spaceMap.sm;
+}}px;
+          left: ${_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.spaceMap.sm;
+}}px;
+        }
+      }
+      &--top-center {
+        top: ${_ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.spaceMap.lg;
+}}px;
+        left: 50%;
+        transform: translateX(-50%);
+
+        @media screen and (max-width: 480px) {
+          top: ${_ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.spaceMap.sm;
+}}px;
+          left: 45%;
+          transform: translateX(-40%);
+        }
+      }
+      &--top-right {
+        top: ${_ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.spaceMap.lg;
+}}px;
+        right: ${_ref0 => {
+  let {
+    theme
+  } = _ref0;
+  return theme.spaceMap.lg;
+}}px;
+        left: auto;
+
+        @media screen and (max-width: 480px) {
+          top: ${_ref1 => {
+  let {
+    theme
+  } = _ref1;
+  return theme.spaceMap.sm;
+}}px;
+          right: ${_ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.spaceMap.sm;
+}}px;
+          transform: none;
+        }
+      }
+      &--bottom-left {
+        bottom: ${_ref11 => {
+  let {
+    theme
+  } = _ref11;
+  return theme.spaceMap.lg;
+}}px;
+        left: ${_ref12 => {
+  let {
+    theme
+  } = _ref12;
+  return theme.spaceMap.lg;
+}}px;
+
+        @media screen and (max-width: 480px) {
+          bottom: ${_ref13 => {
+  let {
+    theme
+  } = _ref13;
+  return theme.spaceMap.sm;
+}}px;
+          left: ${_ref14 => {
+  let {
+    theme
+  } = _ref14;
+  return theme.spaceMap.sm;
+}}px;
+        }
+      }
+      &--bottom-center {
+        bottom: ${_ref15 => {
+  let {
+    theme
+  } = _ref15;
+  return theme.spaceMap.lg;
+}}px;
+        transform: translateX(-50%);
+        left: 50%;
+
+        @media screen and (max-width: 480px) {
+          bottom: ${_ref16 => {
+  let {
+    theme
+  } = _ref16;
+  return theme.spaceMap.sm;
+}}px;
+          left: 45%;
+          transform: translateX(-40%);
+        }
+      }
+      &--bottom-right {
+        bottom: ${_ref17 => {
+  let {
+    theme
+  } = _ref17;
+  return theme.spaceMap.lg;
+}}px;
+        right: ${_ref18 => {
+  let {
+    theme
+  } = _ref18;
+  return theme.spaceMap.lg;
+}}px;
+        left: auto;
+
+        @media screen and (max-width: 480px) {
+          bottom: ${_ref19 => {
+  let {
+    theme
+  } = _ref19;
+  return theme.spaceMap.sm;
+}}px;
+          right: ${_ref20 => {
+  let {
+    theme
+  } = _ref20;
+  return theme.spaceMap.sm;
+}}px;
+          transform: none;
+        }
+      }
+      /* /Positions */
+    }
+  }
+
+  .Toastify {
+    &__toast {
+      position: relative;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      overflow: hidden;
+      direction: ltr;
+      max-width: 360px;
+      max-height: 800px;
+      min-height: 0;
+
+      border-radius: ${_ref21 => {
+  let {
+    theme
+  } = _ref21;
+  return theme.borderRadiusesMap.md;
+}}px;
+      box-shadow: ${_ref22 => {
+  let {
+    theme
+  } = _ref22;
+  return theme.boxShadows.xs;
+}}
+        var(--lido-color-shadowLight);
+      margin: ${_ref23 => {
+  let {
+    theme
+  } = _ref23;
+  return theme.spaceMap.xs;
+}}px 0;
+      padding: ${_ref24 => {
+  let {
+    theme
+  } = _ref24;
+  return theme.spaceMap.sm;
+}}px
+        ${_ref25 => {
+  let {
+    theme
+  } = _ref25;
+  return theme.spaceMap.md;
+}}px;
+      background-color: var(--lido-color-accent);
+      color: var(--lido-color-accentContrast);
+      font-size: ${_ref26 => {
+  let {
+    theme
+  } = _ref26;
+  return theme.fontSizesMap.xs;
+}}px;
+      line-height: 1.3em;
+      font-family: inherit;
+      cursor: default;
+
+      &-body {
+        margin: auto 0;
+        flex: 1 1 auto;
+        padding: 6px;
+      }
+
+      a,
+      a:hover {
+        color: currentColor;
+        text-decoration: underline;
+      }
+    }
+
+    &--animate {
+      animation-fill-mode: both;
+      animation-duration: 0.7s;
+    }
+
+    &__progress-bar {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 3px;
+      z-index: 9999;
+      opacity: 0.7;
+      background: rgba(255, 255, 255, 0.25);
+      transform-origin: left;
+
+      &--animated {
+        animation: Toastify__trackProgress linear 1 forwards;
+      }
+
+      &--controlled {
+        transition: transform 0.2s;
+      }
+
+      &--rtl {
+        right: 0;
+        left: auto;
+        transform-origin: right;
+      }
+    }
+
+    &__toast--rtl {
+      direction: rtl;
+    }
+
+    /* Variants */
+    //&__toast--dark {
+    //  background: #121212;
+    //  color: #fff;
+    //}
+    //&__toast--default {
+    //  background: #fff;
+    //  color: #aaa;
+    //}
+    &__toast--info {
+      background-color: var(--lido-color-accent);
+      color: var(--lido-color-accentContrast);
+    }
+    &__toast--error {
+      background-color: var(--lido-color-error);
+      color: var(--lido-color-errorContrast);
+    }
+    &__toast--warning {
+      background-color: var(--lido-color-warning);
+      color: var(--lido-color-warningContrast);
+    }
+    &__toast--success {
+      background-color: var(--lido-color-success);
+      color: var(--lido-color-successContrast);
+    }
+    /* /Variants */
+
+    /* For animations */
+    &__flip-enter {
+      animation-name: Toastify__flipIn;
+    }
+
+    &__flip-exit {
+      animation-name: Toastify__flipOut;
+    }
+
+    &__bounce-enter--bottom-left,
+    &__bounce-enter--top-left {
+      animation-name: Toastify__bounceInLeft;
+    }
+
+    &__bounce-enter--bottom-right,
+    &__bounce-enter--top-right {
+      animation-name: Toastify__bounceInRight;
+    }
+
+    &__bounce-enter--top-center {
+      animation-name: Toastify__bounceInDown;
+    }
+
+    &__bounce-enter--bottom-center {
+      animation-name: Toastify__bounceInUp;
+    }
+
+    &__bounce-exit--bottom-left,
+    &__bounce-exit--top-left {
+      animation-name: Toastify__bounceOutLeft;
+    }
+
+    &__bounce-exit--bottom-right,
+    &__bounce-exit--top-right {
+      animation-name: Toastify__bounceOutRight;
+    }
+
+    &__bounce-exit--top-center {
+      animation-name: Toastify__bounceOutUp;
+    }
+
+    &__bounce-exit--bottom-center {
+      animation-name: Toastify__bounceOutDown;
+    }
+    /* /For animations */
+  }
+`;
+
+exports.ToastContainer = ToastContainer;
+//# sourceMappingURL=ToastContainer.js.map

package/dist/cjs/toast/ToastContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.js","sources":["../../../src/toast/ToastContainer.tsx"],"sourcesContent":["import { ToastContainer as SourceToastContainer } from 'react-toastify'\nimport styled from '../utils/styled-components-wrapper.js'\n\nexport const ToastContainer = styled(SourceToastContainer).attrs({\n  draggable: false,\n})`\n  /* Animations */\n  @keyframes Toastify__trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    to {\n      transform: scaleX(0);\n    }\n  }\n\n  @keyframes Toastify__bounceInRight {\n    0%,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(-25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(-5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n\n  @keyframes Toastify__bounceOutRight {\n    20% {\n      opacity: 1;\n      transform: translate3d(-20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(2000px, 0, 0);\n    }\n  }\n\n  @keyframes Toastify__bounceInLeft {\n    0%,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(-3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(-10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n\n  @keyframes Toastify__bounceOutLeft {\n    20% {\n      opacity: 1;\n      transform: translate3d(20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(-2000px, 0, 0);\n    }\n  }\n\n  @keyframes Toastify__bounceInUp {\n    0%,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(0, 3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    75% {\n      transform: translate3d(0, 10px, 0);\n    }\n    90% {\n      transform: translate3d(0, -5px, 0);\n    }\n    to {\n      transform: translateZ(0);\n    }\n  }\n\n  @keyframes Toastify__bounceOutUp {\n    20% {\n      transform: translate3d(0, -10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, 20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, -2000px, 0);\n    }\n  }\n\n  @keyframes Toastify__bounceInDown {\n    0%,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(0, -3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, 25px, 0);\n    }\n    75% {\n      transform: translate3d(0, -10px, 0);\n    }\n    90% {\n      transform: translate3d(0, 5px, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n\n  @keyframes Toastify__bounceOutDown {\n    20% {\n      transform: translate3d(0, 10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, 2000px, 0);\n    }\n  }\n\n  @keyframes Toastify__slideInRight {\n    0% {\n      transform: translate3d(110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translateZ(0);\n    }\n  }\n\n  @keyframes Toastify__slideInLeft {\n    0% {\n      transform: translate3d(-110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translateZ(0);\n    }\n  }\n\n  @keyframes Toastify__slideInUp {\n    0% {\n      transform: translate3d(0, 110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translateZ(0);\n    }\n  }\n\n  @keyframes Toastify__slideInDown {\n    0% {\n      transform: translate3d(0, -110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translateZ(0);\n    }\n  }\n\n  @keyframes Toastify__slideOutRight {\n    0% {\n      transform: translateZ(0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(110%, 0, 0);\n    }\n  }\n\n  @keyframes Toastify__slideOutLeft {\n    0% {\n      transform: translateZ(0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(-110%, 0, 0);\n    }\n  }\n\n  @keyframes Toastify__slideOutDown {\n    0% {\n      transform: translateZ(0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, 500px, 0);\n    }\n  }\n\n  @keyframes Toastify__slideOutUp {\n    0% {\n      transform: translateZ(0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -500px, 0);\n    }\n  }\n\n  @keyframes Toastify__flipIn {\n    0% {\n      transform: perspective(400px) rotateX(90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n    40% {\n      transform: perspective(400px) rotateX(-20deg);\n      animation-timing-function: ease-in;\n    }\n    60% {\n      transform: perspective(400px) rotateX(10deg);\n      opacity: 1;\n    }\n    80% {\n      transform: perspective(400px) rotateX(-5deg);\n    }\n    to {\n      transform: perspective(400px);\n    }\n  }\n\n  @keyframes Toastify__flipOut {\n    0% {\n      transform: perspective(400px);\n    }\n    30% {\n      transform: perspective(400px) rotateX(-20deg);\n      opacity: 1;\n    }\n    to {\n      transform: perspective(400px) rotateX(90deg);\n      opacity: 0;\n    }\n  }\n  /* /Animations */\n\n  & {\n    width: auto;\n    max-width: calc(100vw - ${({ theme }) => 2 * theme.spaceMap.lg}px);\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @media screen and (max-width: 480px) {\n      max-width: calc(100vw - ${({ theme }) => 2 * theme.spaceMap.sm}px);\n    }\n\n    &.Toastify__toast-container {\n      z-index: 9999;\n      transform: translateZ(9999px);\n      position: fixed;\n      padding: 4px;\n      box-sizing: border-box;\n      color: #fff;\n\n      /* Positions */\n      &--top-left {\n        top: ${({ theme }) => theme.spaceMap.lg}px;\n        left: ${({ theme }) => theme.spaceMap.lg}px;\n\n        @media screen and (max-width: 480px) {\n          top: ${({ theme }) => theme.spaceMap.sm}px;\n          left: ${({ theme }) => theme.spaceMap.sm}px;\n        }\n      }\n      &--top-center {\n        top: ${({ theme }) => theme.spaceMap.lg}px;\n        left: 50%;\n        transform: translateX(-50%);\n\n        @media screen and (max-width: 480px) {\n          top: ${({ theme }) => theme.spaceMap.sm}px;\n          left: 45%;\n          transform: translateX(-40%);\n        }\n      }\n      &--top-right {\n        top: ${({ theme }) => theme.spaceMap.lg}px;\n        right: ${({ theme }) => theme.spaceMap.lg}px;\n        left: auto;\n\n        @media screen and (max-width: 480px) {\n          top: ${({ theme }) => theme.spaceMap.sm}px;\n          right: ${({ theme }) => theme.spaceMap.sm}px;\n          transform: none;\n        }\n      }\n      &--bottom-left {\n        bottom: ${({ theme }) => theme.spaceMap.lg}px;\n        left: ${({ theme }) => theme.spaceMap.lg}px;\n\n        @media screen and (max-width: 480px) {\n          bottom: ${({ theme }) => theme.spaceMap.sm}px;\n          left: ${({ theme }) => theme.spaceMap.sm}px;\n        }\n      }\n      &--bottom-center {\n        bottom: ${({ theme }) => theme.spaceMap.lg}px;\n        transform: translateX(-50%);\n        left: 50%;\n\n        @media screen and (max-width: 480px) {\n          bottom: ${({ theme }) => theme.spaceMap.sm}px;\n          left: 45%;\n          transform: translateX(-40%);\n        }\n      }\n      &--bottom-right {\n        bottom: ${({ theme }) => theme.spaceMap.lg}px;\n        right: ${({ theme }) => theme.spaceMap.lg}px;\n        left: auto;\n\n        @media screen and (max-width: 480px) {\n          bottom: ${({ theme }) => theme.spaceMap.sm}px;\n          right: ${({ theme }) => theme.spaceMap.sm}px;\n          transform: none;\n        }\n      }\n      /* /Positions */\n    }\n  }\n\n  .Toastify {\n    &__toast {\n      position: relative;\n      box-sizing: border-box;\n      display: flex;\n      justify-content: space-between;\n      overflow: hidden;\n      direction: ltr;\n      max-width: 360px;\n      max-height: 800px;\n      min-height: 0;\n\n      border-radius: ${({ theme }) => theme.borderRadiusesMap.md}px;\n      box-shadow: ${({ theme }) => theme.boxShadows.xs}\n        var(--lido-color-shadowLight);\n      margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n      padding: ${({ theme }) => theme.spaceMap.sm}px\n        ${({ theme }) => theme.spaceMap.md}px;\n      background-color: var(--lido-color-accent);\n      color: var(--lido-color-accentContrast);\n      font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n      line-height: 1.3em;\n      font-family: inherit;\n      cursor: default;\n\n      &-body {\n        margin: auto 0;\n        flex: 1 1 auto;\n        padding: 6px;\n      }\n\n      a,\n      a:hover {\n        color: currentColor;\n        text-decoration: underline;\n      }\n    }\n\n    &--animate {\n      animation-fill-mode: both;\n      animation-duration: 0.7s;\n    }\n\n    &__progress-bar {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 3px;\n      z-index: 9999;\n      opacity: 0.7;\n      background: rgba(255, 255, 255, 0.25);\n      transform-origin: left;\n\n      &--animated {\n        animation: Toastify__trackProgress linear 1 forwards;\n      }\n\n      &--controlled {\n        transition: transform 0.2s;\n      }\n\n      &--rtl {\n        right: 0;\n        left: auto;\n        transform-origin: right;\n      }\n    }\n\n    &__toast--rtl {\n      direction: rtl;\n    }\n\n    /* Variants */\n    //&__toast--dark {\n    //  background: #121212;\n    //  color: #fff;\n    //}\n    //&__toast--default {\n    //  background: #fff;\n    //  color: #aaa;\n    //}\n    &__toast--info {\n      background-color: var(--lido-color-accent);\n      color: var(--lido-color-accentContrast);\n    }\n    &__toast--error {\n      background-color: var(--lido-color-error);\n      color: var(--lido-color-errorContrast);\n    }\n    &__toast--warning {\n      background-color: var(--lido-color-warning);\n      color: var(--lido-color-warningContrast);\n    }\n    &__toast--success {\n      background-color: var(--lido-color-success);\n      color: var(--lido-color-successContrast);\n    }\n    /* /Variants */\n\n    /* For animations */\n    &__flip-enter {\n      animation-name: Toastify__flipIn;\n    }\n\n    &__flip-exit {\n      animation-name: Toastify__flipOut;\n    }\n\n    &__bounce-enter--bottom-left,\n    &__bounce-enter--top-left {\n      animation-name: Toastify__bounceInLeft;\n    }\n\n    &__bounce-enter--bottom-right,\n    &__bounce-enter--top-right {\n      animation-name: Toastify__bounceInRight;\n    }\n\n    &__bounce-enter--top-center {\n      animation-name: Toastify__bounceInDown;\n    }\n\n    &__bounce-enter--bottom-center {\n      animation-name: Toastify__bounceInUp;\n    }\n\n    &__bounce-exit--bottom-left,\n    &__bounce-exit--top-left {\n      animation-name: Toastify__bounceOutLeft;\n    }\n\n    &__bounce-exit--bottom-right,\n    &__bounce-exit--top-right {\n      animation-name: Toastify__bounceOutRight;\n    }\n\n    &__bounce-exit--top-center {\n      animation-name: Toastify__bounceOutUp;\n    }\n\n    &__bounce-exit--bottom-center {\n      animation-name: Toastify__bounceOutDown;\n    }\n    /* /For animations */\n  }\n`\n"],"names":["ToastContainer","styled","SourceToastContainer","attrs","draggable","_ref","theme","spaceMap","lg","_ref2","sm","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","_ref0","_ref1","_ref10","_ref11","_ref12","_ref13","_ref14","_ref15","_ref16","_ref17","_ref18","_ref19","_ref20","_ref21","borderRadiusesMap","md","_ref22","boxShadows","xs","_ref23","_ref24","_ref25","_ref26","fontSizesMap"],"mappings":";;;;;;;AAGO,MAAMA,cAAc,GAAGC,+BAAM,CAACC,4BAAoB,CAAC,CAACC,KAAK,CAAC;AAC/DC,EAAAA,SAAS,EAAE,KAAA;AACb,CAAC,CAAC,CAAA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAC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AAA;AAAM,GAAC,GAAAkC,MAAA,CAAA;AAAA,EAAA,OAAKlC,KAAK,CAACmC,YAAY,CAACL,EAAE,CAAA;AAAA,CAAA,CAAA;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}