@semcore/animation - npm Package Compare versions

Comparing version 1.5.11 to 1.6.0

CHANGELOG.md

@@ -5,13 +5,13 @@ # Changelog
 
-## [1.5.11] - 2022-10-04
+## [1.6.0] - 2022-10-10
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [3.37.1 ~> 3.37.2]).
+- Added support for React 18 🔥
 
-## [1.5.10] - 2022-08-30
+## [1.5.11] - 2022-10-04
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [3.37.0 ~> 3.37.1]).
+- Version patch update due to children dependencies update (`@semcore/utils` [3.37.1 ~> 3.37.2]).
 
@@ -30,44 +30,2 @@ ## [1.5.9] - 2022-08-29
 
-## [1.5.7] - 2022-08-11
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0]).
-
-## [1.5.6] - 2022-08-01
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.0 ~> 3.35.1]).
-
-## [1.5.5] - 2022-07-22
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0]).
-
-## [1.5.4] - 2022-07-07
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.33.0 ~> 3.34.0]).
-
-## [1.5.3] - 2022-06-02
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.2 ~> 3.33.0]).
-
-## [1.5.2] - 2022-05-31
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.1 ~> 3.32.2]).
-
-## [1.5.1] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.0 ~> 3.32.1], `@semcore/flex-box` [4.5.1 ~> 4.5.3]).
-
 ## [1.5.0] - 2022-04-03
@@ -74,0 +32,0 @@

lib/cjs/Animation.js

@@ -49,15 +49,15 @@ "use strict";
 /*__inner_css_start__*/
-".___SAnimation_rszdt_gg_{animation-fill-mode:both;animation-timing-function:ease-out;animation-duration:var(--durationFinalize_rszdt);animation-delay:var(--delayFinalize_rszdt);animation-name:var(--keyframesFinalize_rszdt)}.___SAnimation_rszdt_gg_.__visible_rszdt_gg_{animation-duration:var(--durationInitialize_rszdt);animation-delay:var(--delayInitialize_rszdt);animation-name:var(--keyframesInitialize_rszdt)}@media (prefers-reduced-motion){.___SAnimation_rszdt_gg_{animation-timing-function:step-end;animation-iteration-count:1}.___SAnimation_rszdt_gg_.__visible_rszdt_gg_{animation-timing-function:step-end;animation-iteration-count:1}}"
+".___SAnimation_pxhsy_gg_ {\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n  animation-duration: var(--durationFinalize_pxhsy);\n  animation-delay: var(--delayFinalize_pxhsy);\n  animation-name: var(--keyframesFinalize_pxhsy);\n}\n.___SAnimation_pxhsy_gg_.__visible_pxhsy_gg_ {\n  animation-duration: var(--durationInitialize_pxhsy);\n  animation-delay: var(--delayInitialize_pxhsy);\n  animation-name: var(--keyframesInitialize_pxhsy);\n}\n@media (prefers-reduced-motion) {\n  .___SAnimation_pxhsy_gg_ {\n    animation-timing-function: step-end;\n    animation-iteration-count: 1;\n  }\n  .___SAnimation_pxhsy_gg_.__visible_pxhsy_gg_ {\n    animation-timing-function: step-end;\n    animation-iteration-count: 1;\n  }\n}\n"
 /*__inner_css_end__*/
-, "rszdt_gg_")
+, "pxhsy_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAnimation": "___SAnimation_rszdt_gg_",
-  "--durationFinalize": "--durationFinalize_rszdt",
-  "--delayFinalize": "--delayFinalize_rszdt",
-  "--keyframesFinalize": "--keyframesFinalize_rszdt",
-  "_visible": "__visible_rszdt_gg_",
-  "--durationInitialize": "--durationInitialize_rszdt",
-  "--delayInitialize": "--delayInitialize_rszdt",
-  "--keyframesInitialize": "--keyframesInitialize_rszdt"
+  "__SAnimation": "___SAnimation_pxhsy_gg_",
+  "--durationFinalize": "--durationFinalize_pxhsy",
+  "--delayFinalize": "--delayFinalize_pxhsy",
+  "--keyframesFinalize": "--keyframesFinalize_pxhsy",
+  "_visible": "__visible_pxhsy_gg_",
+  "--durationInitialize": "--durationInitialize_pxhsy",
+  "--delayInitialize": "--delayInitialize_pxhsy",
+  "--keyframesInitialize": "--keyframesInitialize_pxhsy"
 });
@@ -64,0 +64,0 @@

lib/cjs/Collapse.js

@@ -38,10 +38,10 @@ "use strict";
 /*__inner_css_start__*/
-"@keyframes enter_kn4uy{0%{overflow:hidden;height:0}to{height:var(--height_kn4uy)}}@keyframes exit_kn4uy{0%{height:var(--height_kn4uy)}to{height:0}}"
+"\n  @keyframes enter_1mxsm {\n    from {\n      overflow: hidden;\n      height: 0;\n    }\n    to {\n      height: var(--height_1mxsm);\n    }\n  }\n\n  @keyframes exit_1mxsm {\n    from {\n      height: var(--height_1mxsm);\n    }\n    to {\n      height: 0;\n    }\n  }\n"
 /*__inner_css_end__*/
