@lidofinance/lido-ui 1.10.13 → 2.0.0-next.2

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

@@ -0,0 +1,620 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ToastContainer", {
+    enumerable: true,
+    get: ()=>ToastContainer
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _reactToastify = require("react-toastify");
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const ToastContainer = (0, _styledComponents.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 - ${(param)=>{
+    let { theme  } = param;
+    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 - ${(param)=>{
+    let { theme  } = param;
+    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: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+        left: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+
+        @media screen and (max-width: 480px) {
+          top: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px;
+          left: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px;
+        }
+      }
+      &--top-center {
+        top: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+        left: 50%;
+        transform: translateX(-50%);
+
+        @media screen and (max-width: 480px) {
+          top: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px;
+          left: 45%;
+          transform: translateX(-40%);
+        }
+      }
+      &--top-right {
+        top: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+        right: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+        left: auto;
+
+        @media screen and (max-width: 480px) {
+          top: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px;
+          right: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px;
+          transform: none;
+        }
+      }
+      &--bottom-left {
+        bottom: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+        left: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+
+        @media screen and (max-width: 480px) {
+          bottom: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px;
+          left: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px;
+        }
+      }
+      &--bottom-center {
+        bottom: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+        transform: translateX(-50%);
+        left: 50%;
+
+        @media screen and (max-width: 480px) {
+          bottom: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px;
+          left: 45%;
+          transform: translateX(-40%);
+        }
+      }
+      &--bottom-right {
+        bottom: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+        right: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+        left: auto;
+
+        @media screen and (max-width: 480px) {
+          bottom: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px;
+          right: ${(param)=>{
+    let { theme  } = param;
+    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: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.md;
+}}px;
+      box-shadow: ${(param)=>{
+    let { theme  } = param;
+    return theme.boxShadows.xs;
+}}
+        var(--lido-color-shadowLight);
+      margin: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xs;
+}}px 0;
+      padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px
+        ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.md;
+}}px;
+      background-color: var(--lido-color-accent);
+      color: var(--lido-color-accentContrast);
+      font-size: ${(param)=>{
+    let { theme  } = param;
+    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 */
+  }
+`;
+
+//# sourceMappingURL=ToastContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/toast/src/ToastContainer.tsx"],"sourcesContent":["import { ToastContainer as SourceToastContainer } from 'react-toastify'\nimport styled from 'styled-components'\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","theme","spaceMap","lg","sm","borderRadiusesMap","md","boxShadows","xs","fontSizesMap"],"mappings":"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"}

package/dist/cjs/toast/src/ToastDefault.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ToastDefault", {
+    enumerable: true,
+    get: ()=>ToastDefault
+});
+const _reactToastify = require("react-toastify");
+const _toastsDefaultOptions = require("./toastsDefaultOptions");
+function ToastDefault(content, options) {
+    return (0, _reactToastify.toast)(content, {
+        ..._toastsDefaultOptions.TOASTS_DEFAULT_OPTIONS,
+        ...options || {}
+    });
+}
+
+//# sourceMappingURL=ToastDefault.js.map

package/dist/cjs/toast/src/ToastDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/toast/src/ToastDefault.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_DEFAULT_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastDefault(\n  content: ToastContent,\n  options?: ToastOptions\n): ReactText {\n  return toast(content, { ...TOASTS_DEFAULT_OPTIONS, ...(options || {}) })\n}\n"],"names":["ToastDefault","content","options","toast","TOASTS_DEFAULT_OPTIONS"],"mappings":"AAAA;;;;+BAIgBA,cAAY;;aAAZA,YAAY;;+BAHsB,gBAAgB;sCAC3B,wBAAwB;AAExD,SAASA,YAAY,CAC1BC,OAAqB,EACrBC,OAAsB,EACX;IACX,OAAOC,IAAAA,cAAK,MAAA,EAACF,OAAO,EAAE;QAAE,GAAGG,qBAAsB,uBAAA;QAAE,GAAIF,OAAO,IAAI,EAAE;KAAG,CAAC,CAAA;AAC1E,CAAC"}

package/dist/cjs/toast/src/ToastError.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ToastError", {
+    enumerable: true,
+    get: ()=>ToastError
+});
+const _reactToastify = require("react-toastify");
+const _toastsDefaultOptions = require("./toastsDefaultOptions");
+function ToastError(content, options) {
+    return _reactToastify.toast.error(content, {
+        ..._toastsDefaultOptions.TOASTS_ERROR_OPTIONS,
+        ...options || {}
+    });
+}
+
+//# sourceMappingURL=ToastError.js.map

package/dist/cjs/toast/src/ToastError.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/toast/src/ToastError.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_ERROR_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastError(\n  content: ToastContent,\n  options?: ToastOptions\n): ReactText {\n  return toast.error(content, { ...TOASTS_ERROR_OPTIONS, ...(options || {}) })\n}\n"],"names":["ToastError","content","options","toast","error","TOASTS_ERROR_OPTIONS"],"mappings":"AAAA;;;;+BAIgBA,YAAU;;aAAVA,UAAU;;+BAHwB,gBAAgB;sCAC7B,wBAAwB;AAEtD,SAASA,UAAU,CACxBC,OAAqB,EACrBC,OAAsB,EACX;IACX,OAAOC,cAAK,MAAA,CAACC,KAAK,CAACH,OAAO,EAAE;QAAE,GAAGI,qBAAoB,qBAAA;QAAE,GAAIH,OAAO,IAAI,EAAE;KAAG,CAAC,CAAA;AAC9E,CAAC"}