@drivenets/design-system 0.5.0 → 0.6.1

package/dist/components/ds-checkbox/ds-checkbox.js

@@ -1,121 +0,0 @@
-import ds_icon_default from "../ds-icon/ds-icon.js";
-import "../ds-icon/index.js";
-import ds_checkbox_module_default from "./ds-checkbox.module.js";
-import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-
-//#region src/components/ds-checkbox/ds-checkbox.tsx
-/**
-* Design system Checkbox component
-*/
-const DsCheckbox = (t0) => {
-	const $ = c(28);
-	let checked;
-	let className;
-	let defaultChecked;
-	let id;
-	let label;
-	let labelInfo;
-	let onCheckedChange;
-	let props;
-	if ($[0] !== t0) {
-		({id, label, labelInfo, className, checked, defaultChecked, onCheckedChange, ...props} = t0);
-		$[0] = t0;
-		$[1] = checked;
-		$[2] = className;
-		$[3] = defaultChecked;
-		$[4] = id;
-		$[5] = label;
-		$[6] = labelInfo;
-		$[7] = onCheckedChange;
-		$[8] = props;
-	} else {
-		checked = $[1];
-		className = $[2];
-		defaultChecked = $[3];
-		id = $[4];
-		label = $[5];
-		labelInfo = $[6];
-		onCheckedChange = $[7];
-		props = $[8];
-	}
-	const generatedId = useId();
-	const checkboxId = id || generatedId;
-	let t1;
-	if ($[9] !== className) {
-		t1 = classNames(ds_checkbox_module_default.container, className);
-		$[9] = className;
-		$[10] = t1;
-	} else t1 = $[10];
-	const t2 = checked === "indeterminate" ? "check_indeterminate_small" : "check_small";
-	let t3;
-	if ($[11] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: ds_checkbox_module_default.checkboxWrapper,
-			children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
-				className: ds_checkbox_module_default.checkboxIndicator,
-				children: /* @__PURE__ */ jsx(ds_icon_default, {
-					icon: t2,
-					size: "small",
-					variant: "outlined"
-				})
-			})
-		});
-		$[11] = t2;
-		$[12] = t3;
-	} else t3 = $[12];
-	let t4;
-	if ($[13] !== checkboxId || $[14] !== checked || $[15] !== defaultChecked || $[16] !== onCheckedChange || $[17] !== props || $[18] !== t3) {
-		t4 = /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
-			className: ds_checkbox_module_default.checkboxRoot,
-			id: checkboxId,
-			checked,
-			defaultChecked,
-			onCheckedChange,
-			...props,
-			children: t3
-		});
-		$[13] = checkboxId;
-		$[14] = checked;
-		$[15] = defaultChecked;
-		$[16] = onCheckedChange;
-		$[17] = props;
-		$[18] = t3;
-		$[19] = t4;
-	} else t4 = $[19];
-	let t5;
-	if ($[20] !== checkboxId || $[21] !== label || $[22] !== labelInfo) {
-		t5 = label && /* @__PURE__ */ jsxs("label", {
-			className: ds_checkbox_module_default.label,
-			htmlFor: checkboxId,
-			children: [label, labelInfo && /* @__PURE__ */ jsx("div", {
-				className: ds_checkbox_module_default.labelInfo,
-				children: labelInfo
-			})]
-		});
-		$[20] = checkboxId;
-		$[21] = label;
-		$[22] = labelInfo;
-		$[23] = t5;
-	} else t5 = $[23];
-	let t6;
-	if ($[24] !== t1 || $[25] !== t4 || $[26] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: t1,
-			children: [t4, t5]
-		});
-		$[24] = t1;
-		$[25] = t4;
-		$[26] = t5;
-		$[27] = t6;
-	} else t6 = $[27];
-	return t6;
-};
-var ds_checkbox_default = DsCheckbox;
-
-//#endregion
-export { ds_checkbox_default as default };
-//# sourceMappingURL=ds-checkbox.js.map

