@youngonesworks/ui 0.1.31 → 0.1.34

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

@@ -1,5 +1,5 @@
-import { type JSX, type ReactNode } from 'react';
-interface IFavouriteButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'size'> {
+import { type ButtonHTMLAttributes, type JSX, type ReactNode, type Ref } from 'react';
+interface IFavouriteButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'size'> {
     onClick: () => void;
     favourite: boolean;
     iconOutline?: ReactNode;
@@ -11,9 +11,9 @@ interface IFavouriteButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButt
     iconColor?: string;
     iconColorSelected?: string;
     styleVariant?: 'transparent' | 'small' | 'default' | 'round' | undefined;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export declare const FavouriteButton: (props: IFavouriteButtonProps & {
-    ref?: React.Ref<HTMLButtonElement>;
+    ref?: Ref<HTMLButtonElement>;
 }) => JSX.Element;
 export {};

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

@@ -1,3 +1,21 @@
-export declare const PasswordInput: ({ ...props }: {
-    [x: string]: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const PasswordInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    rightSection?: React.ReactNode;
+    leftSection?: React.ReactNode;
+    label?: React.ReactNode;
+    className?: string;
+    min?: string | undefined | number;
+    max?: string | undefined | number;
+    error?: string;
+    showRightSection?: boolean;
+    step?: string;
+    autoFocus?: boolean;
+    wrapperClassName?: string;
+    maxLength?: undefined | number;
+    password?: boolean;
+    autoComplete?: string;
+    enablePasswordManagerAutofill?: boolean;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+} & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { type AlignedPlacement, type Side } from '@floating-ui/react';
-interface ITooltipProps {
+type ITooltipProps = {
     content: ReactNode;
     children: ReactNode;
     hoverEnabled?: boolean;
@@ -10,6 +10,11 @@ interface ITooltipProps {
     amountOfOffset?: number;
     className?: string;
     style?: 'minimal' | 'card';
-}
-export declare const Popover: import("react").ForwardRefExoticComponent<ITooltipProps & import("react").RefAttributes<unknown>>;
+};
+type PopoverRefType = {
+    closePopover: () => void;
+    openPopover: () => void;
+    togglePopover: () => void;
+};
+export declare const Popover: import("react").ForwardRefExoticComponent<ITooltipProps & import("react").RefAttributes<PopoverRefType>>;
 export {};

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

@@ -1,2 +1,3 @@
 export * from './Tab';
+export * from './TabsBadge';
 export * from './TabsWrapper';

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

@@ -1,5 +1,6 @@
-import React, { type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent, type ReactNode } from 'react';
-export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
+import React from 'react';
+import { type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent, type ReactNode } from 'react';
+export type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
     rightSection?: ReactNode;
     leftSection?: ReactNode;
     label?: ReactNode;
@@ -18,5 +19,24 @@ export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
-}
-export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+};
+export declare const TextInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    rightSection?: ReactNode;
+    leftSection?: ReactNode;
+    label?: ReactNode;
+    className?: string;
+    min?: string | undefined | number;
+    max?: string | undefined | number;
+    error?: string;
+    showRightSection?: boolean;
+    step?: string;
+    autoFocus?: boolean;
+    wrapperClassName?: string;
+    maxLength?: undefined | number;
+    password?: boolean;
+    autoComplete?: string;
+    enablePasswordManagerAutofill?: boolean;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/index.cjs

@@ -103137,7 +103137,7 @@ const AppleAppButtonIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs
 
 //#endregion
 //#region src/components/textInput/index.tsx
-const TextInput = (0, react.forwardRef)(({ rightSection, leftSection, className, error: error$1, autoFocus, label, maxLength, enablePasswordManagerAutofill = false, onBlur, disabled, onKeyDown, min: min$2 = "0", max: max$2, autoComplete, showRightSection = true, step, wrapperClassName, password = false,...props }, ref) => {
+const TextInput = react.default.forwardRef(({ rightSection, leftSection, className, error: error$1, autoFocus, label, maxLength, enablePasswordManagerAutofill = false, onBlur, disabled, onKeyDown, min: min$2 = "0", max: max$2, autoComplete, showRightSection = true, step, wrapperClassName, password = false,...props }, ref) => {
 	const [showPassword, setShowPassword] = react.default.useState(false);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-component": "TextInput",
@@ -104009,7 +104009,10 @@ const Modal = ({ title, children, withCloseButton = true, opened, additionalClas
 						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children }),
-					gradient && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: "bg-gradient-blue-pink absolute bottom-0 left-0 mt-8 mb-0 h-2! w-full border-none" })
+					gradient && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
+						className: "absolute bottom-0 left-0 mt-8 mb-0 h-2! w-full border-none",
+						style: { backgroundImage: "linear-gradient(90deg, var(--color-light-blue) 0%, var(--color-primary) 50.52%, var(--color-pink) 100%)" }
+					})
 				]
 			})
 		})]
@@ -104117,12 +104120,14 @@ const PageUnavailable = ({ notAvailableButton, notAvailableDescription, notAvail
 
 //#endregion
 //#region src/components/passwordInput/index.tsx
-const PasswordInput = ({ ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextInput, {
+const PasswordInput = react.default.forwardRef((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextInput, {
 	password: true,
 	enablePasswordManagerAutofill: true,
 	type: "password",
-	...props
-});
+	...props,
+	ref
+}));
+PasswordInput.displayName = "PasswordInput";
 
 //#endregion
 //#region node_modules/tabbable/dist/index.esm.js
@@ -115929,6 +115934,21 @@ const Tab = (0, react.forwardRef)(({ tabId, activeTab, tabContent, clickFnc, rig
 	})]
 }));
 
+//#endregion
+//#region src/components/tabs/TabsBadge.tsx
+const TabsBadge = ({ children }) => {
+	const isCircular = typeof children === "number" && children <= 9 || typeof children === "string" && children.length === 1 || false;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": "tabs-badge",
+		className: clsx_default("bg-pink h-5 rounded-full text-xs leading-5 font-medium text-white", {
+			"w-5 text-center": isCircular,
+			"px-2": !isCircular
+		}),
+		children
+	});
+};
+TabsBadge.displayName = "TabsBadge";
+
 //#endregion
 //#region src/components/tabs/TabsWrapper.tsx
 const TabsWrapper = ({ setActiveTab, activeTab, tabs }) => {
@@ -115994,21 +116014,6 @@ const TabContent = (0, react.forwardRef)(({ tab, setActiveTab, activeTab }, ref)
 }));
 TabContent.displayName = "TabContent";
 
-//#endregion
-//#region src/components/tabs/TabsBadge.tsx
-const TabsBadge = ({ children }) => {
-	const isCircular = typeof children === "number" && children <= 9 || typeof children === "string" && children.length === 1 || false;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-testid": "tabs-badge",
-		className: clsx_default("bg-pink h-5 rounded-full text-xs leading-5 font-medium text-white", {
-			"w-5 text-center": isCircular,
-			"px-2": !isCircular
-		}),
-		children
-	});
-};
-TabsBadge.displayName = "TabsBadge";
-
 //#endregion
 //#region src/components/textArea/index.tsx
 const Textarea = (0, react.forwardRef)(({ className, label, error: error$1, rows = 8,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {