@drivenets/design-system 0.5.0 → 0.6.1

package/dist/components/ds-form-control/ds-form-control.cjs

@@ -1,179 +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_text_input = require('../ds-text-input/ds-text-input.cjs');
-require('../ds-text-input/index.cjs');
-const require_ds_date_input = require('../ds-date-input/ds-date-input.cjs');
-require('../ds-date-input/index.cjs');
-const require_ds_select = require('../ds-select/ds-select.cjs');
-require('../ds-select/index.cjs');
-const require_ds_textarea = require('../ds-textarea/ds-textarea.cjs');
-require('../ds-textarea/index.cjs');
-const require_ds_number_input = require('../ds-number-input/ds-number-input.cjs');
-require('../ds-number-input/index.cjs');
-const require_ds_password_input = require('../ds-password-input/ds-password-input.cjs');
-require('../ds-password-input/index.cjs');
-const require_ds_form_control_module = require('./ds-form-control.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-form-control/ds-form-control.tsx
-const FormControlContext = (0, react.createContext)(null);
-const useFormControlContext = () => {
-	const context = (0, react.useContext)(FormControlContext);
-	if (!context) throw new Error("useFormControlContext must be used within DsFormControl");
-	return context;
-};
-/**
-* HOC that automatically injects the controlId from form control context
-* into any component that expects an 'id' prop.
-*
-* @param Component - The component to wrap with form control context
-* @returns A new component that automatically receives the controlId
-*/
-const controlify = (Component) => {
-	return function WrappedFormControl(props) {
-		const { controlId } = useFormControlContext();
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-			id: controlId,
-			...props
-		});
-	};
-};
-const DsFormControlDescription = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(5);
-	const { children, className } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = (0, classnames.default)(require_ds_form_control_module.default.description, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children || $[3] !== t1) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: t1,
-			children
-		});
-		$[2] = children;
-		$[3] = t1;
-		$[4] = t2;
-	} else t2 = $[4];
-	return t2;
-};
-const DsFormControl = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(28);
-	const { id, status, label, required: t1, slots, message, messageIcon: t2, className, style, children } = t0;
-	const required = t1 === void 0 ? false : t1;
-	const messageIcon = t2 === void 0 ? "info" : t2;
-	const generatedId = (0, react.useId)();
-	const controlId = id || generatedId;
-	let t3;
-	if ($[0] !== controlId) {
-		t3 = { controlId };
-		$[0] = controlId;
-		$[1] = t3;
-	} else t3 = $[1];
-	const t4 = status && message && require_ds_form_control_module.default[status];
-	let t5;
-	if ($[2] !== className || $[3] !== t4) {
-		t5 = (0, classnames.default)(require_ds_form_control_module.default.container, className, t4);
-		$[2] = className;
-		$[3] = t4;
-		$[4] = t5;
-	} else t5 = $[4];
-	let t6;
-	if ($[5] !== required) {
-		t6 = (0, classnames.default)(require_ds_form_control_module.default.label, { [require_ds_form_control_module.default.required]: required });
-		$[5] = required;
-		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
-	if ($[7] !== controlId || $[8] !== label || $[9] !== t6) {
-		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-			htmlFor: controlId,
-			className: t6,
-			children: label
-		});
-		$[7] = controlId;
-		$[8] = label;
-		$[9] = t6;
-		$[10] = t7;
-	} else t7 = $[10];
-	let t8;
-	if ($[11] !== slots) {
-		t8 = slots?.endAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_ds_form_control_module.default.endAdornment,
-			children: slots.endAdornment
-		});
-		$[11] = slots;
-		$[12] = t8;
-	} else t8 = $[12];
-	let t9;
-	if ($[13] !== t7 || $[14] !== t8) {
-		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_ds_form_control_module.default.labelContainer,
-			children: [t7, t8]
-		});
-		$[13] = t7;
-		$[14] = t8;
-		$[15] = t9;
-	} else t9 = $[15];
-	let t10;
-	if ($[16] !== message || $[17] !== messageIcon) {
-		t10 = message && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: require_ds_form_control_module.default.message,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-				icon: messageIcon,
-				size: "tiny",
-				filled: true
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: message })]
-		});
-		$[16] = message;
-		$[17] = messageIcon;
-		$[18] = t10;
-	} else t10 = $[18];
-	let t11;
-	if ($[19] !== children || $[20] !== style || $[21] !== t10 || $[22] !== t5 || $[23] !== t9) {
-		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: t5,
-			style,
-			children: [
-				t9,
-				children,
-				t10
-			]
-		});
-		$[19] = children;
-		$[20] = style;
-		$[21] = t10;
-		$[22] = t5;
-		$[23] = t9;
-		$[24] = t11;
-	} else t11 = $[24];
-	let t12;
-	if ($[25] !== t11 || $[26] !== t3) {
-		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormControlContext.Provider, {
-			value: t3,
-			children: t11
-		});
-		$[25] = t11;
-		$[26] = t3;
-		$[27] = t12;
-	} else t12 = $[27];
-	return t12;
-};
-DsFormControl.TextInput = controlify(require_ds_text_input.default);
-DsFormControl.NumberInput = controlify(require_ds_number_input.default);
-DsFormControl.PasswordInput = controlify(require_ds_password_input.default);
-DsFormControl.DateInput = controlify(require_ds_date_input.default);
-DsFormControl.Textarea = controlify(require_ds_textarea.default);
-DsFormControl.Select = controlify(require_ds_select.default);
-DsFormControl.Description = DsFormControlDescription;
-var ds_form_control_default = DsFormControl;
-
-//#endregion
-exports.default = ds_form_control_default;

