@youngonesworks/ui 0.1.31 → 0.1.33

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/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