qlu-20-ui-library 1.2.2 → 1.2.4

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/components/Svg/Exclamation.d.ts

@@ -0,0 +1,7 @@
+interface ExclamationProps {
+    width?: string;
+    height?: string;
+    className?: string;
+}
+declare const Exclamation: ({ width, height, className, }: ExclamationProps) => import("react/jsx-runtime").JSX.Element;
+export default Exclamation;

package/dist/components/Svg/RefreshCounterClockWise.d.ts

@@ -0,0 +1,7 @@
+interface RefreshCounterClockWiseProps {
+    width?: string;
+    height?: string;
+    className?: string;
+}
+declare const RefreshCounterClockWise: ({ width, height, className, }: RefreshCounterClockWiseProps) => import("react/jsx-runtime").JSX.Element;
+export default RefreshCounterClockWise;

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

@@ -92,7 +92,9 @@ import MatchingProfile from "../Svg/MatchingProfile";
 import ClipBoard from "../Svg/ClipBoard";
 import SortAscending from "../Svg/SortAscending";
 import SortDescending from "../Svg/SortDescending";
+import Exclamation from "../Svg/Exclamation";
+import RefreshCounterClockWise from "../Svg/RefreshCounterClockWise";
 const GetSvgIcon = ({ iconType = "cross", iconSize = "24" }) => {
-    return iconType === "cross" ? (_jsx(Cross, { width: iconSize, height: iconSize })) : iconType === "plus" ? (_jsx(Plus, { width: iconSize, height: iconSize })) : iconType === "thumb" ? (_jsx(Thumb, { width: iconSize, height: iconSize })) : iconType === "clock" ? (_jsx(Clock, { width: iconSize, height: iconSize })) : iconType === "tick" ? (_jsx(Tick, { width: iconSize, height: iconSize })) : iconType === "linkedinLogo" ? (_jsx(LinkedinLogo, { width: iconSize, height: iconSize })) : iconType === "searchArrow" ? (_jsx(SearchArrow, { width: iconSize, height: iconSize })) : iconType === "excalamationCircle" ? (_jsx(ExclamationCircle, { width: iconSize, height: iconSize })) : iconType === "edit" ? (_jsx(Edit, { width: iconSize, height: iconSize })) : iconType === "delete" ? (_jsx(Delete, { width: iconSize, height: iconSize })) : iconType === "chatOneBallon" ? (_jsx(ChatOneballon, { width: iconSize, height: iconSize })) : iconType === "qluLogo" ? (_jsx(QluLogo, { width: iconSize, height: iconSize })) : iconType === "gear" ? (_jsx(Gear, { width: iconSize, height: iconSize })) : iconType === "home" ? (_jsx(Home, { width: iconSize, height: iconSize })) : iconType === "paperPlaneUpRight" ? (_jsx(PaperPlaneUpRight, { width: iconSize, height: iconSize })) : iconType === "search" ? (_jsx(Search, { width: iconSize, height: iconSize })) : iconType === "chat" ? (_jsx(Chat, { width: iconSize, height: iconSize })) : iconType === "briefcase" ? (_jsx(Briefcase, { width: iconSize, height: iconSize })) : iconType === "barGraph" ? (_jsx(BarGraph, { width: iconSize, height: iconSize })) : iconType === "book" ? (_jsx(Book, { width: iconSize, height: iconSize })) : iconType === "company" ? (_jsx(Company, { width: iconSize, height: iconSize })) : iconType === "dollarBriefcase" ? (_jsx(DollarBriefcase, { width: iconSize, height: iconSize })) : iconType === "industry" ? (_jsx(Industry, { width: iconSize, height: iconSize })) : iconType === "jobTitle" ? (_jsx(JobTitle, { width: iconSize, height: iconSize })) : iconType === "location" ? (_jsx(Location, { width: iconSize, height: iconSize })) : iconType === "strategyPath" ? (_jsx(StrategyPath, { width: iconSize, height: iconSize })) : iconType === "tools" ? (_jsx(Tools, { width: iconSize, height: iconSize })) : iconType === "management" ? (_jsx(Management, { width: iconSize, height: iconSize })) : iconType === "employees" ? (_jsx(Employees, { width: iconSize, height: iconSize })) : iconType === "cheveronDown" ? (_jsx(CheveronDown, { width: iconSize, height: iconSize })) : iconType === "cheveronUp" ? (_jsx(CheveronUp, { width: iconSize, height: iconSize })) : iconType === "arrowLeft" ? (_jsx(ArrowLeft, { width: iconSize, height: iconSize })) : iconType === "arrowRight" ? (_jsx(ArrowRight, { width: iconSize, height: iconSize })) : iconType === "passTick" ? (_jsx(PassTick, { width: iconSize, height: iconSize })) : iconType === "doNotInclude" ? (_jsx(DoNotInclude, { width: iconSize, height: iconSize })) : iconType === "tickCircle" ? (_jsx(TickCircle, { width: iconSize, height: iconSize })) : iconType === "phone" ? (_jsx(Phone, { width: iconSize, height: iconSize })) : iconType === "email" ? (_jsx(Email, { width: iconSize, height: iconSize })) : iconType === "eye" ? (_jsx(Eye, { width: iconSize, height: iconSize })) : iconType === "eyeOff" ? (_jsx(EyeOff, { width: iconSize, height: iconSize })) : iconType === "congratulations" ? (_jsx(Congratulations, {})) : iconType === "heart" ? (_jsx(Heart, { width: iconSize, height: iconSize })) : iconType === "questionMark" ? (_jsx(QuestionMark, { width: iconSize, height: iconSize })) : iconType === "kebab" ? (_jsx(Kebab, { width: iconSize, height: iconSize })) : iconType === "calendar" ? (_jsx(Calendar, { width: iconSize, height: iconSize })) : iconType === "officeBuilding" ? (_jsx(OfficeBuilding, { width: iconSize, height: iconSize })) : iconType === "notes" ? (_jsx(Notes, { width: iconSize, height: iconSize })) : iconType === "star" ? (_jsx(Star, { width: iconSize, height: iconSize })) : iconType === "filterFunel" ? (_jsx(FilterFunel, { width: iconSize, height: iconSize })) : iconType === "sortUpDownArrows" ? (_jsx(SortUpDownArrows, { width: iconSize, height: iconSize })) : iconType === "download" ? (_jsx(Download, { width: iconSize, height: iconSize })) : iconType === "sparkles" ? (_jsx(Sparkles, { width: iconSize, height: iconSize })) : iconType === "writeNotes" ? (_jsx(WriteNotes, { width: iconSize, height: iconSize })) : iconType === "undo" ? (_jsx(Undo, { width: iconSize, height: iconSize })) : iconType === "emailSend" ? (_jsx(EmailSend, { width: iconSize, height: iconSize })) : iconType === "copy" ? (_jsx(Copy, { width: iconSize, height: iconSize })) : iconType === "openLink" ? (_jsx(OpenLink, { width: iconSize, height: iconSize })) : iconType === "internalUser" ? (_jsx(InternalUser, { width: iconSize, height: iconSize })) : iconType === "link" ? (_jsx(Link, { width: iconSize, height: iconSize })) : iconType === "bell" ? (_jsx(Bell, { width: iconSize, height: iconSize })) : iconType === "graduationHat" ? (_jsx(GraduationHat, { width: iconSize, height: iconSize })) : iconType === "user" ? (_jsx(User, { width: iconSize, height: iconSize })) : iconType === "password" ? (_jsx(Password, { width: iconSize, height: iconSize })) : iconType === "emailDisconnected" ? (_jsx(EmailDisconnected, { width: iconSize, height: iconSize })) : iconType === "bolt" ? (_jsx(Bolt, { width: iconSize, height: iconSize })) : iconType === "images" ? (_jsx(Images, { width: iconSize, height: iconSize })) : iconType === "information" ? (_jsx(Information, { width: iconSize, height: iconSize })) : iconType === "inviteUser" ? (_jsx(InviteUser, { width: iconSize, height: iconSize })) : iconType === "list" ? (_jsx(List, { width: iconSize, height: iconSize })) : iconType === "table" ? (_jsx(Table, { width: iconSize, height: iconSize })) : iconType === "arrowDown" ? (_jsx(ArrowDown, { width: iconSize, height: iconSize })) : iconType === "chevronLeft" ? (_jsx(ChevronLeft, { width: iconSize, height: iconSize })) : iconType === "chevronRight" ? (_jsx(ChevronRight, { width: iconSize, height: iconSize })) : iconType === "radio" ? (_jsx(Radio, { width: iconSize, height: iconSize })) : iconType === "like" ? (_jsx(Like, { width: iconSize, height: iconSize })) : iconType === "unlike" ? (_jsx(Unlike, { width: iconSize, height: iconSize })) : iconType === "refresh" ? (_jsx(Refresh, { width: iconSize, height: iconSize })) : iconType === "emailRound" ? (_jsx(EmailRound, { width: iconSize, height: iconSize })) : iconType === "abstractGeometric" ? (_jsx(AbstractGeometric, { width: iconSize, height: iconSize })) : iconType === "seo" ? (_jsx(Seo, { width: iconSize, height: iconSize })) : iconType === "abstractCircle" ? (_jsx(AbstractCircle, { width: iconSize, height: iconSize })) : iconType === "checkList" ? (_jsx(CheckList, { width: iconSize, height: iconSize })) : iconType === "penEdit" ? (_jsx(PenEdit, { width: iconSize, height: iconSize })) : iconType === "globeSearch" ? (_jsx(GlobeSearch, { width: iconSize, height: iconSize })) : iconType === "groupIcon" ? (_jsx(GroupIcon, { width: iconSize, height: iconSize })) : iconType === "hourglass" ? (_jsx(HourGlass, {})) : iconType === "jD" ? (_jsx(JD, {})) : iconType === "hiringCompany" ? (_jsx(HiringCompany, {})) : iconType === "sampleProfiles" ? (_jsx(SampleProfiles, {})) : iconType === "matchingProfile" ? (_jsx(MatchingProfile, {})) : iconType === "clipBoard" ? (_jsx(ClipBoard, { width: iconSize, height: iconSize })) : iconType === "sortascending" ? (_jsx(SortAscending, { width: iconSize, height: iconSize })) : iconType === "sortdescending" ? (_jsx(SortDescending, { width: iconSize, height: iconSize })) : iconType === "hourglass" ? (_jsx(HourGlass, { width: iconSize, height: iconSize })) : null;
+    return iconType === "cross" ? (_jsx(Cross, { width: iconSize, height: iconSize })) : iconType === "plus" ? (_jsx(Plus, { width: iconSize, height: iconSize })) : iconType === "thumb" ? (_jsx(Thumb, { width: iconSize, height: iconSize })) : iconType === "clock" ? (_jsx(Clock, { width: iconSize, height: iconSize })) : iconType === "tick" ? (_jsx(Tick, { width: iconSize, height: iconSize })) : iconType === "linkedinLogo" ? (_jsx(LinkedinLogo, { width: iconSize, height: iconSize })) : iconType === "searchArrow" ? (_jsx(SearchArrow, { width: iconSize, height: iconSize })) : iconType === "excalamationCircle" ? (_jsx(ExclamationCircle, { width: iconSize, height: iconSize })) : iconType === "edit" ? (_jsx(Edit, { width: iconSize, height: iconSize })) : iconType === "delete" ? (_jsx(Delete, { width: iconSize, height: iconSize })) : iconType === "chatOneBallon" ? (_jsx(ChatOneballon, { width: iconSize, height: iconSize })) : iconType === "qluLogo" ? (_jsx(QluLogo, { width: iconSize, height: iconSize })) : iconType === "gear" ? (_jsx(Gear, { width: iconSize, height: iconSize })) : iconType === "home" ? (_jsx(Home, { width: iconSize, height: iconSize })) : iconType === "paperPlaneUpRight" ? (_jsx(PaperPlaneUpRight, { width: iconSize, height: iconSize })) : iconType === "search" ? (_jsx(Search, { width: iconSize, height: iconSize })) : iconType === "chat" ? (_jsx(Chat, { width: iconSize, height: iconSize })) : iconType === "briefcase" ? (_jsx(Briefcase, { width: iconSize, height: iconSize })) : iconType === "barGraph" ? (_jsx(BarGraph, { width: iconSize, height: iconSize })) : iconType === "book" ? (_jsx(Book, { width: iconSize, height: iconSize })) : iconType === "company" ? (_jsx(Company, { width: iconSize, height: iconSize })) : iconType === "dollarBriefcase" ? (_jsx(DollarBriefcase, { width: iconSize, height: iconSize })) : iconType === "industry" ? (_jsx(Industry, { width: iconSize, height: iconSize })) : iconType === "jobTitle" ? (_jsx(JobTitle, { width: iconSize, height: iconSize })) : iconType === "location" ? (_jsx(Location, { width: iconSize, height: iconSize })) : iconType === "strategyPath" ? (_jsx(StrategyPath, { width: iconSize, height: iconSize })) : iconType === "tools" ? (_jsx(Tools, { width: iconSize, height: iconSize })) : iconType === "management" ? (_jsx(Management, { width: iconSize, height: iconSize })) : iconType === "employees" ? (_jsx(Employees, { width: iconSize, height: iconSize })) : iconType === "cheveronDown" ? (_jsx(CheveronDown, { width: iconSize, height: iconSize })) : iconType === "cheveronUp" ? (_jsx(CheveronUp, { width: iconSize, height: iconSize })) : iconType === "arrowLeft" ? (_jsx(ArrowLeft, { width: iconSize, height: iconSize })) : iconType === "arrowRight" ? (_jsx(ArrowRight, { width: iconSize, height: iconSize })) : iconType === "passTick" ? (_jsx(PassTick, { width: iconSize, height: iconSize })) : iconType === "doNotInclude" ? (_jsx(DoNotInclude, { width: iconSize, height: iconSize })) : iconType === "tickCircle" ? (_jsx(TickCircle, { width: iconSize, height: iconSize })) : iconType === "phone" ? (_jsx(Phone, { width: iconSize, height: iconSize })) : iconType === "email" ? (_jsx(Email, { width: iconSize, height: iconSize })) : iconType === "eye" ? (_jsx(Eye, { width: iconSize, height: iconSize })) : iconType === "eyeOff" ? (_jsx(EyeOff, { width: iconSize, height: iconSize })) : iconType === "congratulations" ? (_jsx(Congratulations, {})) : iconType === "heart" ? (_jsx(Heart, { width: iconSize, height: iconSize })) : iconType === "questionMark" ? (_jsx(QuestionMark, { width: iconSize, height: iconSize })) : iconType === "kebab" ? (_jsx(Kebab, { width: iconSize, height: iconSize })) : iconType === "calendar" ? (_jsx(Calendar, { width: iconSize, height: iconSize })) : iconType === "officeBuilding" ? (_jsx(OfficeBuilding, { width: iconSize, height: iconSize })) : iconType === "notes" ? (_jsx(Notes, { width: iconSize, height: iconSize })) : iconType === "star" ? (_jsx(Star, { width: iconSize, height: iconSize })) : iconType === "filterFunel" ? (_jsx(FilterFunel, { width: iconSize, height: iconSize })) : iconType === "sortUpDownArrows" ? (_jsx(SortUpDownArrows, { width: iconSize, height: iconSize })) : iconType === "download" ? (_jsx(Download, { width: iconSize, height: iconSize })) : iconType === "sparkles" ? (_jsx(Sparkles, { width: iconSize, height: iconSize })) : iconType === "writeNotes" ? (_jsx(WriteNotes, { width: iconSize, height: iconSize })) : iconType === "undo" ? (_jsx(Undo, { width: iconSize, height: iconSize })) : iconType === "emailSend" ? (_jsx(EmailSend, { width: iconSize, height: iconSize })) : iconType === "copy" ? (_jsx(Copy, { width: iconSize, height: iconSize })) : iconType === "openLink" ? (_jsx(OpenLink, { width: iconSize, height: iconSize })) : iconType === "internalUser" ? (_jsx(InternalUser, { width: iconSize, height: iconSize })) : iconType === "link" ? (_jsx(Link, { width: iconSize, height: iconSize })) : iconType === "bell" ? (_jsx(Bell, { width: iconSize, height: iconSize })) : iconType === "graduationHat" ? (_jsx(GraduationHat, { width: iconSize, height: iconSize })) : iconType === "user" ? (_jsx(User, { width: iconSize, height: iconSize })) : iconType === "password" ? (_jsx(Password, { width: iconSize, height: iconSize })) : iconType === "emailDisconnected" ? (_jsx(EmailDisconnected, { width: iconSize, height: iconSize })) : iconType === "bolt" ? (_jsx(Bolt, { width: iconSize, height: iconSize })) : iconType === "images" ? (_jsx(Images, { width: iconSize, height: iconSize })) : iconType === "information" ? (_jsx(Information, { width: iconSize, height: iconSize })) : iconType === "inviteUser" ? (_jsx(InviteUser, { width: iconSize, height: iconSize })) : iconType === "list" ? (_jsx(List, { width: iconSize, height: iconSize })) : iconType === "table" ? (_jsx(Table, { width: iconSize, height: iconSize })) : iconType === "arrowDown" ? (_jsx(ArrowDown, { width: iconSize, height: iconSize })) : iconType === "chevronLeft" ? (_jsx(ChevronLeft, { width: iconSize, height: iconSize })) : iconType === "chevronRight" ? (_jsx(ChevronRight, { width: iconSize, height: iconSize })) : iconType === "radio" ? (_jsx(Radio, { width: iconSize, height: iconSize })) : iconType === "like" ? (_jsx(Like, { width: iconSize, height: iconSize })) : iconType === "unlike" ? (_jsx(Unlike, { width: iconSize, height: iconSize })) : iconType === "refresh" ? (_jsx(Refresh, { width: iconSize, height: iconSize })) : iconType === "emailRound" ? (_jsx(EmailRound, { width: iconSize, height: iconSize })) : iconType === "abstractGeometric" ? (_jsx(AbstractGeometric, { width: iconSize, height: iconSize })) : iconType === "seo" ? (_jsx(Seo, { width: iconSize, height: iconSize })) : iconType === "abstractCircle" ? (_jsx(AbstractCircle, { width: iconSize, height: iconSize })) : iconType === "checkList" ? (_jsx(CheckList, { width: iconSize, height: iconSize })) : iconType === "penEdit" ? (_jsx(PenEdit, { width: iconSize, height: iconSize })) : iconType === "globeSearch" ? (_jsx(GlobeSearch, { width: iconSize, height: iconSize })) : iconType === "groupIcon" ? (_jsx(GroupIcon, { width: iconSize, height: iconSize })) : iconType === "jD" ? (_jsx(JD, {})) : iconType === "hiringCompany" ? (_jsx(HiringCompany, {})) : iconType === "sampleProfiles" ? (_jsx(SampleProfiles, {})) : iconType === "matchingProfile" ? (_jsx(MatchingProfile, {})) : iconType === "clipBoard" ? (_jsx(ClipBoard, { width: iconSize, height: iconSize })) : iconType === "sortascending" ? (_jsx(SortAscending, { width: iconSize, height: iconSize })) : iconType === "sortdescending" ? (_jsx(SortDescending, { width: iconSize, height: iconSize })) : iconType === "hourglass" ? (_jsx(HourGlass, { width: iconSize, height: iconSize })) : iconType === "exclamation" ? (_jsx(Exclamation, { width: iconSize, height: iconSize })) : iconType === "refresh-ccw" ? (_jsx(RefreshCounterClockWise, { width: iconSize, height: iconSize })) : null;
 };
 export default GetSvgIcon;

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/dist/types/components/Svg/Exclamation.d.ts