package/dist/components/ds-checkbox/ds-checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-checkbox.js","names":["React","useId","CheckboxPrimitive","classNames","styles","DsCheckboxProps","DsIcon","DsCheckbox","FC","t0","$","_c","checked","className","defaultChecked","id","label","labelInfo","onCheckedChange","props","generatedId","checkboxId","t1","container","t2","t3","checkboxWrapper","checkboxIndicator","t4","checkboxRoot","t5","t6"],"sources":["../../../src/components/ds-checkbox/ds-checkbox.tsx"],"sourcesContent":["import type React from 'react';\nimport { useId } from 'react';\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport classNames from 'classnames';\nimport styles from './ds-checkbox.module.scss';\nimport type { DsCheckboxProps } from './ds-checkbox.types';\nimport { DsIcon } from '../ds-icon';\n\n/**\n * Design system Checkbox component\n */\nconst DsCheckbox: React.FC<DsCheckboxProps> = ({\n\tid,\n\tlabel,\n\tlabelInfo,\n\tclassName,\n\tchecked,\n\tdefaultChecked,\n\tonCheckedChange,\n\t...props\n}) => {\n\tconst generatedId = useId();\n\tconst checkboxId = id || generatedId;\n\n\treturn (\n\t\t<div className={classNames(styles.container, className)}>\n\t\t\t<CheckboxPrimitive.Root\n\t\t\t\tclassName={styles.checkboxRoot}\n\t\t\t\tid={checkboxId}\n\t\t\t\tchecked={checked}\n\t\t\t\tdefaultChecked={defaultChecked}\n\t\t\t\tonCheckedChange={onCheckedChange}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className={styles.checkboxWrapper}>\n\t\t\t\t\t<CheckboxPrimitive.Indicator className={styles.checkboxIndicator}>\n\t\t\t\t\t\t<DsIcon\n\t\t\t\t\t\t\ticon={checked === 'indeterminate' ? 'check_indeterminate_small' : 'check_small'}\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tvariant=\"outlined\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</CheckboxPrimitive.Indicator>\n\t\t\t\t</div>\n\t\t\t</CheckboxPrimitive.Root>\n\t\t\t{label && (\n\t\t\t\t<label className={styles.label} htmlFor={checkboxId}>\n\t\t\t\t\t{label}\n\t\t\t\t\t{labelInfo && <div className={styles.labelInfo}>{labelInfo}</div>}\n\t\t\t\t</label>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default DsCheckbox;\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAMO,cAAwCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAT,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAM,IAAAC,OAAAC,WAAAJ,WAAAD,SAAAE,gBAAAI,oBAAAC,SAAAV;AAS9CC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;QAAA;AAAAP,YAAAF,EAAA;AAAAG,cAAAH,EAAA;AAAAI,mBAAAJ,EAAA;AAAAK,OAAAL,EAAA;AAAAM,UAAAN,EAAA;AAAAO,cAAAP,EAAA;AAAAQ,oBAAAR,EAAA;AAAAS,UAAAT,EAAA;;CACA,MAAAU,cAAoBnB,OAAO;CAC3B,MAAAoB,aAAmBN,MAAAK;CAAkB,IAAAE;AAAA,KAAAZ,EAAA,OAAAG,WAAA;AAGpBS,OAAAnB,WAAWC,2BAAMmB,WAAYV,UAAU;AAAAH,IAAA,KAAAG;AAAAH,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;CAY5C,MAAAc,KAAAZ,YAAY,kBAAZ,8BAAA;CAAyE,IAAAa;AAAA,KAAAf,EAAA,QAAAc,IAAA;AAHlFC,OAAA,oBAAA;GAAgB,WAAArB,2BAAMsB;aACrB,oBAAA,kBAAA;IAAwC,WAAAtB,2BAAMuB;cAC7C,oBAAC;KACM,MAAAH;KACD,MAAA;KACG,SAAA;MAEV;KACD;IAAM;AAAAd,IAAA,MAAAc;AAAAd,IAAA,MAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAW,cAAAX,EAAA,QAAAE,WAAAF,EAAA,QAAAI,kBAAAJ,EAAA,QAAAQ,mBAAAR,EAAA,QAAAS,SAAAT,EAAA,QAAAe,IAAA;AAhBPG,OAAA,oBAAA,kBAAA;GACY,WAAAxB,2BAAMyB;GACbR,IAAAA;GACKT;GACOE;GACCI;GAAe,GAC5BC;aAEJM;IASwB;AAAAf,IAAA,MAAAW;AAAAX,IAAA,MAAAE;AAAAF,IAAA,MAAAI;AAAAJ,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;AAAAT,IAAA,MAAAe;AAAAf,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAW,cAAAX,EAAA,QAAAM,SAAAN,EAAA,QAAAO,WAAA;AACxBa,OAAAd,SACA,qBAAA;GAAkB,WAAAZ,2BAAMY;GAAiBK,SAAAA;cACvCL,OACAC,aAAa,oBAAA;IAAgB,WAAAb,2BAAMa;cAAaA;KAAe;IAEjE;AAAAP,IAAA,MAAAW;AAAAX,IAAA,MAAAM;AAAAN,IAAA,MAAAO;AAAAP,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAY,MAAAZ,EAAA,QAAAkB,MAAAlB,EAAA,QAAAoB,IAAA;AAxBFC,OAAA,qBAAA;GAAgB,WAAAT;cACfM,IAkBCE;IAMI;AAAApB,IAAA,MAAAY;AAAAZ,IAAA,MAAAkB;AAAAlB,IAAA,MAAAoB;AAAApB,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;AAAA,QAzBNqB;;AA6BF,0BAAexB"}

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

@@ -1,13 +0,0 @@
-
-//#region src/components/ds-checkbox/ds-checkbox.module.scss
-var ds_checkbox_module_default = {
-	"container": "_container_1ohle_1",
-	"labelInfo": "_labelInfo_1ohle_1",
-	"checkboxRoot": "_checkboxRoot_1ohle_1",
-	"checkboxWrapper": "_checkboxWrapper_1ohle_1",
-	"checkboxIndicator": "_checkboxIndicator_1ohle_1",
-	"label": "_label_1ohle_1"
-};
-
-//#endregion
-exports.default = ds_checkbox_module_default;

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

@@ -1,13 +0,0 @@
-//#region src/components/ds-checkbox/ds-checkbox.module.scss
-var ds_checkbox_module_default = {
-	"container": "_container_1ohle_1",
-	"labelInfo": "_labelInfo_1ohle_1",
-	"checkboxRoot": "_checkboxRoot_1ohle_1",
-	"checkboxWrapper": "_checkboxWrapper_1ohle_1",
-	"checkboxIndicator": "_checkboxIndicator_1ohle_1",
-	"label": "_label_1ohle_1"
-};
-
-//#endregion
-export { ds_checkbox_module_default as default };
-//# sourceMappingURL=ds-checkbox.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-checkbox.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-checkbox/ds-checkbox.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/typography';\n\n.container {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\tpadding-right: 1px;\n\tborder: 1px solid transparent;\n\tborder-radius: 4px;\n\n\t&:has([data-disabled]) {\n\t\tcursor: not-allowed;\n\t\tpointer-events: none;\n\n\t\t.labelInfo {\n\t\t\tcolor: var(--color-font-disabled);\n\t\t}\n\t}\n\n\t&:has(.checkboxRoot:focus-visible) {\n\t\tborder-color: var(--color-background-selected);\n\t}\n\n\t&:has([data-state='unchecked']:focus-visible) {\n\t\tborder-color: var(--color-background-selected-hover);\n\t}\n}\n\n.checkboxRoot {\n\tall: unset;\n\tposition: relative;\n\tborder-radius: 2px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.2s ease-in-out;\n\tcursor: pointer;\n\n\t&[data-disabled] {\n\t\tborder-color: var(--color-background-disable);\n\t\tpointer-events: none;\n\n\t\t&[data-state='unchecked'] {\n\t\t\t.checkboxWrapper {\n\t\t\t\tborder-color: var(--color-background-disable);\n\t\t\t}\n\t\t}\n\n\t\t&[data-state='checked'],\n\t\t&[data-state='indeterminate'] {\n\t\t\t.checkboxWrapper {\n\t\t\t\tborder-color: var(--color-background-disable);\n\t\t\t\tbackground-color: var(--color-background-disable);\n\t\t\t}\n\t\t}\n\t}\n\n\t&[data-state='checked'] {\n\t\t.checkboxWrapper {\n\t\t\tborder-color: var(--color-background-selected);\n\t\t\tbackground-color: var(--color-background-selected);\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground: var(--color-background-action-secondary-hover);\n\t\t}\n\t}\n\n\t&[data-state='unchecked'] {\n\t\t.checkboxWrapper {\n\t\t\tborder-color: var(--color-background-deselected);\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground: var(--color-background-action-hover-weak);\n\t\t}\n\t}\n\n\t&[data-state='indeterminate'] {\n\t\t.checkboxWrapper {\n\t\t\tborder-color: var(--color-background-selected);\n\t\t\tbackground-color: var(--color-background-selected);\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground: var(--color-background-action-secondary-hover);\n\t\t}\n\t}\n\n\t.checkboxWrapper {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\theight: 16px;\n\t\twidth: 16px;\n\t\tmargin: var(--spacing-4xs);\n\t\tborder: 2px solid transparent;\n\t\tborder-radius: 2px;\n\t}\n}\n\n.checkboxIndicator {\n\tflex: 1;\n\tcolor: white;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n}\n\n.label {\n\t@include typography.body-sm-reg;\n\tcolor: var(--color-font-main);\n\tcursor: pointer;\n}\n\n.labelInfo {\n\t@include typography.body-xs-reg;\n\t@include typography.ellipsis;\n\tposition: absolute;\n\tcolor: var(--color-font-secondary);\n\tcursor: pointer;\n\twidth: 100%;\n}\n"],"mappings":""}

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

@@ -1,31 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
-import { Root } from "@radix-ui/react-checkbox";
-
-//#region src/components/ds-checkbox/ds-checkbox.types.d.ts
-interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
-  /**
-   * Label for the checkbox
-   */
-  label?: ReactNode;
-  /**
-   * Additional label info for the checkbox
-   */
-  labelInfo?: ReactNode;
-  /**
-   * The controlled checked state of the checkbox
-   */
-  checked?: boolean | 'indeterminate';
-  /**
-   * The default checked state of the checkbox
-   */
-  defaultChecked?: boolean | 'indeterminate';
-  /**
-   * Event handler called when the checked state of the checkbox changes.
-   *
-   * @param checked
-   */
-  onCheckedChange?: (checked: boolean | 'indeterminate') => void;
-}
-//#endregion
-export { DsCheckboxProps };
-//# sourceMappingURL=ds-checkbox.types.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-checkbox.types.d.cts","names":[],"sources":["../../../src/components/ds-checkbox/ds-checkbox.types.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,eAAA,SAAwB,gCAAgC;;AAAzE;;EAIS,KAAA,CAAA,EAAA,SAAA;EAII;;;cAAA"}

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

