@drivenets/design-system 0.3.0 → 0.5.0

package/dist/components/ds-confirmation/ds-confirmation.cjs

@@ -1,235 +1,34 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ds_icon = require('../ds-icon/ds-icon.cjs');
-require('../ds-icon/index.cjs');
-const require_ds_typography = require('../ds-typography/ds-typography.cjs');
-const require_ds_confirmation_module = require('./ds-confirmation.module.cjs');
+const require_ds_modal = require('../ds-modal/ds-modal.cjs');
 let react_compiler_runtime = require("react/compiler-runtime");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
-let __ark_ui_react_portal = require("@ark-ui/react/portal");
-let __ark_ui_react_dialog = require("@ark-ui/react/dialog");
 
 //#region src/components/ds-confirmation/ds-confirmation.tsx
 /**
-* Composable confirmation modal dialog.
+* @deprecated DsConfirmation is deprecated. Use DsModal instead.
+* @see {@link ../ds-modal} for the replacement component.
 */
-const DsConfirmation = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(15);
-	const { open, onOpenChange, style, className, children } = t0;
-	let t1;
-	if ($[0] !== onOpenChange) {
-		t1 = (details) => {
-			onOpenChange(details.open);
-		};
-		$[0] = onOpenChange;
-		$[1] = t1;
-	} else t1 = $[1];
-	const handleOpenChange = t1;
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Backdrop, { className: require_ds_confirmation_module.default.overlay });
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== className) {
-		t3 = (0, classnames.default)(require_ds_confirmation_module.default.modal, className);
-		$[3] = className;
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] !== children || $[6] !== style) {
-		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			style,
-			className: require_ds_confirmation_module.default.content,
-			children
-		});
-		$[5] = children;
-		$[6] = style;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== t3 || $[9] !== t4) {
-		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_portal.Portal, { children: [t2, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Content, {
-			className: t3,
-			children: t4
-		}) })] });
-		$[8] = t3;
-		$[9] = t4;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] !== handleOpenChange || $[12] !== open || $[13] !== t5) {
-		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Root, {
-			open,
-			onOpenChange: handleOpenChange,
-			modal: true,
+const DsConfirmation = (props) => {
+	const $ = (0, react_compiler_runtime.c)(2);
+	let t0;
+	if ($[0] !== props) {
+		t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_modal.default, {
+			columns: 4,
 			closeOnEscape: true,
 			closeOnInteractOutside: true,
-			children: t5
-		});
-		$[11] = handleOpenChange;
-		$[12] = open;
-		$[13] = t5;
-		$[14] = t6;
-	} else t6 = $[14];
-	return t6;
-};
-const Header = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(6);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = (0, classnames.default)(require_ds_confirmation_module.default.header, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			style,
-			className: t1,
-			children
-		});
-		$[2] = children;
-		$[3] = style;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
-};
-const Title = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(8);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = (0, classnames.default)(require_ds_confirmation_module.default.title, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
-			variant: "heading4",
-			children
-		});
-		$[2] = children;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== style || $[5] !== t1 || $[6] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Title, {
-			className: t1,
-			style,
-			asChild: true,
-			children: t2
-		});
-		$[4] = style;
-		$[5] = t1;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	return t3;
-};
-const CloseTrigger = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(4);
-	const { style, className } = t0;
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-			icon: "close",
-			size: "small"
-		});
-		$[0] = t1;
-	} else t1 = $[0];
-	let t2;
-	if ($[1] !== className || $[2] !== style) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.CloseTrigger, {
-			style,
-			className,
-			children: t1
-		});
-		$[1] = className;
-		$[2] = style;
-		$[3] = t2;
-	} else t2 = $[3];
-	return t2;
-};
-const Body = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(6);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = (0, classnames.default)(require_ds_confirmation_module.default.body, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			style,
-			className: t1,
-			children
-		});
-		$[2] = children;
-		$[3] = style;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
-};
-const Footer = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(6);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = (0, classnames.default)(require_ds_confirmation_module.default.footer, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			style,
-			className: t1,
-			children
-		});
-		$[2] = children;
-		$[3] = style;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
-};
-const Actions = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(6);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = (0, classnames.default)(require_ds_confirmation_module.default.actions, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			style,
-			className: t1,
-			children
+			...props
 		});
-		$[2] = children;
-		$[3] = style;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
 };
