@youngonesworks/ui 0.1.34 → 0.1.36

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

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 interface IBadgeProps {
     styleVariant?: 'green-light' | 'red' | 'accent-blue' | 'warning' | 'gray' | 'black' | 'purple' | 'pink' | 'pink-light' | 'gray' | 'white';
     color?: 'dark' | 'gray' | 'red' | 'pink' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'green' | 'lime' | 'yellow' | 'orange' | 'teal';
@@ -10,12 +11,12 @@ interface IBadgeProps {
     /** Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis */
     fullWidth?: boolean;
     /** Section rendered on the left side of label */
-    leftSection?: React.ReactNode;
+    leftSection?: ReactNode;
     /** Section rendered on the right side of label */
-    rightSection?: React.ReactNode;
+    rightSection?: ReactNode;
     favorite?: boolean;
     /** Badge label */
-    children?: React.ReactNode;
+    children?: ReactNode;
     mobile?: boolean;
     className?: string;
     badgeBorder?: boolean;

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/checkbox/index.d.ts

@@ -1,9 +1,9 @@
-import { type JSX } from 'react';
+import { type JSX, type ReactNode } from 'react';
 interface ICheckbox extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
     className?: string;
     mediumBoldText?: boolean;
     error?: string;
-    label?: React.ReactNode;
+    label?: ReactNode;
     indeterminate?: boolean;
     size?: 'sm' | 'md';
 }

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { type ReactNode } from 'react';
 interface IIsland extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
+    children: ReactNode;
     noShadow?: boolean;
     noPadding?: boolean;
 }

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

@@ -1,5 +1,6 @@
+import { type ReactNode } from 'react';
 interface LabelProps {
-    children: React.ReactNode | string | React.ReactNode[];
+    children: ReactNode | string | ReactNode[];
     htmlFor?: string;
     className?: string;
 }

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

@@ -1,5 +1,6 @@
+import { type ReactNode } from 'react';
 interface PageUnavailableProps {
-    notAvailableButton: React.ReactNode;
+    notAvailableButton: ReactNode;
     notAvailableDescription: string;
     notAvailableHeaderText: string;
 }

package/dist/components/table/tableHeader/index.d.ts

@@ -1,5 +1,6 @@
+import { type ReactNode } from 'react';
 interface ITableHeader {
-    children: React.ReactNode;
+    children: ReactNode;
 }
 export declare const TableHeader: ({ children }: ITableHeader) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/table/tableHeaderItem/index.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 interface ITableHeaderItem extends HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
+    children?: ReactNode;
     smallPadding?: boolean;
 }
 export declare const TableHeaderItem: ({ children, smallPadding, className }: ITableHeaderItem) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
-import { type HTMLAttributes } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
 export interface IThemeIcon extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
     styleVariant?: 'black' | 'gray' | 'pink' | 'pink-with-background' | 'turquoise' | 'accent-blue' | 'check' | 'warning' | 'error';
-    icon: React.ReactNode;
+    icon: ReactNode;
     className?: string;
     adjustedSize?: string | number;
     title: string;

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/components/unorderedList/index.d.ts

@@ -1,7 +1,8 @@
+import { type ReactNode } from 'react';
 type IUnorderedListProps = {
-    children: React.ReactNode;
+    children: ReactNode;
     className?: string;
-    actionItem?: React.ReactNode;
+    actionItem?: ReactNode;
 };
 export declare const UnorderedList: ({ children, className, actionItem, ...props }: IUnorderedListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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;