@drivenets/design-system 0.1.0 → 0.2.0

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

@@ -1,5 +1,5 @@
 import { DsSelectProps } from "./ds-select.types.js";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 
 //#region src/components/ds-select/ds-select.d.ts
 declare const DsSelect: ({
@@ -15,7 +15,7 @@ declare const DsSelect: ({
   placeholder,
   disabled,
   ...multiselectProps
-}: DsSelectProps) => react_jsx_runtime36.JSX.Element;
+}: DsSelectProps) => react_jsx_runtime32.JSX.Element;
 //#endregion
 export { DsSelect };
 //# sourceMappingURL=ds-select.d.ts.map

package/dist/components/ds-smart-tabs/ds-smart-tabs.d.cts

@@ -1,5 +1,5 @@
 import { DsSmartTabProps, DsSmartTabsProps } from "./ds-smart-tabs.types.cjs";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
@@ -14,7 +14,7 @@ declare const DsSmartTabs: {
     style,
     children,
     ...props
-  }: DsSmartTabsProps): react_jsx_runtime31.JSX.Element;
+  }: DsSmartTabsProps): react_jsx_runtime36.JSX.Element;
   Tab: React.FC<DsSmartTabProps>;
 };
 //#endregion

package/dist/components/ds-smart-tabs/ds-smart-tabs.d.ts

@@ -1,5 +1,5 @@
 import { DsSmartTabProps, DsSmartTabsProps } from "./ds-smart-tabs.types.js";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
@@ -14,7 +14,7 @@ declare const DsSmartTabs: {
     style,
     children,
     ...props
-  }: DsSmartTabsProps): react_jsx_runtime18.JSX.Element;
+  }: DsSmartTabsProps): react_jsx_runtime0.JSX.Element;
   Tab: React.FC<DsSmartTabProps>;
 };
 //#endregion

package/dist/components/ds-smart-tabs/ds-smart-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-smart-tabs.d.ts","names":[],"sources":["../../../src/components/ds-smart-tabs/ds-smart-tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAKsF,cAmFhF,WAoBL,EAAA;;;;;;;;KAbE,mBAAgB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-smart-tabs.d.ts","names":[],"sources":["../../../src/components/ds-smart-tabs/ds-smart-tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAKsF,cAmFhF,WAoBL,EAAA;;;;;;;;KAbE,mBAAgB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ds-stepper/components/ds-step-content.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/ds-stepper/components/ds-step-content.d.ts
@@ -13,7 +13,7 @@ declare function DsStepContent({
   label,
   description,
   actions
-}: DsStepContentProps): react_jsx_runtime37.JSX.Element;
+}: DsStepContentProps): react_jsx_runtime42.JSX.Element;
 //#endregion
 export { DsStepContent };
 //# sourceMappingURL=ds-step-content.d.cts.map

package/dist/components/ds-stepper/components/ds-step-content.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/ds-stepper/components/ds-step-content.d.ts
@@ -13,7 +13,7 @@ declare function DsStepContent({
   label,
   description,
   actions
-}: DsStepContentProps): react_jsx_runtime39.JSX.Element;
+}: DsStepContentProps): react_jsx_runtime35.JSX.Element;
 //#endregion
 export { DsStepContent };
 //# sourceMappingURL=ds-step-content.d.ts.map

package/dist/components/ds-stepper/components/ds-step-next-button.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/ds-stepper/components/ds-step-next-button.d.ts
 declare function DsNextStepButton({
   children
-}: PropsWithChildren): react_jsx_runtime39.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime44.JSX.Element;
 //#endregion
 export { DsNextStepButton };
 //# sourceMappingURL=ds-step-next-button.d.cts.map

package/dist/components/ds-stepper/components/ds-step-next-button.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/ds-stepper/components/ds-step-next-button.d.ts
 declare function DsNextStepButton({
   children
-}: PropsWithChildren): react_jsx_runtime40.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime36.JSX.Element;
 //#endregion
 export { DsNextStepButton };
 //# sourceMappingURL=ds-step-next-button.d.ts.map

package/dist/components/ds-stepper/components/ds-step.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/ds-stepper/components/ds-step.d.ts
@@ -10,7 +10,7 @@ declare function DsStep({
   index,
   children,
   className
-}: DsStepProps): react_jsx_runtime38.JSX.Element | null;
+}: DsStepProps): react_jsx_runtime41.JSX.Element | null;
 //#endregion
 export { DsStep };
 //# sourceMappingURL=ds-step.d.cts.map