-DsConfirmation.Header = Header;
-DsConfirmation.Title = Title;
-DsConfirmation.CloseTrigger = CloseTrigger;
-DsConfirmation.Body = Body;
-DsConfirmation.Footer = Footer;
-DsConfirmation.Actions = Actions;
+DsConfirmation.Header = require_ds_modal.default.Header;
+DsConfirmation.Title = require_ds_modal.default.Title;
+DsConfirmation.CloseTrigger = require_ds_modal.default.CloseTrigger;
+DsConfirmation.Body = require_ds_modal.default.Body;
+DsConfirmation.Footer = require_ds_modal.default.Footer;
+DsConfirmation.Actions = require_ds_modal.default.Actions;
 
 //#endregion
 exports.DsConfirmation = DsConfirmation;

package/dist/components/ds-confirmation/ds-confirmation.d.cts

@@ -1,71 +1,66 @@
 import { DsConfirmationProps } from "./ds-confirmation.types.cjs";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-import { CSSProperties, ReactNode } from "react";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react0 from "react";
 
 //#region src/components/ds-confirmation/ds-confirmation.d.ts
 /**
- * Composable confirmation modal dialog.
+ * @deprecated DsConfirmation is deprecated. Use DsModal instead.
+ * @see {@link ../ds-modal} for the replacement component.
  */
 declare const DsConfirmation: {
-  ({
-    open,
-    onOpenChange,
-    style,
-    className,
-    children
-  }: DsConfirmationProps): react_jsx_runtime8.JSX.Element;
+  (props: DsConfirmationProps): react_jsx_runtime6.JSX.Element;
   Header: ({
     style,
     className,
     children
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime8.JSX.Element;
+    children: react0.ReactNode;
+  }) => react_jsx_runtime6.JSX.Element;
   Title: ({
     style,
     className,
     children
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime8.JSX.Element;
+    children: react0.ReactNode;
+  }) => react_jsx_runtime6.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-  }) => react_jsx_runtime8.JSX.Element;
+  }) => react_jsx_runtime6.JSX.Element;
   Body: ({
     style,
     className,
     children
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime8.JSX.Element;
+    children: react0.ReactNode;
+  }) => react_jsx_runtime6.JSX.Element;
   Footer: ({
     style,
     className,
     children
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime8.JSX.Element;
+    children: react0.ReactNode;
+  }) => react_jsx_runtime6.JSX.Element;
   Actions: ({
     style,
     className,
     children
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime8.JSX.Element;
+    children: react0.ReactNode;
+  }) => react_jsx_runtime6.JSX.Element;
 };
 //#endregion
 export { DsConfirmation };

package/dist/components/ds-confirmation/ds-confirmation.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-confirmation.d.cts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAYa,cAAA,cAyBZ,EAAA;;;;;;;KAzBkF,sBAAmB,kBAAA,CAAA,GAAA,CAAA;;;;;EAAnB;YAgC1E;;cAEE;EAlCwE,CAAA,EAAA,GAmClF,kBAAA,CAAA,GAAA,CAAA,OAnCkF;EAAmB,KAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAgC7F,CAhC6F,EAAA;YA8C7F;;cAEE;EAhBF,CAAA,EAAA,GAiBR,kBAAA,CAAA,GAAA,CAAA,OAjBQ;EAEE,YAAA,EAAA,CAAA;IAAA,KAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EAoBqD,aApBrD;;QAoBwF,kBAAA,CAAA,GAAA,CAAA;;;;;;IAThF,KAAA,CAAA,EAoBA,aApBA;IAEE,SAAA,CAAA,EAAA,MAAA;IACV,QAAA,EAmBU,SAnBV;QAoBA,kBAAA,CAAA,GAAA,CAAA;;;;;;IAdqD,KAAA,CAAA,EAyB7C,aAzB6C;IAAmC,SAAA,CAAA,EAAA,MAAA;cA2B9E;QACV,kBAAA,CAAA,GAAA,CAAA;;;;;;IAjBQ,KAAA,CAAA,EA4BA,aA5BA;IAEE,SAAA,CAAA,EAAA,MAAA;IACV,QAAA,EA2BU,SA3BV;QA4BA,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-confirmation.d.cts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAOa,cAAA,cAEZ,EAAA;EAFqC,CAAA,KAAA,EAAA,mBAAA,CAAA,EAAmB,kBAAA,CAAA,GAAA,CAAA,OAAnB;EAAmB,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;mBAU44B;;cAAA,MAAA,CAAA;sCAAA;EAAA,KAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;mBAA+N;;cAAA,MAAA,CAAA;;cAAA,EAAA,CAAA;IAAA,KAAA;IAAA;GAAA,EAAA;IAAA,KAAA,CAAA,SAAgS,aAAhS;;;;;;;;IAAgS,KAAA,CAAA,SAA4O,aAA5O;;cAA4O,MAAA,CAAA;;;;;;;IAAA,KAAA,CAAA,SAA8N,aAA9N;IAAA,SAAA,CAAA,EAAA,MAAA;cAA8N,MAAA,CAAA;;;;;;;mBAAiO;IAAjO,SAAA,CAAA,EAAA,MAAA;IAAA,QAAA,EAAiO,MAAA,CAAA,SAAjO"}

