From b4de1d008df0b32fa8ec2755b31336896b6eba04 Mon Sep 17 00:00:00 2001
From: Juan David Nicholls Cardona <jdnichollsc@hotmail.com>
Date: Sun, 19 Apr 2020 02:34:00 -0500
Subject: [PATCH] Update version to 1.1.1

---
 CHANGELOG.md            |  7 ++++++-
 package-lock.json       | 11 ++++++-----
 package.json            | 35 +++++++++++++++++++++++++----------
 readme.md               |  2 +-
 src/animations/index.ts |  4 ++++
 5 files changed, 42 insertions(+), 17 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c7e7a35..a38d411 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,7 +6,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [1.1.0] - 2020-04-11
+## [1.1.1] - 2020-04-19
+### Fixed
+- Fixed dependencies of the package.
+- Updated **README** for React projects using wrapper component instead.
+
+## [1.1.0] - 2020-04-17
 ### Added
 - Added `fromClassName` and `toClassName` props to be applied when the animation starts and ends respectively.
 - Added animations from [Animista](https://animista.net/).
diff --git a/package-lock.json b/package-lock.json
index 5012ff5..b71b2e5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@proyecto26/animatable-component",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -41,9 +41,9 @@
       }
     },
     "@stencil/core": {
-      "version": "1.12.4",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-1.12.4.tgz",
-      "integrity": "sha512-hhknp1gnPYiYpZciHks6FCKgznDcbKVv+pTZN2NUtEWxUXUjTgKI60L2bKcy4uXB5ICUVtP4Pc61BtiX3hRamA==",
+      "version": "1.12.5",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-1.12.5.tgz",
+      "integrity": "sha512-A1rmWY8bG0QjPh2QBV567ziwmxT5dtSdG3p0PDTgzyBpK2jOP7dufbgQL6lL3eC/xfpk4NWgesaV5c9FS9c6wg==",
       "dev": true,
       "requires": {
         "typescript": "3.8.3"
@@ -62,7 +62,8 @@
     "@stencil/react-output-target": {
       "version": "0.0.4",
       "resolved": "https://registry.npmjs.org/@stencil/react-output-target/-/react-output-target-0.0.4.tgz",
-      "integrity": "sha512-Ty2nJ2igC1jVNVcEc04Ut19wb7ac+NMd8HVEHvdZbO3HZZ98yAIERN72Z5Up0jpFPZGLAJ+SMGTc2HP2hoUjnw=="
+      "integrity": "sha512-Ty2nJ2igC1jVNVcEc04Ut19wb7ac+NMd8HVEHvdZbO3HZZ98yAIERN72Z5Up0jpFPZGLAJ+SMGTc2HP2hoUjnw==",
+      "dev": true
     },
     "@types/color-name": {
       "version": "1.1.1",
diff --git a/package.json b/package.json
index d6a55b6..eab55fc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@proyecto26/animatable-component",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "private": false,
   "description": "Animate once, use Everywhere! 💫",
   "author": "Proyecto 26",
@@ -27,13 +27,14 @@
     "lint": "eslint src/**/*{.ts,.tsx}"
   },
   "devDependencies": {
-    "@stencil/core": "^1.12.4",
+    "@stencil/core": "^1.12.5",
     "@stencil/eslint-plugin": "^0.3.1",
     "@typescript-eslint/eslint-plugin": "^2.28.0",
     "@typescript-eslint/parser": "^2.28.0",
     "eslint": "^6.8.0",
     "eslint-plugin-react": "^7.19.0",
-    "gh-pages": "^2.2.0"
+    "gh-pages": "^2.2.0",
+    "@stencil/react-output-target": "0.0.4"
   },
   "license": "MIT",
   "repository": {
@@ -46,24 +47,38 @@
   "keywords": [
     "animatable",
     "component",
+    "stenciljs",
     "stencil",
     "angular",
     "react",
     "vue",
-    "ux",
+    "vanillajs",
+    "pwa",
+    "progressive-web-app",
+    "progressive-web-apps",
+    "progressive web app",
+    "progressive web apps",
     "web-component",
     "web-components",
     "web component",
     "web components",
     "animate",
+    "keyframes",
+    "easing",
+    "easing-functions",
+    "easing functions",
     "animations",
-    "declarative",
     "web-animations",
     "web-animations-api",
     "web animations",
-    "web animations api"
-  ],
-  "dependencies": {
-    "@stencil/react-output-target": "0.0.4"
-  }
+    "web animations api",
+    "waapi",
+    "mobile",
+    "desktop",
+    "electron",
+    "gsap",
+    "ux",
+    "user experience",
+    "webcomponents"
+  ]
 }
diff --git a/readme.md b/readme.md
index 612e140..69cb00a 100644
--- a/readme.md
+++ b/readme.md
@@ -98,7 +98,7 @@ const easingOutCubic = EASING_FUNCTIONS[EASING.EASE_OUT_CUBIC];
 
 ### Script tag
 
-- Put a script tag similar to this `<script src='https://unpkg.com/animatable-component@1.0.2/dist/animatable-component.js'></script>` in the head of your index.html
+- Put a script tag similar to this `<script src='https://unpkg.com/animatable-component@1.1.1/dist/animatable-component.js'></script>` in the head of your index.html
 - Then you can use the element anywhere in your template, JSX, html etc
 
 ### Node Modules
diff --git a/src/animations/index.ts b/src/animations/index.ts
index 8e42b67..2e33e14 100644
--- a/src/animations/index.ts
+++ b/src/animations/index.ts
@@ -10,6 +10,10 @@ export const KEYFRAMES = {
   ...ANIMISTA,
 } as const;
 
+/**
+ * Get the keyframes of the animation
+ * @param animation - Name of the animation.
+ */
 export function getKeyFramesByAnimation (animation: AnimationsType) {
   const keyFrames = KEYFRAMES[animation];
   if (keyFrames !== undefined) {