@grantbii/design-system 1.21.0 → 1.23.0

package/core/archive/Badges.d.ts

@@ -1,8 +0,0 @@
-import { type BadgeProps } from "../molecules/Badge";
-type BadgesProps = {
-    allBadgeProps: BadgeProps[];
-    scrollable?: boolean;
-    vertical?: boolean;
-};
-declare const Badges: ({ allBadgeProps, scrollable, vertical }: BadgesProps) => import("react/jsx-runtime").JSX.Element;
-export default Badges;

package/core/archive/Badges.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import styled, { css } from "styled-components";
-import { Responsive } from "../atoms";
-import Badge, {} from "../molecules/Badge";
-const Badges = ({ allBadgeProps, scrollable, vertical }) => (_jsx(BaseBadges, { "$scrollable": scrollable, "$vertical": vertical, children: allBadgeProps.map((badgeProps) => (_createElement(Badge, { ...badgeProps, key: `badge-${badgeProps.label}` }))) }));
-export default Badges;
-const BaseBadges = styled.div `
-  display: flex;
-  flex-direction: ${({ $vertical = false }) => ($vertical ? "column" : "row")};
-  gap: ${({ $vertical = false }) => ($vertical ? "4px" : "8px")};
-
-  ${({ $scrollable = false, $vertical = false }) => deriveCSS($scrollable, $vertical)}
-`;
-const deriveCSS = (scrollable, vertical) => {
-    if (vertical && scrollable) {
-        return ScrollableVerticalCSS;
-    }
-    else if (vertical) {
-        return UnscrollableVerticalCSS;
-    }
-    else if (scrollable) {
-        return ScrollableHorizontalCSS;
-    }
-    else {
-        return UnscrollableHorizontalCSS;
-    }
-};
-const ScrollableVerticalCSS = css `
-  overflow-y: auto;
-
-  /* show 3 badges max */
-  @media (width < ${Responsive.widthBreakpoint.laptop}) {
-    /* 3.5 * 27px (badge height) + 2 * 4px (gap) = 89 */
-    height: 103px;
-  }
-
-  @media (width >= ${Responsive.widthBreakpoint.laptop}) {
-    /* 3.5 * 30px (badge height) + 2 * 4px (gap) = 113 */
-    height: 113px;
-  }
-`;
-const UnscrollableVerticalCSS = css ``;
-const ScrollableHorizontalCSS = css `
-  flex-wrap: nowrap;
-  overflow-x: auto;
-
-  /* hide scrollbar but still allow for scrolling */
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-  ::-webkit-scrollbar {
-    display: none;
-  }
-`;
-const UnscrollableHorizontalCSS = css `
-  flex-wrap: wrap;
-  overflow-x: visible;
-`;
-//# sourceMappingURL=Badges.js.map

package/core/archive/Badges.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badges.js","sourceRoot":"","sources":["../../../core/archive/Badges.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAgB,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,KAAK,EAAE,EAAmB,MAAM,oBAAoB,CAAC;AAQ5D,MAAM,MAAM,GAAG,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAe,EAAE,EAAE,CAAC,CACvE,KAAC,UAAU,mBAAc,UAAU,eAAa,QAAQ,YACrD,aAAa,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACjC,eAAC,KAAK,OAAK,UAAU,EAAE,GAAG,EAAE,SAAS,UAAU,CAAC,KAAK,EAAE,GAAI,CAC5D,CAAC,GACS,CACd,CAAC;AAEF,eAAe,MAAM,CAAC;AAEtB,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAgD;;oBAEzD,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;SACpE,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;;IAE3D,CAAC,EAAE,WAAW,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,EAAE,EAAE,CAC/C,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC;CACpC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,UAAmB,EAAE,QAAiB,EAAW,EAAE;IACpE,IAAI,QAAQ,IAAI,UAAU,EAAE,CAAC;QAC3B,OAAO,qBAAqB,CAAC;IAC/B,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,OAAO,uBAAuB,CAAC;IACjC,CAAC;SAAM,IAAI,UAAU,EAAE,CAAC;QACtB,OAAO,uBAAuB,CAAC;IACjC,CAAC;SAAM,CAAC;QACN,OAAO,yBAAyB,CAAC;IACnC,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;oBAIb,UAAU,CAAC,eAAe,CAAC,MAAM;;;;;qBAKhC,UAAU,CAAC,eAAe,CAAC,MAAM;;;;CAIrD,CAAC;AAEF,MAAM,uBAAuB,GAAG,GAAG,CAAA,EAAE,CAAC;AAEtC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;CAUlC,CAAC;AAEF,MAAM,yBAAyB,GAAG,GAAG,CAAA;;;CAGpC,CAAC","sourcesContent":["import styled, { css, type RuleSet } from \"styled-components\";\nimport { Responsive } from \"../atoms\";\nimport Badge, { type BadgeProps } from \"../molecules/Badge\";\n\ntype BadgesProps = {\n  allBadgeProps: BadgeProps[];\n  scrollable?: boolean;\n  vertical?: boolean;\n};\n\nconst Badges = ({ allBadgeProps, scrollable, vertical }: BadgesProps) => (\n  <BaseBadges $scrollable={scrollable} $vertical={vertical}>\n    {allBadgeProps.map((badgeProps) => (\n      <Badge {...badgeProps} key={`badge-${badgeProps.label}`} />\n    ))}\n  </BaseBadges>\n);\n\nexport default Badges;\n\nconst BaseBadges = styled.div<{ $scrollable?: boolean; $vertical?: boolean }>`\n  display: flex;\n  flex-direction: ${({ $vertical = false }) => ($vertical ? \"column\" : \"row\")};\n  gap: ${({ $vertical = false }) => ($vertical ? \"4px\" : \"8px\")};\n\n  ${({ $scrollable = false, $vertical = false }) =>\n    deriveCSS($scrollable, $vertical)}\n`;\n\nconst deriveCSS = (scrollable: boolean, vertical: boolean): RuleSet => {\n  if (vertical && scrollable) {\n    return ScrollableVerticalCSS;\n  } else if (vertical) {\n    return UnscrollableVerticalCSS;\n  } else if (scrollable) {\n    return ScrollableHorizontalCSS;\n  } else {\n    return UnscrollableHorizontalCSS;\n  }\n};\n\nconst ScrollableVerticalCSS = css`\n  overflow-y: auto;\n\n  /* show 3 badges max */\n  @media (width < ${Responsive.widthBreakpoint.laptop}) {\n    /* 3.5 * 27px (badge height) + 2 * 4px (gap) = 89 */\n    height: 103px;\n  }\n\n  @media (width >= ${Responsive.widthBreakpoint.laptop}) {\n    /* 3.5 * 30px (badge height) + 2 * 4px (gap) = 113 */\n    height: 113px;\n  }\n`;\n\nconst UnscrollableVerticalCSS = css``;\n\nconst ScrollableHorizontalCSS = css`\n  flex-wrap: nowrap;\n  overflow-x: auto;\n\n  /* hide scrollbar but still allow for scrolling */\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  ::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst UnscrollableHorizontalCSS = css`\n  flex-wrap: wrap;\n  overflow-x: visible;\n`;\n"]}

