@drivenets/design-system 0.5.0 → 0.6.1

package/dist/components/ds-tabs/ds-tabs.module.cjs

@@ -1,6 +0,0 @@
-
-//#region src/components/ds-tabs/ds-tabs.module.scss
-var ds_tabs_module_default = { "root": "_root_13s06_1" };
-
-//#endregion
-exports.default = ds_tabs_module_default;

package/dist/components/ds-tabs/ds-tabs.module.js

@@ -1,6 +0,0 @@
-//#region src/components/ds-tabs/ds-tabs.module.scss
-var ds_tabs_module_default = { "root": "_root_13s06_1" };
-
-//#endregion
-export { ds_tabs_module_default as default };
-//# sourceMappingURL=ds-tabs.module.js.map

package/dist/components/ds-tabs/ds-tabs.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-tabs.module.js","names":[],"sources":["../../../src/components/ds-tabs/ds-tabs.module.scss"],"sourcesContent":[".root {\n\tdisplay: flex;\n\twidth: 100%;\n\n\t&[data-orientation='vertical'] {\n\t\tflex-direction: row;\n\t\tgap: var(--spacing-lg);\n\t}\n\n\t&[data-orientation='horizontal'] {\n\t\tflex-direction: column;\n\t\tgap: 0;\n\t}\n}\n"],"mappings":""}

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

@@ -1,91 +0,0 @@
-import { IconType } from "../ds-icon/ds-icon.types.cjs";
-import { CSSProperties, ReactNode } from "react";
-
-//#region src/components/ds-tabs/ds-tabs.types.d.ts
-type DsTabsSize = 'medium' | 'small';
-type DsTabsOrientation = 'horizontal' | 'vertical';
-/**
- * Menu action item configuration
- */
-interface DsTabsMenuActionItem {
-  /** Unique value for the action */
-  value: string;
-  /** Display label */
-  label: string;
-  /** Whether the action is disabled */
-  disabled?: boolean;
-}
-interface DsTabsProps {
-  /** Current active tab value */
-  value?: string;
-  /** Default tab value for uncontrolled mode */
-  defaultValue?: string;
-  /** Callback when tab changes */
-  onValueChange?: (value: string | null) => void;
-  /** Tab orientation */
-  orientation?: DsTabsOrientation;
-  /** Tab size variant */
-  size?: DsTabsSize;
-  /** Custom className */
-  className?: string;
-  /** Custom styles */
-  style?: CSSProperties;
-  /** Children components */
-  children: ReactNode;
-}
-interface DsTabsListProps {
-  /** Custom className */
-  className?: string;
-  /** Custom styles */
-  style?: CSSProperties;
-  /** Children components (DsTabsTab) */
-  children: ReactNode;
-}
-type DsTabsTabBaseProps = {
-  /** Unique value for this tab */
-  value: string;
-  /** Menu action items to display in dropdown */
-  menuActionItems?: DsTabsMenuActionItem[];
-  /** Callback when a menu action is selected */
-  onMenuActionSelect?: (value: string) => void;
-  /** Tooltip text to show on hover */
-  tooltip?: string;
-  /** Disabled state */
-  disabled?: boolean;
-  /** Custom className */
-  className?: string;
-  /** Custom styles */
-  style?: CSSProperties;
-};
-type DsTabsTabProps = DsTabsTabBaseProps & ({
-  /** Custom children (overrides default rendering) */
-  children: ReactNode;
-  /** Tab label text */
-  label?: never;
-  /** Leading icon name (Material Icons) or SVG component */
-  icon?: never;
-  /** Badge count or text */
-  badge?: never;
-} | {
-  /** Custom children (overrides default rendering) */
-  children?: never;
-  /** Tab label text */
-  label?: string;
-  /** Leading icon name (Material Icons) or SVG component */
-  icon?: IconType;
-  /** Badge count or text */
-  badge?: string | number;
-});
-interface DsTabsContentProps {
-  /** Value matching the tab this content belongs to */
-  value: string;
-  /** Custom className */
-  className?: string;
-  /** Custom styles */
-  style?: CSSProperties;
-  /** Content to display */
-  children: ReactNode;
-}
-//#endregion
-export { DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps };
-//# sourceMappingURL=ds-tabs.types.d.cts.map

package/dist/components/ds-tabs/ds-tabs.types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-tabs.types.d.cts","names":[],"sources":["../../../src/components/ds-tabs/ds-tabs.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,UAAA;KACA,iBAAA;AADZ;AACA;AAKA;AASiB,UATA,oBAAA,CASW;EAQb;EAEP,KAAA,EAAA,MAAA;EAIC;EAEE,KAAA,EAAA,MAAA;EAAS;EAGH,QAAA,CAAA,EAAA,OAAe;AAO/B;AAmBW,UA7CK,WAAA,CA6CS;EAAG;EAIf,KAAA,CAAA,EAAA,MAAA;EAcH;EAAQ,YAAA,CAAA,EAAA,MAAA;EAMF;;;gBA7DF;;SAEP;;;;UAIC;;YAEE;;UAGM,eAAA;;;;UAIR;;YAEE;;KAGN,kBAAA;;;;oBAIc;;;;;;;;;;UAUV;;KAGG,cAAA,GAAiB;;YAIf;;;;;;;;;;;;;SAcH;;;;UAMM,kBAAA;;;;;;UAMR;;YAEE"}

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