@@ -1,31 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
-import { Root } from "@radix-ui/react-checkbox";
-
-//#region src/components/ds-checkbox/ds-checkbox.types.d.ts
-interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
-  /**
-   * Label for the checkbox
-   */
-  label?: ReactNode;
-  /**
-   * Additional label info for the checkbox
-   */
-  labelInfo?: ReactNode;
-  /**
-   * The controlled checked state of the checkbox
-   */
-  checked?: boolean | 'indeterminate';
-  /**
-   * The default checked state of the checkbox
-   */
-  defaultChecked?: boolean | 'indeterminate';
-  /**
-   * Event handler called when the checked state of the checkbox changes.
-   *
-   * @param checked
-   */
-  onCheckedChange?: (checked: boolean | 'indeterminate') => void;
-}
-//#endregion
-export { DsCheckboxProps };
-//# sourceMappingURL=ds-checkbox.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-checkbox.types.d.ts","names":[],"sources":["../../../src/components/ds-checkbox/ds-checkbox.types.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,eAAA,SAAwB,gCAAgC;;AAAzE;;EAIS,KAAA,CAAA,EAAA,SAAA;EAII;;;cAAA"}

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

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

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

@@ -1,2 +0,0 @@
-import { DsCheckboxProps } from "./ds-checkbox.types.js";
-import { DsCheckbox } from "./ds-checkbox.js";

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

