@youngonesworks/ui 0.1.33 → 0.1.35

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", {
@@ -115936,6 +115927,21 @@ const Tab = forwardRef(({ tabId, activeTab, tabContent, clickFnc, rightSection }
 	})]
 }));
 
+//#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__ */ 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 }) => {
@@ -116001,21 +116007,6 @@ const TabContent = forwardRef(({ tab, setActiveTab, activeTab }, ref) => /* @__P
 }));
 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__ */ 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 = forwardRef(({ className, label, error: error$1, rows = 8,...props }, ref) => /* @__PURE__ */ jsxs("div", {
@@ -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