@drivenets/design-system 0.6.0 → 0.6.1

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

@@ -1,38 +0,0 @@
-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 { ButtonSchema, ButtonSize, ButtonVariant, DsButtonProps, buttonSchemas, buttonSizes, buttonVariants };
-//# sourceMappingURL=ds-button-legacy.types.d.ts.map

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

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

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

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

@@ -1,2 +0,0 @@
-import { ButtonSchema, ButtonSize, ButtonVariant, DsButtonProps, buttonSchemas, buttonSizes, buttonVariants } from "./ds-button-legacy.types.js";
-import "./ds-button-legacy.js";

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

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

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

@@ -1,101 +0,0 @@
-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)(25);
-	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] !== size || $[12] !== type || $[13] !== 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[size], className, require_ds_button_new_module.default[`${type}-${variant}`]);
-		$[9] = children;
-		$[10] = className;
-		$[11] = size;
-		$[12] = type;
-		$[13] = variant;
-		$[14] = t4;
-	} else t4 = $[14];
-	const buttonClass = t4;
-	let t5;
-	if ($[15] !== contentClassName) {
-		t5 = (0, classnames.default)(require_ds_button_new_module.default.content, contentClassName);
-		$[15] = contentClassName;
-		$[16] = t5;
-	} else t5 = $[16];
-	let t6;
-	if ($[17] !== children || $[18] !== t5) {
-		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: t5,
-			children
-		});
-		$[17] = children;
-		$[18] = t5;
-		$[19] = t6;
-	} else t6 = $[19];
-	let t7;
-	if ($[20] !== buttonClass || $[21] !== disabled || $[22] !== props || $[23] !== t6) {
-		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			type: "button",
-			className: buttonClass,
-			disabled,
-			...props,
-			children: t6
-		});
-		$[20] = buttonClass;
-		$[21] = disabled;
-		$[22] = props;
-		$[23] = t6;
-		$[24] = t7;
-	} else t7 = $[24];
-	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

@@ -1,100 +0,0 @@
-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(25);
-	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] !== size || $[12] !== type || $[13] !== variant) {
-		t4 = classNames(ds_button_new_module_default.button, { [ds_button_new_module_default.iconButton]: isIconOnly(children) }, ds_button_new_module_default[size], className, ds_button_new_module_default[`${type}-${variant}`]);
-		$[9] = children;
-		$[10] = className;
-		$[11] = size;
-		$[12] = type;
-		$[13] = variant;
-		$[14] = t4;
-	} else t4 = $[14];
-	const buttonClass = t4;
-	let t5;
-	if ($[15] !== contentClassName) {
-		t5 = classNames(ds_button_new_module_default.content, contentClassName);
-		$[15] = contentClassName;
-		$[16] = t5;
-	} else t5 = $[16];
-	let t6;
-	if ($[17] !== children || $[18] !== t5) {
-		t6 = /* @__PURE__ */ jsx("span", {
-			className: t5,
-			children
-		});
-		$[17] = children;
-		$[18] = t5;
-		$[19] = t6;
-	} else t6 = $[19];
-	let t7;
-	if ($[20] !== buttonClass || $[21] !== disabled || $[22] !== props || $[23] !== t6) {
-		t7 = /* @__PURE__ */ jsx("button", {
-			type: "button",
-			className: buttonClass,
-			disabled,
-			...props,
-			children: t6
-		});
-		$[20] = buttonClass;
-		$[21] = disabled;
-		$[22] = props;
-		$[23] = t6;
-		$[24] = t7;
-	} else t7 = $[24];
-	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