@@ -1,92 +0,0 @@
-import { IconType } from "../ds-icon/ds-icon.types.js";
-import "../ds-icon/index.js";
-import { CSSProperties, ReactNode } from "react";
-
-//#region src/components/ds-tabs/ds-tabs.types.d.ts
-type DsTabsSize = 'medium' | 'small';
-type DsTabsOrientation = 'horizontal' | 'vertical';
-/**
- * Menu action item configuration
- */
-interface DsTabsMenuActionItem {
-  /** Unique value for the action */
-  value: string;
-  /** Display label */
-  label: string;
-  /** Whether the action is disabled */
-  disabled?: boolean;
-}
-interface DsTabsProps {
-  /** Current active tab value */
-  value?: string;
-  /** Default tab value for uncontrolled mode */
-  defaultValue?: string;
-  /** Callback when tab changes */
-  onValueChange?: (value: string | null) => void;
-  /** Tab orientation */
-  orientation?: DsTabsOrientation;
-  /** Tab size variant */
-  size?: DsTabsSize;
-  /** Custom className */
-  className?: string;
-  /** Custom styles */
-  style?: CSSProperties;
-  /** Children components */
-  children: ReactNode;
-}
-interface DsTabsListProps {
-  /** Custom className */
-  className?: string;
-  /** Custom styles */
-  style?: CSSProperties;
-  /** Children components (DsTabsTab) */
-  children: ReactNode;
-}
-type DsTabsTabBaseProps = {
-  /** Unique value for this tab */
-  value: string;
-  /** Menu action items to display in dropdown */
-  menuActionItems?: DsTabsMenuActionItem[];
-  /** Callback when a menu action is selected */
-  onMenuActionSelect?: (value: string) => void;
-  /** Tooltip text to show on hover */
-  tooltip?: string;
-  /** Disabled state */
-  disabled?: boolean;
-  /** Custom className */
-  className?: string;
-  /** Custom styles */
-  style?: CSSProperties;
-};
-type DsTabsTabProps = DsTabsTabBaseProps & ({
-  /** Custom children (overrides default rendering) */
-  children: ReactNode;
-  /** Tab label text */
-  label?: never;
-  /** Leading icon name (Material Icons) or SVG component */
-  icon?: never;
-  /** Badge count or text */
-  badge?: never;
-} | {
-  /** Custom children (overrides default rendering) */
-  children?: never;
-  /** Tab label text */
-  label?: string;
-  /** Leading icon name (Material Icons) or SVG component */
-  icon?: IconType;
-  /** Badge count or text */
-  badge?: string | number;
-});
-interface DsTabsContentProps {
-  /** Value matching the tab this content belongs to */
-  value: string;
-  /** Custom className */
-  className?: string;
-  /** Custom styles */
-  style?: CSSProperties;
-  /** Content to display */
-  children: ReactNode;
-}
-//#endregion
-export { DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps };
-//# sourceMappingURL=ds-tabs.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-tabs.types.d.ts","names":[],"sources":["../../../src/components/ds-tabs/ds-tabs.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,UAAA;KACA,iBAAA;;AADZ;AACA;AAKiB,UAAA,oBAAA,CAAoB;EASpB;EAQF,KAAA,EAAA,MAAA;EAEP;EAIC,KAAA,EAAA,MAAA;EAEE;EAAS,QAAA,CAAA,EAAA,OAAA;AAGpB;AASK,UA5BY,WAAA,CA4BM;EAiBX;EAAiB,KAAA,CAAA,EAAA,MAAA;EAIf;EAcH,YAAA,CAAA,EAAA,MAAA;EAAQ;EAMF,aAAA,CAAA,EAAA,CAAA,KAAkB,EAAA,MAAA,GAAA,IAM1B,EAAA,GAAA,IAAA;;gBAnEM;;SAEP;;;;UAIC;;YAEE;;UAGM,eAAA;;;;UAIR;;YAEE;;KAGN,kBAAA;;;;oBAIc;;;;;;;;;;UAUV;;KAGG,cAAA,GAAiB;;YAIf;;;;;;;;;;;;;SAcH;;;;UAMM,kBAAA;;;;;;UAMR;;YAEE"}

package/dist/components/ds-tabs/index.cjs

@@ -1 +0,0 @@
-const require_ds_tabs = require('./ds-tabs.cjs');

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

@@ -1,2 +0,0 @@
-import { DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps } from "./ds-tabs.types.js";
-import { DsTabs } from "./ds-tabs.js";

package/dist/components/ds-tabs/index.js

@@ -1 +0,0 @@
-import { DsTabs } from "./ds-tabs.js";

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

@@ -1,254 +0,0 @@
-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

@@ -1,25 +0,0 @@
-import { DsTagProps } from "./ds-tag.types.cjs";
-import * as react_jsx_runtime41 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_runtime41.JSX.Element;
-//#endregion
-export { DsTag };
-//# sourceMappingURL=ds-tag.d.cts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,25 +0,0 @@
-import { DsTagProps } from "./ds-tag.types.js";
-import * as react_jsx_runtime54 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_runtime54.JSX.Element;
-//#endregion
-export { DsTag };
-//# sourceMappingURL=ds-tag.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}