shared-uicomponents-library 1.0.5 → 1.0.6

package/dist/index.esm.js

@@ -58665,8 +58665,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -58979,8 +58979,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -59293,8 +59293,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -59607,8 +59607,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -59921,8 +59921,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -60235,8 +60235,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -60580,8 +60580,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,
@@ -60894,8 +60894,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,
@@ -61208,8 +61208,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,
@@ -61522,8 +61522,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,
@@ -61836,8 +61836,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,
@@ -62150,8 +62150,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,

package/dist/index.js

@@ -58692,8 +58692,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -59006,8 +59006,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -59320,8 +59320,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -59634,8 +59634,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -59948,8 +59948,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -60262,8 +60262,8 @@ var layers$1 = [
 			s: {
 				a: 0,
 				k: [
-					62.5,
-					62.5,
+					50,
+					50,
 					100
 				],
 				ix: 6,
@@ -60607,8 +60607,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,
@@ -60921,8 +60921,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,
@@ -61235,8 +61235,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,
@@ -61549,8 +61549,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,
@@ -61863,8 +61863,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,
@@ -62177,8 +62177,8 @@ var layers = [
 			s: {
 				a: 0,
 				k: [
-					37.5,
-					37.5,
+					20,
+					20,
 					100
 				],
 				ix: 6,

package/dist/types/components/Loaders/LoaderAnimation.stories.d.ts

@@ -0,0 +1,17 @@
+declare const meta: {
+    title: string;
+    component: ({ size, }: {
+        size?: "large" | "medium" | "small" | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+export declare const LoaderAnimationBig: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
+    size?: "large" | "medium" | "small" | undefined;
+}>;
+export declare const LoaderAnimationMedium: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
+    size?: "large" | "medium" | "small" | undefined;
+}>;
+export declare const LoaderAnimationSmall: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/dist/types-a5624094").R, {
+    size?: "large" | "medium" | "small" | undefined;
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shared-uicomponents-library",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/assets/icons/loaderAnimationMedium.json

@@ -43,7 +43,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [62.5, 62.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [50, 50, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [
@@ -170,7 +170,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [62.5, 62.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [50, 50, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [
@@ -297,7 +297,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [62.5, 62.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [50, 50, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [
@@ -420,7 +420,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [62.5, 62.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [50, 50, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [
@@ -543,7 +543,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [62.5, 62.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [50, 50, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [
@@ -670,7 +670,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [62.5, 62.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [50, 50, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [

package/src/assets/icons/loaderAnimationSmall.json

@@ -43,7 +43,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [37.5, 37.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [20, 20, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [
@@ -170,7 +170,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [37.5, 37.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [20, 20, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [
@@ -297,7 +297,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [37.5, 37.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [20, 20, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [
@@ -420,7 +420,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [37.5, 37.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [20, 20, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [
@@ -543,7 +543,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [37.5, 37.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [20, 20, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [
@@ -670,7 +670,7 @@
           "l": 2
         },
         "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": { "a": 0, "k": [37.5, 37.5, 100], "ix": 6, "l": 2 }
+        "s": { "a": 0, "k": [20, 20, 100], "ix": 6, "l": 2 }
       },
       "ao": 0,
       "shapes": [

package/src/components/Loaders/LoaderAnimation.stories.tsx

@@ -0,0 +1,28 @@
+import type { Meta, StoryFn } from '@storybook/react';
+
+import LoaderAnimation from './LoaderAnimation';
+
+const meta = {
+  title: 'UI/Loader',
+  component: LoaderAnimation,
+  tags: ['autodocs'],
+} satisfies Meta<typeof LoaderAnimation>;
+
+export default meta;
+
+const ButtonTemplate: StoryFn<typeof LoaderAnimation> = (args) => (
+  <LoaderAnimation {...args} />
+);
+
+export const LoaderAnimationBig = ButtonTemplate.bind({});
+LoaderAnimationBig.args = {
+  size: 'large',
+};
+export const LoaderAnimationMedium = ButtonTemplate.bind({});
+LoaderAnimationMedium.args = {
+  size: 'medium',
+};
+export const LoaderAnimationSmall = ButtonTemplate.bind({});
+LoaderAnimationSmall.args = {
+  size: 'small',
+};