@@ -1 +0,0 @@
-import ds_checkbox_default from "./ds-checkbox.js";

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

@@ -1,131 +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_chip_module = require('./ds-chip.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");
-
-//#region src/components/ds-chip/ds-chip.tsx
-/**
-* @deprecated This component is deprecated. Use `DsTag` instead.
-* @see {@link ../ds-tag} for the replacement component.
-*/
-const DsChip = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(29);
-	const { ref, label, className, style: t1, onClick, onDelete, size: t2, deleteIcon, selected: t3 } = t0;
-	let t4;
-	if ($[0] !== t1) {
-		t4 = t1 === void 0 ? {} : t1;
-		$[0] = t1;
-		$[1] = t4;
-	} else t4 = $[1];
-	const style = t4;
-	const size = t2 === void 0 ? "medium" : t2;
-	const selected = t3 === void 0 ? false : t3;
-	const t5 = onClick !== void 0;
-	const t6 = size === "small";
-	let t7;
-	if ($[2] !== className || $[3] !== t5 || $[4] !== t6) {
-		t7 = (0, classnames.default)(require_ds_chip_module.default.chip, {
-			[require_ds_chip_module.default.clickable]: t5,
-			[require_ds_chip_module.default.small]: t6
-		}, className);
-		$[2] = className;
-		$[3] = t5;
-		$[4] = t6;
-		$[5] = t7;
-	} else t7 = $[5];
-	const chipClass = t7;
-	let t8;
-	if ($[6] !== onDelete) {
-		t8 = (event) => {
-			event.stopPropagation();
-			onDelete?.(event);
-		};
-		$[6] = onDelete;
-		$[7] = t8;
-	} else t8 = $[7];
-	const handleDeleteClick = t8;
-	let t9;
-	if ($[8] !== onDelete) {
-		t9 = (event_0) => {
-			if (onDelete && (event_0.key === "Backspace" || event_0.key === "Delete")) {
-				event_0.preventDefault();
-				onDelete(event_0);
-			}
-		};
-		$[8] = onDelete;
-		$[9] = t9;
-	} else t9 = $[9];
-	const handleKeyDown = t9;
-	const t10 = ref;
-	const t11 = onClick || onDelete ? "button" : void 0;
-	const t12 = onClick || onDelete ? 0 : void 0;
-	const t13 = onClick && selected ? "true" : void 0;
-	const t14 = size === "small" ? "body-xs-reg" : "body-sm-reg";
-	let t15;
-	if ($[10] !== label || $[11] !== t14) {
-		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
-			variant: t14,
-			className: require_ds_chip_module.default.label,
-			children: label
-		});
-		$[10] = label;
-		$[11] = t14;
-		$[12] = t15;
-	} else t15 = $[12];
-	let t16;
-	if ($[13] !== deleteIcon || $[14] !== handleDeleteClick || $[15] !== onDelete) {
-		t16 = onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			type: "button",
-			className: require_ds_chip_module.default.deleteButton,
-			onClick: handleDeleteClick,
-			"aria-label": "Delete chip",
-			tabIndex: -1,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-				icon: deleteIcon || "cancel",
-				size: "tiny"
-			})
-		});
-		$[13] = deleteIcon;
-		$[14] = handleDeleteClick;
-		$[15] = onDelete;
-		$[16] = t16;
-	} else t16 = $[16];
-	let t17;
-	if ($[17] !== chipClass || $[18] !== handleKeyDown || $[19] !== label || $[20] !== onClick || $[21] !== style || $[22] !== t10 || $[23] !== t11 || $[24] !== t12 || $[25] !== t13 || $[26] !== t15 || $[27] !== t16) {
-		t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			ref: t10,
-			className: chipClass,
-			style,
-			onClick,
-			onKeyDown: handleKeyDown,
-			role: t11,
-			tabIndex: t12,
-			"aria-label": label,
-			"aria-pressed": t13,
-			children: [t15, t16]
-		});
-		$[17] = chipClass;
-		$[18] = handleKeyDown;
-		$[19] = label;
-		$[20] = onClick;
-		$[21] = style;
-		$[22] = t10;
-		$[23] = t11;
-		$[24] = t12;
-		$[25] = t13;
-		$[26] = t15;
-		$[27] = t16;
-		$[28] = t17;
-	} else t17 = $[28];
-	return t17;
-};
-var ds_chip_default = DsChip;
-
-//#endregion
-exports.default = ds_chip_default;

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