package/dist/components/ds-form-control/ds-form-control.d.cts

@@ -1,35 +0,0 @@
-import { DsDateInputProps } from "../ds-date-input/ds-date-input.types.cjs";
-import { DsTextInputProps } from "../ds-text-input/ds-text-input.types.cjs";
-import { DsNumberInputProps } from "../ds-number-input/ds-number-input.types.cjs";
-import { DsPasswordInputProps } from "../ds-password-input/ds-password-input.types.cjs";
-import { DsTextareaProps } from "../ds-textarea/ds-textarea.types.cjs";
-import { DsSelectProps } from "../ds-select/ds-select.types.cjs";
-import { DsFormControlDescriptionProps, DsFormControlProps } from "./ds-form-control.types.cjs";
-import * as react_jsx_runtime53 from "react/jsx-runtime";
-import React from "react";
-
-//#region src/components/ds-form-control/ds-form-control.d.ts
-declare const DsFormControl: {
-  ({
-    id,
-    status,
-    label,
-    required,
-    slots,
-    message,
-    messageIcon,
-    className,
-    style,
-    children
-  }: DsFormControlProps): react_jsx_runtime53.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime53.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime53.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime53.JSX.Element;
-  DateInput: (props: DsDateInputProps) => react_jsx_runtime53.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime53.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime53.JSX.Element;
-  Description: React.FC<DsFormControlDescriptionProps>;
-};
-//#endregion
-export { DsFormControl };
-//# sourceMappingURL=ds-form-control.d.cts.map

package/dist/components/ds-form-control/ds-form-control.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-form-control.d.cts","names":[],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;cAyCM;;;;;;;;;;;;KAWH,qBAAkB,mBAAA,CAAA,GAAA,CAAA;qBAAA;;;;;;;AA3C4E,CAAA"}

package/dist/components/ds-form-control/ds-form-control.d.ts

