@youngonesworks/ui 0.1.31 → 0.1.34

package/dist/index.js

@@ -103139,7 +103139,7 @@ const AppleAppButtonIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 
 //#endregion
 //#region src/components/textInput/index.tsx
-const TextInput = 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.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.useState(false);
 	return /* @__PURE__ */ jsxs("div", {
 		"data-component": "TextInput",
@@ -104011,7 +104011,10 @@ const Modal = ({ title, children, withCloseButton = true, opened, additionalClas
 						})
 					}),
 					/* @__PURE__ */ jsx("div", { children }),
-					gradient && /* @__PURE__ */ jsx("hr", { className: "bg-gradient-blue-pink absolute bottom-0 left-0 mt-8 mb-0 h-2! w-full border-none" })
+					gradient && /* @__PURE__ */ 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%)" }
+					})
 				]
 			})
 		})]
@@ -104119,12 +104122,14 @@ const PageUnavailable = ({ notAvailableButton, notAvailableDescription, notAvail
 
 //#endregion
 //#region src/components/passwordInput/index.tsx
-const PasswordInput = ({ ...props }) => /* @__PURE__ */ jsx(TextInput, {
+const PasswordInput = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(TextInput, {
 	password: true,
 	enablePasswordManagerAutofill: true,
 	type: "password",
-	...props
-});
+	...props,
+	ref
+}));
+PasswordInput.displayName = "PasswordInput";
 
 //#endregion
 //#region node_modules/tabbable/dist/index.esm.js
@@ -115931,6 +115936,21 @@ const Tab = forwardRef(({ tabId, activeTab, tabContent, clickFnc, rightSection }
 	})]
 }));
 
+//#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__ */ 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 }) => {
@@ -115996,21 +116016,6 @@ const TabContent = forwardRef(({ tab, setActiveTab, activeTab }, ref) => /* @__P
 }));
 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__ */ 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 = forwardRef(({ className, label, error: error$1, rows = 8,...props }, ref) => /* @__PURE__ */ jsxs("div", {