@semcore/spin-container - npm Package Compare versions

Comparing version 3.0.1 to 3.0.2

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [3.0.2] - 2020-10-29
+
+### Fixed
+
+- Added the placeholder for ID style tag to improve collision protection.
+
 ## [3.0.1] - 2020-09-08
@@ -7,0 +13,0 @@

lib/cjs/SpinContainer.js

@@ -51,14 +51,14 @@ "use strict";
 /*__inner_css_start__*/
-".___SSpinContainer_1prqw_gg_ {\n  z-index: 0;\n  position: relative;\n  display: block;\n}\n\n.___SContent_1prqw_gg_ {\n  z-index: 0;\n  position: relative;\n}\n\n.___SOverlay_1prqw_gg_ {\n  z-index: 1;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: rgba(255, 255, 255, 0.85);\n}\n\n._animate--enter_1azwl_gg_ {\n  opacity: 0.01;\n}\n\n._animate--enter-active_1vf0o_gg_,\n._animate--exit_lu0uv_gg_ {\n  opacity: 1;\n}\n\n._animate--exit-active_1fw3l_gg_ {\n  opacity: 0.01;\n}\n"
+".___SSpinContainer_1xaes_gg_{z-index:0;position:relative;display:block}.___SContent_1xaes_gg_{z-index:0;position:relative}.___SOverlay_1xaes_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.85)}._animate--enter_n38od_gg_{opacity:.01}._animate--enter-active_1nwcs_gg_,._animate--exit_13148_gg_{opacity:1}._animate--exit-active_1x36z_gg_{opacity:.01}"
 /*__inner_css_end__*/
-, "1ve4m96")
+, "1p5oz2v_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SSpinContainer": "___SSpinContainer_1prqw_gg_",
-  "__SContent": "___SContent_1prqw_gg_",
-  "__SOverlay": "___SOverlay_1prqw_gg_",
-  "animate--enter": "_animate--enter_1azwl_gg_",
-  "animate--enter-active": "_animate--enter-active_1vf0o_gg_",
-  "animate--exit": "_animate--exit_lu0uv_gg_",
-  "animate--exit-active": "_animate--exit-active_1fw3l_gg_"
+  "__SSpinContainer": "___SSpinContainer_1xaes_gg_",
+  "__SContent": "___SContent_1xaes_gg_",
+  "__SOverlay": "___SOverlay_1xaes_gg_",
+  "animate--enter": "_animate--enter_n38od_gg_",
+  "animate--enter-active": "_animate--enter-active_1nwcs_gg_",
+  "animate--exit": "_animate--exit_13148_gg_",
+  "animate--exit-active": "_animate--exit-active_1x36z_gg_"
 }),
@@ -71,9 +71,9 @@ style = (0, _extends2["default"])({}, _ref);
 /*__inner_css_start__*/
-"._animate--exit-active_2i1ho_gg_,\n._animate--enter-active_vuszp_gg_ {\n  transition: opacity var(--yk7jne_0) ease-out;\n}"
+"._animate--enter-active_9n1jc_gg_,._animate--exit-active_70mzf_gg_{transition:opacity var(--yk7jne_0) ease-out}"
 /*__inner_css_end__*/
-, "x0vhqr")
+, "en4rvw_gg_")
 /*__reshadow_css_end__*/
 , {
-  "animate--exit-active": "_animate--exit-active_2i1ho_gg_",
-  "animate--enter-active": "_animate--enter-active_vuszp_gg_"
+  "animate--exit-active": "_animate--exit-active_70mzf_gg_",
+  "animate--enter-active": "_animate--enter-active_9n1jc_gg_"
 })]);
@@ -186,9 +186,9 @@
 /*__inner_css_start__*/
-".___SOverlay_dclrm_gg_.__background_dclrm_gg_ {\n  background: var(--yk7jne_0);\n}"
+".___SOverlay_o75ze_gg_.__background_o75ze_gg_{background:var(--yk7jne_0)}"
 /*__inner_css_end__*/
-, "1r6ge63")
+, "9phpsw_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SOverlay": "___SOverlay_dclrm_gg_",
-  "_background": "__background_dclrm_gg_"
+  "__SOverlay": "___SOverlay_o75ze_gg_",
+  "_background": "__background_o75ze_gg_"
 })]);
@@ -195,0 +195,0 @@

lib/es6/SpinContainer.js

