@oneplatformdev/ui 0.1.99-beta.4 → 0.1.99-beta.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.99-beta.4",
+  "version": "0.1.99-beta.40",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -105,8 +105,11 @@
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/tokens": "^0.1.99-beta.4",
-    "@oneplatformdev/hooks": "^0.1.99-beta.4",
-    "@oneplatformdev/utils": "^0.1.99-beta.4"
+    "@oneplatformdev/tokens": "^0.1.99-beta.40",
+    "@oneplatformdev/hooks": "^0.1.99-beta.40",
+    "@oneplatformdev/utils": "^0.1.99-beta.40"
+  },
+  "scripts": {
+    "chromatic": "chromatic"
   }
 }

package/Button/Button.s.d.ts

@@ -1,83 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { ButtonProps } from './Button.types';
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
-    render: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    args: {
-        tooltip: undefined;
-        asChild: false;
-        variant: "none" | "default" | "destructive" | "outline" | "secondary" | "contained" | "outlined" | "ghost" | null | undefined;
-        color: "secondary" | "primary" | "error" | null | undefined;
-        size: "xs" | "sm" | "md" | "lg" | null | undefined;
-        disabled: false;
-    };
-    argTypes: {
-        tooltip: {
-            control: false;
-        };
-        asChild: {
-            control: false;
-        };
-        variant: {
-            options: ("none" | "default" | "destructive" | "outline" | "secondary" | "contained" | "outlined" | "ghost" | null | undefined)[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        color: {
-            options: ("secondary" | "primary" | "error" | null | undefined)[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        size: {
-            options: ("xs" | "sm" | "md" | "lg" | null | undefined)[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        title: {
-            name: string;
-            description: string;
-            control: {
-                type: "text";
-            };
-        };
-        message: {
-            name: string;
-            description: string;
-            control: {
-                type: "object";
-            };
-        };
-        slotProps: {
-            name: string;
-            description: string;
-            control: {
-                type: "object";
-            };
-        };
-    };
-    tags: string[];
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-        pseudo: {
-            hover: string;
-            focus: string;
-            active: string;
-            disabled: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Error: Story;
-//# sourceMappingURL=Button.s.d.ts.map

package/Button/Button.s.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.s.d.ts","sourceRoot":"","sources":["../../src/Button/Button.s.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA2DlD,QAAA,MAAM,IAAI;;;oBAvDe,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGL,CAAC;AAChC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAoBnB,CAAC"}

package/Button/Button.s.js

@@ -1,163 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Button as i } from "./Button.js";
-import { PlusIcon as s } from "lucide-react";
-const g = (o) => /* @__PURE__ */ e(i, { ...o }), a = (o) => /* @__PURE__ */ e(
-  "div",
-  {
-    style: {
-      padding: "0px 20px",
-      display: "flex",
-      gap: "32px",
-      alignItems: "flex-start"
-    },
-    children: /* @__PURE__ */ e(
-      "div",
-      {
-        style: {
-          position: "relative",
-          border: "2px dashed rgba(139, 92, 246, 0.7)",
-          borderRadius: "24px",
-          padding: "24px 32px",
-          display: "flex",
-          gap: "32px"
-        },
-        children: o.children
-      }
-    )
-  }
-), t = (o) => /* @__PURE__ */ e(
-  "div",
-  {
-    style: {
-      position: "relative",
-      display: "flex",
-      flexDirection: "column",
-      gap: "16px"
-    },
-    children: ["default", "hover", "focus", "active", "disabled"].map((r) => /* @__PURE__ */ e(
-      i,
-      {
-        id: r,
-        ...o,
-        disabled: r === "disabled" || o.disabled,
-        children: o.children ?? r
-      },
-      r
-    ))
-  }
-), d = ["none", "contained", "outlined", "ghost"], c = ["primary", "secondary", "error"], p = ["xs", "sm", "md", "lg"], m = {
-  title: "Button",
-  component: i,
-  render: g,
-  args: {
-    tooltip: void 0,
-    asChild: !1,
-    //
-    variant: d[0],
-    color: c[0],
-    size: p[0],
-    disabled: !1
-  },
-  argTypes: {
-    tooltip: { control: !1 },
-    asChild: { control: !1 },
-    variant: { options: d, control: { type: "inline-radio" } },
-    color: { options: c, control: { type: "inline-radio" } },
-    size: { options: p, control: { type: "inline-radio" } },
-    title: {
-      name: "title",
-      description: "Button tooltip title from HTMLAttributes<HTMLButtonElement> [string only]",
-      control: { type: "text" }
-    },
-    message: {
-      name: "message",
-      description: "Button tooltip message from ButtonProps [ReactNode]",
-      control: { type: "object" }
-    },
-    slotProps: {
-      name: "slotProps",
-      description: "Button slotProps from ButtonProps [object]",
-      control: { type: "object" }
-    }
-  },
-  tags: ["autodocs"],
-  parameters: {
-    docs: {
-      description: {
-        component: "Universal button component with variants, icons and tooltip support."
-      }
-    },
-    pseudo: {
-      hover: "#hover",
-      focus: "#focus",
-      active: "#active",
-      disabled: "#disabled"
-    }
-  }
-}, l = {
-  ...m.args,
-  startAdornment: /* @__PURE__ */ e(s, {}),
-  endAdornment: /* @__PURE__ */ e(s, {}),
-  children: "children"
-}, u = {
-  args: {
-    ...m.args,
-    children: "__children__"
-  }
-}, y = {
-  args: {
-    ...l,
-    color: "primary",
-    size: "lg",
-    children: "Створити"
-  },
-  argTypes: {
-    variant: { control: !1 },
-    color: { control: !1 }
-  },
-  render: (o) => /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ e(t, { ...o, variant: "contained" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "ghost" })
-  ] }) })
-}, x = {
-  args: {
-    ...l,
-    color: "secondary",
-    size: "lg",
-    children: "Створити"
-  },
-  argTypes: {
-    variant: { control: !1 },
-    color: { control: !1 }
-  },
-  render: (o) => /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ e(t, { ...o, variant: "contained" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "ghost" })
-  ] }) })
-}, b = {
-  args: {
-    ...l,
-    color: "error",
-    size: "lg",
-    children: "Створити"
-  },
-  argTypes: {
-    variant: { control: !1 },
-    color: { control: !1 }
-  },
-  render: (o) => /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ e(t, { ...o, variant: "contained" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "outlined" }),
-    /* @__PURE__ */ e(t, { ...o, variant: "ghost" })
-  ] }) })
-};
-export {
-  u as Default,
-  b as Error,
-  y as Primary,
-  x as Secondary,
-  m as default
-};
-//# sourceMappingURL=Button.s.js.map