@@ -1,13 +0,0 @@
-import { DsChipProps } from "./ds-chip.types.cjs";
-import React from "react";
-
-//#region src/components/ds-chip/ds-chip.d.ts
-
-/**
- * @deprecated This component is deprecated. Use `DsTag` instead.
- * @see {@link ../ds-tag} for the replacement component.
- */
-declare const DsChip: React.FC<DsChipProps>;
-//#endregion
-export { DsChip };
-//# sourceMappingURL=ds-chip.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-chip.d.cts","names":[],"sources":["../../../src/components/ds-chip/ds-chip.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAGmD;;cAQ7C,QAAQ,KAAA,CAAM,GAAG"}

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

@@ -1,13 +0,0 @@
-import { DsChipProps } from "./ds-chip.types.js";
-import React from "react";
-
-//#region src/components/ds-chip/ds-chip.d.ts
-
-/**
- * @deprecated This component is deprecated. Use `DsTag` instead.
- * @see {@link ../ds-tag} for the replacement component.
- */
-declare const DsChip: React.FC<DsChipProps>;
-//#endregion
-export { DsChip };
-//# sourceMappingURL=ds-chip.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-chip.d.ts","names":[],"sources":["../../../src/components/ds-chip/ds-chip.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAGmD;;cAQ7C,QAAQ,KAAA,CAAM,GAAG"}

