@drivenets/design-system 0.0.2 → 0.0.4

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

@@ -0,0 +1,12 @@
+import { DsButtonProps } from "./versions/ds-button-legacy/ds-button-legacy.types.cjs";
+import { DsButtonProps as DsButtonProps$1 } from "./versions/ds-button-new/ds-button-new.types.cjs";
+
+//#region src/components/ds-button/ds-button.types.d.ts
+type DsButtonUnifiedProps = (DsButtonProps & {
+  design?: undefined | 'legacy';
+}) | (DsButtonProps$1 & {
+  design: 'v1.2';
+});
+//#endregion
+export { DsButtonUnifiedProps };
+//# sourceMappingURL=ds-button.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button.types.d.cts","names":[],"sources":["../../../src/components/ds-button/ds-button.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,oBAAA,IACR;;AADJ,CAAA,CAAA,GAAY,CAER,eAFQ,GAAA"}

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

@@ -0,0 +1,12 @@
+import { DsButtonProps } from "./versions/ds-button-legacy/ds-button-legacy.types.js";
+import { DsButtonProps as DsButtonProps$1 } from "./versions/ds-button-new/ds-button-new.types.js";
+
+//#region src/components/ds-button/ds-button.types.d.ts
+type DsButtonUnifiedProps = (DsButtonProps & {
+  design?: undefined | 'legacy';
+}) | (DsButtonProps$1 & {
+  design: 'v1.2';
+});
+//#endregion
+export { DsButtonUnifiedProps };
+//# sourceMappingURL=ds-button.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button.types.d.ts","names":[],"sources":["../../../src/components/ds-button/ds-button.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,oBAAA,IACR;;AADJ,CAAA,CAAA,GAAY,CAER,eAFQ,GAAA"}

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

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

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

@@ -0,0 +1,2 @@
+import { DsButtonUnifiedProps } from "./ds-button.types.js";
+import { DsButton } from "./ds-button.js";

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

@@ -0,0 +1 @@
+import ds_button_default from "./ds-button.js";

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.cjs

@@ -0,0 +1,95 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_ds_button_legacy_module = require('./ds-button-legacy.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-button/versions/ds-button-legacy/ds-button-legacy.tsx
+/**
+* Design system Button component
+*/
+const DsButton = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(24);
+	let children;
+	let className;
+	let contentClassName;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({schema: t1, variant: t2, size: t3, disabled: t4, className, contentClassName, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = contentClassName;
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else {
+		children = $[1];
+		className = $[2];
+		contentClassName = $[3];
+		props = $[4];
+		t1 = $[5];
+		t2 = $[6];
+		t3 = $[7];
+		t4 = $[8];
+	}
+	const schema = t1 === void 0 ? "primary" : t1;
+	const variant = t2 === void 0 ? "filled" : t2;
+	const size = t3 === void 0 ? "medium" : t3;
+	const disabled = t4 === void 0 ? false : t4;
+	const t5 = require_ds_button_legacy_module.default[`${schema}-${variant}`];
+	const t6 = require_ds_button_legacy_module.default[size];
+	let t7;
+	if ($[9] !== className || $[10] !== disabled || $[11] !== t5 || $[12] !== t6) {
+		t7 = (0, classnames.default)(require_ds_button_legacy_module.default.button, t5, t6, { [require_ds_button_legacy_module.default.disabled]: disabled }, className);
+		$[9] = className;
+		$[10] = disabled;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	const buttonClass = t7;
+	let t8;
+	if ($[14] !== contentClassName) {
+		t8 = (0, classnames.default)(require_ds_button_legacy_module.default.content, contentClassName);
+		$[14] = contentClassName;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== children || $[17] !== t8) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: t8,
+			children
+		});
+		$[16] = children;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== buttonClass || $[20] !== disabled || $[21] !== props || $[22] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: buttonClass,
+			disabled,
+			...props,
+			children: t9
+		});
+		$[19] = buttonClass;
+		$[20] = disabled;
+		$[21] = props;
+		$[22] = t9;
+		$[23] = t10;
+	} else t10 = $[23];
+	return t10;
+};
+var ds_button_legacy_default = DsButton;
+
+//#endregion
+exports.default = ds_button_legacy_default;

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.js

