@grantbii/design-system 1.18.2 → 1.19.0

package/core/archive/LinkButton.d.ts

@@ -1,20 +0,0 @@
-import type { AnchorHTMLAttributes, ComponentType, DetailedHTMLProps, HTMLAttributeAnchorTarget, ReactNode } from "react";
-import { SystemIcon } from "../atoms";
-type LinkButtonProps = {
-    label: ReactNode;
-    href: string;
-    disabled?: boolean;
-    target?: HTMLAttributeAnchorTarget;
-    LeftIcon?: ComponentType<SystemIcon.IconProps>;
-    RightIcon?: ComponentType<SystemIcon.IconProps>;
-    underline?: boolean;
-    backgroundColor?: string;
-    borderColor?: string;
-    color?: string;
-    width?: string;
-} & DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
-/**
- * A link that looks like a button
- */
-declare const LinkButton: ({ label, LeftIcon, RightIcon, underline, backgroundColor, borderColor, color, width, disabled, target, ...linkProps }: LinkButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default LinkButton;

package/core/archive/LinkButton.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-import { SystemIcon } from "../atoms";
-import { BaseButton } from "../shared";
-/**
- * A link that looks like a button
- */
-const LinkButton = ({ label, LeftIcon, RightIcon, underline, backgroundColor, borderColor, color, width, disabled, target = "_blank", ...linkProps }) => {
-    const contentProps = {
-        label,
-        LeftIcon,
-        RightIcon,
-        underline,
-        backgroundColor,
-        borderColor,
-        color,
-        width,
-    };
-    return disabled ? (_jsx(Content, { ...contentProps })) : (_jsx(Link, { ...linkProps, target: target, children: _jsx(Content, { ...contentProps }) }));
-};
-export default LinkButton;
-const Content = ({ label, LeftIcon, RightIcon, underline, backgroundColor, borderColor, color, width, }) => (_jsxs(BaseButton, { "$underline": underline, "$backgroundColor": backgroundColor, "$borderColor": borderColor, "$color": color, "$width": width, children: [LeftIcon ? _jsx(LeftIcon, { color: color, size: 20 }) : _jsx(_Fragment, {}), label, RightIcon ? _jsx(RightIcon, { color: color, size: 20 }) : _jsx(_Fragment, {})] }));
-//# sourceMappingURL=LinkButton.js.map

package/core/archive/LinkButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../core/archive/LinkButton.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAQ7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAmBvC;;GAEG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,eAAe,EACf,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,QAAQ,EACjB,GAAG,SAAS,EACI,EAAE,EAAE;IACpB,MAAM,YAAY,GAAG;QACnB,KAAK;QACL,QAAQ;QACR,SAAS;QACT,SAAS;QACT,eAAe;QACf,WAAW;QACX,KAAK;QACL,KAAK;KACN,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,KAAC,OAAO,OAAK,YAAY,GAAI,CAC9B,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,OAAK,SAAS,EAAE,MAAM,EAAE,MAAM,YACjC,KAAC,OAAO,OAAK,YAAY,GAAI,GACxB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC;AAa1B,MAAM,OAAO,GAAG,CAAC,EACf,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,eAAe,EACf,WAAW,EACX,KAAK,EACL,KAAK,GACQ,EAAE,EAAE,CAAC,CAClB,MAAC,UAAU,kBACG,SAAS,sBACH,eAAe,kBACnB,WAAW,YACjB,KAAK,YACL,KAAK,aAEZ,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,mBAAK,EACvD,KAAK,EACL,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,mBAAK,IAC/C,CACd,CAAC","sourcesContent":["import Link from \"next/link\";\nimport type {\n  AnchorHTMLAttributes,\n  ComponentType,\n  DetailedHTMLProps,\n  HTMLAttributeAnchorTarget,\n  ReactNode,\n} from \"react\";\nimport { SystemIcon } from \"../atoms\";\nimport { BaseButton } from \"../shared\";\n\ntype LinkButtonProps = {\n  label: ReactNode;\n  href: string;\n  disabled?: boolean;\n  target?: HTMLAttributeAnchorTarget;\n  LeftIcon?: ComponentType<SystemIcon.IconProps>;\n  RightIcon?: ComponentType<SystemIcon.IconProps>;\n  underline?: boolean;\n  backgroundColor?: string;\n  borderColor?: string;\n  color?: string;\n  width?: string;\n} & DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n>;\n\n/**\n * A link that looks like a button\n */\nconst LinkButton = ({\n  label,\n  LeftIcon,\n  RightIcon,\n  underline,\n  backgroundColor,\n  borderColor,\n  color,\n  width,\n  disabled,\n  target = \"_blank\",\n  ...linkProps\n}: LinkButtonProps) => {\n  const contentProps = {\n    label,\n    LeftIcon,\n    RightIcon,\n    underline,\n    backgroundColor,\n    borderColor,\n    color,\n    width,\n  };\n\n  return disabled ? (\n    <Content {...contentProps} />\n  ) : (\n    <Link {...linkProps} target={target}>\n      <Content {...contentProps} />\n    </Link>\n  );\n};\n\nexport default LinkButton;\n\ntype ContentProps = {\n  label: ReactNode;\n  LeftIcon?: ComponentType<SystemIcon.IconProps>;\n  RightIcon?: ComponentType<SystemIcon.IconProps>;\n  underline?: boolean;\n  backgroundColor?: string;\n  borderColor?: string;\n  color?: string;\n  width?: string;\n};\n\nconst Content = ({\n  label,\n  LeftIcon,\n  RightIcon,\n  underline,\n  backgroundColor,\n  borderColor,\n  color,\n  width,\n}: ContentProps) => (\n  <BaseButton\n    $underline={underline}\n    $backgroundColor={backgroundColor}\n    $borderColor={borderColor}\n    $color={color}\n    $width={width}\n  >\n    {LeftIcon ? <LeftIcon color={color} size={20} /> : <></>}\n    {label}\n    {RightIcon ? <RightIcon color={color} size={20} /> : <></>}\n  </BaseButton>\n);\n"]}

