@grantbii/design-system 1.0.59 → 1.0.60

package/core/atoms/LinkButton.d.ts

@@ -11,5 +11,8 @@ type LinkButtonProps = {
     backgroundColor?: string;
     color?: string;
 };
+/**
+ * A link that looks like a button
+ */
 declare const LinkButton: ({ href, target, disabled, ...contentProps }: LinkButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default LinkButton;

package/core/atoms/LinkButton.js

@@ -12,6 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { BaseButton } from "./shared";
+/**
+ * A link that looks like a button
+ */
 const LinkButton = (_a) => {
     var { href, target, disabled } = _a, contentProps = __rest(_a, ["href", "target", "disabled"]);
     return disabled ? (_jsx(Content, Object.assign({}, contentProps))) : (_jsx(Link, { href: href, target: target, children: _jsx(Content, Object.assign({}, contentProps)) }));

package/core/atoms/PageLoader.d.ts

@@ -1,3 +1,6 @@
 import { LoaderSizeProps } from "react-spinners/helpers/props";
+/**
+ * The animation to show when loading the whole page
+ */
 declare const PageLoader: ({ color, size, ...restOfProps }: LoaderSizeProps) => import("react/jsx-runtime").JSX.Element;
 export default PageLoader;

package/core/atoms/PageLoader.js

@@ -13,16 +13,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { MoonLoader } from "react-spinners";
 import styled from "styled-components";
 import { Colors } from "../foundations";
+/**
+ * The animation to show when loading the whole page
+ */
 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%;
+  margin: auto;
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grantbii/design-system",
-  "version": "1.0.59",
+  "version": "1.0.60",
   "description": "Grantbii's Design System",
   "homepage": "https://design.grantbii.com",
   "repository": {

package/stories/atoms/LinkButton.stories.js

@@ -1,6 +1,6 @@
 import { Colors, Icons, LinkButton } from "@/.";
 const meta = {
-    title: "Atoms/LinkButton",
+    title: "Atoms/Link Button",
     component: LinkButton,
     tags: ["autodocs"],
     parameters: {