-, "kn4uy_gg_")
+, "1mxsm_gg_")
 /*__reshadow_css_end__*/
 , {
-  "@enter": "enter_kn4uy",
-  "--height": "--height_kn4uy",
-  "@exit": "exit_kn4uy"
+  "@enter": "enter_1mxsm",
+  "--height": "--height_1mxsm",
+  "@exit": "exit_1mxsm"
 });
@@ -48,0 +48,0 @@

lib/cjs/FadeInOut.js

@@ -26,9 +26,9 @@ "use strict";
 /*__inner_css_start__*/
-"@keyframes enter_ewg7b{0%{opacity:0}to{opacity:1}}@keyframes exit_ewg7b{0%{opacity:1}to{opacity:0}}"
+"\n  @keyframes enter_11rjr {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes exit_11rjr {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n"
 /*__inner_css_end__*/
-, "ewg7b_gg_")
+, "11rjr_gg_")
 /*__reshadow_css_end__*/
 , {
-  "@enter": "enter_ewg7b",
-  "@exit": "exit_ewg7b"
+  "@enter": "enter_11rjr",
+  "@exit": "exit_11rjr"
 });
@@ -35,0 +35,0 @@

lib/cjs/Transform.js

@@ -30,11 +30,11 @@ "use strict";
 /*__inner_css_start__*/
-"@keyframes enter_ofgyf{0%{transform:var(--transformStart_ofgyf)}to{transform:var(--transformEnd_ofgyf)}}@keyframes exit_ofgyf{0%{transform:var(--transformEnd_ofgyf)}to{transform:var(--transformStart_ofgyf)}}"
+"\n  @keyframes enter_qmsws {\n    from {\n      transform: var(--transformStart_qmsws);\n    }\n    to {\n      transform: var(--transformEnd_qmsws);\n    }\n  }\n  @keyframes exit_qmsws {\n    from {\n      transform: var(--transformEnd_qmsws);\n    }\n    to {\n      transform: var(--transformStart_qmsws);\n    }\n  }\n"
 /*__inner_css_end__*/
-, "ofgyf_gg_")
+, "qmsws_gg_")
 /*__reshadow_css_end__*/
 , {
-  "@enter": "enter_ofgyf",
-  "--transformStart": "--transformStart_ofgyf",
-  "--transformEnd": "--transformEnd_ofgyf",
-  "@exit": "exit_ofgyf"
+  "@enter": "enter_qmsws",
+  "--transformStart": "--transformStart_qmsws",
+  "--transformEnd": "--transformEnd_qmsws",
+  "@exit": "exit_qmsws"
 });
@@ -41,0 +41,0 @@

lib/es6/Animation.js

@@ -28,15 +28,15 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 /*__inner_css_start__*/
-".___SAnimation_rszdt_gg_{animation-fill-mode:both;animation-timing-function:ease-out;animation-duration:var(--durationFinalize_rszdt);animation-delay:var(--delayFinalize_rszdt);animation-name:var(--keyframesFinalize_rszdt)}.___SAnimation_rszdt_gg_.__visible_rszdt_gg_{animation-duration:var(--durationInitialize_rszdt);animation-delay:var(--delayInitialize_rszdt);animation-name:var(--keyframesInitialize_rszdt)}@media (prefers-reduced-motion){.___SAnimation_rszdt_gg_{animation-timing-function:step-end;animation-iteration-count:1}.___SAnimation_rszdt_gg_.__visible_rszdt_gg_{animation-timing-function:step-end;animation-iteration-count:1}}"
+".___SAnimation_pxhsy_gg_ {\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n  animation-duration: var(--durationFinalize_pxhsy);\n  animation-delay: var(--delayFinalize_pxhsy);\n  animation-name: var(--keyframesFinalize_pxhsy);\n}\n.___SAnimation_pxhsy_gg_.__visible_pxhsy_gg_ {\n  animation-duration: var(--durationInitialize_pxhsy);\n  animation-delay: var(--delayInitialize_pxhsy);\n  animation-name: var(--keyframesInitialize_pxhsy);\n}\n@media (prefers-reduced-motion) {\n  .___SAnimation_pxhsy_gg_ {\n    animation-timing-function: step-end;\n    animation-iteration-count: 1;\n  }\n  .___SAnimation_pxhsy_gg_.__visible_pxhsy_gg_ {\n    animation-timing-function: step-end;\n    animation-iteration-count: 1;\n  }\n}\n"
 /*__inner_css_end__*/