package/dist/components/ds-chip/ds-chip.js

@@ -1,130 +0,0 @@
-import ds_icon_default from "../ds-icon/ds-icon.js";
-import "../ds-icon/index.js";
-import ds_typography_default from "../ds-typography/ds-typography.js";
-import "../ds-typography/index.js";
-import ds_chip_module_default from "./ds-chip.module.js";
-import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/ds-chip/ds-chip.tsx
-/**
-* @deprecated This component is deprecated. Use `DsTag` instead.
-* @see {@link ../ds-tag} for the replacement component.
-*/
-const DsChip = (t0) => {
-	const $ = c(29);
-	const { ref, label, className, style: t1, onClick, onDelete, size: t2, deleteIcon, selected: t3 } = t0;
-	let t4;
-	if ($[0] !== t1) {
-		t4 = t1 === void 0 ? {} : t1;
-		$[0] = t1;
-		$[1] = t4;
-	} else t4 = $[1];
-	const style = t4;
-	const size = t2 === void 0 ? "medium" : t2;
-	const selected = t3 === void 0 ? false : t3;
-	const t5 = onClick !== void 0;
-	const t6 = size === "small";
-	let t7;
-	if ($[2] !== className || $[3] !== t5 || $[4] !== t6) {
-		t7 = classNames(ds_chip_module_default.chip, {
-			[ds_chip_module_default.clickable]: t5,
-			[ds_chip_module_default.small]: t6
-		}, className);
-		$[2] = className;
-		$[3] = t5;
-		$[4] = t6;
-		$[5] = t7;
-	} else t7 = $[5];
-	const chipClass = t7;
-	let t8;
-	if ($[6] !== onDelete) {
-		t8 = (event) => {
-			event.stopPropagation();
-			onDelete?.(event);
-		};
-		$[6] = onDelete;
-		$[7] = t8;
-	} else t8 = $[7];
-	const handleDeleteClick = t8;
-	let t9;
-	if ($[8] !== onDelete) {
-		t9 = (event_0) => {
-			if (onDelete && (event_0.key === "Backspace" || event_0.key === "Delete")) {
-				event_0.preventDefault();
-				onDelete(event_0);
-			}
-		};
-		$[8] = onDelete;
-		$[9] = t9;
-	} else t9 = $[9];
-	const handleKeyDown = t9;
-	const t10 = ref;
-	const t11 = onClick || onDelete ? "button" : void 0;
-	const t12 = onClick || onDelete ? 0 : void 0;
-	const t13 = onClick && selected ? "true" : void 0;
-	const t14 = size === "small" ? "body-xs-reg" : "body-sm-reg";
-	let t15;
-	if ($[10] !== label || $[11] !== t14) {
-		t15 = /* @__PURE__ */ jsx(ds_typography_default, {
-			variant: t14,
-			className: ds_chip_module_default.label,
-			children: label
-		});
-		$[10] = label;
-		$[11] = t14;
-		$[12] = t15;
-	} else t15 = $[12];
-	let t16;
-	if ($[13] !== deleteIcon || $[14] !== handleDeleteClick || $[15] !== onDelete) {
-		t16 = onDelete && /* @__PURE__ */ jsx("button", {
-			type: "button",
-			className: ds_chip_module_default.deleteButton,
-			onClick: handleDeleteClick,
-			"aria-label": "Delete chip",
-			tabIndex: -1,
-			children: /* @__PURE__ */ jsx(ds_icon_default, {
-				icon: deleteIcon || "cancel",
-				size: "tiny"
-			})
-		});
-		$[13] = deleteIcon;
-		$[14] = handleDeleteClick;
-		$[15] = onDelete;
-		$[16] = t16;
-	} else t16 = $[16];
-	let t17;
-	if ($[17] !== chipClass || $[18] !== handleKeyDown || $[19] !== label || $[20] !== onClick || $[21] !== style || $[22] !== t10 || $[23] !== t11 || $[24] !== t12 || $[25] !== t13 || $[26] !== t15 || $[27] !== t16) {
-		t17 = /* @__PURE__ */ jsxs("div", {
-			ref: t10,
-			className: chipClass,
-			style,
-			onClick,
-			onKeyDown: handleKeyDown,
-			role: t11,
-			tabIndex: t12,
-			"aria-label": label,
-			"aria-pressed": t13,
-			children: [t15, t16]
-		});
-		$[17] = chipClass;
-		$[18] = handleKeyDown;
-		$[19] = label;
-		$[20] = onClick;
-		$[21] = style;
-		$[22] = t10;
-		$[23] = t11;
-		$[24] = t12;
-		$[25] = t13;
-		$[26] = t15;
-		$[27] = t16;
-		$[28] = t17;
-	} else t17 = $[28];
-	return t17;
-};
-var ds_chip_default = DsChip;
-
-//#endregion
-export { ds_chip_default as default };
-//# sourceMappingURL=ds-chip.js.map

