qlu-20-ui-library 1.2.2 → 1.2.3

package/dist/build/qlu-20-ui-library.js

@@ -21817,8 +21817,8 @@ const ia = ({
   sizeVariant: r = "xs",
   colorVariant: a = "orange",
   isDisabled: i = !1,
-  onClick: o,
-  children: s
+  children: o,
+  ...s
 }) => {
   const l = bt({
     primaryButtonGeneric: !0,
@@ -21828,11 +21828,11 @@ const ia = ({
   return /* @__PURE__ */ d.jsx(
     "button",
     {
+      ...s,
       type: e,
       className: `${l} ${n}`,
       disabled: i,
-      onClick: o,
-      children: s || t
+      children: o || t
     }
   );
 };
@@ -38246,8 +38246,8 @@ const c7 = ({
   sizeVariant: n = "xs",
   colorVariant: r = "orange",
   isDisabled: a = !1,
-  onClick: i,
-  children: o
+  children: i,
+  ...o
 }) => {
   const s = bt({
     secondaryButtonGeneric: !0,
@@ -38257,11 +38257,11 @@ const c7 = ({
   return /* @__PURE__ */ d.jsx(
     "button",
     {
+      ...o,
       type: "button",
       className: `${s} ${t}`,
       disabled: a,
-      onClick: i,
-      children: o || e
+      children: i || e
     }
   );
 };

package/dist/components/PrimaryButton/index.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-interface PrimaryButtonProps {
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+interface PrimaryButtonProps extends ComponentPropsWithoutRef<"button"> {
     type?: "button" | "submit" | "reset";
     text?: string;
     primaryButtonClassName?: string;
@@ -7,8 +7,7 @@ interface PrimaryButtonProps {
     colorVariant: "orange" | "black" | "gray" | "lightGray";
     isDisabled?: boolean;
     width?: string;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     children?: ReactNode;
 }
-declare const PrimaryButton: ({ type, text, primaryButtonClassName, sizeVariant, colorVariant, isDisabled, onClick, children, }: PrimaryButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const PrimaryButton: ({ type, text, primaryButtonClassName, sizeVariant, colorVariant, isDisabled, children, ...props }: PrimaryButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default PrimaryButton;

package/dist/components/SecondaryButton/index.d.ts

@@ -1,12 +1,11 @@
-import { ReactNode } from "react";
-interface SecondaryButtonProps {
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+interface SecondaryButtonProps extends ComponentPropsWithoutRef<"button"> {
     text?: string;
     secondaryButtonClassName?: string;
     sizeVariant?: "xs" | "sm" | "base";
     colorVariant: "red" | "orange" | "black" | "gray" | "lightGray";
     isDisabled?: boolean;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     children?: ReactNode;
 }
-declare const SecondaryButton: ({ text, secondaryButtonClassName, sizeVariant, colorVariant, isDisabled, onClick, children, }: SecondaryButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const SecondaryButton: ({ text, secondaryButtonClassName, sizeVariant, colorVariant, isDisabled, children, ...props }: SecondaryButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default SecondaryButton;

package/dist/types/components/PrimaryButton/index.d.ts

@@ -1,6 +1,6 @@
 import "./style.scss";
-import { ReactNode } from "react";
-interface PrimaryButtonProps {
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+interface PrimaryButtonProps extends ComponentPropsWithoutRef<"button"> {
     type?: "button" | "submit" | "reset";
     text?: string;
     primaryButtonClassName?: string;
@@ -8,8 +8,7 @@ interface PrimaryButtonProps {
     colorVariant: "orange" | "black" | "gray" | "lightGray";
     isDisabled?: boolean;
     width?: string;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     children?: ReactNode;
 }
-declare const PrimaryButton: ({ type, text, primaryButtonClassName, sizeVariant, colorVariant, isDisabled, onClick, children, }: PrimaryButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const PrimaryButton: ({ type, text, primaryButtonClassName, sizeVariant, colorVariant, isDisabled, children, ...props }: PrimaryButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default PrimaryButton;

package/dist/types/components/PrimaryButton/index.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import "./style.scss";
-const PrimaryButton = ({ type = "button", text = "Button text", primaryButtonClassName = "", sizeVariant = "xs", colorVariant = "orange", isDisabled = false, onClick, children, }) => {
+const PrimaryButton = ({ type = "button", text = "Button text", primaryButtonClassName = "", sizeVariant = "xs", colorVariant = "orange", isDisabled = false, children, ...props }) => {
     const className = clsx({
         primaryButtonGeneric: true,
         [`${sizeVariant}Size--PrimaryButton`]: true,
         [`${colorVariant}--PrimaryButton`]: true,
     });
-    return (_jsx("button", { type: type, className: `${className} ${primaryButtonClassName}`, disabled: isDisabled, onClick: onClick, children: children ? children : text }));
+    return (_jsx("button", { ...props, type: type, className: `${className} ${primaryButtonClassName}`, disabled: isDisabled, children: children ? children : text }));
 };
 export default PrimaryButton;

package/dist/types/components/SecondaryButton/index.d.ts

@@ -1,14 +1,13 @@
 import "./style.scss";
 import "./style.scss";
-import { ReactNode } from "react";
-interface SecondaryButtonProps {
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+interface SecondaryButtonProps extends ComponentPropsWithoutRef<"button"> {
     text?: string;
     secondaryButtonClassName?: string;
     sizeVariant?: "xs" | "sm" | "base";
     colorVariant: "red" | "orange" | "black" | "gray" | "lightGray";
     isDisabled?: boolean;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     children?: ReactNode;
 }
-declare const SecondaryButton: ({ text, secondaryButtonClassName, sizeVariant, colorVariant, isDisabled, onClick, children, }: SecondaryButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const SecondaryButton: ({ text, secondaryButtonClassName, sizeVariant, colorVariant, isDisabled, children, ...props }: SecondaryButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default SecondaryButton;

package/dist/types/components/SecondaryButton/index.js

@@ -2,12 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "./style.scss";
 import clsx from "clsx";
 import "./style.scss";
-const SecondaryButton = ({ text = "", secondaryButtonClassName = "", sizeVariant = "xs", colorVariant = "orange", isDisabled = false, onClick, children, }) => {
+const SecondaryButton = ({ text = "", secondaryButtonClassName = "", sizeVariant = "xs", colorVariant = "orange", isDisabled = false, children, ...props }) => {
     const className = clsx({
         secondaryButtonGeneric: true,
         [`${sizeVariant}Size--SecondaryButton`]: true,
         [`${colorVariant}--SecondaryButton`]: true,
     });
-    return (_jsx("button", { type: "button", className: `${className} ${secondaryButtonClassName}`, disabled: isDisabled, onClick: onClick, children: children ? children : text }));
+    return (_jsx("button", { ...props, type: "button", className: `${className} ${secondaryButtonClassName}`, disabled: isDisabled, children: children ? children : text }));
 };
 export default SecondaryButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qlu-20-ui-library",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "type": "module",
   "scripts": {
     "dev": "vite",