@grantbii/design-system 1.0.65 → 1.0.67

package/index.js

@@ -1,6 +1,6 @@
 export * from "./core/atoms";
 export * from "./core/foundations";
-export { default as GlobalStyle } from "./core/global/GlobalStyle";
+export * from "./core/global";
 export * from "./core/integrations";
 export * from "./core/molecules";
 export * from "./core/organisms";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grantbii/design-system",
-  "version": "1.0.65",
+  "version": "1.0.67",
   "description": "Grantbii's Design System",
   "homepage": "https://design.grantbii.com",
   "repository": {
@@ -18,7 +18,7 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@grantbii/ui-base": "1.0.17",
+    "@grantbii/ui-base": "1.0.18",
     "@phosphor-icons/react": "^2.1.10",
     "country-flag-icons": "^1.5.19",
     "next": "^15.5.0",

package/stories/molecules/Modal.stories.d.ts

@@ -6,13 +6,10 @@ type ModalExampleProps = {
     footer?: ReactNode;
     width?: string;
     height?: string;
-    isFullScreen?: boolean;
 };
 declare const ModalExample: (props: ModalExampleProps) => import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof ModalExample>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const PopUpWithShortContent: Story;
-export declare const FullScreenWithShortContent: Story;
-export declare const PopUpWithLongContent: Story;
-export declare const FullScreenWithLongContent: Story;
+export declare const ShortContent: Story;
+export declare const LongContent: Story;

package/stories/molecules/Modal.stories.js

@@ -16,32 +16,19 @@ export default meta;
 const header = "Grantbii";
 const shortContent = (_jsx("p", { children: "Amplifying Business Grant Impact for SMEs & Scale-ups" }));
 const longContent = (_jsxs("div", { children: [_jsx("p", { children: "Grantbii is an AI-powered grant intelligence and matching platform that helps grant seekers effortlessly find, match, prep & apply for the right business grants - maximizing grant funding success with minimal effort. Our platform connects businesses with a trusted Grant Enabler Network - solution providers, consulting experts, and delivery partners - ensuring that every dollar of grant funding leads to real business transformation impact." }), _jsx("p", { children: "In the future, Grantbii aims to automate the entire grant application lifecycle, from discovery to claims submission and guide you through the application process with minimal effort on your part." }), _jsx("p", { children: "To maximize your chances of grant success, you can expect to leverage on tools to assess your chances of success and offer expert support to ensure your application meets all necessary requirements." })] }));
-export const PopUpWithShortContent = {
+export const ShortContent = {
     args: {
         header,
         content: shortContent,
         width: "600px",
+        height: "360px",
     },
 };
-export const FullScreenWithShortContent = {
-    args: {
-        header,
-        content: shortContent,
-        isFullScreen: true,
-    },
-};
-export const PopUpWithLongContent = {
+export const LongContent = {
     args: {
         header,
         content: longContent,
         width: "600px",
-        height: "240px",
-    },
-};
-export const FullScreenWithLongContent = {
-    args: {
-        header,
-        content: longContent,
-        isFullScreen: true,
+        height: "360px",
     },
 };

package/stories/organisms/GrantMatch.stories.d.ts

@@ -1,10 +1,6 @@
 import { Meta, StoryObj } from "@storybook/nextjs-vite";
-type GrantMatchExampleProps = {
-    isMobile?: boolean;
-};
-declare const GrantMatchExample: ({ isMobile }: GrantMatchExampleProps) => import("react/jsx-runtime").JSX.Element;
+declare const GrantMatchExample: () => import("react/jsx-runtime").JSX.Element;
 declare const meta: Meta<typeof GrantMatchExample>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Desktop: Story;
-export declare const Mobile: Story;
+export declare const Example: Story;

package/stories/organisms/GrantMatch.stories.js

@@ -1,18 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Colors, GrantMatch } from "@/.";
-import { useGrantMatchQueryItems } from "@/core/organisms/GrantMatch";
+import { GrantMatch } from "@/.";
+import { useGrantMatchActiveQuery } from "@/core/organisms/GrantMatch";
 import { useState } from "react";
 import styled from "styled-components";
-const GrantMatchExample = ({ isMobile }) => {
+const GrantMatchExample = () => {
     const [status, setStatus] = useState("pending query");
     const performGrantMatch = (newQuery) => {
         const fileNames = newQuery.files.map((file) => file.name).join(", ");
-        setStatus(`finding grants using files [${fileNames}] and text [${newQuery.text}]`);
-        setTimeout(() => setStatus("found grants"), 3000);
+        const printableQuery = `files [${fileNames}] and text [${newQuery.text}]`;
+        setStatus(`finding grants using ${printableQuery}`);
+        setTimeout(() => setStatus(`found grants with ${printableQuery}`), 3000);
     };
     const resetGrantMatch = () => setStatus("pending query");
-    const grantMatchQueryProps = useGrantMatchQueryItems(performGrantMatch, resetGrantMatch);
-    return (_jsxs(Container, { "$isMobile": isMobile, children: [_jsx(GrantMatch, Object.assign({}, grantMatchQueryProps, { isSmallerThanLaptop: isMobile })), _jsxs("p", { children: ["Status: ", status] })] }));
+    const grantMatchQueryProps = useGrantMatchActiveQuery({}, performGrantMatch, resetGrantMatch);
+    return (_jsxs(Container, { children: [_jsx(GrantMatch, Object.assign({}, grantMatchQueryProps)), _jsxs("p", { children: ["Status: ", status] })] }));
 };
 const Container = styled.div `
   display: flex;
@@ -20,13 +21,12 @@ const Container = styled.div `
   gap: 8px;
 
   padding: 16px;
-
-  width: ${({ $isMobile = false }) => ($isMobile ? "360px" : "90vw")};
-  height: ${({ $isMobile = false }) => ($isMobile ? "600px" : "100vh")};
-
-  border: ${({ $isMobile = false }) => $isMobile ? `1px solid ${Colors.neutral.grey2}` : "none"};
-  border-radius: 32px;
 `;
+// width: ${({ $screenSize }) => ($screenSize === "small" ? "360px" : "90vw")};
+// height: ${({ $screenSize }) => ($screenSize === "small" ? "600px" : "100vh")};
+// border: ${({ $screenSize }) =>
+//   $screenSize === "small" ? `1px solid ${Colors.neutral.grey2}` : "none"};
+// border-radius: 32px;
 const meta = {
     title: "Organisms/Grant Match",
     component: GrantMatchExample,
@@ -36,9 +36,6 @@ const meta = {
     },
 };
 export default meta;
-export const Desktop = {
-    args: { isMobile: false },
-};
-export const Mobile = {
-    args: { isMobile: true },
+export const Example = {
+    args: {},
 };