@grantbii/design-system 1.0.58 → 1.0.59

package/core/atoms/PageLoader.d.ts

@@ -0,0 +1,3 @@
+import { LoaderSizeProps } from "react-spinners/helpers/props";
+declare const PageLoader: ({ color, size, ...restOfProps }: LoaderSizeProps) => import("react/jsx-runtime").JSX.Element;
+export default PageLoader;

package/core/atoms/PageLoader.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MoonLoader } from "react-spinners";
+import styled from "styled-components";
+import { Colors } from "../foundations";
+const PageLoader = (_a) => {
+    var { color = Colors.accent.blue1, size = 32 } = _a, restOfProps = __rest(_a, ["color", "size"]);
+    return (_jsx(BasePageLoader, { children: _jsx(MoonLoader, Object.assign({ color: color, size: size }, restOfProps)) }));
+};
+export default PageLoader;
+const BasePageLoader = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 100%;
+`;

package/core/atoms/index.d.ts

@@ -3,5 +3,6 @@ export { default as BrandLogo } from "./BrandLogo";
 export { default as Button } from "./Button";
 export { default as Checkbox } from "./Checkbox";
 export { default as LinkButton } from "./LinkButton";
+export { default as PageLoader } from "./PageLoader";
 export { default as RadioButton } from "./RadioButton";
 export { default as Textarea } from "./Textarea";

package/core/atoms/index.js

@@ -3,5 +3,6 @@ export { default as BrandLogo } from "./BrandLogo";
 export { default as Button } from "./Button";
 export { default as Checkbox } from "./Checkbox";
 export { default as LinkButton } from "./LinkButton";
+export { default as PageLoader } from "./PageLoader";
 export { default as RadioButton } from "./RadioButton";
 export { default as Textarea } from "./Textarea";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grantbii/design-system",
-  "version": "1.0.58",
+  "version": "1.0.59",
   "description": "Grantbii's Design System",
   "homepage": "https://design.grantbii.com",
   "repository": {
@@ -25,6 +25,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-dropzone": "^14.3.8",
+    "react-spinners": "^0.17.0",
     "styled-components": "^6.1.19"
   },
   "devDependencies": {

package/stories/atoms/PageLoader.stories.d.ts

@@ -0,0 +1,6 @@
+import { PageLoader } from "@/.";
+import { Meta, StoryObj } from "@storybook/nextjs-vite";
+declare const meta: Meta<typeof PageLoader>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/stories/atoms/PageLoader.stories.js

@@ -0,0 +1,13 @@
+import { PageLoader } from "@/.";
+const meta = {
+    title: "Atoms/Page Loader",
+    component: PageLoader,
+    tags: ["autodocs"],
+    parameters: {
+        layout: "centered",
+    },
+};
+export default meta;
+export const Default = {
+    args: {},
+};