@grantbii/design-system 1.4.3 → 1.4.5

package/core/foundations/colors.js

@@ -1,42 +1,42 @@
 export const main = {
-    grantbiiBlue: "#16538a",
-    grantbiiOrange: "#f3924d",
+    grantbiiBlue: "#16538A",
+    grantbiiOrange: "#EBA338",
 };
 export const base = {
     black: "#232022",
-    white: "#ffffff",
+    white: "#FFFFFF",
 };
 export const neutral = {
     grey1: "#999999",
-    grey2: "#cccccc",
-    grey3: "#eeeeee",
-    grey4: "#fafafa",
+    grey2: "#CCCCCC",
+    grey3: "#EEEEEE",
+    grey4: "#FAFAFA",
 };
 export const accent = {
     // usually includes dangerous, wrong or rejected information
-    red1: "#c02318",
-    red2: "#f88e86",
-    red3: "#fcc7c3",
+    red1: "#C02318",
+    red2: "#F88E86",
+    red3: "#FFE9E7",
     // usually indicates warning, progressing, etc
-    yellow1: "#edab03",
-    yellow2: "#f4cc68",
-    yellow3: "#fae6b3",
+    yellow1: "#EDAB03",
+    yellow2: "#F4CC68",
+    yellow3: "#FFF9E8",
     // usually indicates success, correct, passed, etc
-    green1: "#08a45e",
-    green2: "#6bc89e",
-    green3: "#b5e4cf",
+    green1: "#08A45E",
+    green2: "#6BC89E",
+    green3: "#EBFFF6",
     // usually indicates info, no emotion
-    blue1: "#1878e4",
-    blue2: "#74aeef",
-    blue3: "#bad6f7",
+    blue1: "#1878E4",
+    blue2: "#74AEEF",
+    blue3: "#ECF5FF",
 };
 export const typography = {
-    blackHigh: "#000000e5",
+    blackHigh: "#000000E5",
     blackMedium: "#00000099",
-    blackLow: "#0000004d",
-    whiteHigh: "#ffffff",
-    whiteMedium: "#ffffff99",
-    whiteLow: "#0000001a",
+    blackLow: "#0000004D",
+    whiteHigh: "#FFFFFF",
+    whiteMedium: "#FFFFFF99",
+    whiteLow: "#0000001A",
 };
 export const semantic = {
     overlay: "#13131366",

package/core/foundations/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../core/foundations/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,4DAA4D;IAC5D,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,8CAA8C;IAC9C,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,kDAAkD;IAClD,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,qCAAqC;IACrC,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,OAAO,EAAE,WAAW;CACrB,CAAC","sourcesContent":["export const main = {\n  grantbiiBlue: \"#16538a\",\n  grantbiiOrange: \"#f3924d\",\n};\n\nexport const base = {\n  black: \"#232022\",\n  white: \"#ffffff\",\n};\n\nexport const neutral = {\n  grey1: \"#999999\",\n  grey2: \"#cccccc\",\n  grey3: \"#eeeeee\",\n  grey4: \"#fafafa\",\n};\n\nexport const accent = {\n  // usually includes dangerous, wrong or rejected information\n  red1: \"#c02318\",\n  red2: \"#f88e86\",\n  red3: \"#fcc7c3\",\n  // usually indicates warning, progressing, etc\n  yellow1: \"#edab03\",\n  yellow2: \"#f4cc68\",\n  yellow3: \"#fae6b3\",\n  // usually indicates success, correct, passed, etc\n  green1: \"#08a45e\",\n  green2: \"#6bc89e\",\n  green3: \"#b5e4cf\",\n  // usually indicates info, no emotion\n  blue1: \"#1878e4\",\n  blue2: \"#74aeef\",\n  blue3: \"#bad6f7\",\n};\n\nexport const typography = {\n  blackHigh: \"#000000e5\",\n  blackMedium: \"#00000099\",\n  blackLow: \"#0000004d\",\n  whiteHigh: \"#ffffff\",\n  whiteMedium: \"#ffffff99\",\n  whiteLow: \"#0000001a\",\n};\n\nexport const semantic = {\n  overlay: \"#13131366\",\n};\n"]}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../core/foundations/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,4DAA4D;IAC5D,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,8CAA8C;IAC9C,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,kDAAkD;IAClD,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,qCAAqC;IACrC,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,WAAW;IACrB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,OAAO,EAAE,WAAW;CACrB,CAAC","sourcesContent":["export const main = {\n  grantbiiBlue: \"#16538A\",\n  grantbiiOrange: \"#EBA338\",\n};\n\nexport const base = {\n  black: \"#232022\",\n  white: \"#FFFFFF\",\n};\n\nexport const neutral = {\n  grey1: \"#999999\",\n  grey2: \"#CCCCCC\",\n  grey3: \"#EEEEEE\",\n  grey4: \"#FAFAFA\",\n};\n\nexport const accent = {\n  // usually includes dangerous, wrong or rejected information\n  red1: \"#C02318\",\n  red2: \"#F88E86\",\n  red3: \"#FFE9E7\",\n  // usually indicates warning, progressing, etc\n  yellow1: \"#EDAB03\",\n  yellow2: \"#F4CC68\",\n  yellow3: \"#FFF9E8\",\n  // usually indicates success, correct, passed, etc\n  green1: \"#08A45E\",\n  green2: \"#6BC89E\",\n  green3: \"#EBFFF6\",\n  // usually indicates info, no emotion\n  blue1: \"#1878E4\",\n  blue2: \"#74AEEF\",\n  blue3: \"#ECF5FF\",\n};\n\nexport const typography = {\n  blackHigh: \"#000000E5\",\n  blackMedium: \"#00000099\",\n  blackLow: \"#0000004D\",\n  whiteHigh: \"#FFFFFF\",\n  whiteMedium: \"#FFFFFF99\",\n  whiteLow: \"#0000001A\",\n};\n\nexport const semantic = {\n  overlay: \"#13131366\",\n};\n"]}