@@ -0,0 +1,7 @@
+interface ExclamationProps {
+    width?: string;
+    height?: string;
+    className?: string;
+}
+declare const Exclamation: ({ width, height, className, }: ExclamationProps) => import("react/jsx-runtime").JSX.Element;
+export default Exclamation;

package/dist/types/components/Svg/Exclamation.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Exclamation = ({ width = "16", height = "16", className, }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, width: width, height: height, viewBox: "0 0 16 16", fill: "none", children: [_jsx("rect", { x: "11", y: "6", width: "2", height: "8", rx: "1" }), _jsx("rect", { x: "11", y: "16", width: "2", height: "2", rx: "1" })] }));
+};
+export default Exclamation;

package/dist/types/components/Svg/RefreshCounterClockWise.d.ts

@@ -0,0 +1,7 @@
+interface RefreshCounterClockWiseProps {
+    width?: string;
+    height?: string;
+    className?: string;
+}
+declare const RefreshCounterClockWise: ({ width, height, className, }: RefreshCounterClockWiseProps) => import("react/jsx-runtime").JSX.Element;
+export default RefreshCounterClockWise;

package/dist/types/components/Svg/RefreshCounterClockWise.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const RefreshCounterClockWise = ({ width = "16", height = "16", className, }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, width: width, height: height, viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M2.6665 2.66666V5.99999H3.0545M3.0545 5.99999C3.49707 4.90541 4.29029 3.9886 5.30986 3.39323C6.32942 2.79787 7.51771 2.5576 8.68848 2.71009C9.85926 2.86257 10.9464 3.39919 11.7794 4.23584C12.6125 5.0725 13.1444 6.1619 13.2918 7.33333M3.0545 5.99999H5.99984M13.3332 13.3333V9.99999H12.9458M12.9458 9.99999C12.5026 11.0939 11.7092 12.01 10.6897 12.6049C9.67026 13.1997 8.48233 13.4397 7.3119 13.2872C6.14148 13.1348 5.05464 12.5986 4.22153 11.7625C3.38842 10.9264 2.85607 9.83762 2.70784 8.66666M12.9458 9.99999H9.99984", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+};
+export default RefreshCounterClockWise;

package/dist/types/types.d.ts

@@ -3,7 +3,7 @@ import { companyLineChartFinancialTabProp } from "./components/CompanyLineChartF
 import { IProduct } from "./components/CompanyProductsTab";
 import { ICompetitor } from "./components/CompetitorsCompanyTab";
 import { Education, Experience } from "./components/PeopleCard/interface";
-export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "hourglass" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending";
+export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending" | "exclamation" | "refresh-ccw" | "hourglass";
 export type SelectedUnselectedErrorVariant = "selected" | "unselected" | "error";
 export type IconSize = "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "22" | "24" | "26" | "28" | "30" | "32" | "34" | "36" | "38" | "40" | "44" | "48" | "52" | "58" | "64" | "72" | "80" | "88" | "120" | "280";
 export type TopNavbarButtonTypes = "Home" | "Chat" | "Search" | "Assignments" | "Campaigns" | "Settings";

package/dist/types.d.ts

@@ -3,7 +3,7 @@ import { companyLineChartFinancialTabProp } from "./components/CompanyLineChartF
 import { IProduct } from "./components/CompanyProductsTab";
 import { ICompetitor } from "./components/CompetitorsCompanyTab";
 import { Education, Experience } from "./components/PeopleCard/interface";
-export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "hourglass" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending";
+export type IconType = "checkList" | "abstractCircle" | "seo" | "abstractGeometric" | "penEdit" | "plus" | "cross" | "thumb" | "clock" | "tick" | "linkedinLogo" | "searchArrow" | "excalamationCircle" | "edit" | "delete" | "chatOneBallon" | "qluLogo" | "gear" | "home" | "paperPlaneUpRight" | "search" | "chat" | "briefcase" | "barGraph" | "book" | "company" | "dollarBriefcase" | "industry" | "jobTitle" | "location" | "strategyPath" | "tools" | "employees" | "management" | "cheveronDown" | "cheveronUp" | "passTick" | "arrowLeft" | "arrowRight" | "doNotInclude" | "tickCircle" | "phone" | "email" | "eye" | "eyeOff" | "congratulations" | "heart" | "questionMark" | "officeBuilding" | "calendar" | "notes" | "kebab" | "star" | "filterFunel" | "sortUpDownArrows" | "download" | "sparkles" | "writeNotes" | "undo" | "emailSend" | "copy" | "openLink" | "internalUser" | "bell" | "graduationHat" | "link" | "user" | "password" | "emailDisconnected" | "bolt" | "images" | "information" | "inviteUser" | "list" | "table" | "arrowDown" | "chevronLeft" | "chevronRight" | "radio" | "like" | "unlike" | "refresh" | "emailRound" | "globeSearch" | "groupIcon" | "jD" | "hiringCompany" | "sampleProfiles" | "matchingProfile" | "clipBoard" | "sortascending" | "sortdescending" | "exclamation" | "refresh-ccw" | "hourglass";
 export type SelectedUnselectedErrorVariant = "selected" | "unselected" | "error";
 export type IconSize = "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "22" | "24" | "26" | "28" | "30" | "32" | "34" | "36" | "38" | "40" | "44" | "48" | "52" | "58" | "64" | "72" | "80" | "88" | "120" | "280";
 export type TopNavbarButtonTypes = "Home" | "Chat" | "Search" | "Assignments" | "Campaigns" | "Settings";

package/package.json

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

package/dist/types/stories/AISearchInputField.stories.js

@@ -1 +0,0 @@
-"use strict";