@youngonesworks/ui 0.1.38 → 0.1.42

package/dist/components/actionIcon/ActionIcon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -6,6 +6,7 @@ interface ICheckbox extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 's
     label?: React.ReactNode;
     indeterminate?: boolean;
     size?: 'sm' | 'md';
+    labelClassName?: string;
 }
 export declare const Checkbox: (props: ICheckbox & {
     ref?: React.Ref<HTMLInputElement>;

package/dist/icons/IconLoading.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.cjs

@@ -103144,6 +103144,7 @@ const TextInput = react.default.forwardRef(({ rightSection, leftSection, classNa
 		className: clsx_default("relative", wrapperClassName),
 		children: [
 			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				htmlFor: props.id,
 				className: "mb-2 flex items-center gap-1 text-xs font-medium text-black",
 				children: label
 			}),
@@ -103449,10 +103450,10 @@ Button.displayName = "Button";
 
 //#endregion
 //#region src/components/checkbox/index.tsx
-const CheckboxComponent = ({ size: size$3 = "md", className, error: error$1, mediumBoldText, label, indeterminate = false, disabled = false,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+const CheckboxComponent = ({ size: size$3 = "md", className, error: error$1, mediumBoldText, label, labelClassName, indeterminate = false, disabled = false,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 	className: cn("relative grid gap-2", className),
 	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-		className: cn("flex cursor-pointer items-center gap-3"),
+		className: cn("flex cursor-pointer items-center gap-3", labelClassName),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: cn("relative grid shrink-0 place-content-center", size$3 === "sm" ? "size-4" : "size-5"),
 			children: [
@@ -115834,7 +115835,10 @@ const Stepper = ({ steps, setStep = () => {}, variant = "default", clickableStep
 							children: [(index$4 < activeStep || isCompleted) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "flex items-center justify-center text-white",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCheck, { size: variant === "small" || isMobile ? 7 : 12 })
-							}), index$4 === activeStep && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: `${variant === "small" || isMobile ? "size-1" : "size-2"} bg-light-blue rounded-full` })]
+							}), index$4 === activeStep && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								"data-testid": "active-step-indicator",
+								className: `${variant === "small" || isMobile ? "size-1" : "size-2"} bg-light-blue rounded-full`
+							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "flex flex-wrap items-center justify-center",
@@ -115931,9 +115935,9 @@ 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
+		className: clsx_default("bg-pink h-5 text-xs leading-5 font-medium text-white", {
+			"rounded-full w-5 text-center": isCircular,
+			"rounded px-2": !isCircular
 		}),
 		children
 	});