@@ -27,14 +27,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /*__inner_css_start__*/
-".___SSpinContainer_1prqw_gg_ {\n  z-index: 0;\n  position: relative;\n  display: block;\n}\n\n.___SContent_1prqw_gg_ {\n  z-index: 0;\n  position: relative;\n}\n\n.___SOverlay_1prqw_gg_ {\n  z-index: 1;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background-color: rgba(255, 255, 255, 0.85);\n}\n\n._animate--enter_1azwl_gg_ {\n  opacity: 0.01;\n}\n\n._animate--enter-active_1vf0o_gg_,\n._animate--exit_lu0uv_gg_ {\n  opacity: 1;\n}\n\n._animate--exit-active_1fw3l_gg_ {\n  opacity: 0.01;\n}\n"
+".___SSpinContainer_1xaes_gg_{z-index:0;position:relative;display:block}.___SContent_1xaes_gg_{z-index:0;position:relative}.___SOverlay_1xaes_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.85)}._animate--enter_n38od_gg_{opacity:.01}._animate--enter-active_1nwcs_gg_,._animate--exit_13148_gg_{opacity:1}._animate--exit-active_1x36z_gg_{opacity:.01}"
 /*__inner_css_end__*/
-, "1ve4m96")
+, "1p5oz2v_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SSpinContainer": "___SSpinContainer_1prqw_gg_",
-  "__SContent": "___SContent_1prqw_gg_",
-  "__SOverlay": "___SOverlay_1prqw_gg_",
-  "animate--enter": "_animate--enter_1azwl_gg_",
-  "animate--enter-active": "_animate--enter-active_1vf0o_gg_",
-  "animate--exit": "_animate--exit_lu0uv_gg_",
-  "animate--exit-active": "_animate--exit-active_1fw3l_gg_"
+  "__SSpinContainer": "___SSpinContainer_1xaes_gg_",
+  "__SContent": "___SContent_1xaes_gg_",
+  "__SOverlay": "___SOverlay_1xaes_gg_",
+  "animate--enter": "_animate--enter_n38od_gg_",
+  "animate--enter-active": "_animate--enter-active_1nwcs_gg_",
+  "animate--exit": "_animate--exit_13148_gg_",
+  "animate--exit-active": "_animate--exit-active_1x36z_gg_"
 }),
@@ -47,9 +47,9 @@ style = _extends({}, _ref);
 /*__inner_css_start__*/
-"._animate--exit-active_2i1ho_gg_,\n._animate--enter-active_vuszp_gg_ {\n  transition: opacity var(--yk7jne_0) ease-out;\n}"
+"._animate--enter-active_9n1jc_gg_,._animate--exit-active_70mzf_gg_{transition:opacity var(--yk7jne_0) ease-out}"
 /*__inner_css_end__*/
-, "x0vhqr")
+, "en4rvw_gg_")
 /*__reshadow_css_end__*/
 , {
-  "animate--exit-active": "_animate--exit-active_2i1ho_gg_",
-  "animate--enter-active": "_animate--enter-active_vuszp_gg_"
+  "animate--exit-active": "_animate--exit-active_70mzf_gg_",
+  "animate--enter-active": "_animate--enter-active_9n1jc_gg_"
 })]);
@@ -166,9 +166,9 @@
 /*__inner_css_start__*/
-".___SOverlay_dclrm_gg_.__background_dclrm_gg_ {\n  background: var(--yk7jne_0);\n}"
+".___SOverlay_o75ze_gg_.__background_o75ze_gg_{background:var(--yk7jne_0)}"
 /*__inner_css_end__*/
-, "1r6ge63")
+, "9phpsw_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SOverlay": "___SOverlay_dclrm_gg_",
-  "_background": "__background_dclrm_gg_"
+  "__SOverlay": "___SOverlay_o75ze_gg_",
+  "_background": "__background_o75ze_gg_"
 })]);
@@ -175,0 +175,0 @@

lib/types/SpinContainer.d.ts

@@ -7,6 +7,6 @@ import React, { HTMLAttributes } from 'react';
     /**
-     * Цвет спиннер контейнера, можно передать свой цвет
+     * Color of container spinner; you can use your own color
      */
     background?: string;
-    /** Длительность отображения анимации в ms
+    /** Duration of animation displaying in ms
      * @default 200
@@ -16,3 +16,3 @@ */
     /**
-     * Свойство отвечает за показ спиннера
+     * Property responsible for displaying the spinner
      * */
@@ -19,0 +19,0 @@ loading?: boolean;

package.json

 {
   "name": "@semcore/spin-container",
   "description": "SEMRush SpinContainer Component",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "main": "lib/cjs/index.js",
@@ -6,0 +6,0 @@ "module": "lib/es6/index.js",

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

Worsened metrics

Total package byte prevSize

44527

decreased by-1.3%

Lines of code

682

decreased by-1.02%

No dependency changes