@@ -0,0 +1,94 @@
+import ds_button_legacy_module_default from "./ds-button-legacy.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.tsx
+/**
+* Design system Button component
+*/
+const DsButton = (t0) => {
+	const $ = c(24);
+	let children;
+	let className;
+	let contentClassName;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== t0) {
+		({schema: t1, variant: t2, size: t3, disabled: t4, className, contentClassName, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = contentClassName;
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else {
+		children = $[1];
+		className = $[2];
+		contentClassName = $[3];
+		props = $[4];
+		t1 = $[5];
+		t2 = $[6];
+		t3 = $[7];
+		t4 = $[8];
+	}
+	const schema = t1 === void 0 ? "primary" : t1;
+	const variant = t2 === void 0 ? "filled" : t2;
+	const size = t3 === void 0 ? "medium" : t3;
+	const disabled = t4 === void 0 ? false : t4;
+	const t5 = ds_button_legacy_module_default[`${schema}-${variant}`];
+	const t6 = ds_button_legacy_module_default[size];
+	let t7;
+	if ($[9] !== className || $[10] !== disabled || $[11] !== t5 || $[12] !== t6) {
+		t7 = classNames(ds_button_legacy_module_default.button, t5, t6, { [ds_button_legacy_module_default.disabled]: disabled }, className);
+		$[9] = className;
+		$[10] = disabled;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	const buttonClass = t7;
+	let t8;
+	if ($[14] !== contentClassName) {
+		t8 = classNames(ds_button_legacy_module_default.content, contentClassName);
+		$[14] = contentClassName;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== children || $[17] !== t8) {
+		t9 = /* @__PURE__ */ jsx("span", {
+			className: t8,
+			children
+		});
+		$[16] = children;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== buttonClass || $[20] !== disabled || $[21] !== props || $[22] !== t9) {
+		t10 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: buttonClass,
+			disabled,
+			...props,
+			children: t9
+		});
+		$[19] = buttonClass;
+		$[20] = disabled;
+		$[21] = props;
+		$[22] = t9;
+		$[23] = t10;
+	} else t10 = $[23];
+	return t10;
+};
+var ds_button_legacy_default = DsButton;
+
+//#endregion
+export { ds_button_legacy_default as default };
+//# sourceMappingURL=ds-button-legacy.js.map

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button-legacy.js","names":["classNames","React","styles","DsButtonProps","DsButton","FC","t0","$","_c","children","className","contentClassName","props","t1","t2","t3","t4","schema","variant","size","disabled","undefined","t5","t6","t7","button","buttonClass","t8","content","t9","t10"],"sources":["../../../../../src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type React from 'react';\nimport styles from './ds-button-legacy.module.scss';\nimport type { DsButtonProps } from './ds-button-legacy.types';\n\n/**\n * Design system Button component\n */\nconst DsButton: React.FC<DsButtonProps> = ({\n\tschema = 'primary',\n\tvariant = 'filled',\n\tsize = 'medium',\n\tdisabled = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n\t...props\n}) => {\n\tconst buttonClass = classNames(\n\t\tstyles.button,\n\t\tstyles[`${schema}-${variant}`],\n\t\tstyles[size],\n\t\t{ [styles.disabled]: disabled },\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<button type=\"button\" className={buttonClass} disabled={disabled} {...props}>\n\t\t\t<span className={classNames(styles.content, contentClassName)}>{children}</span>\n\t\t</button>\n\t);\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;;;AAQA,MAAMI,YAAoCE,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,CAAAW,QAAAJ,IAAAK,SAAAJ,IAAAK,MAAAJ,IAAAK,UAAAJ,IAAAN,WAAAC,kBAAAF,aAAAG,SAAAN;AAS1CC,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,aAAAF,EAAA;AAAAG,cAAAH,EAAA;AAAAI,qBAAAJ,EAAA;AAAAK,UAAAL,EAAA;AAAAM,OAAAN,EAAA;AAAAO,OAAAP,EAAA;AAAAQ,OAAAR,EAAA;AAAAS,OAAAT,EAAA;;CARA,MAAAU,SAAAJ,OAAAQ,SAAA,YAAAR;CACA,MAAAK,UAAAJ,OAAAO,SAAA,WAAAP;CACA,MAAAK,OAAAJ,OAAAM,SAAA,WAAAN;CACA,MAAAK,WAAAJ,OAAAK,SAAA,QAAAL;CAQC,MAAAM,KAAApB,gCAAO,GAAGe,OAAM,GAAIC;CACpB,MAAAK,KAAArB,gCAAOiB;CAAK,IAAAK;AAAA,KAAAjB,EAAA,OAAAG,aAAAH,EAAA,QAAAa,YAAAb,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,IAAA;AAHOC,OAAAxB,WACnBE,gCAAMuB,QACNH,IACAC,IACA,GAAGrB,gCAAMkB,WAAYA,UAAU,EAC/BV,UACA;AAAAH,IAAA,KAAAG;AAAAH,IAAA,MAAAa;AAAAb,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAND,MAAAmB,cAAoBF;CAMlB,IAAAG;AAAA,KAAApB,EAAA,QAAAI,kBAAA;AAIiBgB,OAAA3B,WAAWE,gCAAM0B,SAAUjB,iBAAiB;AAAAJ,IAAA,MAAAI;AAAAJ,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAE,YAAAF,EAAA,QAAAoB,IAAA;AAA7DE,OAAA,oBAAA;GAAiB,WAAAF;GAA+ClB;IAAgB;AAAAF,IAAA,MAAAE;AAAAF,IAAA,MAAAoB;AAAApB,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;CAAA,IAAAuB;AAAA,KAAAvB,EAAA,QAAAmB,eAAAnB,EAAA,QAAAa,YAAAb,EAAA,QAAAK,SAAAL,EAAA,QAAAsB,IAAA;AADjFC,QAAA,oBAAA;GAAa,MAAA;GAAoBJ,WAAAA;GAAuBN;GAAQ,GAAMR;aACrEiB;IACQ;AAAAtB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAa;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAAsB;AAAAtB,IAAA,MAAAuB;OAAAA,OAAAvB,EAAA;AAAA,QAFTuB;;AAMF,+BAAe1B"}

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.cjs

@@ -0,0 +1,27 @@
+
+//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.scss
+var ds_button_legacy_module_default = {
+	"button": "_button_c7rg5_1",
+	"content": "_content_c7rg5_1",
+	"small": "_small_c7rg5_1",
+	"medium": "_medium_c7rg5_1",
+	"large": "_large_c7rg5_1",
+	"primary-filled": "_primary-filled_c7rg5_1",
+	"primary-ghost": "_primary-ghost_c7rg5_1",
+	"primary-borderless": "_primary-borderless_c7rg5_1",
+	"primary-round": "_primary-round_c7rg5_1",
+	"primary-dashed": "_primary-dashed_c7rg5_1",
+	"secondary-filled": "_secondary-filled_c7rg5_1",
+	"secondary-ghost": "_secondary-ghost_c7rg5_1",
+	"secondary-borderless": "_secondary-borderless_c7rg5_1",
+	"secondary-round": "_secondary-round_c7rg5_1",
+	"secondary-dashed": "_secondary-dashed_c7rg5_1",
+	"error-filled": "_error-filled_c7rg5_1",
+	"error-ghost": "_error-ghost_c7rg5_1",
+	"error-borderless": "_error-borderless_c7rg5_1",
+	"error-round": "_error-round_c7rg5_1",
+	"error-dashed": "_error-dashed_c7rg5_1"
+};
+
+//#endregion
+exports.default = ds_button_legacy_module_default;

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.js

@@ -0,0 +1,27 @@
+//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.scss
+var ds_button_legacy_module_default = {
+	"button": "_button_c7rg5_1",
+	"content": "_content_c7rg5_1",
+	"small": "_small_c7rg5_1",
+	"medium": "_medium_c7rg5_1",
+	"large": "_large_c7rg5_1",
+	"primary-filled": "_primary-filled_c7rg5_1",
+	"primary-ghost": "_primary-ghost_c7rg5_1",
+	"primary-borderless": "_primary-borderless_c7rg5_1",
+	"primary-round": "_primary-round_c7rg5_1",
+	"primary-dashed": "_primary-dashed_c7rg5_1",
+	"secondary-filled": "_secondary-filled_c7rg5_1",
+	"secondary-ghost": "_secondary-ghost_c7rg5_1",
+	"secondary-borderless": "_secondary-borderless_c7rg5_1",
+	"secondary-round": "_secondary-round_c7rg5_1",
+	"secondary-dashed": "_secondary-dashed_c7rg5_1",
+	"error-filled": "_error-filled_c7rg5_1",
+	"error-ghost": "_error-ghost_c7rg5_1",
+	"error-borderless": "_error-borderless_c7rg5_1",
+	"error-round": "_error-round_c7rg5_1",
+	"error-dashed": "_error-dashed_c7rg5_1"
+};
+
+//#endregion
+export { ds_button_legacy_module_default as default };
+//# sourceMappingURL=ds-button-legacy.module.js.map

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button-legacy.module.js","names":[],"sources":["../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.module.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_variables.scss"],"sourcesContent":["@use '../../../../styles/typography';\n\n$color-primary-default: var(--action-cta1);\n$color-primary-hover: var(--action-hover-light);\n$color-primary-active: var(--action-active-light);\n$color-primary-disabled: var(--action-disabled);\n\n$color-secondary-default: var(--action-cta3);\n$color-secondary-hover: var(--neutral-4);\n$color-secondary-disabled: var(--action-disabled);\n\n$color-error-default: var(--system-status-error);\n$color-error-hover: var(--utility-error);\n$color-error-active: var(--utility-error);\n$color-error-disabled: var(--action-disabled);\n\n$color-white: var(--white);\n$color-neutral-6: var(--utility-disabled);\n$color-neutral-4: var(--neutral-4);\n\n@mixin button-filled($background, $hover, $active, $disabled) {\n\tbackground: $background;\n\tcolor: $color-white;\n\n\t&:disabled {\n\t\tcolor: $color-neutral-6;\n\t\tbackground: $disabled;\n\t}\n}\n\n@mixin button-ghost($color, $hover, $active, $disabled) {\n\tborder: 2px solid $color;\n\tcolor: $color;\n\n\t&:disabled {\n\t\tcolor: $disabled;\n\t\tborder-color: $disabled;\n\t}\n}\n\n@mixin button-borderless($color, $hover, $active, $disabled) {\n\tcolor: $color;\n\tborder: none;\n\n\t&.content {\n\t\tgap: 4px;\n\t}\n\n\t&:hover {\n\t\tcolor: $hover;\n\t}\n\n\t&:active {\n\t\tcolor: $active;\n\t}\n\n\t&:disabled {\n\t\tcolor: $disabled;\n\t}\n}\n\n@mixin button-round($background, $hover, $active, $disabled) {\n\t@include button-filled($background, $hover, $active, $disabled);\n\tborder-radius: 32px;\n}\n\n.button {\n\t@include typography.regular;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 4px;\n\twhite-space: nowrap;\n\tcursor: pointer;\n\tborder: none;\n\tpadding: 0;\n\tfont: inherit;\n\tbackground: none;\n\n\t&:disabled {\n\t\tcursor: not-allowed;\n\t}\n\n\t&:not(:disabled) {\n\t\tcursor: pointer;\n\t}\n\n\t.content {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 8px;\n\t}\n\n\t&.small {\n\t\t@include typography.p-base;\n\t\tpadding: 6px 12px;\n\n\t\t.content {\n\t\t\tgap: 6px;\n\t\t}\n\t}\n\n\t&.medium {\n\t\t@include typography.p-base;\n\t\t@include typography.medium;\n\t\tpadding: 12px;\n\n\t\t.content {\n\t\t\tgap: 9px;\n\t\t}\n\t}\n\n\t&.large {\n\t\t@include typography.p-base;\n\t\t@include typography.medium;\n\t\tpadding: 14px 12px;\n\t}\n\n\t&.primary-filled {\n\t\t@include button-filled(\n\t\t\t$color-primary-default,\n\t\t\t$color-primary-hover,\n\t\t\t$color-primary-active,\n\t\t\t$color-primary-disabled\n\t\t);\n\t}\n\n\t&.primary-ghost {\n\t\t@include button-ghost(\n\t\t\t$color-primary-default,\n\t\t\t$color-primary-hover,\n\t\t\t$color-primary-active,\n\t\t\t$color-neutral-4\n\t\t);\n\t}\n\n\t&.primary-borderless {\n\t\t@include button-borderless(\n\t\t\t$color-primary-default,\n\t\t\t$color-primary-hover,\n\t\t\t$color-primary-active,\n\t\t\t$color-primary-disabled\n\t\t);\n\t}\n\n\t&.primary-round {\n\t\t@include button-round(\n\t\t\t$color-primary-default,\n\t\t\t$color-primary-hover,\n\t\t\t$color-primary-active,\n\t\t\t$color-primary-disabled\n\t\t);\n\t}\n\n\t&.primary-dashed {\n\t\t@include button-ghost(\n\t\t\t$color-primary-default,\n\t\t\t$color-primary-hover,\n\t\t\t$color-primary-active,\n\t\t\t$color-neutral-4\n\t\t);\n\t\tborder-style: dashed;\n\t}\n\n\t&.secondary-filled {\n\t\t@include button-filled(\n\t\t\t$color-secondary-default,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-disabled\n\t\t);\n\t}\n\n\t&.secondary-ghost {\n\t\t@include button-ghost(\n\t\t\t$color-secondary-default,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-disabled\n\t\t);\n\t}\n\n\t&.secondary-borderless {\n\t\t@include button-borderless(\n\t\t\t$color-secondary-default,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-disabled\n\t\t);\n\t}\n\n\t&.secondary-round {\n\t\t@include button-round(\n\t\t\t$color-secondary-default,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-disabled\n\t\t);\n\t}\n\n\t&.secondary-dashed {\n\t\t@include button-ghost(\n\t\t\t$color-secondary-default,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-hover,\n\t\t\t$color-secondary-disabled\n\t\t);\n\t\tborder-style: dashed;\n\t}\n\n\t&.error-filled {\n\t\t@include button-filled(\n\t\t\t$color-error-default,\n\t\t\t$color-error-hover,\n\t\t\t$color-error-active,\n\t\t\t$color-error-disabled\n\t\t);\n\t}\n\n\t&.error-ghost {\n\t\t@include button-ghost(\n\t\t\t$color-error-default,\n\t\t\t$color-error-hover,\n\t\t\t$color-error-active,\n\t\t\t$color-error-disabled\n\t\t);\n\t}\n\n\t&.error-borderless {\n\t\t@include button-borderless(\n\t\t\t$color-error-default,\n\t\t\t$color-error-hover,\n\t\t\t$color-error-active,\n\t\t\t$color-error-disabled\n\t\t);\n\t}\n\n\t&.error-round {\n\t\t@include button-round(\n\t\t\t$color-error-default,\n\t\t\t$color-error-hover,\n\t\t\t$color-error-active,\n\t\t\t$color-error-disabled\n\t\t);\n\t}\n\n\t&.error-dashed {\n\t\t@include button-ghost(\n\t\t\t$color-error-default,\n\t\t\t$color-error-hover,\n\t\t\t$color-error-active,\n\t\t\t$color-error-disabled\n\t\t);\n\t\tborder-style: dashed;\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.cts

@@ -0,0 +1,38 @@
+import React from "react";
+
+//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts
+declare const buttonSchemas: readonly ["primary", "secondary", "error"];
+type ButtonSchema = (typeof buttonSchemas)[number];
+declare const buttonVariants: readonly ["filled", "ghost", "borderless", "round", "dashed"];
+type ButtonVariant = (typeof buttonVariants)[number];
+declare const buttonSizes: readonly ["large", "medium", "small"];
+type ButtonSize = (typeof buttonSizes)[number];
+interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * Color schema of the button
+   * @default 'primary'
+   */
+  schema?: ButtonSchema;
+  /**
+   * Visual variant of the button
+   * @default 'filled'
+   */
+  variant?: ButtonVariant;
+  /**
+   * Size of the button
+   * @default 'medium'
+   */
+  size?: ButtonSize;
+  /**
+   * Whether the button is disabled
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Class name for the button content
+   */
+  contentClassName?: string;
+}
+//#endregion
+export { DsButtonProps };
+//# sourceMappingURL=ds-button-legacy.types.d.cts.map

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button-legacy.types.d.cts","names":[],"sources":["../../../../../src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.ts"],"sourcesContent":[],"mappings":";;;cAEa;KACD,YAAA,WAAuB;AADtB,cAGA,cAH0D,EAAA,SAAA,CAAA,QAAA,EAAA,OAAA,EAAA,YAAA,EAAA,OAAA,EAAA,QAAA,CAAA;AAC3D,KAGA,aAAA,GAHY,CAAA,OAGY,cAHY,CAAA,CAAA,MAAA,CAAA;AAEnC,cAGA,WAH8E,EAAA,SAAA,CAAA,OAAA,EAAA,QAAA,EAAA,OAAA,CAAA;AAC/E,KAGA,UAAA,GAHa,CAAA,OAGQ,WAHG,CAAA,CAAA,MAAc,CAAA;AAErC,UAGI,aAAA,SAAsB,KAAA,CAAM,oBAHmB,CAGE,iBAHF,CAAA,CAAA;EACpD;AAEZ;;;EAWW,MAAA,CAAA,EAND,YAMC;EAMH;;;;YANG;;;;;SAMH"}

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+
+//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts
+declare const buttonSchemas: readonly ["primary", "secondary", "error"];
+type ButtonSchema = (typeof buttonSchemas)[number];
+declare const buttonVariants: readonly ["filled", "ghost", "borderless", "round", "dashed"];
+type ButtonVariant = (typeof buttonVariants)[number];
+declare const buttonSizes: readonly ["large", "medium", "small"];
+type ButtonSize = (typeof buttonSizes)[number];
+interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * Color schema of the button
+   * @default 'primary'
+   */
+  schema?: ButtonSchema;
+  /**
+   * Visual variant of the button
+   * @default 'filled'
+   */
+  variant?: ButtonVariant;
+  /**
+   * Size of the button
+   * @default 'medium'
+   */
+  size?: ButtonSize;
+  /**
+   * Whether the button is disabled
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Class name for the button content
+   */
+  contentClassName?: string;
+}
+//#endregion
+export { DsButtonProps };
+//# sourceMappingURL=ds-button-legacy.types.d.ts.map

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button-legacy.types.d.ts","names":[],"sources":["../../../../../src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.ts"],"sourcesContent":[],"mappings":";;;cAEa;KACD,YAAA,WAAuB;AADtB,cAGA,cAH0D,EAAA,SAAA,CAAA,QAAA,EAAA,OAAA,EAAA,YAAA,EAAA,OAAA,EAAA,QAAA,CAAA;AAC3D,KAGA,aAAA,GAHY,CAAA,OAGY,cAHY,CAAA,CAAA,MAAA,CAAA;AAEnC,cAGA,WAH8E,EAAA,SAAA,CAAA,OAAA,EAAA,QAAA,EAAA,OAAA,CAAA;AAC/E,KAGA,UAAA,GAHa,CAAA,OAGQ,WAHG,CAAA,CAAA,MAAc,CAAA;AAErC,UAGI,aAAA,SAAsB,KAAA,CAAM,oBAHmB,CAGE,iBAHF,CAAA,CAAA;EACpD;AAEZ;;;EAWW,MAAA,CAAA,EAND,YAMC;EAMH;;;;YANG;;;;;SAMH"}

package/dist/components/ds-button/versions/ds-button-legacy/index.cjs

@@ -0,0 +1 @@
+const require_ds_button_legacy = require('./ds-button-legacy.cjs');

package/dist/components/ds-button/versions/ds-button-legacy/index.js

@@ -0,0 +1 @@
+import ds_button_legacy_default from "./ds-button-legacy.js";

package/dist/components/ds-button/versions/ds-button-new/ds-button-new.cjs

@@ -0,0 +1,102 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../../../ds-icon/ds-icon.cjs');
+const require_ds_button_new_module = require('./ds-button-new.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-button/versions/ds-button-new/ds-button-new.tsx
+const isIconOnly = (children) => {
+	if (react.Children.count(children) !== 1) return false;
+	const onlyChild = react.Children.toArray(children)[0];
+	return (0, react.isValidElement)(onlyChild) && onlyChild.type === require_ds_icon.default;
+};
+/**
+* Design system Button component
+*/
+const DsButton = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(26);
+	let buttonType;
+	let children;
+	let className;
+	let contentClassName;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({buttonType, variant: t1, size: t2, disabled: t3, className, contentClassName, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = buttonType;
+		$[2] = children;
+		$[3] = className;
+		$[4] = contentClassName;
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t3;
+	} else {
+		buttonType = $[1];
+		children = $[2];
+		className = $[3];
+		contentClassName = $[4];
+		props = $[5];
+		t1 = $[6];
+		t2 = $[7];
+		t3 = $[8];
+	}
+	const variant = t1 === void 0 ? "filled" : t1;
+	const size = t2 === void 0 ? "medium" : t2;
+	const disabled = t3 === void 0 ? false : t3;
+	const type = buttonType ?? (variant === "ghost" ? "secondary" : "primary");
+	let t4;
+	if ($[9] !== children || $[10] !== className || $[11] !== disabled || $[12] !== size || $[13] !== type || $[14] !== variant) {
+		t4 = (0, classnames.default)(require_ds_button_new_module.default.button, { [require_ds_button_new_module.default.iconButton]: isIconOnly(children) }, require_ds_button_new_module.default[`${type}-${variant}`], require_ds_button_new_module.default[size], { [require_ds_button_new_module.default.disabled]: disabled }, className);
+		$[9] = children;
+		$[10] = className;
+		$[11] = disabled;
+		$[12] = size;
+		$[13] = type;
+		$[14] = variant;
+		$[15] = t4;
+	} else t4 = $[15];
+	const buttonClass = t4;
+	let t5;
+	if ($[16] !== contentClassName) {
+		t5 = (0, classnames.default)(require_ds_button_new_module.default.content, contentClassName);
+		$[16] = contentClassName;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== children || $[19] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: t5,
+			children
+		});
+		$[18] = children;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== buttonClass || $[22] !== disabled || $[23] !== props || $[24] !== t6) {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: buttonClass,
+			disabled,
+			...props,
+			children: t6
+		});
+		$[21] = buttonClass;
+		$[22] = disabled;
+		$[23] = props;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	return t7;
+};
+var ds_button_new_default = DsButton;
+
+//#endregion
+exports.default = ds_button_new_default;