package/dist/components/ds-stepper/components/ds-step.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/ds-stepper/components/ds-step.d.ts
@@ -10,7 +10,7 @@ declare function DsStep({
   index,
   children,
   className
-}: DsStepProps): react_jsx_runtime37.JSX.Element | null;
+}: DsStepProps): react_jsx_runtime34.JSX.Element | null;
 //#endregion
 export { DsStep };
 //# sourceMappingURL=ds-step.d.ts.map

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

@@ -1,5 +1,5 @@
 import { DsStepperProps } from "./ds-stepper.types.cjs";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/ds-stepper.d.ts
 declare function DsStepper({
@@ -9,7 +9,7 @@ declare function DsStepper({
   onStepChange,
   onComplete,
   children
-}: DsStepperProps): react_jsx_runtime36.JSX.Element;
+}: DsStepperProps): react_jsx_runtime43.JSX.Element;
 //#endregion
 export { DsStepper };
 //# sourceMappingURL=ds-stepper.d.cts.map

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

@@ -1,5 +1,5 @@
 import { DsStepperProps } from "./ds-stepper.types.js";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/ds-stepper.d.ts
 declare function DsStepper({
@@ -9,7 +9,7 @@ declare function DsStepper({
   onStepChange,
   onComplete,
   children
-}: DsStepperProps): react_jsx_runtime38.JSX.Element;
+}: DsStepperProps): react_jsx_runtime33.JSX.Element;
 //#endregion
 export { DsStepper };
 //# sourceMappingURL=ds-stepper.d.ts.map

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

