diff --git a/bootstrap-4/bootstrap-4.scss b/bootstrap-4/bootstrap-4.scss index 4dc6ea8..4ff978d 100644 --- a/bootstrap-4/bootstrap-4.scss +++ b/bootstrap-4/bootstrap-4.scss @@ -140,9 +140,38 @@ $bootstrap-toast-box-shadow: 0 .25rem .75rem rgba($swal2-black, $swal2-padding: 1rem; $swal2-border-radius: .3rem; +// ANIMATIONS +// animate.css/fading_entrances/fadeInDown.css +@keyframes fadeInDown { + from { + transform: translate3d(0, -100%, 0); + opacity: 0; + } + + to { + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +// animate.css/fading_exits/fadeOutUp.css +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + transform: translate3d(0, -100%, 0); + opacity: 0; + } +} + +$swal2-show-animation: fadeInDown .5s; +$swal2-hide-animation: fadeOutUp .5s; + // BACKDROP $swal2-backdrop: rgba($swal2-black, .5); -$swal2-backdrop-transition: background-color .15s; +$swal2-backdrop-transition: background-color .5s; // ICONS $swal2-success: $bootstrap-success; diff --git a/index.html b/index.html index 50f863c..fb89208 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ - + diff --git a/minimal/minimal.scss b/minimal/minimal.scss index 8c96502..5a05e69 100644 --- a/minimal/minimal.scss +++ b/minimal/minimal.scss @@ -7,6 +7,9 @@ $swal2-box-shadow: none; // BACKDROP $swal2-backdrop-transition: initial; +// ICONS +$swal2-icon-animations: false; + // INPUT $swal2-input-border-radius: 0; $swal2-input-box-shadow: none; @@ -20,11 +23,6 @@ $swal2-cancel-button-border-radius: 0; // ANIMATIONS $swal2-show-animation: none; $swal2-hide-animation: none; -$swal2-success-line-tip-animation: none; -$swal2-success-line-long-animation: none; -$swal2-success-circular-line-animation: none; -$swal2-error-icon-animation: none; -$swal2-error-x-mark-animation: none; // CLOSE BUTTON $swal2-close-button-transition: initial; diff --git a/package.json b/package.json index f38716d..6c202d7 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "homepage": "https://sweetalert2.github.io/", "description": "Themes for SweetAlert2", "peerDependencies": { - "sweetalert2": "^8.18.4" + "sweetalert2": "^9.1.0" }, "devDependencies": { "@sweetalert2/execute": "^1.0.0", @@ -22,7 +22,7 @@ "promise-polyfill": "^8.1.0", "replace-in-file": "^4.0.0", "stylelint": "^11.0.0", - "sweetalert2": "^8.18.4" + "sweetalert2": "^9.1.0" }, "author": "Limon Monte (https://limonte.github.io)", "contributors": [ diff --git a/yarn.lock b/yarn.lock index a5d9d52..2fc4ae8 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5113,10 +5113,10 @@ svg-tags@^1.0.0: resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764" integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q= -sweetalert2@^8.18.4: - version "8.18.4" - resolved "https://registry.yarnpkg.com/sweetalert2/-/sweetalert2-8.18.4.tgz#2b3ecf6ad455feed89a93b038c75e7a8c8095798" - integrity sha512-U5e2DWL4ljwqIojkA58It7T+pnFKiYeZYoNXavUwWPcn0JWJ2CKfN08Kb9ygxVBJJDMlk+NNV7DK9K9R5coefQ== +sweetalert2@^9.1.0: + version "9.1.0" + resolved "https://registry.yarnpkg.com/sweetalert2/-/sweetalert2-9.1.0.tgz#07680b8848bf829709096323990e6049d28c7488" + integrity sha512-z+inI9lvMV0GjvH3CKzHpwIHzTl4DJGlgD4Afgo58xNYMELa2y3CKyXOvEvb8maj7RG703s1cJJRDTkFycAezQ== symbol-observable@1.0.1: version "1.0.1"