@semcore/spin - npm Package Compare versions

Comparing version 3.4.1 to 4.0.0

CHANGELOG.md

@@ -5,2 +5,12 @@ # Changelog
 
+## [4.0.0] - 2022-05-17
+
+### BREAK
+
+- Updated styles according to the library redesign policy.
+
+### Removed
+
+- Removed size `xxs`.
+
 ## [3.4.1] - 2022-03-14
@@ -7,0 +17,0 @@

lib/cjs/index.js

 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
@@ -8,3 +8,2 @@ Object.defineProperty(exports, "__esModule", {
 });
-var _exportNames = {};
 Object.defineProperty(exports, "default", {
@@ -17,19 +16,3 @@ enumerable: true,
 
-var _Spin = _interopRequireWildcard(require("./Spin"));
-
-Object.keys(_Spin).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Spin[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Spin[key];
-    }
-  });
-});
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _Spin = _interopRequireDefault(require("./Spin"));
 //# sourceMappingURL=index.js.map

lib/cjs/Spin.js

@@ -49,20 +49,19 @@ "use strict";
 /*__inner_css_start__*/
-"@-webkit-keyframes spin-rotate_axtuhx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-rotate_axtuhx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.___SSpin_1drt0_gg_{display:block;flex-shrink:0;box-sizing:border-box;-webkit-animation-name:spin-rotate_axtuhx;animation-name:spin-rotate_axtuhx;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.75s;animation-duration:.75s;fill:var(--theme_axtuhx)}.___SSpin_1drt0_gg_._theme_dark_1drt0_gg_{fill:rgba(0,0,0,.3)}.___SSpin_1drt0_gg_._theme_invert_1drt0_gg_{fill:#fff}.___SSpin_1drt0_gg_.__centered_1drt0_gg_{margin:auto}.___SSpin_1drt0_gg_._size_xxs_1drt0_gg_{width:10px;height:10px}.___SSpin_1drt0_gg_._size_xs_1drt0_gg_{width:16px;height:16px}.___SSpin_1drt0_gg_._size_s_1drt0_gg_{width:20px;height:20px}.___SSpin_1drt0_gg_._size_m_1drt0_gg_{width:24px;height:24px}.___SSpin_1drt0_gg_._size_l_1drt0_gg_{width:32px;height:32px}.___SSpin_1drt0_gg_._size_xl_1drt0_gg_{width:48px;height:48px}.___SSpin_1drt0_gg_._size_xxl_1drt0_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1drt0_gg_{-webkit-animation-name:none;animation-name:none}}"
+"@-webkit-keyframes spin-rotate_16xg0e2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-rotate_16xg0e2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.___SSpin_2qku9_gg_{display:block;flex-shrink:0;box-sizing:border-box;-webkit-animation-name:spin-rotate_16xg0e2;animation-name:spin-rotate_16xg0e2;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.75s;animation-duration:.75s;fill:var(--theme_16xg0e2)}.___SSpin_2qku9_gg_._theme_dark_2qku9_gg_{fill:#c4c7cf}.___SSpin_2qku9_gg_._theme_invert_2qku9_gg_{fill:#fff}.___SSpin_2qku9_gg_.__centered_2qku9_gg_{margin:auto}.___SSpin_2qku9_gg_._size_xs_2qku9_gg_{width:16px;height:16px}.___SSpin_2qku9_gg_._size_s_2qku9_gg_{width:20px;height:20px}.___SSpin_2qku9_gg_._size_m_2qku9_gg_{width:24px;height:24px}.___SSpin_2qku9_gg_._size_l_2qku9_gg_{width:32px;height:32px}.___SSpin_2qku9_gg_._size_xl_2qku9_gg_{width:48px;height:48px}.___SSpin_2qku9_gg_._size_xxl_2qku9_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_2qku9_gg_{-webkit-animation-name:none;animation-name:none}}"
 /*__inner_css_end__*/
