BREAKING CHANGE: sweetalert2 v9

sweetalert2 · Nov 5, 2019 · 2205826 · 2205826
1 parent 9f30e94
commit 2205826
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 13 deletions.
diff --git 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
@@ -9,7 +9,7 @@
   <!-- IE11 compatibility -->
   <script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>
 
-  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8/dist/sweetalert2.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9/dist/sweetalert2.min.js"></script>
 </head>
 
 <body>

diff --git 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
@@ -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 <[email protected]> (https://limonte.github.io)",
   "contributors": [

diff --git 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==
 
 [email protected]:
   version "1.0.1"