cytur-design-system 0.7.0 → 0.7.1

package/dist/index.js

@@ -1,7 +1,8 @@
 import { forwardRef as e, useEffect as t } from "react";
-import { Alert as n, App as r, AutoComplete as i, Avatar as a, Badge as o, Breadcrumb as s, Button as c, Button as l, Card as u, Card as ee, Checkbox as d, Col as f, ConfigProvider as p, ConfigProvider as m, DatePicker as te, Descriptions as ne, Divider as re, Drawer as ie, Dropdown as ae, Empty as oe, Flex as se, Form as h, Input as g, InputNumber as ce, Layout as le, List as ue, Menu as de, Modal as fe, Pagination as pe, Popconfirm as me, Popover as he, Progress as ge, Radio as _e, Result as ve, Row as ye, Select as be, Skeleton as xe, Skeleton as _, Slider as v, Space as y, Space as b, Spin as x, Spin as S, Steps as C, Switch as w, Table as T, Table as E, Tabs as D, Tag as O, Tag as k, TimePicker as A, Tooltip as j, Tree as M, Typography as Se, Typography as N, Upload as Ce, message as we, notification as Te, theme as P } from "antd";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { DownloadOutlined as Ee, NotificationOutlined as De, SettingOutlined as Oe } from "@ant-design/icons";
+import { Alert as n, App as r, AutoComplete as i, Avatar as a, Badge as o, Breadcrumb as s, Button as c, Button as l, Card as u, Card as ee, Checkbox as d, Col as f, ConfigProvider as p, ConfigProvider as m, DatePicker as te, Descriptions as ne, Divider as re, Drawer as ie, Dropdown as ae, Empty as oe, Empty as se, Flex as h, Form as g, Input as ce, InputNumber as le, Layout as ue, List as de, Menu as fe, Modal as pe, Pagination as me, Popconfirm as he, Popover as ge, Progress as _e, Radio as ve, Result as ye, Row as be, Select as xe, Skeleton as _, Skeleton as v, Slider as y, Space as b, Space as x, Spin as S, Spin as C, Statistic as w, Steps as T, Switch as E, Table as D, Table as O, Tabs as k, Tag as A, Tag as j, TimePicker as M, Tooltip as Se, Tree as Ce, Typography as we, Typography as N, Upload as Te, message as Ee, notification as P, theme as De, theme as F } from "antd";
+import { Fragment as Oe, jsx as I, jsxs as L } from "react/jsx-runtime";
+import * as ke from "@ant-design/icons";
+import { DownloadOutlined as Ae, NotificationOutlined as je, SettingOutlined as Me } from "@ant-design/icons";
 //#region src/theme/index.ts
 var R = {
 	fontFamily: "\"Pretendard\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
@@ -66,7 +67,7 @@ var R = {
 		colorLinkActive: "#3730a3"
 	},
 	components: z
-}, ke = B, U = {
+}, Ne = B, U = {
 	base: B,
 	rm: V,
 	csc: H
@@ -223,7 +224,7 @@ var R = {
 	"color-gray-900": "#111827",
 	"color-yellow-50": "#fffbeb",
 	"color-yellow-500": "#f59e0b"
-}, Ae = {
+}, Pe = {
 	...W,
 	"action-primary": "#3b82f6",
 	"action-primary-hover": "#5899f5",
@@ -260,7 +261,7 @@ var R = {
 	"color-gray-700": "#e2e6ea",
 	"color-gray-800": "#f1f3f5",
 	"color-gray-900": "#f8fafb"
-}, je = (e, t) => {
+}, Fe = (e, t) => {
 	let n = (e) => Object.entries(e).map(([e, t]) => `  --cytur-${e}: ${t};`).join("\n");
 	return `
 :root, [data-mode="light"] {
@@ -270,13 +271,13 @@ ${n(e)}
 ${n(t)}
 }
 `.trim();
-}, G = "__cytur_tokens__", Me = () => {
+}, G = "__cytur_tokens__", Ie = () => {
 	if (typeof document > "u") return;
 	let e = document.getElementById(G);
-	e || (e = document.createElement("style"), e.id = G, document.head.appendChild(e)), e.innerHTML = je(W, Ae);
+	e || (e = document.createElement("style"), e.id = G, document.head.appendChild(e)), e.innerHTML = Fe(W, Pe);
 }, K = ({ theme: e = "base", mode: n = "light", children: r }) => {
 	t(() => {
-		Me();
+		Ie();
 	}, []), t(() => {
 		typeof document < "u" && (document.documentElement.dataset.mode = n);
 	}, [n]);
@@ -293,7 +294,7 @@ ${n(t)}
 		theme: {
 			...U[e],
 			...i,
-			algorithm: n === "dark" ? P.darkAlgorithm : P.defaultAlgorithm
+			algorithm: n === "dark" ? F.darkAlgorithm : F.defaultAlgorithm
 		},
 		children: r
 	});
@@ -301,7 +302,7 @@ ${n(t)}
 K.displayName = "CyturProvider";
 //#endregion
 //#region src/theme/tokens.ts
-var q = (e) => `var(--cytur-${e})`, Ne = {
+var q = (e) => `var(--cytur-${e})`, Le = {
 	label: {
 		default: {
 			bg: {
@@ -556,7 +557,7 @@ var q = (e) => `var(--cytur-${e})`, Ne = {
 			500: q("color-yellow-500")
 		}
 	}
-}, Pe = {
+}, Re = {
 	close: {
 		viewBox: "0 0 20 20",
 		paths: ["M16 5.20857L14.7914 4L10 8.79143L5.20857 4L4 5.20857L8.79143 10L4 14.7914L5.20857 16L10 11.2086L14.7914 16L16 14.7914L11.2086 10L16 5.20857Z"]
@@ -645,13 +646,13 @@ var q = (e) => `var(--cytur-${e})`, Ne = {
 		viewBox: "0 0 20 20",
 		paths: ["M10 3L6.5 6.5L7.5 7.5L10 5L12.5 7.5L13.5 6.5L10 3Z", "M10 17L13.5 13.5L12.5 12.5L10 15L7.5 12.5L6.5 13.5L10 17Z"]
 	}
-}, Fe = {
+}, ze = {
 	xs: 10,
 	sm: 16,
 	md: 20,
 	lg: 24
 }, J = e(({ name: e, size: t = "md", color: n = "currentColor", style: r, ...i }, a) => {
-	let o = typeof t == "number" ? t : Fe[t], s = Pe[e];
+	let o = typeof t == "number" ? t : ze[t], s = Re[e];
 	return /* @__PURE__ */ I("svg", {
 		ref: a,
 		width: o,
@@ -675,16 +676,16 @@ var q = (e) => `var(--cytur-${e})`, Ne = {
 J.displayName = "Icon";
 //#endregion
 //#region src/components/icon-button/IconButton.tsx
-var Ie = {
+var Be = {
 	sm: 28,
 	md: 32,
 	lg: 36
-}, Le = {
+}, Ve = {
 	sm: 16,
 	md: 20,
 	lg: 24
 }, Y = e(({ size: e = "md", icon: t, style: n, ...r }, i) => {
-	let a = Ie[e], o = Le[e];
+	let a = Be[e], o = Ve[e];
 	return /* @__PURE__ */ I(l, {
 		ref: i,
 		type: "text",
@@ -709,7 +710,7 @@ var Ie = {
 Y.displayName = "IconButton";
 //#endregion
 //#region src/components/alert-feed/AlertFeed.tsx
-var Re = {
+var He = {
 	emergency: "red",
 	alarm: "orange",
 	warning: "gold",
@@ -729,14 +730,14 @@ var Re = {
 	}, p = a === "all" ? n : n.filter((e) => e.severity === a), m = d ?? (c && /* @__PURE__ */ I(l, {
 		type: "text",
 		size: "small",
-		icon: /* @__PURE__ */ I(Oe, {}),
+		icon: /* @__PURE__ */ I(Me, {}),
 		onClick: c
 	}));
 	return /* @__PURE__ */ I(ee, {
-		title: /* @__PURE__ */ L(b, {
+		title: /* @__PURE__ */ L(x, {
 			size: 6,
 			children: [
-				/* @__PURE__ */ I(De, { style: { fontSize: 16 } }),
+				/* @__PURE__ */ I(je, { style: { fontSize: 16 } }),
 				/* @__PURE__ */ I("span", {
 					style: {
 						fontSize: 14,
@@ -773,13 +774,13 @@ var Re = {
 			onClick: s,
 			children: u
 		}, "view-all")] : void 0,
-		children: r ? /* @__PURE__ */ I(_, {
+		children: r ? /* @__PURE__ */ I(v, {
 			active: !0,
 			paragraph: { rows: 6 }
-		}) : /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(b, {
+		}) : /* @__PURE__ */ L(Oe, { children: [/* @__PURE__ */ I(x, {
 			size: 4,
 			wrap: !0,
-			children: Object.entries(f).map(([e, t]) => /* @__PURE__ */ I(k.CheckableTag, {
+			children: Object.entries(f).map(([e, t]) => /* @__PURE__ */ I(j.CheckableTag, {
 				checked: a === e,
 				onChange: () => o?.(e),
 				style: { margin: 0 },
@@ -794,7 +795,7 @@ var Re = {
 				flexDirection: "column",
 				gap: 6
 			},
-			children: p.length === 0 ? /* @__PURE__ */ I(oe, {
+			children: p.length === 0 ? /* @__PURE__ */ I(se, {
 				description: n.length === 0 ? "No alerts" : "No matching alerts",
 				style: { margin: "auto" }
 			}) : p.map((e) => /* @__PURE__ */ L("div", {
@@ -813,8 +814,8 @@ var Re = {
 							justifyContent: "space-between",
 							alignItems: "center"
 						},
-						children: [/* @__PURE__ */ I(k, {
-							color: Re[e.severity],
+						children: [/* @__PURE__ */ I(j, {
+							color: He[e.severity],
 							style: { margin: 0 },
 							children: X[e.severity]
 						}), /* @__PURE__ */ I(N.Text, {
@@ -857,7 +858,7 @@ var Q = ({ state: e = "default", children: t, style: n, ...r }) => {
 			lineHeight: "18px",
 			...n
 		},
-		children: [i ? /* @__PURE__ */ I(S, { size: "small" }) : /* @__PURE__ */ I(Ee, {}), t]
+		children: [i ? /* @__PURE__ */ I(C, { size: "small" }) : /* @__PURE__ */ I(Ae, {}), t]
 	});
 };
 Q.displayName = "File";
@@ -885,7 +886,7 @@ function $({ columns: e, data: t, rowKey: n = "id", pagination: r = !1, pageSize
 			value: e
 		})), u.onFilter = (e, t) => String(t[l] ?? "") === e), u;
 	});
-	return /* @__PURE__ */ I(E, {
+	return /* @__PURE__ */ I(O, {
 		...c,
 		columns: l,
 		dataSource: t,
@@ -901,4 +902,4 @@ function $({ columns: e, data: t, rowKey: n = "id", pagination: r = !1, pageSize
 }
 $.displayName = "DataTable";
 //#endregion
-export { n as Alert, Z as AlertFeed, r as App, i as AutoComplete, a as Avatar, o as Badge, s as Breadcrumb, c as Button, u as Card, d as Checkbox, f as Col, p as ConfigProvider, K as CyturProvider, $ as DataTable, te as DatePicker, ne as Descriptions, re as Divider, ie as Drawer, ae as Dropdown, Q as File, se as Flex, h as Form, J as Icon, Y as IconButton, g as Input, ce as InputNumber, le as Layout, ue as List, de as Menu, fe as Modal, pe as Pagination, me as Popconfirm, he as Popover, ge as Progress, _e as Radio, ve as Result, ye as Row, be as Select, xe as Skeleton, v as Slider, y as Space, x as Spin, C as Steps, w as Switch, T as Table, D as Tabs, O as Tag, A as TimePicker, j as Tooltip, M as Tree, Se as Typography, Ce as Upload, B as baseTheme, H as cscTheme, ke as defaultTheme, we as message, Te as notification, V as rmTheme, U as themes, Ne as tokens };
+export { n as Alert, Z as AlertFeed, r as App, i as AutoComplete, a as Avatar, o as Badge, s as Breadcrumb, c as Button, u as Card, d as Checkbox, f as Col, p as ConfigProvider, K as CyturProvider, $ as DataTable, te as DatePicker, ne as Descriptions, re as Divider, ie as Drawer, ae as Dropdown, oe as Empty, Q as File, h as Flex, g as Form, J as Icon, Y as IconButton, ke as Icons, ce as Input, le as InputNumber, ue as Layout, de as List, fe as Menu, pe as Modal, me as Pagination, he as Popconfirm, ge as Popover, _e as Progress, ve as Radio, ye as Result, be as Row, xe as Select, _ as Skeleton, y as Slider, b as Space, S as Spin, w as Statistic, T as Steps, E as Switch, D as Table, k as Tabs, A as Tag, M as TimePicker, Se as Tooltip, Ce as Tree, we as Typography, Te as Upload, B as baseTheme, H as cscTheme, Ne as defaultTheme, Ee as message, P as notification, V as rmTheme, De as theme, U as themes, Le as tokens };

package/dist/types/lib.d.ts

@@ -6,4 +6,5 @@ export { IconButton, type IconButtonProps, type IconButtonSize } from './compone
 export { AlertFeed, type AlertFeedProps, type AlertItem, type AlertSeverity } from './components/alert-feed/AlertFeed';
 export { File, type FileProps, type FileState } from './components/file/File';
 export { DataTable, type DataTableProps, type DataTableColumn } from './components/data-table/DataTable';
-export { Button, Input, InputNumber, Select, AutoComplete, Checkbox, Radio, Switch, Slider, DatePicker, TimePicker, Form, Upload, Table, Tag, Badge, Avatar, Card, Descriptions, List, Tabs, Pagination, Tree, Tooltip, Popover, Popconfirm, Modal, Drawer, Dropdown, Menu, Breadcrumb, Steps, Alert, Progress, Result, Skeleton, Spin, Typography, Space, Divider, Flex, Row, Col, Layout, ConfigProvider, App, message, notification, } from 'antd';
+export { Button, Input, InputNumber, Select, AutoComplete, Checkbox, Radio, Switch, Slider, DatePicker, TimePicker, Form, Upload, Table, Tag, Badge, Avatar, Card, Descriptions, List, Tabs, Pagination, Tree, Tooltip, Popover, Popconfirm, Modal, Drawer, Dropdown, Menu, Breadcrumb, Steps, Alert, Progress, Result, Skeleton, Spin, Typography, Space, Divider, Flex, Row, Col, Layout, ConfigProvider, App, message, notification, Statistic, Empty, theme, } from 'antd';
+export * as Icons from '@ant-design/icons';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cytur-design-system",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",