package/stories/archive/LinkButton.stories.d.ts

@@ -1,10 +0,0 @@
-import { LinkButton } from "@/.";
-import type { Meta, StoryObj } from "@storybook/nextjs-vite";
-declare const meta: Meta<typeof LinkButton>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TextOnly: Story;
-export declare const LeftIcon: Story;
-export declare const RightIcon: Story;
-export declare const BothSystemIcon: Story;
-export declare const Underline: Story;

package/stories/archive/LinkButton.stories.js

@@ -1,41 +0,0 @@
-import { Color, SystemIcon, LinkButton } from "@/.";
-const meta = {
-    title: "Archive/Link Button",
-    component: LinkButton,
-    tags: ["autodocs"],
-};
-export default meta;
-const baseArgs = { label: "Link", href: "https://grantbii.com" };
-export const TextOnly = {
-    args: {
-        ...baseArgs,
-        onClick: () => alert("clicked on link"),
-    },
-};
-export const LeftIcon = {
-    args: {
-        ...baseArgs,
-        LeftIcon: SystemIcon.PlusIcon,
-    },
-};
-export const RightIcon = {
-    args: {
-        ...baseArgs,
-        RightIcon: SystemIcon.MinusIcon,
-    },
-};
-export const BothSystemIcon = {
-    args: {
-        ...baseArgs,
-        LeftIcon: SystemIcon.SmileyXEyesIcon,
-        RightIcon: SystemIcon.SmileyMeltingIcon,
-    },
-};
-export const Underline = {
-    args: {
-        ...baseArgs,
-        underline: true,
-        color: Color.typography.blackMedium,
-    },
-};
-//# sourceMappingURL=LinkButton.stories.js.map

package/stories/archive/LinkButton.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkButton.stories.js","sourceRoot":"","sources":["../../../stories/archive/LinkButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGpD,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,sBAAsB,EAAE,CAAC;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC;KACxC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,QAAQ,EAAE,UAAU,CAAC,QAAQ;KAC9B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,SAAS,EAAE,UAAU,CAAC,SAAS;KAChC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,QAAQ,EAAE,UAAU,CAAC,eAAe;QACpC,SAAS,EAAE,UAAU,CAAC,iBAAiB;KACxC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW;KACpC;CACF,CAAC","sourcesContent":["import { Color, SystemIcon, LinkButton } from \"@/.\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof LinkButton> = {\n  title: \"Archive/Link Button\",\n  component: LinkButton,\n  tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = { label: \"Link\", href: \"https://grantbii.com\" };\n\nexport const TextOnly: Story = {\n  args: {\n    ...baseArgs,\n    onClick: () => alert(\"clicked on link\"),\n  },\n};\n\nexport const LeftIcon: Story = {\n  args: {\n    ...baseArgs,\n    LeftIcon: SystemIcon.PlusIcon,\n  },\n};\n\nexport const RightIcon: Story = {\n  args: {\n    ...baseArgs,\n    RightIcon: SystemIcon.MinusIcon,\n  },\n};\n\nexport const BothSystemIcon: Story = {\n  args: {\n    ...baseArgs,\n    LeftIcon: SystemIcon.SmileyXEyesIcon,\n    RightIcon: SystemIcon.SmileyMeltingIcon,\n  },\n};\n\nexport const Underline: Story = {\n  args: {\n    ...baseArgs,\n    underline: true,\n    color: Color.typography.blackMedium,\n  },\n};\n"]}