@@ -1 +0,0 @@
-{"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[size],\n\t\tclassName,\n\n\t\t// @ts-expect-error: we don't have all variations of classnames defined\n\t\t// eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n\t\tstyles[`${type}-${variant}`],\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,QAAAU,QAAAV,EAAA,QAAAJ,QAAAI,EAAA,QAAAS,SAAA;AACvDI,OAAA/B,WACnBI,6BAAM4B,QACN,GAAG5B,6BAAM6B,aAAc1B,WAAWC,SAAQ,EAAG,EAC7CJ,6BAAOwB,OACPP,WAIAjB,6BAAO,GAAGU,KAAI,GAAIa,WAClB;AAAAT,IAAA,KAAAV;AAAAU,IAAA,MAAAG;AAAAH,IAAA,MAAAU;AAAAV,IAAA,MAAAJ;AAAAI,IAAA,MAAAS;AAAAT,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CATD,MAAAgB,cAAoBH;CASlB,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

@@ -1,25 +0,0 @@
-
-//#region src/components/ds-button/versions/ds-button-new/ds-button-new.module.scss
-var ds_button_new_module_default = {
-	"button": "_button_1fx5c_1",
-	"content": "_content_1fx5c_1",
-	"small": "_small_1fx5c_1",
-	"medium": "_medium_1fx5c_1",
-	"large": "_large_1fx5c_1",
-	"iconButton": "_iconButton_1fx5c_1",
-	"primary-filled": "_primary-filled_1fx5c_1",
-	"secondary-filled": "_secondary-filled_1fx5c_1",
-	"tertiary-filled": "_tertiary-filled_1fx5c_1",
-	"secondary-ghost": "_secondary-ghost_1fx5c_1",
-	"tertiary-ghost": "_tertiary-ghost_1fx5c_1",
-	"primary-danger": "_primary-danger_1fx5c_1",
-	"secondary-danger": "_secondary-danger_1fx5c_1",
-	"tertiary-danger": "_tertiary-danger_1fx5c_1",
-	"primary-dark": "_primary-dark_1fx5c_1",
-	"secondary-dark": "_secondary-dark_1fx5c_1",
-	"secondary-light-dark": "_secondary-light-dark_1fx5c_1",
-	"tertiary-dark": "_tertiary-dark_1fx5c_1"
-};
-
-//#endregion
-exports.default = ds_button_new_module_default;

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

@@ -1,25 +0,0 @@
-//#region src/components/ds-button/versions/ds-button-new/ds-button-new.module.scss
-var ds_button_new_module_default = {
-	"button": "_button_1fx5c_1",
-	"content": "_content_1fx5c_1",
-	"small": "_small_1fx5c_1",
-	"medium": "_medium_1fx5c_1",
-	"large": "_large_1fx5c_1",
-	"iconButton": "_iconButton_1fx5c_1",
-	"primary-filled": "_primary-filled_1fx5c_1",
-	"secondary-filled": "_secondary-filled_1fx5c_1",
-	"tertiary-filled": "_tertiary-filled_1fx5c_1",
-	"secondary-ghost": "_secondary-ghost_1fx5c_1",
-	"tertiary-ghost": "_tertiary-ghost_1fx5c_1",
-	"primary-danger": "_primary-danger_1fx5c_1",
-	"secondary-danger": "_secondary-danger_1fx5c_1",
-	"tertiary-danger": "_tertiary-danger_1fx5c_1",
-	"primary-dark": "_primary-dark_1fx5c_1",
-	"secondary-dark": "_secondary-dark_1fx5c_1",
-	"secondary-light-dark": "_secondary-light-dark_1fx5c_1",
-	"tertiary-dark": "_tertiary-dark_1fx5c_1"
-};
-
-//#endregion
-export { ds_button_new_module_default as default };
-//# sourceMappingURL=ds-button-new.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-button-new.module.js","names":[],"sources":["../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-button/versions/ds-button-new/ds-button-new.module.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../../../styles/typography';\n\n$button-size-small: 28px;\n$button-size-default: 32px;\n$button-size-large: 40px;\n\n.button {\n\t@include typography.body-sm-md;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twhite-space: nowrap;\n\tcursor: pointer;\n\tbackground: none;\n\toutline: none;\n\tpadding-block: 0;\n\tpadding-inline: 0;\n\tborder: 2px solid transparent;\n\tborder-radius: var(--exo-spacing-2x-small);\n\n\t.content {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: var(--exo-spacing-2x-small);\n\t\tpadding: 0 var(--spacing-sm);\n\t\tborder: 1px solid transparent;\n\t\tborder-radius: var(--exo-spacing-2x-small);\n\t\tflex-grow: 1;\n\t}\n\n\t&.small .content {\n\t\t@include typography.body-xs-md;\n\t\theight: $button-size-small;\n\t}\n\n\t&.medium .content {\n\t\theight: $button-size-default;\n\t}\n\n\t&.large .content {\n\t\t@include typography.body-md-md;\n\t\theight: $button-size-large;\n\t}\n\n\t&.iconButton {\n\t\taspect-ratio: 1 / 1;\n\t\talign-items: stretch;\n\n\t\t.content {\n\t\t\tflex: 1;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t&.large .content {\n\t\t\theight: $button-size-large;\n\t\t\twidth: $button-size-large;\n\t\t}\n\n\t\t&.medium .content {\n\t\t\theight: $button-size-default;\n\t\t\twidth: $button-size-default;\n\t\t}\n\n\t\t&.small .content {\n\t\t\theight: $button-size-small;\n\t\t\twidth: $button-size-small;\n\t\t}\n\t}\n\n\t&.primary-filled {\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-font-on-action);\n\n\t\t.content {\n\t\t\tbackground: var(--color-background-selected);\n\t\t}\n\n\t\t&:hover {\n\t\t\t.content {\n\t\t\t\tbackground: var(--color-background-selected-hover);\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tborder-color: var(--color-background-selected);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background);\n\t\t\t\tborder-radius: calc(var(--exo-spacing-2x-small) / 2);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\n\t\t\t.content {\n\t\t\t\tbackground: var(--color-background-disable);\n\t\t\t\tborder-color: var(--color-background-disable);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.secondary-filled {\n\t\tbackground: transparent;\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-background-action);\n\n\t\t.content {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: var(--color-border);\n\t\t}\n\n\t\t&:hover {\n\t\t\t&:not(:disabled) {\n\t\t\t\t.content {\n\t\t\t\t\tborder-color: var(--color-background-action-hover);\n\t\t\t\t\tbackground: var(--color-background-action-hover-weak);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:focus-visible {\n\t\t\t\tbackground: var(--color-background);\n\n\t\t\t\t.content {\n\t\t\t\t\tborder-color: var(--color-background-action-secondary);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: var(--color-background-action-hover);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background);\n\t\t\t\tbackground: var(--color-background-action-hover-weak);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\t\t\tcolor: var(--color-background-disable);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background-disable);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.tertiary-filled {\n\t\tbackground: transparent;\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-background-action);\n\n\t\t.content {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: transparent;\n\t\t}\n\n\t\t&:hover:not(:disabled) {\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-border);\n\t\t\t\tbackground: var(--color-background-action-hover-weak);\n\t\t\t}\n\t\t}\n\n\t\t&:active {\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-border);\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: var(--color-background-action-hover);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background);\n\t\t\t\tbackground: var(--color-background-action-hover-weak);\n\t\t\t\tborder-radius: calc(var(--exo-spacing-2x-small) / 2);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\t\t\tcolor: var(--color-background-disable);\n\t\t}\n\t}\n\n\t&.secondary-ghost {\n\t\tbackground: transparent;\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-background-selected);\n\n\t\t.content {\n\t\t\tbackground: var(--color-background-action-secondary);\n\t\t\tborder-color: var(--color-background-selected);\n\t\t}\n\n\t\t&:hover {\n\t\t\t&:not(:disabled) {\n\t\t\t\t.content {\n\t\t\t\t\tbackground: var(--color-background-action-secondary-hover);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:focus-visible {\n\t\t\t\t.content {\n\t\t\t\t\tborder-color: var(--color-background-action-secondary);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: var(--color-background-selected);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background);\n\t\t\t\tbackground: var(--color-background-action-secondary-hover);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\t\t\tcolor: var(--color-background-disable);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background-disable);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.tertiary-ghost {\n\t\tbackground: transparent;\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-background-selected);\n\n\t\t.content {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: transparent;\n\t\t}\n\n\t\t&:hover:not(:disabled) {\n\t\t\t.content {\n\t\t\t\tbackground: var(--color-background-action-secondary-hover);\n\t\t\t}\n\t\t}\n\n\t\t&:active {\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-border);\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: var(--color-background-selected);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background);\n\t\t\t\tbackground: var(--color-background-action-secondary-hover);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\t\t\tcolor: var(--color-background-disable);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.primary-danger {\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-font-on-action);\n\n\t\t.content {\n\t\t\tbackground: var(--color-background-danger-strong);\n\t\t}\n\n\t\t&:hover {\n\t\t\t.content {\n\t\t\t\tbackground: var(--color-background-danger-strong-hover);\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tborder-color: var(--color-background-danger-strong);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background);\n\t\t\t\tborder-radius: calc(var(--exo-spacing-2x-small) / 2);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\n\t\t\t.content {\n\t\t\t\tbackground: var(--color-background-disable);\n\t\t\t\tborder-color: var(--color-background-disable);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.secondary-danger {\n\t\tbackground: transparent;\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-background-danger-strong);\n\n\t\t.content {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: var(--color-background-danger-strong);\n\t\t}\n\n\t\t&:hover {\n\t\t\t&:not(:disabled) {\n\t\t\t\tcolor: var(--color-background-danger-strong-hover);\n\n\t\t\t\t.content {\n\t\t\t\t\tborder-color: var(--color-background-danger-strong-hover);\n\t\t\t\t\tbackground: var(--color-background-danger-weak);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:focus-visible {\n\t\t\t\t.content {\n\t\t\t\t\tborder-color: var(--color-background-action-secondary);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: var(--color-background-danger-strong);\n\n\t\t\t.content {\n\t\t\t\tcolor: var(--color-background-danger-strong-hover);\n\t\t\t\tborder-color: var(--color-background);\n\t\t\t\tbackground: var(--color-background-danger-weak);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\t\t\tcolor: var(--color-background-disable);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background-disable);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.tertiary-danger {\n\t\tbackground: transparent;\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-background-danger-strong);\n\n\t\t.content {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: transparent;\n\t\t}\n\n\t\t&:hover:not(:disabled) {\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background-danger-strong-hover);\n\t\t\t\tbackground: var(--color-background-danger-weak);\n\t\t\t}\n\n\t\t\t&:focus-visible {\n\t\t\t\tbackground: var(--color-background);\n\n\t\t\t\t.content {\n\t\t\t\t\tborder-color: var(--color-background);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbackground: var(--color-background);\n\t\t\tborder-color: var(--color-background-danger-strong);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background);\n\t\t\t\tbackground: var(--color-background-danger-weak);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\t\t\tbackground: var(--color-background);\n\t\t\tcolor: var(--color-background-disable);\n\t\t}\n\t}\n\n\t&.primary-dark {\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-font-on-action);\n\n\t\t.content {\n\t\t\tbackground: var(--color-dark-buttons-primary);\n\t\t}\n\n\t\t&:hover:not(:disabled) {\n\t\t\t.content {\n\t\t\t\tbackground: var(--color-dark-buttons-primary-hover);\n\t\t\t}\n\t\t}\n\n\t\t&:active:not(:disabled) {\n\t\t\t.content {\n\t\t\t\tbackground: var(--color-dark-buttons-primary-hover);\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbackground: var(--color-background-brand);\n\t\t\tborder-color: var(--color-dark-buttons-primary);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-font-on-action);\n\t\t\t\tborder-radius: calc(var(--exo-spacing-2x-small) / 2);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\n\t\t\t.content {\n\t\t\t\tbackground: var(--color-background-action-inverse);\n\t\t\t\tcolor: var(--color-background-deselected);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.secondary-dark {\n\t\tbackground: transparent;\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-dark-buttons-primary-hover);\n\n\t\t.content {\n\t\t\tbackground: transparent;\n\t\t\tborder-color: var(--color-dark-buttons-primary-hover);\n\t\t}\n\n\t\t&:hover:not(:disabled) {\n\t\t\t.content {\n\t\t\t\tbackground: var(--color-dark-buttons-secondary-background);\n\t\t\t\tborder-color: var(--color-dark-buttons-secondary-hover);\n\t\t\t\tcolor: var(--color-dark-buttons-secondary-hover);\n\t\t\t}\n\t\t}\n\n\t\t&:active:not(:disabled) {\n\t\t\t.content {\n\t\t\t\tbackground: transparent;\n\t\t\t\tborder-color: var(--color-dark-buttons-secondary-hover);\n\t\t\t\tcolor: var(--color-dark-buttons-secondary-hover);\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbackground: transparent;\n\t\t\tborder-color: var(--color-dark-buttons-secondary-hover);\n\n\t\t\t.content {\n\t\t\t\tborder-color: transparent;\n\t\t\t\tbackground: var(--color-dark-buttons-secondary-background);\n\t\t\t\tcolor: var(--color-dark-buttons-secondary-hover);\n\t\t\t\tborder-radius: calc(var(--exo-spacing-2x-small) / 2);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\t\t\tcolor: var(--color-background-deselected);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background-deselected);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.secondary-light-dark {\n\t\tbackground: transparent;\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-dark-buttons-secondary-light);\n\n\t\t.content {\n\t\t\tbackground: transparent;\n\t\t\tborder-color: var(--color-dark-buttons-secondary-light);\n\t\t}\n\n\t\t&:hover:not(:disabled) {\n\t\t\t.content {\n\t\t\t\tbackground: var(--color-dark-buttons-secondary-light-hover-background);\n\t\t\t\tborder-color: var(--color-border);\n\t\t\t\tcolor: var(--color-dark-buttons-tertiary);\n\t\t\t}\n\t\t}\n\n\t\t&:active:not(:disabled) {\n\t\t\t.content {\n\t\t\t\tbackground: transparent;\n\t\t\t\tborder-color: var(--color-background-secondary);\n\t\t\t\tcolor: var(--color-font-on-action);\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbackground: transparent;\n\t\t\tborder-color: var(--color-dark-buttons-tertiary);\n\t\t\tborder-radius: var(--spacing-2xs);\n\n\t\t\t.content {\n\t\t\t\tbackground: var(--Dark-Buttons-secondary-light-hover-background);\n\t\t\t\tcolor: var(--color-dark-buttons-tertiary);\n\t\t\t\tborder-radius: var(--exo-spacing-2x-small);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\t\t\tcolor: var(--color-background-deselected);\n\n\t\t\t.content {\n\t\t\t\tborder-color: var(--color-background-deselected);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.tertiary-dark {\n\t\tbackground: transparent;\n\t\tborder: 2px solid transparent;\n\t\tcolor: var(--color-dark-buttons-tertiary);\n\n\t\t.content {\n\t\t\tbackground: transparent;\n\t\t\tborder-color: transparent;\n\t\t}\n\n\t\t&:hover:not(:disabled) {\n\t\t\t.content {\n\t\t\t\tbackground: var(--color-dark-buttons-secondary-light-hover-background);\n\t\t\t\tborder-color: var(--color-border);\n\t\t\t\tcolor: var(--color-dark-buttons-tertiary);\n\t\t\t}\n\t\t}\n\n\t\t&:active:not(:disabled) {\n\t\t\t.content {\n\t\t\t\tbackground: transparent;\n\t\t\t\tborder-color: var(--color-background-secondary);\n\t\t\t\tcolor: var(--color-font-on-action);\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbackground: transparent;\n\t\t\tborder-color: var(--color-dark-buttons-tertiary);\n\t\t\tborder-radius: var(--spacing-2xs);\n\n\t\t\t.content {\n\t\t\t\tbackground: var(--Dark-Buttons-secondary-light-hover-background);\n\t\t\t\tcolor: var(--color-dark-buttons-tertiary);\n\t\t\t\tborder-radius: var(--exo-spacing-2x-small);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tcursor: not-allowed;\n\t\t\tcolor: var(--color-background-deselected);\n\t\t}\n\t}\n}\n"],"mappings":""}

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

@@ -1,38 +0,0 @@
-import React from "react";
-
-//#region src/components/ds-button/versions/ds-button-new/ds-button-new.types.d.ts
-declare const buttonTypes: readonly ["primary", "secondary", "secondary-light", "tertiary"];
-type ButtonType = (typeof buttonTypes)[number];
-declare const buttonVariants: readonly ["filled", "ghost", "danger", "dark"];
-type ButtonVariant = (typeof buttonVariants)[number];
-declare const buttonSizes: readonly ["large", "medium", "small"];
-type ButtonSize = (typeof buttonSizes)[number];
-interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  /**
-   * Type of the button
-   * @default 'primary'
-   */
-  buttonType?: ButtonType;
-  /**
-   * 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-new.types.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-button-new.types.d.cts","names":[],"sources":["../../../../../src/components/ds-button/versions/ds-button-new/ds-button-new.types.ts"],"sourcesContent":[],"mappings":";;;cAEa;KACD,UAAA,WAAqB;AADpB,cAGA,cAH8E,EAAA,SAAA,CAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAC/E,KAGA,aAAA,GAHU,CAAA,OAGc,cAHQ,CAAA,CAAA,MAAA,CAAA;AAE/B,cAGA,WAH+D,EAAA,SAAA,CAAA,OAAA,EAAA,QAAA,EAAA,OAAA,CAAA;AAChE,KAGA,UAAA,GAHa,CAAA,OAGQ,WAHG,CAAA,CAAA,MAAc,CAAA;AAErC,UAGI,aAAA,SAAsB,KAAA,CAAM,oBAHmB,CAGE,iBAHF,CAAA,CAAA;EACpD;AAEZ;;;EAWW,UAAA,CAAA,EANG,UAMH;EAMH;;;;YANG;;;;;SAMH"}

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

@@ -1,38 +0,0 @@
-import React from "react";
-
-//#region src/components/ds-button/versions/ds-button-new/ds-button-new.types.d.ts
-declare const buttonTypes: readonly ["primary", "secondary", "secondary-light", "tertiary"];
-type ButtonType = (typeof buttonTypes)[number];
-declare const buttonVariants: readonly ["filled", "ghost", "danger", "dark"];
-type ButtonVariant = (typeof buttonVariants)[number];
-declare const buttonSizes: readonly ["large", "medium", "small"];
-type ButtonSize = (typeof buttonSizes)[number];
-interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  /**
-   * Type of the button
-   * @default 'primary'
-   */
-  buttonType?: ButtonType;
-  /**
-   * 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-new.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-button-new.types.d.ts","names":[],"sources":["../../../../../src/components/ds-button/versions/ds-button-new/ds-button-new.types.ts"],"sourcesContent":[],"mappings":";;;cAEa;KACD,UAAA,WAAqB;AADpB,cAGA,cAH8E,EAAA,SAAA,CAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAC/E,KAGA,aAAA,GAHU,CAAA,OAGc,cAHQ,CAAA,CAAA,MAAA,CAAA;AAE/B,cAGA,WAH+D,EAAA,SAAA,CAAA,OAAA,EAAA,QAAA,EAAA,OAAA,CAAA;AAChE,KAGA,UAAA,GAHa,CAAA,OAGQ,WAHG,CAAA,CAAA,MAAc,CAAA;AAErC,UAGI,aAAA,SAAsB,KAAA,CAAM,oBAHmB,CAGE,iBAHF,CAAA,CAAA;EACpD;AAEZ;;;EAWW,UAAA,CAAA,EANG,UAMH;EAMH;;;;YANG;;;;;SAMH"}

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

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

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

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