-, "axtuhx_gg_")
+, "16xg0e2_gg_")
 /*__reshadow_css_end__*/
 , {
-  "@spin-rotate": "spin-rotate_axtuhx",
-  "__SSpin": "___SSpin_1drt0_gg_",
-  "--theme": "--theme_axtuhx",
-  "_theme_dark": "_theme_dark_1drt0_gg_",
-  "_theme_invert": "_theme_invert_1drt0_gg_",
-  "_centered": "__centered_1drt0_gg_",
-  "_size_xxs": "_size_xxs_1drt0_gg_",
-  "_size_xs": "_size_xs_1drt0_gg_",
-  "_size_s": "_size_s_1drt0_gg_",
-  "_size_m": "_size_m_1drt0_gg_",
-  "_size_l": "_size_l_1drt0_gg_",
-  "_size_xl": "_size_xl_1drt0_gg_",
-  "_size_xxl": "_size_xxl_1drt0_gg_"
+  "@spin-rotate": "spin-rotate_16xg0e2",
+  "__SSpin": "___SSpin_2qku9_gg_",
+  "--theme": "--theme_16xg0e2",
+  "_theme_dark": "_theme_dark_2qku9_gg_",
+  "_theme_invert": "_theme_invert_2qku9_gg_",
+  "_centered": "__centered_2qku9_gg_",
+  "_size_xs": "_size_xs_2qku9_gg_",
+  "_size_s": "_size_s_2qku9_gg_",
+  "_size_m": "_size_m_2qku9_gg_",
+  "_size_l": "_size_l_2qku9_gg_",
+  "_size_xl": "_size_xl_2qku9_gg_",
+  "_size_xxl": "_size_xxl_2qku9_gg_"
 });
@@ -83,3 +82,3 @@
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref2;
@@ -86,0 +85,0 @@

lib/es6/index.js

 export { default } from './Spin';
-export * from './Spin';
 //# sourceMappingURL=index.js.map

lib/es6/Spin.js

@@ -28,20 +28,19 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 /*__inner_css_start__*/
-"@-webkit-keyframes spin-rotate_axtuhx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-rotate_axtuhx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.___SSpin_1drt0_gg_{display:block;flex-shrink:0;box-sizing:border-box;-webkit-animation-name:spin-rotate_axtuhx;animation-name:spin-rotate_axtuhx;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.75s;animation-duration:.75s;fill:var(--theme_axtuhx)}.___SSpin_1drt0_gg_._theme_dark_1drt0_gg_{fill:rgba(0,0,0,.3)}.___SSpin_1drt0_gg_._theme_invert_1drt0_gg_{fill:#fff}.___SSpin_1drt0_gg_.__centered_1drt0_gg_{margin:auto}.___SSpin_1drt0_gg_._size_xxs_1drt0_gg_{width:10px;height:10px}.___SSpin_1drt0_gg_._size_xs_1drt0_gg_{width:16px;height:16px}.___SSpin_1drt0_gg_._size_s_1drt0_gg_{width:20px;height:20px}.___SSpin_1drt0_gg_._size_m_1drt0_gg_{width:24px;height:24px}.___SSpin_1drt0_gg_._size_l_1drt0_gg_{width:32px;height:32px}.___SSpin_1drt0_gg_._size_xl_1drt0_gg_{width:48px;height:48px}.___SSpin_1drt0_gg_._size_xxl_1drt0_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_1drt0_gg_{-webkit-animation-name:none;animation-name:none}}"
+"@-webkit-keyframes spin-rotate_16xg0e2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-rotate_16xg0e2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.___SSpin_2qku9_gg_{display:block;flex-shrink:0;box-sizing:border-box;-webkit-animation-name:spin-rotate_16xg0e2;animation-name:spin-rotate_16xg0e2;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.75s;animation-duration:.75s;fill:var(--theme_16xg0e2)}.___SSpin_2qku9_gg_._theme_dark_2qku9_gg_{fill:#c4c7cf}.___SSpin_2qku9_gg_._theme_invert_2qku9_gg_{fill:#fff}.___SSpin_2qku9_gg_.__centered_2qku9_gg_{margin:auto}.___SSpin_2qku9_gg_._size_xs_2qku9_gg_{width:16px;height:16px}.___SSpin_2qku9_gg_._size_s_2qku9_gg_{width:20px;height:20px}.___SSpin_2qku9_gg_._size_m_2qku9_gg_{width:24px;height:24px}.___SSpin_2qku9_gg_._size_l_2qku9_gg_{width:32px;height:32px}.___SSpin_2qku9_gg_._size_xl_2qku9_gg_{width:48px;height:48px}.___SSpin_2qku9_gg_._size_xxl_2qku9_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_2qku9_gg_{-webkit-animation-name:none;animation-name:none}}"
 /*__inner_css_end__*/