package/dist/components/ds-button/versions/ds-button-new/ds-button-new.js

@@ -0,0 +1,101 @@
+import ds_icon_default from "../../../ds-icon/ds-icon.js";
+import ds_button_new_module_default from "./ds-button-new.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+import { Children, isValidElement } from "react";
+
+//#region src/components/ds-button/versions/ds-button-new/ds-button-new.tsx
+const isIconOnly = (children) => {
+	if (Children.count(children) !== 1) return false;
+	const onlyChild = Children.toArray(children)[0];
+	return isValidElement(onlyChild) && onlyChild.type === ds_icon_default;
+};
+/**
+* Design system Button component
+*/
+const DsButton = (t0) => {
+	const $ = c(26);
+	let buttonType;
+	let children;
+	let className;
+	let contentClassName;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({buttonType, variant: t1, size: t2, disabled: t3, className, contentClassName, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = buttonType;
+		$[2] = children;
+		$[3] = className;
+		$[4] = contentClassName;
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t3;
+	} else {
+		buttonType = $[1];
+		children = $[2];
+		className = $[3];
+		contentClassName = $[4];
+		props = $[5];
+		t1 = $[6];
+		t2 = $[7];
+		t3 = $[8];
+	}
+	const variant = t1 === void 0 ? "filled" : t1;
+	const size = t2 === void 0 ? "medium" : t2;
+	const disabled = t3 === void 0 ? false : t3;
+	const type = buttonType ?? (variant === "ghost" ? "secondary" : "primary");
+	let t4;
+	if ($[9] !== children || $[10] !== className || $[11] !== disabled || $[12] !== size || $[13] !== type || $[14] !== variant) {
+		t4 = classNames(ds_button_new_module_default.button, { [ds_button_new_module_default.iconButton]: isIconOnly(children) }, ds_button_new_module_default[`${type}-${variant}`], ds_button_new_module_default[size], { [ds_button_new_module_default.disabled]: disabled }, className);
+		$[9] = children;
+		$[10] = className;
+		$[11] = disabled;
+		$[12] = size;
+		$[13] = type;
+		$[14] = variant;
+		$[15] = t4;
+	} else t4 = $[15];
+	const buttonClass = t4;
+	let t5;
+	if ($[16] !== contentClassName) {
+		t5 = classNames(ds_button_new_module_default.content, contentClassName);
+		$[16] = contentClassName;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== children || $[19] !== t5) {
+		t6 = /* @__PURE__ */ jsx("span", {
+			className: t5,
+			children
+		});
+		$[18] = children;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== buttonClass || $[22] !== disabled || $[23] !== props || $[24] !== t6) {
+		t7 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: buttonClass,
+			disabled,
+			...props,
+			children: t6
+		});
+		$[21] = buttonClass;
+		$[22] = disabled;
+		$[23] = props;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	return t7;
+};
+var ds_button_new_default = DsButton;
+
+//#endregion
+export { ds_button_new_default as default };
+//# sourceMappingURL=ds-button-new.js.map