@@ -1,5 +1,5 @@
 import { DsDataTableProps } from "./ds-table.types.cjs";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 
 //#region src/components/ds-table/ds-table.d.ts
 /**
@@ -39,7 +39,7 @@ declare const DsTable: <TData extends {
   columnVisibility: externalColumnVisibility,
   onColumnVisibilityChange,
   activeRowId
-}: DsDataTableProps<TData, TValue>) => react_jsx_runtime29.JSX.Element;
+}: DsDataTableProps<TData, TValue>) => react_jsx_runtime39.JSX.Element;
 //#endregion
 export { DsTable };
 //# sourceMappingURL=ds-table.d.cts.map

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

@@ -1,5 +1,5 @@
 import { DsDataTableProps } from "./ds-table.types.js";
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 
 //#region src/components/ds-table/ds-table.d.ts
 /**
@@ -39,7 +39,7 @@ declare const DsTable: <TData extends {
   columnVisibility: externalColumnVisibility,
   onColumnVisibilityChange,
   activeRowId
-}: DsDataTableProps<TData, TValue>) => react_jsx_runtime47.JSX.Element;
+}: DsDataTableProps<TData, TValue>) => react_jsx_runtime49.JSX.Element;
 //#endregion
 export { DsTable };
 //# sourceMappingURL=ds-table.d.ts.map

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

@@ -0,0 +1,254 @@
+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');
+require('../ds-typography/index.cjs');
+const require_ds_tag_module = require('./ds-tag.module.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 react = require("react");
+
+//#region src/components/ds-tag/ds-tag.tsx
+/**
+* Design system Tag component
+*/
+const DsTag = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(61);
+	let className;
+	let label;
+	let onClick;
+	let onDelete;
+	let ref;
+	let rest;
+	let slots;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	if ($[0] !== t0) {
+		({ref, label, className, style: t1, size: t2, selected: t3, variant: t4, disabled: t5, locale: t6, onClick, onDelete, slots, ...rest} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = label;
+		$[3] = onClick;
+		$[4] = onDelete;
+		$[5] = ref;
+		$[6] = rest;
+		$[7] = slots;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+	} else {
+		className = $[1];
+		label = $[2];
+		onClick = $[3];
+		onDelete = $[4];
+		ref = $[5];
+		rest = $[6];
+		slots = $[7];
+		t1 = $[8];
+		t2 = $[9];
+		t3 = $[10];
+		t4 = $[11];
+		t5 = $[12];
+		t6 = $[13];
+	}
+	let t7;
+	if ($[14] !== t1) {
+		t7 = t1 === void 0 ? {} : t1;
+		$[14] = t1;
+		$[15] = t7;
+	} else t7 = $[15];
+	const style = t7;
+	const size = t2 === void 0 ? "medium" : t2;
+	const selected = t3 === void 0 ? false : t3;
+	const variant = t4 === void 0 ? "default" : t4;
+	const disabled = t5 === void 0 ? false : t5;
+	let t8;
+	if ($[16] !== t6) {
+		t8 = t6 === void 0 ? {} : t6;
+		$[16] = t6;
+		$[17] = t8;
+	} else t8 = $[17];
+	const locale = t8;
+	const t9 = onClick !== void 0 && !disabled;
+	const t10 = selected && !disabled;
+	const t11 = variant === "include";
+	const t12 = variant === "exclude";
+	let t13;
+	if ($[18] !== className || $[19] !== disabled || $[20] !== t10 || $[21] !== t11 || $[22] !== t12 || $[23] !== t9) {
+		t13 = (0, classnames.default)(require_ds_tag_module.default.tag, {
+			[require_ds_tag_module.default.clickable]: t9,
+			[require_ds_tag_module.default.selected]: t10,
+			[require_ds_tag_module.default.include]: t11,
+			[require_ds_tag_module.default.exclude]: t12,
+			[require_ds_tag_module.default.disabled]: disabled
+		}, className);
+		$[18] = className;
+		$[19] = disabled;
+		$[20] = t10;
+		$[21] = t11;
+		$[22] = t12;
+		$[23] = t9;
+		$[24] = t13;
+	} else t13 = $[24];
+	const tagClass = t13;
+	let t14;
+	if ($[25] !== onDelete) {
+		t14 = (event) => {
+			event.stopPropagation();
+			onDelete?.(event);
+		};
+		$[25] = onDelete;
+		$[26] = t14;
+	} else t14 = $[26];
+	const handleDeleteClick = t14;
+	let t15;
+	if ($[27] !== onClick || $[28] !== onDelete) {
+		t15 = (event_0) => {
+			if (onClick && (event_0.key === "Enter" || event_0.key === " ")) {
+				event_0.preventDefault();
+				onClick(event_0);
+				return;
+			}
+			if (onDelete && (event_0.key === "Backspace" || event_0.key === "Delete")) {
+				event_0.preventDefault();
+				onDelete(event_0);
+			}
+		};
+		$[27] = onClick;
+		$[28] = onDelete;
+		$[29] = t15;
+	} else t15 = $[29];
+	const handleKeyDownTag = t15;
+	let t16;
+	if ($[30] !== onDelete) {
+		t16 = (event_1) => {
+			event_1.stopPropagation();
+			if (onDelete && (event_1.key === "Enter" || event_1.key === " ")) {
+				event_1.preventDefault();
+				onDelete(event_1);
+			}
+		};
+		$[30] = onDelete;
+		$[31] = t16;
+	} else t16 = $[31];
+	const handleKeyDownDelete = t16;
+	let t17;
+	if ($[32] !== onClick) {
+		t17 = (event_2) => {
+			if (onClick) {
+				event_2.preventDefault();
+				onClick(event_2);
+			}
+		};
+		$[32] = onClick;
+		$[33] = t17;
+	} else t17 = $[33];
+	const handleClick = t17;
+	let iconVariant = null;
+	if (variant === "include") iconVariant = "check_circle";
+	if (variant === "exclude") iconVariant = "do_not_disturb_on";
+	const t18 = ref;
+	const t19 = disabled ? void 0 : handleClick;
+	const t20 = disabled ? void 0 : handleKeyDownTag;
+	const t21 = onClick || onDelete ? "button" : void 0;
+	const t22 = disabled || !onClick && !onDelete ? void 0 : 0;
+	const t23 = typeof label === "string" ? label : void 0;
+	const t24 = onClick && selected && !disabled ? "true" : void 0;
+	let t25;
+	if ($[34] !== iconVariant || $[35] !== slots?.icon) {
+		t25 = (slots?.icon || iconVariant) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: (0, classnames.default)(require_ds_tag_module.default.icon),
+			children: slots?.icon ?? (iconVariant && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+				icon: iconVariant,
+				size: "tiny",
+				className: (0, classnames.default)(require_ds_tag_module.default.variantIcon)
+			}))
+		});
+		$[34] = iconVariant;
+		$[35] = slots?.icon;
+		$[36] = t25;
+	} else t25 = $[36];
+	const t26 = size === "small" ? "body-xs-reg" : "body-sm-reg";
+	let t27;
+	if ($[37] !== label || $[38] !== t26) {
+		t27 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			variant: t26,
+			className: require_ds_tag_module.default.label,
+			children: label
+		});
+		$[37] = label;
+		$[38] = t26;
+		$[39] = t27;
+	} else t27 = $[39];
+	let t28;
+	if ($[40] !== disabled || $[41] !== handleDeleteClick || $[42] !== handleKeyDownDelete || $[43] !== locale || $[44] !== onDelete) {
+		t28 = onDelete && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: require_ds_tag_module.default.deleteButton,
+			onClick: handleDeleteClick,
+			onKeyDown: handleKeyDownDelete,
+			"aria-label": locale.deleteAriaLabel ?? "Delete tag",
+			tabIndex: 0,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+				icon: "close",
+				size: "tiny"
+			})
+		});
+		$[40] = disabled;
+		$[41] = handleDeleteClick;
+		$[42] = handleKeyDownDelete;
+		$[43] = locale;
+		$[44] = onDelete;
+		$[45] = t28;
+	} else t28 = $[45];
+	let t29;
+	if ($[46] !== disabled || $[47] !== rest || $[48] !== style || $[49] !== t18 || $[50] !== t19 || $[51] !== t20 || $[52] !== t21 || $[53] !== t22 || $[54] !== t23 || $[55] !== t24 || $[56] !== t25 || $[57] !== t27 || $[58] !== t28 || $[59] !== tagClass) {
+		t29 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref: t18,
+			className: tagClass,
+			style,
+			onClick: t19,
+			onKeyDown: t20,
+			role: t21,
+			tabIndex: t22,
+			"aria-label": t23,
+			"aria-pressed": t24,
+			"aria-disabled": disabled,
+			...rest,
+			children: [
+				t25,
+				t27,
+				t28
+			]
+		});
+		$[46] = disabled;
+		$[47] = rest;
+		$[48] = style;
+		$[49] = t18;
+		$[50] = t19;
+		$[51] = t20;
+		$[52] = t21;
+		$[53] = t22;
+		$[54] = t23;
+		$[55] = t24;
+		$[56] = t25;
+		$[57] = t27;
+		$[58] = t28;
+		$[59] = tagClass;
+		$[60] = t29;
+	} else t29 = $[60];
+	return t29;
+};
+var ds_tag_default = DsTag;
+
+//#endregion
+exports.default = ds_tag_default;

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

