@semcore/spin - npm Package Compare versions

Comparing version 2.2.0 to 2.2.1

CHANGELOG.md

 # Changelog
 
-
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [2.2.0] 2019-12-12
+## [2.2.1] - 2020-05-19
 
 ### Added
 
-- Поддержка тем
+- [theme] Обновили стили `<Spin theme="dark">` для `sellerly`
 
-- Возможность подключить адаптивноссть
+## [2.2.0] - 2019-12-12
 
-- Возможность добавить изоляцию стилей
+### Added
 
+- Появилась возможность добавления различных стилистических тем через css переменные
+- Появилась возможность оптицонально подключать адаптивноссть
+- Появилась возможность изолировать стили даже в пределах одной страницы
+
 ### Changed
 
-- Алгоритм вставки стилей
+- Изменен алгоритм вставки стилей в head
 
 ### Removed
 
-- Относительные единицы измерения
+- Убраны относительные единицы измерения(rem), которые использовались для адаптивности
 
-- Адаптивность
-  
-  
-
 ## [2.1.0] - 2019-11-14
@@ -29,0 +28,0 @@

lib/index.es.js

@@ -20,3 +20,3 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
   if (_path || _pathMedia) {
-    injectStyle("@-webkit-keyframes _spin-rotate_1g2hf_gg_{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes _spin-rotate_1g2hf_gg_{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}._spin_13uah_gg_{display:block;flex-shrink:0;box-sizing:border-box;-webkit-animation:_spin-rotate_1g2hf_gg_ .75s linear infinite;animation:_spin-rotate_1g2hf_gg_ .75s linear infinite;border-radius:50%;border-style:solid;border-bottom-color:transparent;border-left-color:transparent}._spin--centered_p4umi_gg_{margin:auto}._spin--theme_dark_1j5oh_gg_{color:rgba(0,0,0,.3)}._spin--theme_invert_17nyd_gg_{color:#fff}._spin--size_xxs_2no6t_gg_{width:10px;height:10px;border-width:1px}._spin--size_xs_mlkam_gg_{width:16px;height:16px;border-width:2px}._spin--size_s_1i5aq_gg_{width:20px;height:20px;border-width:3px}._spin--size_m_h8iyx_gg_{width:24px;height:24px;border-width:4px}._spin--size_l_u7u13_gg_{width:32px;height:32px;border-width:6px}._spin--size_xl_15qtb_gg_{width:48px;height:48px;border-width:8px}._spin--size_xxl_l26ux_gg_{width:72px;height:72px;border-width:10px}");
+    injectStyle("@-webkit-keyframes _spin-rotate_1yvgl_gg_{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes _spin-rotate_1yvgl_gg_{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._spin_1yleq_gg_{display:block;flex-shrink:0;box-sizing:border-box;-webkit-animation:_spin-rotate_1yvgl_gg_ .75s linear infinite;animation:_spin-rotate_1yvgl_gg_ .75s linear infinite;border-radius:50%;border-style:solid;border-bottom-color:transparent;border-left-color:transparent}._spin--centered_1kj0h_gg_{margin:auto}._spin--theme_dark_16how_gg_{color:rgba(0,0,0,.3)}._spin--theme_invert_1ecj2_gg_{color:#fff}._spin--size_xxs_10b7h_gg_{width:10px;height:10px;border-width:1px}._spin--size_xs_rchjl_gg_{width:16px;height:16px;border-width:2px}._spin--size_s_1h7d4_gg_{width:20px;height:20px;border-width:3px}._spin--size_m_rwh9o_gg_{width:24px;height:24px;border-width:4px}._spin--size_l_1nvjx_gg_{width:32px;height:32px;border-width:6px}._spin--size_xl_p9hpx_gg_{width:48px;height:48px;border-width:8px}._spin--size_xxl_7nlla_gg_{width:72px;height:72px;border-width:10px}");
   }
@@ -26,3 +26,3 @@ })("@semcore/spin/lib/spin.style.css", "@semcore/spin/lib/spin-media.style.css");
 function block() {
-  return '_spin_13uah_gg_';
+  return '_spin_1yleq_gg_';
 }