-, "rszdt_gg_")
+, "pxhsy_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAnimation": "___SAnimation_rszdt_gg_",
-  "--durationFinalize": "--durationFinalize_rszdt",
-  "--delayFinalize": "--delayFinalize_rszdt",
-  "--keyframesFinalize": "--keyframesFinalize_rszdt",
-  "_visible": "__visible_rszdt_gg_",
-  "--durationInitialize": "--durationInitialize_rszdt",
-  "--delayInitialize": "--delayInitialize_rszdt",
-  "--keyframesInitialize": "--keyframesInitialize_rszdt"
+  "__SAnimation": "___SAnimation_pxhsy_gg_",
+  "--durationFinalize": "--durationFinalize_pxhsy",
+  "--delayFinalize": "--delayFinalize_pxhsy",
+  "--keyframesFinalize": "--keyframesFinalize_pxhsy",
+  "_visible": "__visible_pxhsy_gg_",
+  "--durationInitialize": "--durationInitialize_pxhsy",
+  "--delayInitialize": "--delayInitialize_pxhsy",
+  "--keyframesInitialize": "--keyframesInitialize_pxhsy"
 });
@@ -43,0 +43,0 @@

lib/es6/Collapse.js

@@ -17,10 +17,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /*__inner_css_start__*/
-"@keyframes enter_kn4uy{0%{overflow:hidden;height:0}to{height:var(--height_kn4uy)}}@keyframes exit_kn4uy{0%{height:var(--height_kn4uy)}to{height:0}}"
+"\n  @keyframes enter_1mxsm {\n    from {\n      overflow: hidden;\n      height: 0;\n    }\n    to {\n      height: var(--height_1mxsm);\n    }\n  }\n\n  @keyframes exit_1mxsm {\n    from {\n      height: var(--height_1mxsm);\n    }\n    to {\n      height: 0;\n    }\n  }\n"
 /*__inner_css_end__*/
-, "kn4uy_gg_")
+, "1mxsm_gg_")
 /*__reshadow_css_end__*/
 , {
-  "@enter": "enter_kn4uy",
-  "--height": "--height_kn4uy",
-  "@exit": "exit_kn4uy"
+  "@enter": "enter_1mxsm",
+  "--height": "--height_1mxsm",
+  "@exit": "exit_1mxsm"
 });
@@ -27,0 +27,0 @@

lib/es6/FadeInOut.js

@@ -14,9 +14,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /*__inner_css_start__*/
-"@keyframes enter_ewg7b{0%{opacity:0}to{opacity:1}}@keyframes exit_ewg7b{0%{opacity:1}to{opacity:0}}"
+"\n  @keyframes enter_11rjr {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes exit_11rjr {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n"
 /*__inner_css_end__*/
-, "ewg7b_gg_")
+, "11rjr_gg_")
 /*__reshadow_css_end__*/
 , {
-  "@enter": "enter_ewg7b",
-  "@exit": "exit_ewg7b"
+  "@enter": "enter_11rjr",
+  "@exit": "exit_11rjr"
 });
@@ -23,0 +23,0 @@

lib/es6/Transform.js

@@ -16,11 +16,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /*__inner_css_start__*/
-"@keyframes enter_ofgyf{0%{transform:var(--transformStart_ofgyf)}to{transform:var(--transformEnd_ofgyf)}}@keyframes exit_ofgyf{0%{transform:var(--transformEnd_ofgyf)}to{transform:var(--transformStart_ofgyf)}}"
+"\n  @keyframes enter_qmsws {\n    from {\n      transform: var(--transformStart_qmsws);\n    }\n    to {\n      transform: var(--transformEnd_qmsws);\n    }\n  }\n  @keyframes exit_qmsws {\n    from {\n      transform: var(--transformEnd_qmsws);\n    }\n    to {\n      transform: var(--transformStart_qmsws);\n    }\n  }\n"
 /*__inner_css_end__*/
-, "ofgyf_gg_")
+, "qmsws_gg_")
 /*__reshadow_css_end__*/
 , {
-  "@enter": "enter_ofgyf",
-  "--transformStart": "--transformStart_ofgyf",
-  "--transformEnd": "--transformEnd_ofgyf",
-  "@exit": "exit_ofgyf"
+  "@enter": "enter_qmsws",
+  "--transformStart": "--transformStart_qmsws",
+  "--transformEnd": "--transformEnd_qmsws",
+  "@exit": "exit_qmsws"
 });
@@ -27,0 +27,0 @@

package.json

 {
   "name": "@semcore/animation",
   "description": "Semrush Animation Component",
-  "version": "1.5.11",
+  "version": "1.6.0",
   "main": "lib/cjs/index.js",
@@ -11,6 +11,2 @@ "module": "lib/es6/index.js",
   "license": "MIT",
-  "scripts": {
-    "build": "pnpm semcore-builder --source=js",
-    "test": "jest"
-  },
   "dependencies": {
@@ -22,3 +18,3 @@ "@semcore/utils": "^3.15",
     "@semcore/core": "^1.11",
-    "react": "16.8 - 17"
+    "react": "16.8 - 18"
   },
@@ -34,5 +30,9 @@ "jest": {
   "devDependencies": {
-    "@types/react": "16.8 - 17",
+    "@types/react": "18.0.21",
     "@semcore/jest-preset-ui": "1.0.0"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=js",
+    "test": "jest"
   }
-}
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

66446

increased by1.62%

Number of package files

31

increased by3.33%

No dependency changes