@youngonesworks/ui 0.1.34 → 0.1.36

package/dist/index.d.ts

@@ -20,7 +20,6 @@ export { HamburgerMenuButton } from './components/hamburgerMenuButton';
 export { HR } from './components/hr';
 export { Island } from './components/island';
 export { Label } from './components/label';
-export { LinkText } from './components/linkText';
 export { Loader } from './components/loader';
 export { LogoBlack } from './components/logo';
 export { Modal } from './components/modal';
@@ -53,6 +52,7 @@ export { TabsBadge } from './components/tabs/TabsBadge';
 export { Textarea } from './components/textArea';
 export { TextInput } from './components/textInput';
 export { ThemeIcon } from './components/themeIcon';
+export { TimeInput } from './components/timeInput';
 export { Toggle } from './components/toggle';
 export { Tooltip } from './components/tooltip';
 export { TruncatedText } from './components/truncatedText';

package/dist/index.js

@@ -103309,18 +103309,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__ */ jsx("span", {
-	className: classNames$1,
-	children
-});
-LinkText.displayName = "LinkText";
-
 //#endregion
 //#region src/components/breadCrumb/index.tsx
-const BreadCrumb = ({ children }) => /* @__PURE__ */ jsx(LinkText, {
+const BreadCrumb = ({ children, LinkText }) => /* @__PURE__ */ jsx(LinkText, {
 	"data-component": "BreadCrumb",
 	classNames: "flex items-center",
 	children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(IconArrowNarrowLeft, { size: 20 }), /* @__PURE__ */ jsx("span", {
@@ -116066,6 +116057,37 @@ function ThemeIcon({ styleVariant = "black", className, icon, adjustedSize, titl
 	}), /* @__PURE__ */ jsx(M, { id: title })] });
 }
 
+//#endregion
+//#region src/components/timeInput/index.tsx
+const TimeInput = forwardRef(({ label, error: error$1, withSeconds, className = "",...props }, ref) => {
+	const handleTimeChange = (e$1) => {
+		if (props.onChange) props.onChange(e$1);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "leading-none",
+		"data-component": "timeInput",
+		children: [
+			label && /* @__PURE__ */ jsx("label", {
+				className: "mb-2 block text-xs font-medium",
+				htmlFor: props.id,
+				children: label
+			}),
+			/* @__PURE__ */ 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__ */ 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 }) => {
@@ -140424,5 +140446,5 @@ const setCSSVariable = (variable, value) => {
 };
 
 //#endregion
-export { AccordionItem, AccordionWrapper, ActionIcon, Alert, AppleAppButtonIcon, AutoCompleteInput, Avatar, AvatarIndicator, Badge, BigBadge, BreadCrumb, Button, CSS_VARIABLE_KEYS, Checkbox, Divider, FavouriteButton, Filters, GoogleAppButtonIcon, HR, HamburgerMenuButton, Island, Label, LinkText, Loader, LogoBlack, Modal, NavButtons, NumberField, NumberedStepper, PageUnavailable, PasswordInput, Popover, ProgressBar, RadioButton, Rating, RegionSelector, Reviews, ScrollToTop, SearchInput, Select, SettingsCard, Skeleton, SkillPill, Stepper, StickyMobileButtonWrapper, Table, TableCell, TableHeader, TableHeaderItem, TableHeaderRow, TableRow, TabsBadge, TabsWrapper, TextInput, Textarea, ThemeIcon, Toggle, Tooltip, TruncatedText, UnorderedList, UnorderedListItem, UnstyledButton, WysiwygEditor, buttonVariants, getCSSVariable, setCSSVariable };
+export { AccordionItem, AccordionWrapper, ActionIcon, Alert, AppleAppButtonIcon, AutoCompleteInput, Avatar, AvatarIndicator, Badge, BigBadge, BreadCrumb, Button, CSS_VARIABLE_KEYS, Checkbox, Divider, FavouriteButton, Filters, GoogleAppButtonIcon, HR, HamburgerMenuButton, Island, Label, Loader, LogoBlack, Modal, NavButtons, NumberField, NumberedStepper, PageUnavailable, PasswordInput, Popover, ProgressBar, RadioButton, Rating, RegionSelector, Reviews, ScrollToTop, SearchInput, Select, SettingsCard, Skeleton, SkillPill, Stepper, StickyMobileButtonWrapper, Table, TableCell, TableHeader, TableHeaderItem, TableHeaderRow, TableRow, TabsBadge, TabsWrapper, TextInput, Textarea, ThemeIcon, TimeInput, Toggle, Tooltip, TruncatedText, UnorderedList, UnorderedListItem, UnstyledButton, WysiwygEditor, buttonVariants, getCSSVariable, setCSSVariable };
 //# sourceMappingURL=index.js.map