package/Button/Button.s.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.s.js","sources":["../../src/Button/Button.s.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\n\nimport { Button } from './Button';\nimport type { ButtonProps } from './Button.types';\nimport { PropsWithChildren } from 'react';\nimport { PlusIcon } from 'lucide-react'\n\nconst Template = (props: ButtonProps) => <Button {...props}/>;\n\nconst DashedWrapper = (props: PropsWithChildren) => {\n  return (\n    <div\n      style={{\n        padding: '0px 20px',\n        display: 'flex',\n        gap: '32px',\n        alignItems: 'flex-start',\n      }}\n    >\n      <div\n        style={{\n          position: 'relative',\n          border: '2px dashed rgba(139, 92, 246, 0.7)',\n          borderRadius: '24px',\n          padding: '24px 32px',\n          display: 'flex',\n          gap: '32px',\n        }}\n      >\n        {props.children}\n      </div>\n    </div>\n  )\n}\n\nconst States = (props: ButtonProps) => (\n  <div\n    style={{\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16px',\n    }}\n  >\n    {[ 'default', 'hover', 'focus', 'active', 'disabled' ]\n      .map((state) => (\n        <Button\n          key={state}\n          id={state}\n          {...props}\n          disabled={state === 'disabled' || props.disabled}\n        >\n          {props.children ?? state}\n        </Button>\n      ))}\n  </div>\n);\n\nconst variants: ButtonProps['variant'][] = [ 'none', 'contained', 'outlined', 'ghost' ]\nconst colors: ButtonProps['color'][] = [ 'primary', 'secondary', 'error' ]\nconst sizes: ButtonProps['size'][] = [ 'xs', 'sm', 'md', 'lg' ]\n\nconst meta = {\n  title: 'Button',\n  component: Button,\n  render: Template,\n  args: {\n    tooltip: undefined,\n    asChild: false,\n    //\n    variant: variants[0],\n    color: colors[0],\n    size: sizes[0],\n    disabled: false,\n  },\n  argTypes: {\n    tooltip: { control: false },\n    asChild: { control: false },\n    variant: { options: variants, control: { type: 'inline-radio' } },\n    color: { options: colors, control: { type: 'inline-radio' } },\n    size: { options: sizes, control: { type: 'inline-radio' } },\n    title: {\n      name: 'title',\n      description: \"Button tooltip title from HTMLAttributes<HTMLButtonElement> [string only]\",\n      control: { type: 'text' },\n    },\n    message: {\n      name: 'message',\n      description: 'Button tooltip message from ButtonProps [ReactNode]',\n      control: { type: \"object\" },\n    },\n    slotProps: {\n      name: 'slotProps',\n      description: 'Button slotProps from ButtonProps [object]',\n      control: { type: \"object\" },\n    },\n  },\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: 'Universal button component with variants, icons and tooltip support.',\n      },\n    },\n    pseudo: {\n      hover: '#hover',\n      focus: '#focus',\n      active: '#active',\n      disabled: '#disabled',\n    },\n  }\n} satisfies Meta<typeof Button>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\nconst args: Story['args'] = {\n  ...meta.args,\n  startAdornment: <PlusIcon/>,\n  endAdornment: <PlusIcon/>,\n  children: 'children',\n}\n\nexport const Default: Story = {\n  args: {\n    ...meta.args,\n    children: '__children__',\n  }\n};\n\nexport const Primary: Story = {\n  args: {\n    ...args,\n    color: 'primary',\n    size: 'lg',\n    children: 'Створити',\n  },\n  argTypes: {\n    variant: { control: false },\n    color: { control: false },\n  },\n  render: (props) => (\n    <div className='flex'>\n      <DashedWrapper>\n        <States {...props} variant='contained'/>\n        <States {...props} variant='outlined'/>\n        <States {...props} variant='ghost'/>\n      </DashedWrapper>\n    </div>\n  ),\n};\n\nexport const Secondary: Story = {\n  args: {\n    ...args,\n    color: 'secondary',\n    size: 'lg',\n    children: 'Створити',\n  },\n  argTypes: {\n    variant: { control: false },\n    color: { control: false },\n  },\n  render: (props) => (\n    <div className='flex'>\n      <DashedWrapper>\n        <States {...props} variant='contained'/>\n        <States {...props} variant='outlined'/>\n        <States {...props} variant='ghost'/>\n      </DashedWrapper>\n    </div>\n  ),\n};\n\nexport const Error: Story = {\n  args: {\n    ...args,\n    color: 'error',\n    size: 'lg',\n    children: 'Створити',\n  },\n  argTypes: {\n    variant: { control: false },\n    color: { control: false },\n  },\n  render: (props) => (\n    <div className='flex'>\n      <DashedWrapper>\n        <States {...props} variant='contained'/>\n        <States {...props} variant='outlined'/>\n        <States {...props} variant='ghost'/>\n      </DashedWrapper>\n    </div>\n  ),\n};\n\n"],"names":["Template","props","jsx","Button","DashedWrapper","States","state","variants","colors","sizes","meta","args","PlusIcon","Default","Primary","Secondary","Error"],"mappings":"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"}