return _react2.default.createElement('div', null, _react2.default.createElement('style', { type: 'text/css', scoped: true }, '@-webkit-keyframes showSweetAlert {\n 0% {\n transform: scale(0.7);\n -webkit-transform: scale(0.7);\n }\n 45% {\n transform: scale(1.05);\n -webkit-transform: scale(1.05);\n }\n 80% {\n transform: scale(0.95);\n -webkit-tranform: scale(0.95);\n }\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n }\n @keyframes showSweetAlert {\n 0% {\n transform: scale(0.7);\n -webkit-transform: scale(0.7);\n }\n 45% {\n transform: scale(1.05);\n -webkit-transform: scale(1.05);\n }\n 80% {\n transform: scale(0.95);\n -webkit-tranform: scale(0.95);\n }\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n }\n @-webkit-keyframes hideSweetAlert {\n 0% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n 100% {\n transform: scale(0.5);\n -webkit-transform: scale(0.5);\n }\n }\n @keyframes hideSweetAlert {\n 0% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n 100% {\n transform: scale(0.5);\n -webkit-transform: scale(0.5);\n }\n }\n @-webkit-keyframes animateSuccessTip {\n 0% {\n width: 0;\n left: 1px;\n top: 19px;\n }\n 54% {\n width: 0;\n left: 1px;\n top: 19px;\n }\n 70% {\n width: 50px;\n left: -8px;\n top: 37px;\n }\n 84% {\n width: 17px;\n left: 21px;\n top: 48px;\n }\n 100% {\n width: 25px;\n left: 14px;\n top: 45px;\n }\n }\n @keyframes animateSuccessTip {\n 0% {\n width: 0;\n left: 1px;\n top: 19px;\n }\n 54% {\n width: 0;\n left: 1px;\n top: 19px;\n }\n 70% {\n width: 50px;\n left: -8px;\n top: 37px;\n }\n 84% {\n width: 17px;\n left: 21px;\n top: 48px;\n }\n 100% {\n width: 25px;\n left: 14px;\n top: 45px;\n }\n }\n @-webkit-keyframes animateSuccessLong {\n 0% {\n width: 0;\n right: 46px;\n top: 54px;\n }\n 65% {\n width: 0;\n right: 46px;\n top: 54px;\n }\n 84% {\n width: 55px;\n right: 0px;\n top: 35px;\n }\n 100% {\n width: 47px;\n right: 8px;\n top: 38px;\n }\n }\n @keyframes animateSuccessLong {\n 0% {\n width: 0;\n right: 46px;\n top: 54px;\n }\n 65% {\n width: 0;\n right: 46px;\n top: 54px;\n }\n 84% {\n width: 55px;\n right: 0px;\n top: 35px;\n }\n 100% {\n width: 47px;\n right: 8px;\n top: 38px;\n }\n }\n @-webkit-keyframes rotatePlaceholder {\n 0% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n 5% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n 12% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n 100% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n }\n @keyframes rotatePlaceholder {\n 0% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n 5% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n 12% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n 100% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n }\n @-webkit-keyframes animateErrorIcon {\n 0% {\n transform: rotateX(100deg);\n -webkit-transform: rotateX(100deg);\n opacity: 0;\n }\n 100% {\n transform: rotateX(0deg);\n -webkit-transform: rotateX(0deg);\n opacity: 1;\n }\n }\n @keyframes animateErrorIcon {\n 0% {\n transform: rotateX(100deg);\n -webkit-transform: rotateX(100deg);\n opacity: 0;\n }\n 100% {\n transform: rotateX(0deg);\n -webkit-transform: rotateX(0deg);\n opacity: 1;\n }\n }\n @-webkit-keyframes animateXMark {\n 0% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n 50% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n 80% {\n transform: scale(1.15);\n -webkit-transform: scale(1.15);\n margin-top: -6px;\n }\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n margin-top: 0;\n opacity: 1;\n }\n }\n @keyframes animateXMark {\n 0% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n 50% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n 80% {\n transform: scale(1.15);\n -webkit-transform: scale(1.15);\n margin-top: -6px;\n }\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n margin-top: 0;\n opacity: 1;\n }\n }\n @-webkit-keyframes pulseWarning {\n 0% {\n border-color: #F8D486;\n }\n 100% {\n border-color: #F8BB86;\n }\n }\n @keyframes pulseWarning {\n 0% {\n border-color: #F8D486;\n }\n 100% {\n border-color: #F8BB86;\n }\n }\n @-webkit-keyframes pulseWarningIns {\n 0% {\n background-color: #F8D486;\n }\n 100% {\n background-color: #F8BB86;\n }\n }\n @keyframes pulseWarningIns {\n 0% {\n background-color: #F8D486;\n }\n 100% {\n background-color: #F8BB86;\n }\n }'), !this.props.hideOverlay && _react2.default.createElement('div', { style: _SweetAlertStyles2.default.overlay }), _react2.default.createElement('div', {
0 commit comments