@incodetech/web 2.2.0 → 2.3.0-rc.1

package/dist/{icons-ChHV5iHi.js → icons-DNXYxUPA.js}

@@ -1,26 +1,62 @@
-import { m as g, y as u } from "./vendor-preact-BPXMFRom.js";
-import "./incode-logo-DeIDDejm.js";
-import "./successIcon-DS8BLsgy.js";
-//#region src/shared/icons/warningIcon.tsx
-var WarningIcon = ({ size = 32 }) => {
+import { S as k, i as D, p as g, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { d as cn, n as LoadingIcon } from "./spacer-DZ-t7RMQ.js";
+//#region src/shared/button/button.tsx
+var LOADER_SIZE = 30;
+var variantClass = {
+	primary: "IncodeButtonPrimary",
+	secondary: "IncodeButtonSecondary",
+	link: "IncodeButtonLink"
+};
+var sizeClass = {
+	L: "IncodeButtonL",
+	M: "IncodeButtonM",
+	S: "IncodeButtonS",
+	inline: "IncodeButtonInline"
+};
+var Button = D((props, ref) => {
+	const { isLoading = false, variant = "primary", size = "L", icon, class: className, type = "button", children, disabled, ...rest } = props;
+	const iconOnly = !children && !!icon;
+	const showLoader = isLoading && size === "L";
+	const renderContent = () => {
+		if (showLoader) return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(LoadingIcon, { size: LOADER_SIZE }), children ? /* @__PURE__ */ u("span", {
+			class: "IncodeButtonLoadingLabel",
+			children
+		}) : null] });
+		if (iconOnly) return icon;
+		if (icon) return /* @__PURE__ */ u(k, { children: [children, icon] });
+		return children;
+	};
+	return /* @__PURE__ */ u("button", {
+		ref,
+		...rest,
+		class: cn("IncodeButton", variantClass[variant], sizeClass[size], showLoader ? "IncodeButtonLoading" : "", iconOnly ? "IncodeButtonIconOnly" : "", className),
+		disabled: disabled || showLoader,
+		"aria-busy": showLoader || void 0,
+		type,
+		children: renderContent()
+	});
+});
+//#endregion
+//#region src/shared/icons/errorIcon.tsx
+var ErrorIcon = ({ size = 32 }) => {
 	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: size,
 		height: size,
 		viewBox: "0 0 64 64",
 		fill: "none",
-		class: "IncodeWarningIcon",
+		class: "IncodeErrorIcon",
 		"aria-hidden": "true",
 		children: [/* @__PURE__ */ u("path", {
 			"fill-rule": "evenodd",
 			"clip-rule": "evenodd",
-			d: "M32.0001 6.66699C18.0321 6.66699 6.66675 18.0323 6.66675 32.0003C6.66675 45.971 18.0321 57.3337 32.0001 57.3337C45.9681 57.3337 57.3334 45.971 57.3334 32.0003C57.3334 18.0323 45.9681 6.66699 32.0001 6.66699Z",
-			fill: "var(--icon-status-warning)"
+			d: "M32 6.66669C18.032 6.66669 6.66669 18.0294 6.66669 32C6.66669 45.968 18.032 57.3334 32 57.3334C45.968 57.3334 57.3334 45.968 57.3334 32C57.3334 18.0294 45.968 6.66669 32 6.66669Z",
+			fill: "var(--icon-status-negative)"
 		}), /* @__PURE__ */ u("path", {
 			"fill-rule": "evenodd",
 			"clip-rule": "evenodd",
-			d: "M31.9999 43.917C30.8959 43.917 29.9999 43.085 29.9999 41.9783V41.853C29.9999 40.749 30.8959 39.853 31.9999 39.853C33.1039 39.853 33.9999 40.749 33.9999 41.853C33.9999 42.957 33.1039 43.917 31.9999 43.917ZM29.9893 22.1543C29.9893 21.0503 30.8853 20.1543 31.9893 20.1543C33.0933 20.1543 33.9893 21.0503 33.9893 22.1543V33.6183C33.9893 34.7223 33.0933 35.6183 31.9893 35.6183C30.8853 35.6183 29.9893 34.7223 29.9893 33.6183V22.1543Z",
-			fill: "white"
+			d: "M39.6426 39.6368C39.2533 40.0261 38.7413 40.2235 38.2293 40.2235C37.7146 40.2235 37.2053 40.0261 36.8133 39.6368L31.9973 34.8181L27.1946 39.6208C26.4133 40.4021 25.1467 40.4021 24.3653 39.6208C23.5867 38.8395 23.5867 37.5755 24.3653 36.7941L29.168 31.9915L24.3627 27.1835C23.5813 26.4021 23.5813 25.1381 24.3627 24.3568C25.144 23.5755 26.408 23.5755 27.1893 24.3568L31.9946 29.1621L36.8 24.3595C37.5813 23.5781 38.8453 23.5781 39.6266 24.3595C40.408 25.1381 40.408 26.4048 39.6266 27.1861L34.824 31.9915L39.6426 36.8075C40.424 37.5888 40.424 38.8555 39.6426 39.6368Z",
+			fill: "var(--icon-neutral-0)"
 		})]
 	});
 };