-, "axtuhx_gg_")
+, "16xg0e2_gg_")
 /*__reshadow_css_end__*/
 , {
-  "@spin-rotate": "spin-rotate_axtuhx",
-  "__SSpin": "___SSpin_1drt0_gg_",
-  "--theme": "--theme_axtuhx",
-  "_theme_dark": "_theme_dark_1drt0_gg_",
-  "_theme_invert": "_theme_invert_1drt0_gg_",
-  "_centered": "__centered_1drt0_gg_",
-  "_size_xxs": "_size_xxs_1drt0_gg_",
-  "_size_xs": "_size_xs_1drt0_gg_",
-  "_size_s": "_size_s_1drt0_gg_",
-  "_size_m": "_size_m_1drt0_gg_",
-  "_size_l": "_size_l_1drt0_gg_",
-  "_size_xl": "_size_xl_1drt0_gg_",
-  "_size_xxl": "_size_xxl_1drt0_gg_"
+  "@spin-rotate": "spin-rotate_16xg0e2",
+  "__SSpin": "___SSpin_2qku9_gg_",
+  "--theme": "--theme_16xg0e2",
+  "_theme_dark": "_theme_dark_2qku9_gg_",
+  "_theme_invert": "_theme_invert_2qku9_gg_",
+  "_centered": "__centered_2qku9_gg_",
+  "_size_xs": "_size_xs_2qku9_gg_",
+  "_size_s": "_size_s_2qku9_gg_",
+  "_size_m": "_size_m_2qku9_gg_",
+  "_size_l": "_size_l_2qku9_gg_",
+  "_size_xl": "_size_xl_2qku9_gg_",
+  "_size_xxl": "_size_xxl_2qku9_gg_"
 });
@@ -63,3 +62,3 @@
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref2;
@@ -66,0 +65,0 @@

lib/types/index.d.ts

 import { CProps, ReturnEl } from '@semcore/core';
 import { IBoxProps } from '@semcore/flex-box';
 
-export type SpinSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export type SpinSize = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
 
@@ -6,0 +6,0 @@ export interface ISpinProps extends IBoxProps {

package.json

 {
   "name": "@semcore/spin",
   "description": "SEMRush Spin Component",
-  "version": "3.4.1",
+  "version": "4.0.0",
   "main": "lib/cjs/index.js",
@@ -30,3 +30,6 @@ "module": "lib/es6/index.js",
     "directory": "semcore/spin"
+  },
+  "devDependencies": {
+    "@semcore/jest-preset-ui": "1.0.0"
   }
 }

src/index.d.ts

 import { CProps, ReturnEl } from '@semcore/core';
 import { IBoxProps } from '@semcore/flex-box';
 
-export type SpinSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export type SpinSize = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
 
@@ -6,0 +6,0 @@ export interface ISpinProps extends IBoxProps {

src/index.js

 export { default } from './Spin';
-export * from './Spin';

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

Number of package files

20

increased by11.11%

Lines of code

470

increased by1.51%

Published versions last months

9

increased by12.5%

Worsened metrics

Total package byte prevSize

30116

decreased by-1.64%

Dev dependency count

1

increased byInfinity%

No dependency changes