@@ -0,0 +1,25 @@
+import { DsTagProps } from "./ds-tag.types.cjs";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
+
+//#region src/components/ds-tag/ds-tag.d.ts
+/**
+ * Design system Tag component
+ */
+declare const DsTag: ({
+  ref,
+  label,
+  className,
+  style,
+  size,
+  selected,
+  variant,
+  disabled,
+  locale,
+  onClick,
+  onDelete,
+  slots,
+  ...rest
+}: DsTagProps) => react_jsx_runtime40.JSX.Element;
+//#endregion
+export { DsTag };
+//# sourceMappingURL=ds-tag.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-tag.d.cts","names":[],"sources":["../../../src/components/ds-tag/ds-tag.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAGiD,cAO3C,KA+GL,EAAA,CAAA;EAAA,GAAA;EAAA,KAAA;EAAA,SAAA;EAAA,KAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,QAAA;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAjGE,UAiGF,EAAA,GAjGY,mBAAA,CAAA,GAAA,CAAA,OAiGZ"}

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

@@ -0,0 +1,25 @@
+import { DsTagProps } from "./ds-tag.types.js";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+
+//#region src/components/ds-tag/ds-tag.d.ts
+/**
+ * Design system Tag component
+ */
+declare const DsTag: ({
+  ref,
+  label,
+  className,
+  style,
+  size,
+  selected,
+  variant,
+  disabled,
+  locale,
+  onClick,
+  onDelete,
+  slots,
+  ...rest
+}: DsTagProps) => react_jsx_runtime37.JSX.Element;
+//#endregion
+export { DsTag };
+//# sourceMappingURL=ds-tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-tag.d.ts","names":[],"sources":["../../../src/components/ds-tag/ds-tag.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAGiD,cAO3C,KA+GL,EAAA,CAAA;EAAA,GAAA;EAAA,KAAA;EAAA,SAAA;EAAA,KAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,QAAA;EAAA,MAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAjGE,UAiGF,EAAA,GAjGY,mBAAA,CAAA,GAAA,CAAA,OAiGZ"}