package/dist/components/ds-chip/ds-chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-chip.js","names":["React","classNames","styles","DsChipProps","DsIcon","DsTypography","DsChip","FC","t0","$","_c","ref","label","className","style","t1","onClick","onDelete","size","t2","deleteIcon","selected","t3","t4","undefined","t5","t6","t7","chip","clickable","small","chipClass","t8","event","stopPropagation","handleDeleteClick","t9","event_0","key","preventDefault","handleKeyDown","t10","Ref","HTMLDivElement","t11","t12","t13","t14","t15","t16","deleteButton","t17"],"sources":["../../../src/components/ds-chip/ds-chip.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-chip.module.scss';\nimport type { DsChipProps } from './ds-chip.types';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * @deprecated This component is deprecated. Use `DsTag` instead.\n * @see {@link ../ds-tag} for the replacement component.\n */\nconst DsChip: React.FC<DsChipProps> = ({\n\tref,\n\tlabel,\n\tclassName,\n\tstyle = {},\n\tonClick,\n\tonDelete,\n\tsize = 'medium',\n\tdeleteIcon,\n\tselected = false,\n}) => {\n\tconst chipClass = classNames(\n\t\tstyles.chip,\n\t\t{\n\t\t\t[styles.clickable]: onClick !== undefined,\n\t\t\t[styles.small]: size === 'small',\n\t\t},\n\t\tclassName,\n\t);\n\n\tconst handleDeleteClick = (event: React.MouseEvent<HTMLElement>) => {\n\t\tevent.stopPropagation();\n\t\tonDelete?.(event);\n\t};\n\n\tconst handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n\t\tif (onDelete && (event.key === 'Backspace' || event.key === 'Delete')) {\n\t\t\tevent.preventDefault();\n\t\t\tonDelete(event);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={ref as React.Ref<HTMLDivElement>}\n\t\t\tclassName={chipClass}\n\t\t\tstyle={style}\n\t\t\tonClick={onClick}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\trole={onClick || onDelete ? 'button' : undefined}\n\t\t\ttabIndex={onClick || onDelete ? 0 : undefined}\n\t\t\taria-label={label}\n\t\t\taria-pressed={onClick && selected ? 'true' : undefined}\n\t\t>\n\t\t\t<DsTypography variant={size === 'small' ? 'body-xs-reg' : 'body-sm-reg'} className={styles.label}>\n\t\t\t\t{label}\n\t\t\t</DsTypography>\n\t\t\t{onDelete && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName={styles.deleteButton}\n\t\t\t\t\tonClick={handleDeleteClick}\n\t\t\t\t\taria-label=\"Delete chip\"\n\t\t\t\t\ttabIndex={-1}\n\t\t\t\t>\n\t\t\t\t\t<DsIcon icon={deleteIcon || 'cancel'} size=\"tiny\" />\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default DsChip;\n"],"mappings":"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"}

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

@@ -1,12 +0,0 @@
-
-//#region src/components/ds-chip/ds-chip.module.scss
-var ds_chip_module_default = {
-	"chip": "_chip_1mzbj_1",
-	"clickable": "_clickable_1mzbj_1",
-	"small": "_small_1mzbj_1",
-	"label": "_label_1mzbj_1",
-	"deleteButton": "_deleteButton_1mzbj_1"
-};
-
-//#endregion
-exports.default = ds_chip_module_default;

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

