@snack-uikit/loaders - npm Package Compare versions

Comparing version 0.8.2 to 0.9.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# 0.9.0 (2024-12-17)
+
+
+### Features
+
+* **PDS-77:** added size XXS to Loader ([f1006dd](https://github.com/cloud-ru-tech/snack-uikit/commit/f1006dd5654fa9d165c301e1d2ba4757b3d2d6fc))
+
+
+
+
+
 ## 0.8.2 (2024-12-12)
@@ -8,0 +19,0 @@

dist/cjs/components/constants.d.ts

 export declare const LOADER_SIZE: {
+    readonly XXS: "xxs";
     readonly XS: "xs";
@@ -3,0 +4,0 @@ readonly S: "s";

dist/cjs/components/constants.js

@@ -8,2 +8,3 @@ "use strict";
 exports.LOADER_SIZE = {
+  XXS: 'xxs',
   XS: 'xs',
@@ -10,0 +11,0 @@ S: 's',

dist/cjs/components/Spinner/Spinner.js

@@ -32,2 +32,64 @@ "use strict";
     rest = __rest(_a, ["size", "className"]);
+  if (size === constants_1.LOADER_SIZE.XXS) {
+    return (0, jsx_runtime_1.jsxs)("svg", Object.assign({
+      viewBox: '0 0 8 8',
+      fill: 'none',
+      xmlns: 'http://www.w3.org/2000/svg',
+      className: (0, classnames_1.default)(styles_module_scss_1.default.spinner, className)
+    }, (0, utils_1.extractSupportProps)(rest), {
+      "data-size": size,
+      children: [(0, jsx_runtime_1.jsxs)("mask", {
+        id: 'spinnerMask',
+        children: [(0, jsx_runtime_1.jsx)("circle", {
+          opacity: '0.24',
+          cx: '4',
+          cy: '4',
+          r: '3',
+          strokeWidth: '1.5'
+        }), (0, jsx_runtime_1.jsx)("path", {
+          d: 'M1 4C1 2.34315 2.34315 1 4 1',
+          strokeWidth: '1.5',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round'
+        })]
+      }), (0, jsx_runtime_1.jsx)("g", {
+        mask: 'url(#spinnerMask)',
+        children: (0, jsx_runtime_1.jsx)("path", {
+          d: 'M0 0H8V8H0V0Z'
+        })
+      })]
+    }));
+  }
+  if (size === constants_1.LOADER_SIZE.XS) {
+    return (0, jsx_runtime_1.jsxs)("svg", Object.assign({
+      width: '16',
+      height: '16',
+      viewBox: '0 0 16 16',
+      fill: 'none',
+      xmlns: 'http://www.w3.org/2000/svg',
+      className: (0, classnames_1.default)(styles_module_scss_1.default.spinner, className)
+    }, (0, utils_1.extractSupportProps)(rest), {
+      "data-size": size,
+      children: [(0, jsx_runtime_1.jsxs)("mask", {
+        id: 'spinnerMask',
+        children: [(0, jsx_runtime_1.jsx)("circle", {
+          opacity: '0.24',
+          cx: '8',
+          cy: '8.7951',
+          r: '6',
+          strokeWidth: '1.5'
+        }), (0, jsx_runtime_1.jsx)("path", {
+          d: 'M2 8.79511C2 5.4814 4.68629 2.7951 8 2.7951',
+          strokeWidth: '1.5',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round'
+        })]
+      }), (0, jsx_runtime_1.jsx)("g", {
+        mask: 'url(#spinnerMask)',
+        children: (0, jsx_runtime_1.jsx)("path", {
+          d: 'M0 0.795105H16V16.7951H0V0.795105Z'
+        })
+      })]
+    }));
+  }
   return (0, jsx_runtime_1.jsxs)("svg", Object.assign({
@@ -34,0 +96,0 @@ viewBox: '0 0 24 24',

dist/esm/components/constants.d.ts

 export declare const LOADER_SIZE: {
+    readonly XXS: "xxs";
     readonly XS: "xs";
@@ -3,0 +4,0 @@ readonly S: "s";

dist/esm/components/constants.js

 export const LOADER_SIZE = {
+    XXS: 'xxs',
     XS: 'xs',
@@ -3,0 +4,0 @@ S: 's',

dist/esm/components/Spinner/Spinner.js

@@ -20,3 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     var { size = LOADER_SIZE.S, className } = _a, rest = __rest(_a, ["size", "className"]);
+    if (size === LOADER_SIZE.XXS) {
+        return (_jsxs("svg", Object.assign({ viewBox: '0 0 8 8', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: cn(styles.spinner, className) }, extractSupportProps(rest), { "data-size": size, children: [_jsxs("mask", { id: 'spinnerMask', children: [_jsx("circle", { opacity: '0.24', cx: '4', cy: '4', r: '3', strokeWidth: '1.5' }), _jsx("path", { d: 'M1 4C1 2.34315 2.34315 1 4 1', strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round' })] }), _jsx("g", { mask: 'url(#spinnerMask)', children: _jsx("path", { d: 'M0 0H8V8H0V0Z' }) })] })));
+    }
+    if (size === LOADER_SIZE.XS) {
+        return (_jsxs("svg", Object.assign({ width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: cn(styles.spinner, className) }, extractSupportProps(rest), { "data-size": size, children: [_jsxs("mask", { id: 'spinnerMask', children: [_jsx("circle", { opacity: '0.24', cx: '8', cy: '8.7951', r: '6', strokeWidth: '1.5' }), _jsx("path", { d: 'M2 8.79511C2 5.4814 4.68629 2.7951 8 2.7951', strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round' })] }), _jsx("g", { mask: 'url(#spinnerMask)', children: _jsx("path", { d: 'M0 0.795105H16V16.7951H0V0.795105Z' }) })] })));
+    }
     return (_jsxs("svg", Object.assign({ viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: cn(styles.spinner, className) }, extractSupportProps(rest), { "data-size": size, children: [_jsxs("mask", { id: 'spinnerMask', children: [_jsx("circle", { opacity: '0.24', cx: '11.8926', cy: '12', r: '9', strokeWidth: '1.5' }), _jsx("path", { d: 'M2.89258 12C2.89258 7.02944 6.92202 3 11.8926 3', strokeWidth: '1.5', strokeLinecap: 'round', strokeLinejoin: 'round' })] }), _jsx("g", { mask: 'url(#spinnerMask)', children: _jsx("path", { d: 'M0 0H24V24H0V0Z' }) })] })));
 }

package.json

@@ -7,3 +7,3 @@ {
   "title": "Loaders",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "sideEffects": [
@@ -43,3 +43,3 @@ "*.css",
   },
-  "gitHead": "ac8fa414e1a84f72594d9c509b0daca04b5e48be"
+  "gitHead": "33a6d8bc270bd11dec3e4834f2ba8e97c57d5c15"
 }

README.md

@@ -29,3 +29,3 @@ # Loaders
 |------|------|---------------|-------------|
-| size | enum LoaderSize: `"xs"`, `"s"`, `"m"`, `"l"` | s | Размер |
+| size | enum LoaderSize: `"xxs"`, `"xs"`, `"s"`, `"m"`, `"l"` | s | Размер |
 | className | `string` | - | CSS-класс |
@@ -37,3 +37,3 @@ ## Sun
 |------|------|---------------|-------------|
-| size | enum LoaderSize: `"xs"`, `"s"`, `"m"`, `"l"` | s | Размер |
+| size | enum LoaderSize: `"xxs"`, `"xs"`, `"s"`, `"m"`, `"l"` | s | Размер |
 | className | `string` | - | CSS-класс |
@@ -40,0 +40,0 @@

src/components/constants.ts

 export const LOADER_SIZE = {
+  XXS: 'xxs',
   XS: 'xs',
@@ -3,0 +4,0 @@ S: 's',

No alert changes

Improved metrics

Total package byte prevSize

49869

11.82%

Lines of code

785

20.03%

No dependency changes