package/dist/components/ds-button/versions/ds-button-new/ds-button-new.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-button-new.js","names":["classNames","React","Children","isValidElement","styles","DsButtonProps","DsIcon","isIconOnly","children","ReactNode","count","childArray","toArray","onlyChild","type","DsButton","FC","t0","$","_c","buttonType","className","contentClassName","props","t1","t2","t3","variant","size","disabled","undefined","t4","button","iconButton","buttonClass","t5","content","t6","t7"],"sources":["../../../../../src/components/ds-button/versions/ds-button-new/ds-button-new.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type React from 'react';\nimport { Children, isValidElement } from 'react';\nimport styles from './ds-button-new.module.scss';\nimport type { DsButtonProps } from './ds-button-new.types';\nimport DsIcon from '../../../ds-icon/ds-icon';\n\nconst isIconOnly = (children: React.ReactNode) => {\n\tif (Children.count(children) !== 1) {\n\t\treturn false;\n\t}\n\n\tconst childArray = Children.toArray(children);\n\tconst onlyChild = childArray[0];\n\n\treturn isValidElement(onlyChild) && onlyChild.type === DsIcon;\n};\n\n/**\n * Design system Button component\n */\nconst DsButton: React.FC<DsButtonProps> = ({\n\tbuttonType,\n\tvariant = 'filled',\n\tsize = 'medium',\n\tdisabled = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n\t...props\n}) => {\n\tconst type = buttonType ?? (variant === 'ghost' ? 'secondary' : 'primary');\n\tconst buttonClass = classNames(\n\t\tstyles.button,\n\t\t{ [styles.iconButton]: isIconOnly(children) },\n\t\tstyles[`${type}-${variant}`],\n\t\tstyles[size],\n\t\t{ [styles.disabled]: disabled },\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<button type=\"button\" className={buttonClass} disabled={disabled} {...props}>\n\t\t\t<span className={classNames(styles.content, contentClassName)}>{children}</span>\n\t\t</button>\n\t);\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;;AAOA,MAAMO,cAAcC,aAA8B;AACjD,KAAIN,SAASQ,MAAMF,SAAS,KAAK,EAChC,QAAO;CAIR,MAAMK,YADaX,SAASU,QAAQJ,SAAS,CAChB;AAE7B,QAAOL,eAAeU,UAAU,IAAIA,UAAUC,SAASR;;;;;AAMxD,MAAMS,YAAoCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAZ;CAAA,IAAAa;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAR,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAG,YAAAO,SAAAH,IAAAI,MAAAH,IAAAI,UAAAH,IAAAL,WAAAC,kBAAAd,aAAAe,SAAAN;AAS1CC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAV;AAAAU,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;QAAA;AAAAN,eAAAF,EAAA;AAAAV,aAAAU,EAAA;AAAAG,cAAAH,EAAA;AAAAI,qBAAAJ,EAAA;AAAAK,UAAAL,EAAA;AAAAM,OAAAN,EAAA;AAAAO,OAAAP,EAAA;AAAAQ,OAAAR,EAAA;;CAPA,MAAAS,UAAAH,OAAAM,SAAA,WAAAN;CACA,MAAAI,OAAAH,OAAAK,SAAA,WAAAL;CACA,MAAAI,WAAAH,OAAAI,SAAA,QAAAJ;CAMA,MAAAZ,OAAaM,eAAeO,YAAY,UAAZ,cAAA;CAA+C,IAAAI;AAAA,KAAAb,EAAA,OAAAV,YAAAU,EAAA,QAAAG,aAAAH,EAAA,QAAAW,YAAAX,EAAA,QAAAU,QAAAV,EAAA,QAAAJ,QAAAI,EAAA,QAAAS,SAAA;AACvDI,OAAA/B,WACnBI,6BAAM4B,QACN,GAAG5B,6BAAM6B,aAAc1B,WAAWC,SAAQ,EAAG,EAC7CJ,6BAAO,GAAGU,KAAI,GAAIa,YAClBvB,6BAAOwB,OACP,GAAGxB,6BAAMyB,WAAYA,UAAU,EAC/BR,UACA;AAAAH,IAAA,KAAAV;AAAAU,IAAA,MAAAG;AAAAH,IAAA,MAAAW;AAAAX,IAAA,MAAAU;AAAAV,IAAA,MAAAJ;AAAAI,IAAA,MAAAS;AAAAT,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAPD,MAAAgB,cAAoBH;CAOlB,IAAAI;AAAA,KAAAjB,EAAA,QAAAI,kBAAA;AAIiBa,OAAAnC,WAAWI,6BAAMgC,SAAUd,iBAAiB;AAAAJ,IAAA,MAAAI;AAAAJ,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAV,YAAAU,EAAA,QAAAiB,IAAA;AAA7DE,OAAA,oBAAA;GAAiB,WAAAF;GAA+C3B;IAAgB;AAAAU,IAAA,MAAAV;AAAAU,IAAA,MAAAiB;AAAAjB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAgB,eAAAhB,EAAA,QAAAW,YAAAX,EAAA,QAAAK,SAAAL,EAAA,QAAAmB,IAAA;AADjFC,OAAA,oBAAA;GAAa,MAAA;GAAoBJ,WAAAA;GAAuBL;GAAQ,GAAMN;aACrEc;IACQ;AAAAnB,IAAA,MAAAgB;AAAAhB,IAAA,MAAAW;AAAAX,IAAA,MAAAK;AAAAL,IAAA,MAAAmB;AAAAnB,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;AAAA,QAFToB;;AAMF,4BAAevB"}

package/dist/components/ds-button/versions/ds-button-new/ds-button-new.module.cjs

@@ -0,0 +1,25 @@
+
+//#region src/components/ds-button/versions/ds-button-new/ds-button-new.module.scss
+var ds_button_new_module_default = {
+	"button": "_button_1a5ak_1",
+	"content": "_content_1a5ak_1",
+	"small": "_small_1a5ak_1",
+	"medium": "_medium_1a5ak_1",
+	"large": "_large_1a5ak_1",
+	"iconButton": "_iconButton_1a5ak_1",
+	"primary-filled": "_primary-filled_1a5ak_1",
+	"secondary-filled": "_secondary-filled_1a5ak_1",
+	"tertiary-filled": "_tertiary-filled_1a5ak_1",
+	"secondary-ghost": "_secondary-ghost_1a5ak_1",
+	"tertiary-ghost": "_tertiary-ghost_1a5ak_1",
+	"primary-danger": "_primary-danger_1a5ak_1",
+	"secondary-danger": "_secondary-danger_1a5ak_1",
+	"tertiary-danger": "_tertiary-danger_1a5ak_1",
+	"primary-dark": "_primary-dark_1a5ak_1",
+	"secondary-dark": "_secondary-dark_1a5ak_1",
+	"secondary-light-dark": "_secondary-light-dark_1a5ak_1",
+	"tertiary-dark": "_tertiary-dark_1a5ak_1"
+};
+
+//#endregion
+exports.default = ds_button_new_module_default;