@youngonesworks/ui 0.1.34 → 0.1.35

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

@@ -1,9 +1,13 @@
-import { type ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 interface IBreadCrumb {
     children: ReactNode;
+    LinkText: FC<{
+        classNames: string;
+        children: ReactNode;
+    }>;
 }
 export declare const BreadCrumb: {
-    ({ children }: IBreadCrumb): import("react/jsx-runtime").JSX.Element;
+    ({ children, LinkText }: IBreadCrumb): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/components/timeInput/TimeInput.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./index").ITimeInput & import("react").RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithError: Story;
+export declare const WithSeconds: Story;
+export declare const Disabled: Story;
+export declare const WithDefaultValue: Story;

package/dist/components/timeInput/TimeInput.test.d.ts

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ITimeInput extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    'data-testid'?: string;
+    label?: string;
+    error?: string;
+    withSeconds?: boolean;
+}
+export declare const TimeInput: React.ForwardRefExoticComponent<ITimeInput & React.RefAttributes<HTMLInputElement>>;

package/dist/index.cjs

@@ -103307,18 +103307,9 @@ const BigBadge = ({ styleVariant = COLOR.GREEN, className, children,...props })
 	children
 });
 
-//#endregion
-//#region src/components/linkText/index.tsx
-/** @deprecated dont use this anymore, instead use the next link */
-const LinkText = ({ children, classNames: classNames$1 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-	className: classNames$1,
-	children
-});
-LinkText.displayName = "LinkText";
-
 //#endregion
 //#region src/components/breadCrumb/index.tsx
-const BreadCrumb = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkText, {
+const BreadCrumb = ({ children, LinkText }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkText, {
 	"data-component": "BreadCrumb",
 	classNames: "flex items-center",
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconArrowNarrowLeft, { size: 20 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -116064,6 +116055,37 @@ function ThemeIcon({ styleVariant = "black", className, icon, adjustedSize, titl
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(M, { id: title })] });
 }
 
+//#endregion
+//#region src/components/timeInput/index.tsx
+const TimeInput = (0, react.forwardRef)(({ label, error: error$1, withSeconds, className = "",...props }, ref) => {
+	const handleTimeChange = (e$2) => {
+		if (props.onChange) props.onChange(e$2);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "leading-none",
+		"data-component": "timeInput",
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				className: "mb-2 block text-xs font-medium",
+				htmlFor: props.id,
+				children: label
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				...props,
+				ref,
+				type: "time",
+				step: withSeconds ? "1" : "60",
+				onChange: handleTimeChange,
+				className: `bg-ultra-light-gray focus:border-primary flex h-10 min-h-[36px] w-full items-center rounded-[5px] border border-solid border-gray-200 px-3 text-sm font-normal focus:outline-hidden ${error$1 ? "border-red-500" : ""} ${className}`
+			}),
+			error$1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "pt-2 text-xs font-normal text-red-500",
+				children: error$1
+			})
+		]
+	});
+});
+
 //#endregion
 //#region src/components/toggle/index.tsx
 const Toggle = ({ onClick, value, disabled = false }) => {
@@ -140444,7 +140466,6 @@ exports.HR = HR;
 exports.HamburgerMenuButton = HamburgerMenuButton;
 exports.Island = Island;
 exports.Label = Label;
-exports.LinkText = LinkText;
 exports.Loader = Loader;
 exports.LogoBlack = LogoBlack;
 exports.Modal = Modal;
@@ -140478,6 +140499,7 @@ exports.TabsWrapper = TabsWrapper;
 exports.TextInput = TextInput;
 exports.Textarea = Textarea;
 exports.ThemeIcon = ThemeIcon;
+exports.TimeInput = TimeInput;
 exports.Toggle = Toggle;
 exports.Tooltip = Tooltip;
 exports.TruncatedText = TruncatedText;