@@ -32,4 +32,4 @@
   return {
-    "block": "_spin--centered_p4umi_gg_"
-  }[value || 'block'];
+    "block": "_spin--centered_1kj0h_gg_"
+  }[value !== undefined ? value : 'block'];
 };
@@ -39,5 +39,5 @@
   return {
-    "dark": "_spin--theme_dark_1j5oh_gg_",
-    "invert": "_spin--theme_invert_17nyd_gg_"
-  }[value || 'block'];
+    "dark": "_spin--theme_dark_16how_gg_",
+    "invert": "_spin--theme_invert_1ecj2_gg_"
+  }[value !== undefined ? value : 'block'];
 };
@@ -47,10 +47,10 @@
   return {
-    "xxs": "_spin--size_xxs_2no6t_gg_",
-    "xs": "_spin--size_xs_mlkam_gg_",
-    "s": "_spin--size_s_1i5aq_gg_",
-    "m": "_spin--size_m_h8iyx_gg_",
-    "l": "_spin--size_l_u7u13_gg_",
-    "xl": "_spin--size_xl_15qtb_gg_",
-    "xxl": "_spin--size_xxl_l26ux_gg_"
-  }[value || 'block'];
+    "xxs": "_spin--size_xxs_10b7h_gg_",
+    "xs": "_spin--size_xs_rchjl_gg_",
+    "s": "_spin--size_s_1h7d4_gg_",
+    "m": "_spin--size_m_rwh9o_gg_",
+    "l": "_spin--size_l_1nvjx_gg_",
+    "xl": "_spin--size_xl_p9hpx_gg_",
+    "xxl": "_spin--size_xxl_7nlla_gg_"
+  }[value !== undefined ? value : 'block'];
 };
@@ -57,0 +57,0 @@

lib/index.js

@@ -27,3 +27,3 @@ 'use strict';
   if (_path || _pathMedia) {
-    injectStyle("@-webkit-keyframes _spin-rotate_1g2hf_gg_{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes _spin-rotate_1g2hf_gg_{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}._spin_13uah_gg_{display:block;flex-shrink:0;box-sizing:border-box;-webkit-animation:_spin-rotate_1g2hf_gg_ .75s linear infinite;animation:_spin-rotate_1g2hf_gg_ .75s linear infinite;border-radius:50%;border-style:solid;border-bottom-color:transparent;border-left-color:transparent}._spin--centered_p4umi_gg_{margin:auto}._spin--theme_dark_1j5oh_gg_{color:rgba(0,0,0,.3)}._spin--theme_invert_17nyd_gg_{color:#fff}._spin--size_xxs_2no6t_gg_{width:10px;height:10px;border-width:1px}._spin--size_xs_mlkam_gg_{width:16px;height:16px;border-width:2px}._spin--size_s_1i5aq_gg_{width:20px;height:20px;border-width:3px}._spin--size_m_h8iyx_gg_{width:24px;height:24px;border-width:4px}._spin--size_l_u7u13_gg_{width:32px;height:32px;border-width:6px}._spin--size_xl_15qtb_gg_{width:48px;height:48px;border-width:8px}._spin--size_xxl_l26ux_gg_{width:72px;height:72px;border-width:10px}");
+    injectStyle("@-webkit-keyframes _spin-rotate_1yvgl_gg_{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes _spin-rotate_1yvgl_gg_{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._spin_1yleq_gg_{display:block;flex-shrink:0;box-sizing:border-box;-webkit-animation:_spin-rotate_1yvgl_gg_ .75s linear infinite;animation:_spin-rotate_1yvgl_gg_ .75s linear infinite;border-radius:50%;border-style:solid;border-bottom-color:transparent;border-left-color:transparent}._spin--centered_1kj0h_gg_{margin:auto}._spin--theme_dark_16how_gg_{color:rgba(0,0,0,.3)}._spin--theme_invert_1ecj2_gg_{color:#fff}._spin--size_xxs_10b7h_gg_{width:10px;height:10px;border-width:1px}._spin--size_xs_rchjl_gg_{width:16px;height:16px;border-width:2px}._spin--size_s_1h7d4_gg_{width:20px;height:20px;border-width:3px}._spin--size_m_rwh9o_gg_{width:24px;height:24px;border-width:4px}._spin--size_l_1nvjx_gg_{width:32px;height:32px;border-width:6px}._spin--size_xl_p9hpx_gg_{width:48px;height:48px;border-width:8px}._spin--size_xxl_7nlla_gg_{width:72px;height:72px;border-width:10px}");
   }