package/core/templates/PageLoader.d.ts

@@ -1,9 +1,11 @@
 import type { LoaderSizeMarginProps } from "react-spinners/helpers/props";
 type PageLoaderProps = {
     isPacman?: boolean;
+    loadingText?: string;
+    tip?: string;
 } & LoaderSizeMarginProps;
 /**
  * The animation to show when loading the whole page
  */
-declare const PageLoader: ({ isPacman, color, size, ...restOfProps }: PageLoaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const PageLoader: ({ loadingText, tip, isPacman, color, size, ...restOfProps }: PageLoaderProps) => import("react/jsx-runtime").JSX.Element;
 export default PageLoader;

package/core/templates/PageLoader.js

@@ -1,18 +1,40 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { MoonLoader, PacmanLoader } from "react-spinners";
 import styled from "styled-components";
-import { Colors } from "../foundations";
+import { Colors, Responsive, Typography } from "../foundations";
 /**
  * The animation to show when loading the whole page
  */
-const PageLoader = ({ isPacman = false, color = Colors.accent.blue1, size, ...restOfProps }) => (_jsx(Background, { children: isPacman ? (_jsx(PacmanLoader, { color: color, size: size ? size : 20, ...restOfProps })) : (_jsx(MoonLoader, { color: color, size: size ? size : 32, ...restOfProps })) }));
+const PageLoader = ({ loadingText, tip, isPacman = false, color = Colors.accent.blue1, size, ...restOfProps }) => (_jsxs(Background, { children: [isPacman ? (_jsx(PacmanLoader, { color: color, size: size ? size : 20, ...restOfProps })) : (_jsx(MoonLoader, { color: color, size: size ? size : 32, ...restOfProps })), loadingText || tip ? (_jsxs(Text, { children: [loadingText ? _jsx(LoadingText, { children: loadingText }) : _jsx(_Fragment, {}), tip ? _jsx(Tip, { children: tip }) : _jsx(_Fragment, {})] })) : (_jsx(_Fragment, {}))] }));
 export default PageLoader;
 const Background = styled.div `
   display: flex;
-  align-items: center;
+  flex-direction: column;
   justify-content: center;
+  align-items: center;
+  gap: 20px;
 
   width: 100%;
   height: 100%;
 `;
+const Text = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+`;
+const LoadingText = styled.p `
+  font-weight: 500;
+`;
+const Tip = styled.p `
+  color: ${Colors.typography.blackMedium};
+
+  @media (width < ${Responsive.WIDTH_BREAKPOINTS.laptop}) {
+    font-size: ${Typography.HELPER_FONT_SIZES.small};
+  }
+
+  @media (width >= ${Responsive.WIDTH_BREAKPOINTS.laptop}) {
+    font-size: ${Typography.HELPER_FONT_SIZES.big};
+  }
+`;
 //# sourceMappingURL=PageLoader.js.map

package/core/templates/PageLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLoader.js","sourceRoot":"","sources":["../../../core/templates/PageLoader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE1D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAMxC;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAC3B,IAAI,EACJ,GAAG,WAAW,EACE,EAAE,EAAE,CAAC,CACrB,KAAC,UAAU,cACR,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAM,WAAW,GAAI,CACxE,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAM,WAAW,GAAI,CACtE,GACU,CACd,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO5B,CAAC","sourcesContent":["import { MoonLoader, PacmanLoader } from \"react-spinners\";\nimport type { LoaderSizeMarginProps } from \"react-spinners/helpers/props\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../foundations\";\n\ntype PageLoaderProps = {\n  isPacman?: boolean;\n} & LoaderSizeMarginProps;\n\n/**\n * The animation to show when loading the whole page\n */\nconst PageLoader = ({\n  isPacman = false,\n  color = Colors.accent.blue1,\n  size,\n  ...restOfProps\n}: PageLoaderProps) => (\n  <Background>\n    {isPacman ? (\n      <PacmanLoader color={color} size={size ? size : 20} {...restOfProps} />\n    ) : (\n      <MoonLoader color={color} size={size ? size : 32} {...restOfProps} />\n    )}\n  </Background>\n);\n\nexport default PageLoader;\n\nconst Background = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 100%;\n  height: 100%;\n`;\n"]}
+{"version":3,"file":"PageLoader.js","sourceRoot":"","sources":["../../../core/templates/PageLoader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE1D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAQhE;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,WAAW,EACX,GAAG,EACH,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAC3B,IAAI,EACJ,GAAG,WAAW,EACE,EAAE,EAAE,CAAC,CACrB,MAAC,UAAU,eACR,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAM,WAAW,GAAI,CACxE,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAM,WAAW,GAAI,CACtE,EAEA,WAAW,IAAI,GAAG,CAAC,CAAC,CAAC,CACpB,MAAC,IAAI,eACF,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,cAAE,WAAW,GAAe,CAAC,CAAC,CAAC,mBAAK,EAC9D,GAAG,CAAC,CAAC,CAAC,KAAC,GAAG,cAAE,GAAG,GAAO,CAAC,CAAC,CAAC,mBAAK,IAC1B,CACR,CAAC,CAAC,CAAC,CACF,mBAAK,CACN,IACU,CACd,CAAC;AAEF,eAAe,UAAU,CAAC;AAE1B,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS5B,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKtB,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAA;;CAE3B,CAAC;AAEF,MAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAA;WACT,MAAM,CAAC,UAAU,CAAC,WAAW;;oBAEpB,UAAU,CAAC,iBAAiB,CAAC,MAAM;iBACtC,UAAU,CAAC,iBAAiB,CAAC,KAAK;;;qBAG9B,UAAU,CAAC,iBAAiB,CAAC,MAAM;iBACvC,UAAU,CAAC,iBAAiB,CAAC,GAAG;;CAEhD,CAAC","sourcesContent":["import { MoonLoader, PacmanLoader } from \"react-spinners\";\nimport type { LoaderSizeMarginProps } from \"react-spinners/helpers/props\";\nimport styled from \"styled-components\";\nimport { Colors, Responsive, Typography } from \"../foundations\";\n\ntype PageLoaderProps = {\n  isPacman?: boolean;\n  loadingText?: string;\n  tip?: string;\n} & LoaderSizeMarginProps;\n\n/**\n * The animation to show when loading the whole page\n */\nconst PageLoader = ({\n  loadingText,\n  tip,\n  isPacman = false,\n  color = Colors.accent.blue1,\n  size,\n  ...restOfProps\n}: PageLoaderProps) => (\n  <Background>\n    {isPacman ? (\n      <PacmanLoader color={color} size={size ? size : 20} {...restOfProps} />\n    ) : (\n      <MoonLoader color={color} size={size ? size : 32} {...restOfProps} />\n    )}\n\n    {loadingText || tip ? (\n      <Text>\n        {loadingText ? <LoadingText>{loadingText}</LoadingText> : <></>}\n        {tip ? <Tip>{tip}</Tip> : <></>}\n      </Text>\n    ) : (\n      <></>\n    )}\n  </Background>\n);\n\nexport default PageLoader;\n\nconst Background = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n\n  width: 100%;\n  height: 100%;\n`;\n\nconst Text = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n`;\n\nconst LoadingText = styled.p`\n  font-weight: 500;\n`;\n\nconst Tip = styled.p`\n  color: ${Colors.typography.blackMedium};\n\n  @media (width < ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n    font-size: ${Typography.HELPER_FONT_SIZES.small};\n  }\n\n  @media (width >= ${Responsive.WIDTH_BREAKPOINTS.laptop}) {\n    font-size: ${Typography.HELPER_FONT_SIZES.big};\n  }\n`;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grantbii/design-system",
-  "version": "1.4.3",
+  "version": "1.4.5",
   "description": "Grantbii's Design System",
   "homepage": "https://design.grantbii.com",
   "repository": {
@@ -19,10 +19,10 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@grantbii/ui-core": "1.1.1",
+    "@grantbii/ui-core": "1.1.4",
     "@phosphor-icons/react": "2.1.10",
-    "country-flag-icons": "1.5.20",
-    "next": "15.5.3",
+    "country-flag-icons": "1.5.21",
+    "next": "15.5.4",
     "react": "19.1.1",
     "react-dom": "19.1.1",
     "react-dropzone": "14.3.8",
@@ -31,26 +31,26 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "4.1.1",
-    "@eslint/js": "9.35.0",
-    "@next/eslint-plugin-next": "15.5.3",
-    "@storybook/addon-a11y": "9.1.6",
-    "@storybook/addon-docs": "9.1.6",
-    "@storybook/addon-onboarding": "9.1.6",
-    "@storybook/addon-vitest": "9.1.6",
-    "@storybook/nextjs-vite": "9.1.6",
+    "@eslint/js": "9.36.0",
+    "@next/eslint-plugin-next": "15.5.4",
+    "@storybook/addon-a11y": "9.1.8",
+    "@storybook/addon-docs": "9.1.8",
+    "@storybook/addon-onboarding": "9.1.8",
+    "@storybook/addon-vitest": "9.1.8",
+    "@storybook/nextjs-vite": "9.1.8",
     "@types/node": "22.18.0",
-    "@types/react": "19.1.12",
+    "@types/react": "19.1.13",
     "@types/react-dom": "19.1.9",
     "@vitest/browser": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",
-    "eslint": "9.35.0",
-    "eslint-config-next": "15.5.3",
-    "eslint-plugin-storybook": "9.1.6",
+    "eslint": "9.36.0",
+    "eslint-config-next": "15.5.4",
+    "eslint-plugin-storybook": "9.1.8",
     "husky": "9.1.7",
-    "lint-staged": "16.1.6",
-    "playwright": "1.55.0",
+    "lint-staged": "16.2.0",
+    "playwright": "1.55.1",
     "prettier": "3.6.2",
-    "storybook": "9.1.6",
+    "storybook": "9.1.8",
     "typescript": "5.9.2",
     "vitest": "3.2.4"
   },

package/stories/templates/PageLoader.stories.d.ts

@@ -1,10 +1,13 @@
 import type { Meta, StoryObj } from "@storybook/nextjs-vite";
 type PageLoaderExampleProps = {
     isPacman?: boolean;
+    loadingText?: string;
+    tip?: string;
 };
-declare const PageLoaderExample: ({ isPacman }: PageLoaderExampleProps) => import("react/jsx-runtime").JSX.Element;
+declare const PageLoaderExample: (props: PageLoaderExampleProps) => import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof PageLoaderExample>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const GrantbiiApp: Story;
+export declare const GrantInsights: Story;
+export declare const GrantbiiDashboard: Story;
 export declare const AdminConsole: Story;

package/stories/templates/PageLoader.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PageLoader } from "@/.";
 import styled from "styled-components";
-const PageLoaderExample = ({ isPacman }) => (_jsx(BaseExample, { children: _jsx(PageLoader, { isPacman: isPacman }) }));
+const PageLoaderExample = (props) => (_jsx(BaseExample, { children: _jsx(PageLoader, { ...props }) }));
 const BaseExample = styled.div `
   width: 100vw;
   height: 100vh;
@@ -15,9 +15,15 @@ const meta = {
     },
 };
 export default meta;
-export const GrantbiiApp = {
+export const GrantInsights = {
     args: {},
 };
+export const GrantbiiDashboard = {
+    args: {
+        loadingText: "Loading...",
+        tip: "Pro tip: go grab a cup of coffee while waiting for the page to load",
+    },
+};
 export const AdminConsole = {
     args: { isPacman: true },
 };

package/stories/templates/PageLoader.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLoader.stories.js","sourceRoot":"","sources":["../../../stories/templates/PageLoader.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE,CAAC,CAClE,KAAC,WAAW,cACV,KAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,GAAI,GACtB,CACf,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG7B,CAAC;AAEF,MAAM,IAAI,GAAmC;IAC3C,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;CACzB,CAAC","sourcesContent":["import { PageLoader } from \"@/.\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\nimport styled from \"styled-components\";\n\ntype PageLoaderExampleProps = {\n  isPacman?: boolean;\n};\n\nconst PageLoaderExample = ({ isPacman }: PageLoaderExampleProps) => (\n  <BaseExample>\n    <PageLoader isPacman={isPacman} />\n  </BaseExample>\n);\n\nconst BaseExample = styled.div`\n  width: 100vw;\n  height: 100vh;\n`;\n\nconst meta: Meta<typeof PageLoaderExample> = {\n  title: \"Templates/Page Loader\",\n  component: PageLoaderExample,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"fullscreen\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const GrantbiiApp: Story = {\n  args: {},\n};\n\nexport const AdminConsole: Story = {\n  args: { isPacman: true },\n};\n"]}
+{"version":3,"file":"PageLoader.stories.js","sourceRoot":"","sources":["../../../stories/templates/PageLoader.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE,CAAC,CAC3D,KAAC,WAAW,cACV,KAAC,UAAU,OAAK,KAAK,GAAI,GACb,CACf,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG7B,CAAC;AAEF,MAAM,IAAI,GAAmC;IAC3C,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,WAAW,EAAE,YAAY;QACzB,GAAG,EAAE,qEAAqE;KAC3E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;CACzB,CAAC","sourcesContent":["import { PageLoader } from \"@/.\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\nimport styled from \"styled-components\";\n\ntype PageLoaderExampleProps = {\n  isPacman?: boolean;\n  loadingText?: string;\n  tip?: string;\n};\n\nconst PageLoaderExample = (props: PageLoaderExampleProps) => (\n  <BaseExample>\n    <PageLoader {...props} />\n  </BaseExample>\n);\n\nconst BaseExample = styled.div`\n  width: 100vw;\n  height: 100vh;\n`;\n\nconst meta: Meta<typeof PageLoaderExample> = {\n  title: \"Templates/Page Loader\",\n  component: PageLoaderExample,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"fullscreen\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const GrantInsights: Story = {\n  args: {},\n};\n\nexport const GrantbiiDashboard: Story = {\n  args: {\n    loadingText: \"Loading...\",\n    tip: \"Pro tip: go grab a cup of coffee while waiting for the page to load\",\n  },\n};\n\nexport const AdminConsole: Story = {\n  args: { isPacman: true },\n};\n"]}