@@ -418,6 +454,58 @@ var SearchIcon = ({ size = 20 }) => {
 	});
 };
 //#endregion
+//#region src/shared/icons/successIcon.tsx
+var SuccessIcon = ({ size = 64 }) => {
+	return /* @__PURE__ */ u("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size,
+		height: size,
+		viewBox: "0 0 64 64",
+		fill: "none",
+		class: "IncodeSuccessIcon",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ u("title", { children: "status" }),
+			/* @__PURE__ */ u("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M32 6.66669C18.032 6.66669 6.66663 18.032 6.66663 32C6.66663 45.9707 18.032 57.3334 32 57.3334C45.968 57.3334 57.3333 45.9707 57.3333 32C57.3333 18.032 45.968 6.66669 32 6.66669Z",
+				fill: "var(--icon-status-positive)"
+			}),
+			/* @__PURE__ */ u("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M42.648 27.2587L30.3333 39.5733C29.9413 39.9653 29.432 40.16 28.92 40.16C28.4053 40.16 27.896 39.9653 27.504 39.5733L21.3466 33.416C20.5653 32.6347 20.5653 31.368 21.3466 30.5867C22.128 29.8053 23.392 29.8053 24.1733 30.5867L28.92 35.3307L39.8186 24.4293C40.6 23.648 41.8666 23.648 42.648 24.4293C43.4293 25.2107 43.4293 26.4773 42.648 27.2587Z",
+				fill: "var(--icon-neutral-0)"
+			})
+		]
+	});
+};
+//#endregion
+//#region src/shared/icons/warningIcon.tsx
+var WarningIcon = ({ size = 32 }) => {
+	return /* @__PURE__ */ u("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size,
+		height: size,
+		viewBox: "0 0 64 64",
+		fill: "none",
+		class: "IncodeWarningIcon",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ u("path", {
+			"fill-rule": "evenodd",
+			"clip-rule": "evenodd",
+			d: "M32.0001 6.66699C18.0321 6.66699 6.66675 18.0323 6.66675 32.0003C6.66675 45.971 18.0321 57.3337 32.0001 57.3337C45.9681 57.3337 57.3334 45.971 57.3334 32.0003C57.3334 18.0323 45.9681 6.66699 32.0001 6.66699Z",
+			fill: "var(--icon-status-warning)"
+		}), /* @__PURE__ */ u("path", {
+			"fill-rule": "evenodd",
+			"clip-rule": "evenodd",
+			d: "M31.9999 43.917C30.8959 43.917 29.9999 43.085 29.9999 41.9783V41.853C29.9999 40.749 30.8959 39.853 31.9999 39.853C33.1039 39.853 33.9999 40.749 33.9999 41.853C33.9999 42.957 33.1039 43.917 31.9999 43.917ZM29.9893 22.1543C29.9893 21.0503 30.8853 20.1543 31.9893 20.1543C33.0933 20.1543 33.9893 21.0503 33.9893 22.1543V33.6183C33.9893 34.7223 33.0933 35.6183 31.9893 35.6183C30.8853 35.6183 29.9893 34.7223 29.9893 33.6183V22.1543Z",
+			fill: "white"
+		})]
+	});
+};
+//#endregion
 //#region src/shared/icons/lightningIcon.svg?react
 var SvgLightningIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 10,
@@ -442,4 +530,4 @@ var SvgLightningIcon = (props) => /* @__PURE__ */ u("svg", {
 	}) })]
 });
 //#endregion
-export { CalendarIcon as _, FileIcon as a, EllipseIcon as c, ChevronLeftIcon as d, ChevronDown as f, CameraIcon as g, CaptureButtonIcon as h, HelpIcon as i, CloseIcon as l, CheckmarkIcon as m, SearchIcon as n, EyeOffIcon as o, CheckmarkCompactIcon as p, LockIcon as r, EyeIcon as s, SvgLightningIcon as t, ChevronRightIcon as u, WarningIcon as v };
+export { CaptureButtonIcon as _, LockIcon as a, ErrorIcon as b, EyeOffIcon as c, CloseIcon as d, ChevronRightIcon as f, CheckmarkIcon as g, CheckmarkCompactIcon as h, SearchIcon as i, EyeIcon as l, ChevronDown as m, WarningIcon as n, HelpIcon as o, ChevronLeftIcon as p, SuccessIcon as r, FileIcon as s, SvgLightningIcon as t, EllipseIcon as u, CameraIcon as v, Button as x, CalendarIcon as y };