UNPKG

@lidofinance/toast

Version:

React component for Lido Finance projects based on React-Toastify (https://github.com/fkhadra/react-toastify). Part of [Lido UI Components](https://github.com/lidofinance/ui/#readme)

github.com/lidofinance/ui

136 lines (129 loc) • 24.2 kB

JavaScript

'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var _tslib = require('./_virtual/_tslib.js'); var reactToastify = require('react-toastify'); var styled = require('styled-components'); function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled); var ToastContainer = styled__default['default'](reactToastify.ToastContainer).attrs({ draggable: false }).withConfig({ displayName: "ToastContainer", componentId: "sc-1lkd3zq-0" })(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\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 - ", "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 - ", "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: ", "px;\n left: ", "px;\n\n @media screen and (max-width: 480px) {\n top: ", "px;\n left: ", "px;\n }\n }\n &--top-center {\n top: ", "px;\n left: 50%;\n transform: translateX(-50%);\n\n @media screen and (max-width: 480px) {\n top: ", "px;\n left: 45%;\n transform: translateX(-40%);\n }\n }\n &--top-right {\n top: ", "px;\n right: ", "px;\n left: auto;\n\n @media screen and (max-width: 480px) {\n top: ", "px;\n right: ", "px;\n transform: none;\n }\n }\n &--bottom-left {\n bottom: ", "px;\n left: ", "px;\n\n @media screen and (max-width: 480px) {\n bottom: ", "px;\n left: ", "px;\n }\n }\n &--bottom-center {\n bottom: ", "px;\n transform: translateX(-50%);\n left: 50%;\n\n @media screen and (max-width: 480px) {\n bottom: ", "px;\n left: 45%;\n transform: translateX(-40%);\n }\n }\n &--bottom-right {\n bottom: ", "px;\n right: ", "px;\n left: auto;\n\n @media screen and (max-width: 480px) {\n bottom: ", "px;\n right: ", "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: ", "px;\n box-shadow: ", ";\n margin: ", "px 0;\n padding: ", "px\n ", "px;\n background-color: ", ";\n color: ", ";\n font-size: ", "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: ", ";\n color: ", ";\n }\n &__toast--error {\n background-color: ", ";\n color: ", ";\n }\n &__toast--warning {\n background-color: ", ";\n color: ", ";\n }\n &__toast--success {\n background-color: ", ";\n color: ", ";\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 /* 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 - ", "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 - ", "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: ", "px;\n left: ", "px;\n\n @media screen and (max-width: 480px) {\n top: ", "px;\n left: ", "px;\n }\n }\n &--top-center {\n top: ", "px;\n left: 50%;\n transform: translateX(-50%);\n\n @media screen and (max-width: 480px) {\n top: ", "px;\n left: 45%;\n transform: translateX(-40%);\n }\n }\n &--top-right {\n top: ", "px;\n right: ", "px;\n left: auto;\n\n @media screen and (max-width: 480px) {\n top: ", "px;\n right: ", "px;\n transform: none;\n }\n }\n &--bottom-left {\n bottom: ", "px;\n left: ", "px;\n\n @media screen and (max-width: 480px) {\n bottom: ", "px;\n left: ", "px;\n }\n }\n &--bottom-center {\n bottom: ", "px;\n transform: translateX(-50%);\n left: 50%;\n\n @media screen and (max-width: 480px) {\n bottom: ", "px;\n left: 45%;\n transform: translateX(-40%);\n }\n }\n &--bottom-right {\n bottom: ", "px;\n right: ", "px;\n left: auto;\n\n @media screen and (max-width: 480px) {\n bottom: ", "px;\n right: ", "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: ", "px;\n box-shadow: ", ";\n margin: ", "px 0;\n padding: ", "px\n ", "px;\n background-color: ", ";\n color: ", ";\n font-size: ", "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: ", ";\n color: ", ";\n }\n &__toast--error {\n background-color: ", ";\n color: ", ";\n }\n &__toast--warning {\n background-color: ", ";\n color: ", ";\n }\n &__toast--success {\n background-color: ", ";\n color: ", ";\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"])), function (_a) { var theme = _a.theme; return 2 * theme.spaceMap.lg; }, function (_a) { var theme = _a.theme; return 2 * theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.spaceMap.lg; }, function (_a) { var theme = _a.theme; return theme.spaceMap.lg; }, function (_a) { var theme = _a.theme; return theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.spaceMap.lg; }, function (_a) { var theme = _a.theme; return theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.spaceMap.lg; }, function (_a) { var theme = _a.theme; return theme.spaceMap.lg; }, function (_a) { var theme = _a.theme; return theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.spaceMap.lg; }, function (_a) { var theme = _a.theme; return theme.spaceMap.lg; }, function (_a) { var theme = _a.theme; return theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.spaceMap.lg; }, function (_a) { var theme = _a.theme; return theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.spaceMap.lg; }, function (_a) { var theme = _a.theme; return theme.spaceMap.lg; }, function (_a) { var theme = _a.theme; return theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.borderRadiusesMap.md; }, function (_a) { var theme = _a.theme; return theme.boxShadows.xs + " " + theme.colors.shadowLight; }, function (_a) { var theme = _a.theme; return theme.spaceMap.xs; }, function (_a) { var theme = _a.theme; return theme.spaceMap.sm; }, function (_a) { var theme = _a.theme; return theme.spaceMap.md; }, function (_a) { var theme = _a.theme; return theme.colors.accent; }, function (_a) { var theme = _a.theme; return theme.colors.accentContrast; }, function (_a) { var theme = _a.theme; return theme.fontSizesMap.xs; }, function (_a) { var theme = _a.theme; return theme.colors.accent; }, function (_a) { var theme = _a.theme; return theme.colors.accentContrast; }, function (_a) { var theme = _a.theme; return theme.colors.error; }, function (_a) { var theme = _a.theme; return theme.colors.errorContrast; }, function (_a) { var theme = _a.theme; return theme.colors.warning; }, function (_a) { var theme = _a.theme; return theme.colors.warningContrast; }, function (_a) { var theme = _a.theme; return theme.colors.success; }, function (_a) { var theme = _a.theme; return theme.colors.successContrast; }); var templateObject_1; exports.ToastContainer = ToastContainer;