package/stories/archive/Badges.stories.d.ts

@@ -1,9 +0,0 @@
-import { Badges } from "@/.";
-import type { Meta, StoryObj } from "@storybook/nextjs-vite";
-declare const meta: Meta<typeof Badges>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ScrollableVertical: Story;
-export declare const UnscrollableVertical: Story;
-export declare const ScrollableHorizontal: Story;
-export declare const UnscrollableHorizontal: Story;

package/stories/archive/Badges.stories.js

@@ -1,38 +0,0 @@
-import { Badges, enumToOptions } from "@/.";
-import { Objective } from "@grantbii/ui-core/grant/enums";
-const meta = {
-    title: "Archive/Badges",
-    component: Badges,
-    tags: ["autodocs"],
-};
-export default meta;
-const allBadgeProps = enumToOptions(Objective);
-export const ScrollableVertical = {
-    args: {
-        allBadgeProps,
-        scrollable: true,
-        vertical: true,
-    },
-};
-export const UnscrollableVertical = {
-    args: {
-        allBadgeProps,
-        scrollable: false,
-        vertical: true,
-    },
-};
-export const ScrollableHorizontal = {
-    args: {
-        allBadgeProps,
-        scrollable: true,
-        vertical: false,
-    },
-};
-export const UnscrollableHorizontal = {
-    args: {
-        allBadgeProps,
-        scrollable: false,
-        vertical: false,
-    },
-};
-//# sourceMappingURL=Badges.stories.js.map

package/stories/archive/Badges.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badges.stories.js","sourceRoot":"","sources":["../../../stories/archive/Badges.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAmB,MAAM,KAAK,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAG1D,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,aAAa,GAAiB,aAAa,CAAC,SAAS,CAAC,CAAC;AAE7D,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,aAAa;QACb,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,aAAa;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,aAAa;QACb,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC3C,IAAI,EAAE;QACJ,aAAa;QACb,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC","sourcesContent":["import { Badges, enumToOptions, type BadgeProps } from \"@/.\";\nimport { Objective } from \"@grantbii/ui-core/grant/enums\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof Badges> = {\n  title: \"Archive/Badges\",\n  component: Badges,\n  tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst allBadgeProps: BadgeProps[] = enumToOptions(Objective);\n\nexport const ScrollableVertical: Story = {\n  args: {\n    allBadgeProps,\n    scrollable: true,\n    vertical: true,\n  },\n};\n\nexport const UnscrollableVertical: Story = {\n  args: {\n    allBadgeProps,\n    scrollable: false,\n    vertical: true,\n  },\n};\n\nexport const ScrollableHorizontal: Story = {\n  args: {\n    allBadgeProps,\n    scrollable: true,\n    vertical: false,\n  },\n};\n\nexport const UnscrollableHorizontal: Story = {\n  args: {\n    allBadgeProps,\n    scrollable: false,\n    vertical: false,\n  },\n};\n"]}