Updated component to version 2.3.0

RELEASE-NOTES.md

@@ -1,3 +1,8 @@
+### Version 2.3.0 - Feb 19, 2018
+
+- **Transition** - Adds new `glow` transition for highlighting an element on the page, and `zoom` animation for scaling elements without opacity tween.
+- **Images / Transition** - Fixed issue where `ui images` would show nested images with `transition hidden` as block (Fixes sequential img animation demo in docs)
+
 ### Version 2.2.5 - October, 27, 2016
 
 - **Progress** - Progress now includes transitionEnd failback for progress bar animations, this will prevent labels from continuing to be updated if the `transitionEnd` css callback does not fire correctly

composer.json

@@ -15,5 +15,5 @@
     "framework"
   ],
   "license": "MIT",
-  "version": "2.2.14"
+  "version": "2.3.0"
 }

index.js

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.2.14 - Transition
+ * # Semantic UI 2.3.0 - Transition
  * http://github.com/semantic-org/semantic-ui/
  *
  *

package.json

@@ -1,6 +1,6 @@
 {
   "name": "semantic-ui-transition",
-  "version": "2.2.14",
+  "version": "2.3.0",
   "title": "Semantic UI - Transition",
   "description": "Single component release of transition",
   "homepage": "http://www.semantic-ui.com",

transition.css

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.2.14 - Transition
+ * # Semantic UI 2.3.0 - Transition
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -1646,6 +1646,67 @@
   }
 }
 
+/*--------------
+      Zoom
+---------------*/
+
+.transition.zoom.in {
+  -webkit-animation-name: zoomIn;
+          animation-name: zoomIn;
+}
+.transition.zoom.out {
+  -webkit-animation-name: zoomOut;
+          animation-name: zoomOut;
+}
+@-webkit-keyframes zoomIn {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(0);
+            transform: scale(0);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+@keyframes zoomIn {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(0);
+            transform: scale(0);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+@-webkit-keyframes zoomOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(0);
+            transform: scale(0);
+  }
+}
+@keyframes zoomOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(0);
+            transform: scale(0);
+  }
+}
+
 
 /*******************************
        Static Animations
@@ -1692,6 +1753,16 @@
   -webkit-animation-name: jiggle;
           animation-name: jiggle;
 }
+.transition.glow {
+  -webkit-animation-duration: 2000ms;
+          animation-duration: 2000ms;
+  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+          animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
+}
+.transition.glow {
+  -webkit-animation-name: glow;
+          animation-name: glow;
+}
 
 /* Flash */
 @-webkit-keyframes flash {
@@ -1895,7 +1966,7 @@
   }
 }
 
-/* Rubberband */
+/* Jiggle */
 @-webkit-keyframes jiggle {
   0% {
     -webkit-transform: scale3d(1, 1, 1);
@@ -1957,6 +2028,30 @@
   }
 }
 
+/* Glow */
+@-webkit-keyframes glow {
+  0% {
+    background-color: #FCFCFD;
+  }
+  30% {
+    background-color: #FFF6CD;
+  }
+  100% {
+    background-color: #FCFCFD;
+  }
+}
+@keyframes glow {
+  0% {
+    background-color: #FCFCFD;
+  }
+  30% {
+    background-color: #FFF6CD;
+  }
+  100% {
+    background-color: #FCFCFD;
+  }
+}
+
 
 /*******************************
          Site Overrides

transition.js

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.2.14 - Transition
+ * # Semantic UI 2.3.0 - Transition
  * http://github.com/semantic-org/semantic-ui/
  *
  *