@oneplatformdev/ui 0.1.10-9 → 0.1.10-90

package/Button/buttonVariants.js

@@ -16,13 +16,15 @@ const t = e(
         outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
+        link: "text-primary underline-offset-4 hover:underline",
+        transparent: "bg-transparent hover:bg-transparent hover:text-accent-foreground",
+        none: ""
       },
       size: {
-        default: "h-9 px-4 py-2",
+        default: "h-10 px-4 py-2",
         sm: "h-8 rounded-md px-3 text-xs [&_svg]:size-4",
         lg: "h-10 px-8 [&_svg]:size-5 px-3 py-2",
-        icon: "h-9 w-9 [&_svg]:size-5!"
+        icon: "h-10 w-10 [&_svg]:size-5"
       }
     },
     defaultVariants: {
@@ -34,3 +36,4 @@ const t = e(
 export {
   t as buttonVariants
 };
+//# sourceMappingURL=buttonVariants.js.map

package/Button/buttonVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonVariants.js","sources":["../../src/Button/buttonVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n// TODO: refactor btn variants | ask me about mnc next pwa\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2\",\n    \"whitespace-nowrap rounded-lg text-sm font-medium\",\n    \"transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n    'cursor-pointer'\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-sm hover:opacity-[.8]\",\n        destructive:\n          \"bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n        transparent: \"bg-transparent hover:bg-transparent hover:text-accent-foreground\",\n        none: \"\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs [&_svg]:size-4\",\n        lg: \"h-10 px-8 [&_svg]:size-5 px-3 py-2\",\n        icon: \"h-10 w-10 [&_svg]:size-5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"lg\",\n    },\n  }\n)\n"],"names":["buttonVariants","cva"],"mappings":";AAGO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,aAAa;AAAA,QACb,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

package/Button/index.js

@@ -5,3 +5,4 @@ export {
   u as buttonVariants,
   a as default
 };
+//# sourceMappingURL=index.js.map

package/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/ButtonIcon/ButtonIcon.js

@@ -3,8 +3,9 @@ import * as f from "react";
 import { cn as l } from "@oneplatformdev/utils";
 import { buttonIconVariants as u } from "./buttonIconVariants.js";
 import { TooltipRoot as d } from "../Tooltip/TooltipRoot.js";
+import "lucide-react";
 const h = f.forwardRef(
-  ({ disabled: o, className: e, variant: m, color: a, size: p, rounded: s, title: t = "", tooltip: r, ...i }, c) => /* @__PURE__ */ n(
+  ({ disabled: o, className: m, variant: e, color: p, size: a, rounded: s, title: t = "", tooltip: r, ...i }, c) => /* @__PURE__ */ n(
     d,
     {
       open: o || !t && !r ? !1 : void 0,
@@ -13,7 +14,7 @@ const h = f.forwardRef(
       children: /* @__PURE__ */ n(
         "button",
         {
-          className: l(u({ variant: m, size: p, color: a, disabled: o, rounded: s, className: e })),
+          className: l(u({ variant: e, size: a, color: p, disabled: o, rounded: s, className: m })),
           ref: c,
           disabled: !!o,
           ...i
@@ -26,3 +27,4 @@ h.displayName = "Button";
 export {
   h as ButtonIcon
 };
+//# sourceMappingURL=ButtonIcon.js.map

package/ButtonIcon/ButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.js","sources":["../../src/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { buttonIconVariants } from './buttonIconVariants';\nimport { ButtonIconProps } from './ButtonIcon.types';\n\nimport { TooltipRoot } from '../Tooltip';\n\nexport const ButtonIcon = React.forwardRef<HTMLButtonElement, ButtonIconProps>(\n  ({ disabled, className, variant, color, size, rounded, title = '', tooltip, ...props }, ref) => {\n    const shouldTooltipOpen = (disabled || (!title && !tooltip)) ? false : undefined;\n    return (\n      <TooltipRoot\n        open={shouldTooltipOpen}\n        message={tooltip || title}\n        delay={300}\n      >\n        <button\n          className={cn(buttonIconVariants({ variant, size, color, disabled, rounded, className }))}\n          ref={ref}\n          disabled={Boolean(disabled)}\n          {...props}\n        />\n      </TooltipRoot>\n    )\n  }\n)\nButtonIcon.displayName = \"Button\"\n"],"names":["ButtonIcon","React","disabled","className","variant","color","size","rounded","title","tooltip","props","ref","jsx","TooltipRoot","cn","buttonIconVariants"],"mappings":";;;;;;AAQO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,MAAAC,GAAM,SAAAC,GAAS,OAAAC,IAAQ,IAAI,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAGpF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAHuBX,KAAa,CAACM,KAAS,CAACC,IAAY,KAAQ;AAAA,MAInE,SAASA,KAAWD;AAAA,MACpB,OAAO;AAAA,MAEP,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE,EAAGC,EAAmB,EAAE,SAAAX,GAAS,MAAAE,GAAM,OAAAD,GAAO,UAAAH,GAAU,SAAAK,GAAS,WAAAJ,EAAA,CAAW,CAAC;AAAA,UACxF,KAAAQ;AAAA,UACA,UAAU,EAAQT;AAAA,UACjB,GAAGQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIR;AACAV,EAAW,cAAc;"}

package/ButtonIcon/ButtonIcon.stories.js

@@ -124,3 +124,4 @@ export {
   g as Variants,
   z as default
 };
+//# sourceMappingURL=ButtonIcon.stories.js.map

package/ButtonIcon/ButtonIcon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.stories.js","sources":["../../src/ButtonIcon/ButtonIcon.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { ButtonIcon } from './ButtonIcon';\nimport { ButtonIconProps } from './ButtonIcon.types';\nimport { PencilLineIcon } from 'lucide-react';\nimport React from 'react';\n\nconst variants = ['contained', 'outlined', 'ghost', 'link'] as const;\nconst colors = [\n  'primary',\n  'secondary',\n  'error',\n  'success',\n  'disabled',\n] as const;\nconst sizes = ['sm', 'md', 'lg'] as const;\n\nconst Template = (props: ButtonIconProps) => (\n  <ButtonIcon {...props}>\n    <PencilLineIcon />\n  </ButtonIcon>\n);\n\nconst meta = {\n  title: 'ButtonIcon',\n  component: ButtonIcon,\n  render: Template,\n  argTypes: {\n    variant: {\n      name: 'variant',\n      description: 'ButtonIcon variant',\n      defaultValue: 'contained',\n      options: variants,\n      control: {\n        type: 'inline-radio',\n      },\n    },\n    color: {\n      options: colors,\n      control: {\n        type: 'inline-radio',\n      },\n    },\n    size: {\n      options: sizes,\n      control: {\n        type: 'inline-radio',\n      },\n    },\n    tooltip: {\n      control: {\n        type: 'text',\n      },\n    },\n    disabled: {\n      control: {\n        type: 'boolean',\n      },\n    },\n    rounded: {\n      control: {\n        type: 'boolean',\n      },\n    },\n  },\n  args: {\n    variant: 'contained',\n    color: 'primary',\n    size: 'md',\n    disabled: false,\n    rounded: false,\n    tooltip: 'ButtonIcon tooltip',\n  },\n} satisfies Meta<typeof ButtonIcon>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground = ({ rounded, ...args }: ButtonIconProps) => (\n  <div className=\"flex flex-col gap-10\">\n    <span>\n      <Template rounded={rounded} {...args} />\n    </span>\n\n    <div className=\"flex flex-col gap-2\">\n      {variants.map((v) => {\n        return (\n          <div className=\"flex gap-2\" key={v}>\n            {colors.map((c) => {\n              const k = `${v}-${c}`;\n              return (\n                <div className=\"flex gap-2\" key={k}>\n                  {sizes.map((s) => {\n                    const key = `${k}-${s}`;\n                    return (\n                      <Template\n                        key={key}\n                        color={c}\n                        size={s}\n                        variant={v}\n                        rounded={rounded}\n                        tooltip={key}\n                      />\n                    );\n                  })}\n                </div>\n              );\n            })}\n          </div>\n        );\n      })}\n    </div>\n  </div>\n);\nPlayground.args = {\n  onClick: { action: (e: React.MouseEvent<HTMLButtonElement>) => e },\n};\n\nexport const Variants = ({ variant, ...args }: ButtonIconProps) => (\n  <div className=\"flex flex-col gap-10\">\n    <span>\n      <Template variant={variant} {...args} />\n    </span>\n\n    <div className=\"flex gap-2\">\n      {variants.map((v) => (\n        <Template key={v} variant={v} tooltip={v} />\n      ))}\n    </div>\n  </div>\n);\n\nVariants.parameters = {\n  controls: {\n    include: ['disabled', 'color', 'size', 'variant'],\n  },\n};\n\nexport const Colors = ({ color, ...args }: ButtonIconProps) => (\n  <div className=\"flex flex-col gap-2\">\n    <span>\n      <Template color={color} {...args} />\n    </span>\n\n    <div className=\"flex gap-2\">\n      {colors.map((c) => (\n        <Template key={c} color={c} tooltip={c} {...args} />\n      ))}\n    </div>\n  </div>\n);\n\nColors.parameters = {\n  controls: {\n    include: ['disabled', 'color', 'size', 'variant'],\n  },\n};\n\nexport const Disabled = ({ variant, color, ...args }: ButtonIconProps) => (\n  <div className=\"flex flex-col gap-10\">\n    <div className=\"flex flex-col gap-2\">\n      {variants.map((v) => {\n        return (\n          <div className=\"flex gap-2\" key={v}>\n            {colors.map((c) => {\n              const key = `${v}-${c}`;\n              return <Template\n                key={key}\n                variant={v}\n                color={c}\n                disabled\n                tooltip={key}\n                {...args}\n              />;\n            })}\n          </div>\n        );\n      })}\n    </div>\n  </div>\n);\nDisabled.parameters = {\n  controls: {\n    include: [],\n  },\n};\n"],"names":["variants","colors","sizes","Template","props","jsx","ButtonIcon","PencilLineIcon","meta","Playground","rounded","args","jsxs","v","c","k","s","key","e","Variants","variant","Colors","color","Disabled"],"mappings":"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"}

package/ButtonIcon/ButtonIcon.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=ButtonIcon.types.js.map

package/ButtonIcon/ButtonIcon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/ButtonIcon/buttonIconVariants.js

@@ -137,3 +137,4 @@ const e = r(
 export {
   e as buttonIconVariants
 };
+//# sourceMappingURL=buttonIconVariants.js.map

package/ButtonIcon/buttonIconVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonIconVariants.js","sources":["../../src/ButtonIcon/buttonIconVariants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const buttonIconVariants = cva(\n  \"aspect-square inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        contained: 'border shadow-sm',\n        outlined: 'border bg-transparent hover:shadow-xs',\n        ghost: \"bg-transparent hover:bg-accent hover:text-accent-foreground\",\n        link: \"underline-offset-4 hover:underline bg-transparent hover:bg-transparent\",\n      },\n      color: {\n        primary: \"\",\n        secondary: \"\",\n        error: \"\",\n        success: \"\",\n        disabled: \"contrast-50\",\n      },\n      size: {\n        sm: \"w-8 h-8 rounded-sm text-xs [&_svg]:size-4\",\n        md: \"w-9 h-9 px-4 rounded-md [&_svg]:size-5\",\n        lg: \"w-10 h-10 rounded-md [&_svg]:size-6\",\n        icon: \"h-9 w-9 [&_svg]:size-5 rounded-sm\",\n      },\n      disabled: {\n        true: \"cursor-not-allowed contrast-50\",\n        false: \"cursor-pointer\",\n      },\n      rounded: {\n        true: \"rounded-full\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      // contained\n      {\n        variant: 'contained',\n        color: 'primary',\n        disabled: false,\n        className: 'bg-typography-primary border-typography-primary text-white dark:bg-gray-3 dark:border-gray-3 dark:text-typography-secondary'\n      },\n      {\n        variant: 'contained',\n        color: 'secondary',\n        disabled: false,\n        className: 'bg-gray-2 border-gray-2 text-typography-primary dark:bg-gray-3 dark:border-gray-3 dark:text-typography-secondary'\n      },\n      {\n        variant: 'contained',\n        color: 'error',\n        disabled: false,\n        className: 'bg-typography-error/90 border-typography-error/90 text-white dark:bg-typography-error/80 dark:border-typography-error/80 dark:text-typography-primary'\n      },\n      {\n        variant: 'contained',\n        color: 'success',\n        disabled: false,\n        className: 'bg-typography-success/90 border-typography-success/90 text-white dark:bg-typography-success/80 dark:border-typography-success/80 dark:text-typography-primary'\n      },\n      // outlined\n      {\n        variant: 'outlined',\n        color: 'primary',\n        disabled: false,\n        className: 'border-typography-primary text-typography-primary hover:bg-typography-primary/15'\n      },\n      {\n        variant: 'outlined',\n        color: 'secondary',\n        disabled: false,\n        className: 'border-border text-typography-secondary hover:bg-border-border/15'\n      },\n      {\n        variant: 'outlined',\n        color: 'error',\n        disabled: false,\n        className: 'border-typography-error text-typography-error hover:bg-typography-error/15'\n      },\n      {\n        variant: 'outlined',\n        color: 'success',\n        disabled: false,\n        className: 'border-typography-success text-typography-success hover:bg-typography-success/15'\n      },\n      // link - ghost\n      {\n        variant: [ 'link', 'ghost' ],\n        color: 'primary',\n        className: \"text-typography-primary\",\n      },\n      {\n        variant: [ 'link', 'ghost' ],\n        color: 'secondary',\n        className: \"text-typography-secondary\",\n      },\n      {\n        variant: [ 'link', 'ghost' ],\n        color: \"success\",\n        className: \"text-typography-success\",\n      },\n      {\n        variant: [ 'link', 'ghost' ],\n        color: \"error\",\n        className: \"text-typography-error\",\n      },\n      // ghost\n      {\n        variant: 'ghost',\n        color: 'primary',\n        className: \"hover:bg-typography-primary/15\",\n      },\n      {\n        variant: 'ghost',\n        color: 'secondary',\n        className: \"hover:bg-typography-secondary/15\",\n      },\n      {\n        variant: 'ghost',\n        color: \"success\",\n        className: \"hover:bg-typography-success/15\",\n      },\n      {\n        variant: 'ghost',\n        color: \"error\",\n        className: \"hover:bg-typography-error/15\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"contained\",\n      size: \"md\",\n      color: \"primary\",\n      disabled: false,\n      rounded: false,\n    },\n  }\n)\n"],"names":["buttonIconVariants","cva"],"mappings":";AAEO,MAAMA,IAAqBC;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,MAER,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA;AAAA,MAEhB;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS,CAAE,QAAQ,OAAQ;AAAA,QAC3B,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA;AAAA,MAGb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/ButtonIcon/index.js

@@ -5,3 +5,4 @@ export {
   u as buttonIconVariants,
   r as default
 };
+//# sourceMappingURL=index.js.map

package/ButtonIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}