@@ -1,41 +0,0 @@
-import { DsDateInputProps } from "../ds-date-input/ds-date-input.types.js";
-import "../ds-date-input/index.js";
-import { DsTextInputProps } from "../ds-text-input/ds-text-input.types.js";
-import "../ds-text-input/index.js";
-import { DsNumberInputProps } from "../ds-number-input/ds-number-input.types.js";
-import "../ds-number-input/index.js";
-import { DsPasswordInputProps } from "../ds-password-input/ds-password-input.types.js";
-import "../ds-password-input/index.js";
-import { DsTextareaProps } from "../ds-textarea/ds-textarea.types.js";
-import "../ds-textarea/index.js";
-import { DsSelectProps } from "../ds-select/ds-select.types.js";
-import "../ds-select/index.js";
-import { DsFormControlDescriptionProps, DsFormControlProps } from "./ds-form-control.types.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-import React from "react";
-
-//#region src/components/ds-form-control/ds-form-control.d.ts
-declare const DsFormControl: {
-  ({
-    id,
-    status,
-    label,
-    required,
-    slots,
-    message,
-    messageIcon,
-    className,
-    style,
-    children
-  }: DsFormControlProps): react_jsx_runtime8.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime8.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime8.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime8.JSX.Element;
-  DateInput: (props: DsDateInputProps) => react_jsx_runtime8.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime8.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime8.JSX.Element;
-  Description: React.FC<DsFormControlDescriptionProps>;
-};
-//#endregion
-export { DsFormControl };
-//# sourceMappingURL=ds-form-control.d.ts.map

package/dist/components/ds-form-control/ds-form-control.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-form-control.d.ts","names":[],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;cAyCM;;;;;;;;;;;;KAWH,qBAAkB,kBAAA,CAAA,GAAA,CAAA;qBAAA"}

package/dist/components/ds-form-control/ds-form-control.js