package/dist/components/ds-confirmation/ds-confirmation.d.ts

@@ -1,71 +1,66 @@
 import { DsConfirmationProps } from "./ds-confirmation.types.js";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
-import { CSSProperties, ReactNode } from "react";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react0 from "react";
 
 //#region src/components/ds-confirmation/ds-confirmation.d.ts
 /**
- * Composable confirmation modal dialog.
+ * @deprecated DsConfirmation is deprecated. Use DsModal instead.
+ * @see {@link ../ds-modal} for the replacement component.
  */
 declare const DsConfirmation: {
-  ({
-    open,
-    onOpenChange,
-    style,
-    className,
-    children
-  }: DsConfirmationProps): react_jsx_runtime26.JSX.Element;
+  (props: DsConfirmationProps): react_jsx_runtime41.JSX.Element;
   Header: ({
     style,
     className,
     children
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime26.JSX.Element;
+    children: react0.ReactNode;
+  }) => react_jsx_runtime41.JSX.Element;
   Title: ({
     style,
     className,
     children
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime26.JSX.Element;
+    children: react0.ReactNode;
+  }) => react_jsx_runtime41.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-  }) => react_jsx_runtime26.JSX.Element;
+  }) => react_jsx_runtime41.JSX.Element;
   Body: ({
     style,
     className,
     children
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime26.JSX.Element;
+    children: react0.ReactNode;
+  }) => react_jsx_runtime41.JSX.Element;
   Footer: ({
     style,
     className,
     children
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime26.JSX.Element;
+    children: react0.ReactNode;
+  }) => react_jsx_runtime41.JSX.Element;
   Actions: ({
     style,
     className,
     children
   }: {
-    style?: CSSProperties;
+    style?: react0.CSSProperties;
     className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime26.JSX.Element;
+    children: react0.ReactNode;
+  }) => react_jsx_runtime41.JSX.Element;
 };
 //#endregion
 export { DsConfirmation };

package/dist/components/ds-confirmation/ds-confirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-confirmation.d.ts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAYa,cAAA,cAyBZ,EAAA;;;;;;;KAzBkF,sBAAmB,mBAAA,CAAA,GAAA,CAAA;;;;;EAAnB;YAgC1E;;cAEE;EAlCwE,CAAA,EAAA,GAmClF,mBAAA,CAAA,GAAA,CAAA,OAnCkF;EAAmB,KAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAgC7F,CAhC6F,EAAA;YA8C7F;;cAEE;EAhBF,CAAA,EAAA,GAiBR,mBAAA,CAAA,GAAA,CAAA,OAjBQ;EAEE,YAAA,EAAA,CAAA;IAAA,KAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EAoBqD,aApBrD;;QAoBwF,mBAAA,CAAA,GAAA,CAAA;;;;;;IAThF,KAAA,CAAA,EAoBA,aApBA;IAEE,SAAA,CAAA,EAAA,MAAA;IACV,QAAA,EAmBU,SAnBV;QAoBA,mBAAA,CAAA,GAAA,CAAA;;;;;;IAdqD,KAAA,CAAA,EAyB7C,aAzB6C;IAAmC,SAAA,CAAA,EAAA,MAAA;cA2B9E;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;IAjBQ,KAAA,CAAA,EA4BA,aA5BA;IAEE,SAAA,CAAA,EAAA,MAAA;IACV,QAAA,EA2BU,SA3BV;QA4BA,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-confirmation.d.ts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAOa,cAAA,cAEZ,EAAA;EAFqC,CAAA,KAAA,EAAA,mBAAA,CAAA,EAAmB,mBAAA,CAAA,GAAA,CAAA,OAAnB;EAAmB,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;mBAU44B;;cAAA,MAAA,CAAA;uCAAA;EAAA,KAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;mBAA+N;;cAAA,MAAA,CAAA;;cAAA,EAAA,CAAA;IAAA,KAAA;IAAA;GAAA,EAAA;IAAA,KAAA,CAAA,SAAgS,aAAhS;;;;;;;;IAAgS,KAAA,CAAA,SAA4O,aAA5O;;cAA4O,MAAA,CAAA;;;;;;;IAAA,KAAA,CAAA,SAA8N,aAA9N;IAAA,SAAA,CAAA,EAAA,MAAA;cAA8N,MAAA,CAAA;;;;;;;mBAAiO;IAAjO,SAAA,CAAA,EAAA,MAAA;IAAA,QAAA,EAAiO,MAAA,CAAA,SAAjO"}