@@ -33,3 +33,3 @@ })("@semcore/spin/lib/spin.style.css", "@semcore/spin/lib/spin-media.style.css");
 function block() {
-  return '_spin_13uah_gg_';
+  return '_spin_1yleq_gg_';
 }
@@ -39,4 +39,4 @@
   return {
-    "block": "_spin--centered_p4umi_gg_"
-  }[value || 'block'];
+    "block": "_spin--centered_1kj0h_gg_"
+  }[value !== undefined ? value : 'block'];
 };
@@ -46,5 +46,5 @@
   return {
-    "dark": "_spin--theme_dark_1j5oh_gg_",
-    "invert": "_spin--theme_invert_17nyd_gg_"
-  }[value || 'block'];
+    "dark": "_spin--theme_dark_16how_gg_",
+    "invert": "_spin--theme_invert_1ecj2_gg_"
+  }[value !== undefined ? value : 'block'];
 };
@@ -54,10 +54,10 @@
   return {
-    "xxs": "_spin--size_xxs_2no6t_gg_",
-    "xs": "_spin--size_xs_mlkam_gg_",
-    "s": "_spin--size_s_1i5aq_gg_",
-    "m": "_spin--size_m_h8iyx_gg_",
-    "l": "_spin--size_l_u7u13_gg_",
-    "xl": "_spin--size_xl_15qtb_gg_",
-    "xxl": "_spin--size_xxl_l26ux_gg_"
-  }[value || 'block'];
+    "xxs": "_spin--size_xxs_10b7h_gg_",
+    "xs": "_spin--size_xs_rchjl_gg_",
+    "s": "_spin--size_s_1h7d4_gg_",
+    "m": "_spin--size_m_rwh9o_gg_",
+    "l": "_spin--size_l_1nvjx_gg_",
+    "xl": "_spin--size_xl_p9hpx_gg_",
+    "xxl": "_spin--size_xxl_7nlla_gg_"
+  }[value !== undefined ? value : 'block'];
 };
@@ -64,0 +64,0 @@

lib/Spin.d.ts

@@ -8,8 +8,8 @@ import React, { PureComponent } from 'react';
     size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | false;
-    /** Тема спиннера, есть несколько дефолтных тем или можно передать свой цвет
+    /** Тема спиннера. Есть несколько дефолтных тем или можно передать свой цвет
      * @default dark
      **/
     theme?: 'dark' | 'invert' | string | false;
-    /** Должен ли спиннер стать по центру родителя.
-     * Хорошо работает для вложенного спиннера во `flex`,
+    /** Должен ли спиннер встать по центру родителя.
+     * Хорошо работает для вложенного во `flex` спиннера,
      * иначе выравнивание произойдет только по горизонтали.
@@ -16,0 +16,0 @@ * */

package.json

 {
   "name": "@semcore/spin",
   "description": "SEMRush Spin Component",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "main": "lib/index.js",
@@ -15,5 +15,5 @@ "module": "lib/index.es.js",
   "dependencies": {
-    "@semcore/utils": "^3.5",
+    "@semcore/utils": "^3.15",
     "@semcore/paint": "^3.3",
-    "@semcore/flex-box": "^3.4"
+    "@semcore/flex-box": "^3.5"
   },
@@ -20,0 +20,0 @@ "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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

27821

increased by7.18%

Number of package files

20

increased by25%

Lines of code

346

increased by2.37%

Dependency changes

• Updated@semcore/flex-box@^3.5

• Updated@semcore/utils@^3.15