@@ -1,178 +0,0 @@
-import ds_icon_default from "../ds-icon/ds-icon.js";
-import "../ds-icon/index.js";
-import ds_text_input_default from "../ds-text-input/ds-text-input.js";
-import "../ds-text-input/index.js";
-import ds_date_input_default from "../ds-date-input/ds-date-input.js";
-import "../ds-date-input/index.js";
-import ds_select_default from "../ds-select/ds-select.js";
-import "../ds-select/index.js";
-import ds_textarea_default from "../ds-textarea/ds-textarea.js";
-import "../ds-textarea/index.js";
-import ds_number_input_default from "../ds-number-input/ds-number-input.js";
-import "../ds-number-input/index.js";
-import ds_password_input_default from "../ds-password-input/ds-password-input.js";
-import "../ds-password-input/index.js";
-import ds_form_control_module_default from "./ds-form-control.module.js";
-import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useId } from "react";
-
-//#region src/components/ds-form-control/ds-form-control.tsx
-const FormControlContext = createContext(null);
-const useFormControlContext = () => {
-	const context = useContext(FormControlContext);
-	if (!context) throw new Error("useFormControlContext must be used within DsFormControl");
-	return context;
-};
-/**
-* HOC that automatically injects the controlId from form control context
-* into any component that expects an 'id' prop.
-*
-* @param Component - The component to wrap with form control context
-* @returns A new component that automatically receives the controlId
-*/
-const controlify = (Component) => {
-	return function WrappedFormControl(props) {
-		const { controlId } = useFormControlContext();
-		return /* @__PURE__ */ jsx(Component, {
-			id: controlId,
-			...props
-		});
-	};
-};
-const DsFormControlDescription = (t0) => {
-	const $ = c(5);
-	const { children, className } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = classNames(ds_form_control_module_default.description, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== children || $[3] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			className: t1,
-			children
-		});
-		$[2] = children;
-		$[3] = t1;
-		$[4] = t2;
-	} else t2 = $[4];
-	return t2;
-};
-const DsFormControl = (t0) => {
-	const $ = c(28);
-	const { id, status, label, required: t1, slots, message, messageIcon: t2, className, style, children } = t0;
-	const required = t1 === void 0 ? false : t1;
-	const messageIcon = t2 === void 0 ? "info" : t2;
-	const generatedId = useId();
-	const controlId = id || generatedId;
-	let t3;
-	if ($[0] !== controlId) {
-		t3 = { controlId };
-		$[0] = controlId;
-		$[1] = t3;
-	} else t3 = $[1];
-	const t4 = status && message && ds_form_control_module_default[status];
-	let t5;
-	if ($[2] !== className || $[3] !== t4) {
-		t5 = classNames(ds_form_control_module_default.container, className, t4);
-		$[2] = className;
-		$[3] = t4;
-		$[4] = t5;
-	} else t5 = $[4];
-	let t6;
-	if ($[5] !== required) {
-		t6 = classNames(ds_form_control_module_default.label, { [ds_form_control_module_default.required]: required });
-		$[5] = required;
-		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
-	if ($[7] !== controlId || $[8] !== label || $[9] !== t6) {
-		t7 = /* @__PURE__ */ jsx("label", {
-			htmlFor: controlId,
-			className: t6,
-			children: label
-		});
-		$[7] = controlId;
-		$[8] = label;
-		$[9] = t6;
-		$[10] = t7;
-	} else t7 = $[10];
-	let t8;
-	if ($[11] !== slots) {
-		t8 = slots?.endAdornment && /* @__PURE__ */ jsx("div", {
-			className: ds_form_control_module_default.endAdornment,
-			children: slots.endAdornment
-		});
-		$[11] = slots;
-		$[12] = t8;
-	} else t8 = $[12];
-	let t9;
-	if ($[13] !== t7 || $[14] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("div", {
-			className: ds_form_control_module_default.labelContainer,
-			children: [t7, t8]
-		});
-		$[13] = t7;
-		$[14] = t8;
-		$[15] = t9;
-	} else t9 = $[15];
-	let t10;
-	if ($[16] !== message || $[17] !== messageIcon) {
-		t10 = message && /* @__PURE__ */ jsxs("div", {
-			className: ds_form_control_module_default.message,
-			children: [/* @__PURE__ */ jsx(ds_icon_default, {
-				icon: messageIcon,
-				size: "tiny",
-				filled: true
-			}), /* @__PURE__ */ jsx("span", { children: message })]
-		});
-		$[16] = message;
-		$[17] = messageIcon;
-		$[18] = t10;
-	} else t10 = $[18];
-	let t11;
-	if ($[19] !== children || $[20] !== style || $[21] !== t10 || $[22] !== t5 || $[23] !== t9) {
-		t11 = /* @__PURE__ */ jsxs("div", {
-			className: t5,
-			style,
-			children: [
-				t9,
-				children,
-				t10
-			]
-		});
-		$[19] = children;
-		$[20] = style;
-		$[21] = t10;
-		$[22] = t5;
-		$[23] = t9;
-		$[24] = t11;
-	} else t11 = $[24];
-	let t12;
-	if ($[25] !== t11 || $[26] !== t3) {
-		t12 = /* @__PURE__ */ jsx(FormControlContext.Provider, {
-			value: t3,
-			children: t11
-		});
-		$[25] = t11;
-		$[26] = t3;
-		$[27] = t12;
-	} else t12 = $[27];
-	return t12;
-};
-DsFormControl.TextInput = controlify(ds_text_input_default);
-DsFormControl.NumberInput = controlify(ds_number_input_default);
-DsFormControl.PasswordInput = controlify(ds_password_input_default);
-DsFormControl.DateInput = controlify(ds_date_input_default);
-DsFormControl.Textarea = controlify(ds_textarea_default);
-DsFormControl.Select = controlify(ds_select_default);
-DsFormControl.Description = DsFormControlDescription;
-var ds_form_control_default = DsFormControl;
-
-//#endregion
-export { ds_form_control_default as default };
-//# sourceMappingURL=ds-form-control.js.map

package/dist/components/ds-form-control/ds-form-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-form-control.js","names":["ComponentType","createContext","useContext","useId","React","classNames","DsIcon","DsSelect","DsTextInput","DsTextarea","DsNumberInput","DsPasswordInput","DsFormControlDescriptionProps","DsFormControlProps","styles","DsDateInput","FormControlContext","controlId","useFormControlContext","context","Error","controlify","id","Component","TProps","WrappedFormControl","props","DsFormControlDescription","FC","t0","$","_c","children","className","t1","description","t2","DsFormControl","status","label","required","slots","message","messageIcon","style","undefined","generatedId","t3","t4","t5","container","t6","t7","t8","endAdornment","t9","labelContainer","t10","t11","t12","TextInput","NumberInput","PasswordInput","DateInput","Textarea","Select","Description"],"sources":["../../../src/components/ds-form-control/ds-form-control.tsx"],"sourcesContent":["import { type ComponentType, createContext, useContext, useId } from 'react';\nimport type React from 'react';\nimport classNames from 'classnames';\nimport { DsIcon } from '../ds-icon';\nimport { DsSelect } from '../ds-select';\nimport { DsTextInput } from '../ds-text-input';\nimport { DsTextarea } from '../ds-textarea';\nimport { DsNumberInput } from '../ds-number-input';\nimport { DsPasswordInput } from '../ds-password-input';\nimport type { DsFormControlDescriptionProps, DsFormControlProps } from './ds-form-control.types';\nimport styles from './ds-form-control.module.scss';\nimport { DsDateInput } from '../ds-date-input';\n\nconst FormControlContext = createContext<{ controlId: string } | null>(null);\n\nconst useFormControlContext = () => {\n\tconst context = useContext(FormControlContext);\n\tif (!context) {\n\t\tthrow new Error('useFormControlContext must be used within DsFormControl');\n\t}\n\treturn context;\n};\n\n/**\n * HOC that automatically injects the controlId from form control context\n * into any component that expects an 'id' prop.\n *\n * @param Component - The component to wrap with form control context\n * @returns A new component that automatically receives the controlId\n */\nconst controlify = <TProps extends { id?: string }>(Component: ComponentType<TProps>) => {\n\treturn function WrappedFormControl(props: TProps) {\n\t\tconst { controlId } = useFormControlContext();\n\t\treturn <Component id={controlId} {...props} />;\n\t};\n};\n\nconst DsFormControlDescription: React.FC<DsFormControlDescriptionProps> = ({ children, className }) => {\n\treturn <div className={classNames(styles.description, className)}>{children}</div>;\n};\n\nconst DsFormControl = ({\n\tid,\n\tstatus,\n\tlabel,\n\trequired = false,\n\tslots,\n\tmessage,\n\tmessageIcon = 'info',\n\tclassName,\n\tstyle,\n\tchildren,\n}: DsFormControlProps) => {\n\tconst generatedId = useId();\n\tconst controlId = id || generatedId;\n\n\treturn (\n\t\t<FormControlContext.Provider value={{ controlId }}>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\n\t\t\t\t\tstyles.container,\n\t\t\t\t\tclassName,\n\n\t\t\t\t\t// @ts-expect-error: `info` doesn't have its own classname\n\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n\t\t\t\t\tstatus && message && styles[status],\n\t\t\t\t)}\n\t\t\t\tstyle={style}\n\t\t\t>\n\t\t\t\t<div className={styles.labelContainer}>\n\t\t\t\t\t<label\n\t\t\t\t\t\thtmlFor={controlId}\n\t\t\t\t\t\tclassName={classNames(styles.label, {\n\t\t\t\t\t\t\t[styles.required]: required,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</label>\n\t\t\t\t\t{slots?.endAdornment && <div className={styles.endAdornment}>{slots.endAdornment}</div>}\n\t\t\t\t</div>\n\n\t\t\t\t{children}\n\n\t\t\t\t{message && (\n\t\t\t\t\t<div className={styles.message}>\n\t\t\t\t\t\t<DsIcon icon={messageIcon} size=\"tiny\" filled />\n\t\t\t\t\t\t<span>{message}</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</FormControlContext.Provider>\n\t);\n};\n\nDsFormControl.TextInput = controlify(DsTextInput);\nDsFormControl.NumberInput = controlify(DsNumberInput);\nDsFormControl.PasswordInput = controlify(DsPasswordInput);\nDsFormControl.DateInput = controlify(DsDateInput);\nDsFormControl.Textarea = controlify(DsTextarea);\nDsFormControl.Select = controlify(DsSelect);\nDsFormControl.Description = DsFormControlDescription;\n\nexport default DsFormControl;\n"],"mappings":"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"}

package/dist/components/ds-form-control/ds-form-control.module.cjs

@@ -1,24 +0,0 @@
-
-//#region src/components/ds-form-control/ds-form-control.module.scss
-var ds_form_control_module_default = {
-	"container": "_container_3x2wm_1",
-	"success": "_success_3x2wm_1",
-	"message": "_message_3x2wm_1",
-	"warning": "_warning_3x2wm_1",
-	"error": "_error_3x2wm_1",
-	"labelContainer": "_labelContainer_3x2wm_1",
-	"label": "_label_3x2wm_1",
-	"required": "_required_3x2wm_1",
-	"disabled": "_disabled_3x2wm_1",
-	"endAdornment": "_endAdornment_3x2wm_1",
-	"description": "_description_3x2wm_1",
-	"controlWrapper": "_controlWrapper_3x2wm_1",
-	"input": "_input_3x2wm_1",
-	"control": "_control_3x2wm_1",
-	"icon": "_icon_3x2wm_1",
-	"textarea": "_textarea_3x2wm_1",
-	"withIcon": "_withIcon_3x2wm_1"
-};
-
-//#endregion
-exports.default = ds_form_control_module_default;

package/dist/components/ds-form-control/ds-form-control.module.js

@@ -1,24 +0,0 @@
-//#region src/components/ds-form-control/ds-form-control.module.scss
-var ds_form_control_module_default = {
-	"container": "_container_3x2wm_1",
-	"success": "_success_3x2wm_1",
-	"message": "_message_3x2wm_1",
-	"warning": "_warning_3x2wm_1",
-	"error": "_error_3x2wm_1",
-	"labelContainer": "_labelContainer_3x2wm_1",
-	"label": "_label_3x2wm_1",
-	"required": "_required_3x2wm_1",
-	"disabled": "_disabled_3x2wm_1",
-	"endAdornment": "_endAdornment_3x2wm_1",
-	"description": "_description_3x2wm_1",
-	"controlWrapper": "_controlWrapper_3x2wm_1",
-	"input": "_input_3x2wm_1",
-	"control": "_control_3x2wm_1",
-	"icon": "_icon_3x2wm_1",
-	"textarea": "_textarea_3x2wm_1",
-	"withIcon": "_withIcon_3x2wm_1"
-};
-
-//#endregion
-export { ds_form_control_module_default as default };
-//# sourceMappingURL=ds-form-control.module.js.map

package/dist/components/ds-form-control/ds-form-control.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-form-control.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-form-control/ds-form-control.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$form-control-description-max-lines: 2;\n$form-control-description-line-height: 1.4;\n$form-control-description-max-height: calc(\n\t$form-control-description-line-height * $form-control-description-max-lines * 1em\n);\n\n.container {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--spacing-4xs);\n\n\t&.success {\n\t\t.message {\n\t\t\tcolor: var(--color-background-success-strong);\n\t\t}\n\t}\n\n\t&.warning {\n\t\t.message {\n\t\t\tcolor: var(--color-font-warning);\n\t\t}\n\t}\n\n\t&.error {\n\t\t--form-control-border-color: var(--color-background-danger-strong);\n\t\t--form-control-selection-color: var(--color-background-danger-weak);\n\n\t\t.message {\n\t\t\tcolor: var(--color-background-danger-strong);\n\t\t}\n\t}\n}\n\n.labelContainer {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--spacing-4xs);\n}\n\n.label {\n\t@include typography.body-sm-reg;\n\tcolor: var(--color-font-main);\n\n\t&.required::after {\n\t\t@include typography.body-sm-reg;\n\t\tcontent: '*';\n\t\tposition: relative;\n\t\ttop: -1px;\n\t\tright: -1px;\n\t\tcolor: var(--color-icon-danger);\n\t}\n\n\t&.disabled {\n\t\tcolor: var(--color-background-disabled);\n\n\t\t&::after {\n\t\t\tcolor: var(--color-font-disabled);\n\t\t}\n\t}\n}\n\n.endAdornment {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.description {\n\t@include typography.p-s;\n\tcolor: var(--neutral-2);\n\tline-height: $form-control-description-line-height;\n\tmax-height: $form-control-description-max-height;\n\toverflow: hidden;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: $form-control-description-max-lines;\n\t-webkit-box-orient: vertical;\n\tword-wrap: break-word;\n}\n\n.controlWrapper {\n\tposition: relative;\n\n\t&.input {\n\t\t.control {\n\t\t\tpadding: 7px 16px;\n\t\t\tline-height: 24px;\n\t\t\tfont-style: normal;\n\t\t}\n\n\t\t.icon {\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-50%);\n\t\t}\n\t}\n\n\t&.textarea {\n\t\t.control {\n\t\t\tpadding: 12px 16px;\n\t\t\tmin-height: 100px;\n\n\t\t\t&:disabled {\n\t\t\t\tresize: none;\n\t\t\t}\n\t\t}\n\n\t\t.icon {\n\t\t\ttop: 10px;\n\t\t}\n\t}\n\n\t.control.withIcon {\n\t\tpadding-left: 40px;\n\t}\n\n\t.icon {\n\t\tposition: absolute;\n\t\tpointer-events: none;\n\t\tcolor: var(--neutral-3);\n\t}\n\n\t.icon {\n\t\tleft: 12px;\n\t}\n}\n\n.message {\n\t@include typography.body-xs-reg;\n\tcolor: var(--color-font-secondary);\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\tpadding-top: 2px;\n}\n"],"mappings":""}

package/dist/components/ds-form-control/ds-form-control.types.cjs

@@ -1,11 +0,0 @@
-
-//#region src/components/ds-form-control/ds-form-control.types.tsx
-const controlStatuses = [
-	"info",
-	"success",
-	"error",
-	"warning"
-];
-
-//#endregion
-exports.controlStatuses = controlStatuses;

package/dist/components/ds-form-control/ds-form-control.types.d.cts

@@ -1,59 +0,0 @@
-import { IconType } from "../ds-icon/ds-icon.types.cjs";
-import React from "react";
-
-//#region src/components/ds-form-control/ds-form-control.types.d.ts
-declare const controlStatuses: readonly ["info", "success", "error", "warning"];
-type ControlStatus = (typeof controlStatuses)[number];
-interface DsFormControlProps extends React.PropsWithChildren {
-  /**
-   * Unique identifier for the control
-   */
-  id?: string;
-  /**
-   * Visual status
-   */
-  status?: ControlStatus;
-  /**
-   * Label text
-   */
-  label: string;
-  /**
-   * Marks the field as required
-   */
-  required?: boolean;
-  slots?: {
-    /**
-     * Adornment to display at the end of the label
-     */
-    endAdornment?: React.ReactNode;
-  };
-  /**
-   * Message under the control
-   */
-  message?: string;
-  /**
-   * Icon shown next to message
-   */
-  messageIcon?: IconType;
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-  /**
-   * Additional styles to apply to the component
-   */
-  style?: React.CSSProperties;
-}
-interface DsFormControlDescriptionProps {
-  /**
-   * The description content
-   */
-  children: React.ReactNode;
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-}
-//#endregion
-export { ControlStatus, DsFormControlDescriptionProps, DsFormControlProps, controlStatuses };
-//# sourceMappingURL=ds-form-control.types.d.cts.map

package/dist/components/ds-form-control/ds-form-control.types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-form-control.types.d.cts","names":[],"sources":["../../../src/components/ds-form-control/ds-form-control.types.tsx"],"sourcesContent":[],"mappings":";;;;cAGa;KACD,aAAA,WAAwB;AADvB,UAGI,kBAAA,SAA2B,KAAA,CAAM,iBAH6B,CAAA;EACnE;AAEZ;;EAsBiB,EAAA,CAAM,EAAA,MAAA;EASR;;;EA/BoD,MAAA,CAAA,EAQzD,aARyD;EA0ClD;;;;;;;;;;;;mBApBA,KAAA,CAAM;;;;;;;;;gBASR;;;;;;;;UAQN,KAAA,CAAM;;UAGE,6BAAA;;;;YAIN,KAAA,CAAM"}

package/dist/components/ds-form-control/ds-form-control.types.d.ts

@@ -1,60 +0,0 @@
-import { IconType } from "../ds-icon/ds-icon.types.js";
-import "../ds-icon/index.js";
-import React from "react";
-
-//#region src/components/ds-form-control/ds-form-control.types.d.ts
-declare const controlStatuses: readonly ["info", "success", "error", "warning"];
-type ControlStatus = (typeof controlStatuses)[number];
-interface DsFormControlProps extends React.PropsWithChildren {
-  /**
-   * Unique identifier for the control
-   */
-  id?: string;
-  /**
-   * Visual status
-   */
-  status?: ControlStatus;
-  /**
-   * Label text
-   */
-  label: string;
-  /**
-   * Marks the field as required
-   */
-  required?: boolean;
-  slots?: {
-    /**
-     * Adornment to display at the end of the label
-     */
-    endAdornment?: React.ReactNode;
-  };
-  /**
-   * Message under the control
-   */
-  message?: string;
-  /**
-   * Icon shown next to message
-   */
-  messageIcon?: IconType;
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-  /**
-   * Additional styles to apply to the component
-   */
-  style?: React.CSSProperties;
-}
-interface DsFormControlDescriptionProps {
-  /**
-   * The description content
-   */
-  children: React.ReactNode;
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-}
-//#endregion
-export { ControlStatus, DsFormControlDescriptionProps, DsFormControlProps, controlStatuses };
-//# sourceMappingURL=ds-form-control.types.d.ts.map

package/dist/components/ds-form-control/ds-form-control.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-form-control.types.d.ts","names":[],"sources":["../../../src/components/ds-form-control/ds-form-control.types.tsx"],"sourcesContent":[],"mappings":";;;;;cAGa;KACD,aAAA,WAAwB;UAEnB,kBAAA,SAA2B,KAAA,CAAM;EAHrC;AACb;AAEA;EAQU,EAAA,CAAA,EAAA,MAAA;EAcO;;;EAtB2B,MAAM,CAAA,EAQxC,aARwC;EAAiB;AA0CnE;;;;;;;;;;;mBApBiB,KAAA,CAAM;;;;;;;;;gBASR;;;;;;;;UAQN,KAAA,CAAM;;UAGE,6BAAA;;;;YAIN,KAAA,CAAM"}

package/dist/components/ds-form-control/ds-form-control.types.js

@@ -1,11 +0,0 @@
-//#region src/components/ds-form-control/ds-form-control.types.tsx
-const controlStatuses = [
-	"info",
-	"success",
-	"error",
-	"warning"
-];
-
-//#endregion
-export { controlStatuses };
-//# sourceMappingURL=ds-form-control.types.js.map