@@ -1,12 +0,0 @@
-//#region src/components/ds-chip/ds-chip.module.scss
-var ds_chip_module_default = {
-	"chip": "_chip_1mzbj_1",
-	"clickable": "_clickable_1mzbj_1",
-	"small": "_small_1mzbj_1",
-	"label": "_label_1mzbj_1",
-	"deleteButton": "_deleteButton_1mzbj_1"
-};
-
-//#endregion
-export { ds_chip_module_default as default };
-//# sourceMappingURL=ds-chip.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-chip.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-chip/ds-chip.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/typography';\n\n.chip {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--spacing-3xs);\n\tpadding: 1px var(--spacing-3xs) 1px var(--spacing-xs);\n\tbackground: var(--color-background);\n\tborder: 1px solid var(--color-border-contrast);\n\tborder-radius: 100vmax;\n\tcolor: var(--color-font-main);\n\tcursor: default;\n\toverflow: hidden;\n\ttransition:\n\t\tbackground-color 0.2s,\n\t\tborder-color 0.2s,\n\t\tcolor 0.2s;\n\n\t&.clickable {\n\t\tcursor: pointer;\n\n\t\t&:hover {\n\t\t\tbackground: var(--color-background-action-hover-weak);\n\t\t\tborder-color: var(--color-border-action-secondary-hover);\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\toutline: 2px solid var(--color-background-selected);\n\t\t\toutline-offset: 2px;\n\t\t}\n\t}\n\n\t&.small {\n\t\tpadding: 0 var(--spacing-4xs) 0 var(--spacing-3xs);\n\t\tgap: var(--spacing-4xs);\n\t}\n\n\t&[aria-pressed='true'] {\n\t\tbackground: var(--color-background-selected-weak);\n\t\tborder-color: var(--color-border-action-primary);\n\t\tcolor: var(--color-font-action);\n\t}\n}\n\n.label {\n\t@include typography.ellipsis;\n\tpadding: var(--spacing-4xs) var(--spacing-3xs);\n\tflex: 1;\n}\n\n.deleteButton {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: none;\n\tbackground: transparent;\n\tcolor: var(--color-icon-information-main);\n\tcursor: pointer;\n\ttransition:\n\t\tbackground-color 0.2s,\n\t\tcolor 0.2s;\n\tflex-shrink: 0;\n\n\t&:hover {\n\t\tcolor: var(--color-icon-secondary);\n\t}\n\n\t.chip.small & {\n\t\tpadding: 1px var(--spacing-4xs);\n\t}\n}\n"],"mappings":""}

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

@@ -1,62 +0,0 @@
-import { IconType } from "../ds-icon/ds-icon.types.cjs";
-import { CSSProperties, KeyboardEvent, MouseEvent, Ref } from "react";
-
-//#region src/components/ds-chip/ds-chip.types.d.ts
-
-/**
- * @deprecated This type is deprecated. Use `DsTag` instead.
- * @see {@link ../ds-tag} for the replacement component.
- */
-declare const chipSizes: readonly ["medium", "small"];
-/**
- * @deprecated This type is deprecated. Use `DsTag` instead.
- * @see {@link ../ds-tag} for the replacement component.
- */
-type ChipSize = (typeof chipSizes)[number];
-/**
- * @deprecated This interface is deprecated. Use `DsTagProps` from `ds-tag` instead.
- * @see {@link ../ds-tag/ds-tag.types} for the replacement interface.
- */
-interface DsChipProps {
-  /**
-   * Ref to the chip element
-   */
-  ref?: Ref<HTMLElement>;
-  /**
-   * The label text to display in the chip
-   */
-  label: string;
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-  /**
-   * Additional styles to apply to the component
-   */
-  style?: CSSProperties;
-  /**
-   * Optional click handler
-   */
-  onClick?: (event: MouseEvent<HTMLElement>) => void;
-  /**
-   * Callback function when delete icon is clicked
-   */
-  onDelete?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
-  /**
-   * Size of the chip
-   * @default 'medium'
-   */
-  size?: ChipSize;
-  /**
-   * Custom delete icon element
-   */
-  deleteIcon?: IconType;
-  /**
-   * Whether the chip is in a selected/pressed state
-   * @default false
-   */
-  selected?: boolean;
-}
-//#endregion
-export { ChipSize, DsChipProps };
-//# sourceMappingURL=ds-chip.types.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-chip.types.d.cts","names":[],"sources":["../../../src/components/ds-chip/ds-chip.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAOA;AAMA;AAMiB,cAZJ,SAYe,EAAA,SAAA,CAAA,QAAA,EAAA,OAAA,CAAA;;;;;AAoBT,KA1BP,QAAA,GA0BO,CAAA,OA1BY,SA0BZ,CAAA,CAAA,MAAA,CAAA;;;;;AASX,UA7BS,WAAA,CA6BT;EAIM;;;QA7BP,IAAI;;;;;;;;;;;;UAYF;;;;oBAIU,WAAW;;;;qBAIV,WAAW,eAAe,cAAc;;;;;SAKpD;;;;eAIM"}