Update version to 1.1.1

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/).

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"
+  ]
 }

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

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) {