@youngonesworks/ui 0.1.33 → 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/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/tabs/index.d.ts

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

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", {
@@ -115934,6 +115925,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 }) => {
@@ -115999,21 +116005,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", {
@@ -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;