@sima-land/ui-nucleons 45.0.0-alpha.4 → 45.0.0-alpha.41

package/spinner/index.js

@@ -1,47 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpinnerSVG = exports.Spinner = exports.DIAMETERS = void 0;
-const react_1 = __importDefault(require("react"));
-const lodash_1 = require("lodash");
-const colors_1 = require("../colors");
-const bind_1 = __importDefault(require("classnames/bind"));
-const spinner_module_scss_1 = __importDefault(require("./spinner.module.scss"));
-const cx = bind_1.default.bind(spinner_module_scss_1.default);
-exports.DIAMETERS = {
-    s: 20,
-    m: 48,
-    l: 80,
-    // legacy, @todo удалить со временем:
-    small: 20,
-    medium: 48,
-    large: 80,
-};
-const DEFAULT_COLOR = 'basic-blue';
-/**
- * Компонент спиннера.
- * @param props Свойства.
- * @return Элемент.
- */
-function Spinner({ size = 'm', color = DEFAULT_COLOR, className, style, 'data-testid': testId = 'spinner', }) {
-    const readySize = (0, lodash_1.has)(exports.DIAMETERS, size) ? size : 'm';
-    const readyColor = colors_1.COLORS.has(color) ? color : DEFAULT_COLOR;
-    return (react_1.default.createElement("div", { className: className, style: style, "data-testid": testId },
-        react_1.default.createElement(SpinnerSVG, { size: readySize, color: readyColor, "data-testid": null })));
-}
-exports.Spinner = Spinner;
-/**
- * Спиннер.
- * Выделен в отдельный компонент для возможности использования без обертки в виде div.
- * @param props Свойства.
- * @return Элемент.
- */
-function SpinnerSVG({ size = 'm', color = DEFAULT_COLOR, className, style, 'data-testid': testId = 'spinner', }) {
-    const diameter = exports.DIAMETERS[size];
-    const radius = diameter / 2;
-    return (react_1.default.createElement("svg", { style: style, className: cx('spinner', `size-${size}`, className), viewBox: `0 0 ${diameter} ${diameter}`, width: diameter, height: diameter, stroke: colors_1.COLORS.get(color), "data-testid": testId },
-        react_1.default.createElement("circle", { className: cx('circle'), cx: radius, cy: radius, r: radius - 1 })));
-}
-exports.SpinnerSVG = SpinnerSVG;
+exports.SPINNER_DIAMETER = exports.SpinnerSVG = exports.Spinner = void 0;
+var spinner_1 = require("./spinner");
+Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return spinner_1.Spinner; } });
+Object.defineProperty(exports, "SpinnerSVG", { enumerable: true, get: function () { return spinner_1.SpinnerSVG; } });
+Object.defineProperty(exports, "SPINNER_DIAMETER", { enumerable: true, get: function () { return spinner_1.SPINNER_DIAMETER; } });
+//# sourceMappingURL=index.js.map

package/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/spinner/index.ts"],"names":[],"mappings":";;;AACA,qCAAkE;AAAzD,kGAAA,OAAO,OAAA;AAAE,qGAAA,UAAU,OAAA;AAAE,2GAAA,gBAAgB,OAAA"}

package/spinner/spinner.d.ts

@@ -0,0 +1,15 @@
+import type { SpinnerProps, SpinnerSize } from './types';
+export declare const SPINNER_DIAMETER: Record<SpinnerSize, number>;
+/**
+ * Спиннер - визуальный индикатор загрузки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Spinner({ size, color, className, style, 'data-testid': testId, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Спиннер.
+ * Выделен в отдельный компонент для возможности использования без обертки в виде div.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function SpinnerSVG({ size, color, className, style, 'data-testid': testId, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;

package/spinner/spinner.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SPINNER_DIAMETER = void 0;
+exports.Spinner = Spinner;
+exports.SpinnerSVG = SpinnerSVG;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const colors_1 = require("../colors");
+const bind_1 = __importDefault(require("classnames/bind"));
+const spinner_m_scss_1 = __importDefault(require("./spinner.m.scss"));
+const cx = bind_1.default.bind(spinner_m_scss_1.default);
+exports.SPINNER_DIAMETER = {
+    s: 20,
+    m: 48,
+    l: 80,
+};
+const DEFAULT_COLOR = 'basic-blue';
+/**
+ * Спиннер - визуальный индикатор загрузки.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Spinner({ size = 'm', color = DEFAULT_COLOR, className, style, 'data-testid': testId = 'spinner', }) {
+    const readySize = Object.keys(exports.SPINNER_DIAMETER).includes(size) ? size : 'm';
+    const readyColor = colors_1.COLORS.has(color) ? color : DEFAULT_COLOR;
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: style, "data-testid": testId, children: (0, jsx_runtime_1.jsx)(SpinnerSVG, { size: readySize, color: readyColor, "data-testid": null }) }));
+}
+/**
+ * Спиннер.
+ * Выделен в отдельный компонент для возможности использования без обертки в виде div.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function SpinnerSVG({ size = 'm', color = DEFAULT_COLOR, className, style, 'data-testid': testId = 'spinner', }) {
+    const diameter = exports.SPINNER_DIAMETER[size];
+    const radius = diameter / 2;
+    return ((0, jsx_runtime_1.jsx)("svg", { style: style, className: cx('spinner', `size-${size}`, className), viewBox: `0 0 ${diameter} ${diameter}`, width: diameter, height: diameter, stroke: colors_1.COLORS.get(color), "data-testid": testId, children: (0, jsx_runtime_1.jsx)("circle", { className: cx('circle'), cx: radius, cy: radius, r: radius - 1 }) }));
+}
+//# sourceMappingURL=spinner.js.map

package/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../src/spinner/spinner.tsx"],"names":[],"mappings":";;;;;;AAoBA,0BAeC;AAQD,gCA4BC;;AAtED,sCAA0C;AAC1C,2DAAyC;AACzC,sEAAsC;AAEtC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,wBAAM,CAAC,CAAC;AAEtB,QAAA,gBAAgB,GAAgC;IAC3D,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;CACG,CAAC;AAEX,MAAM,aAAa,GAAU,YAAY,CAAC;AAE1C;;;;GAIG;AACH,SAAgB,OAAO,CAAC,EACtB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,aAAa,EACrB,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,SAAS,GACpB;IACb,MAAM,SAAS,GAAgB,MAAM,CAAC,IAAI,CAAC,wBAAgB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IACzF,MAAM,UAAU,GAAG,eAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC;IAE7D,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAe,MAAM,YAC1D,uBAAC,UAAU,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,iBAAe,IAAI,GAAI,GACjE,CACP,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,SAAgB,UAAU,CAAC,EACzB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,aAAa,EACrB,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,SAAS,GACpB;IACb,MAAM,QAAQ,GAAG,wBAAgB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,gCACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,OAAO,QAAQ,IAAI,QAAQ,EAAE,EACtC,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,QAAQ,EAChB,MAAM,EAAE,eAAM,CAAC,GAAG,CAAC,KAAK,CAAC,iBACZ,MAAM,YAEnB,mCACE,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,EACvB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,CAAC,EAAE,MAAM,GAAG,CAAC,GACb,GACE,CACP,CAAC;AACJ,CAAC"}

package/spinner/{spinner.module.scss → spinner.m.scss}

@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 $pi: 3.141592653589793;
 $sizes: (
   s: 20,
@@ -32,18 +34,24 @@ $durations: (
       width: #{$diameter}px;
       height: #{$diameter}px;
       .circle {
-        animation: dash-#{$sizeKey} map-get($durations, $sizeKey) linear infinite;
+        animation: dash-#{$sizeKey} map.get($durations, $sizeKey) linear infinite;
       }
       @keyframes dash-#{$sizeKey} {
         0% {
-          stroke-dasharray: $perimeter * 0.125, $perimeter * 0.875;
+          stroke-dasharray:
+            $perimeter * 0.125,
+            $perimeter * 0.875;
           stroke-dashoffset: $perimeter * 0.25;
         }
         50% {
-          stroke-dasharray: $perimeter * 0.5, $perimeter * 0.5;
+          stroke-dasharray:
+            $perimeter * 0.5,
+            $perimeter * 0.5;
         }
         100% {
-          stroke-dasharray: $perimeter * 0.125, $perimeter * 0.875;
+          stroke-dasharray:
+            $perimeter * 0.125,
+            $perimeter * 0.875;
           stroke-dashoffset: -$perimeter + ($perimeter * 0.25);
         }
       }
@@ -64,7 +72,9 @@ $durations: (
     }
     *::-ms-backdrop,
     .spinner.size-#{$sizeKey} .circle {
-      stroke-dasharray: $perimeter * 0.75, $perimeter * 0.25;
+      stroke-dasharray:
+        $perimeter * 0.75,
+        $perimeter * 0.25;
       stroke-dashoffset: $perimeter * 0.25;
     }
   }

package/spinner/types.d.ts

@@ -0,0 +1,15 @@
+import type { CSSProperties } from 'react';
+import type { Token } from '../colors';
+export type SpinnerSize = 's' | 'm' | 'l';
+export interface SpinnerProps {
+    /** Размер. */
+    size?: SpinnerSize;
+    /** Цвет. */
+    color?: Token;
+    /** Класс. */
+    className?: string;
+    /** Стили. */
+    style?: CSSProperties;
+    /** Идентификатор для систем автоматизированного тестирования. */
+    'data-testid'?: string | null;
+}

package/spinner/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/spinner/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/spinner/types.ts"],"names":[],"mappings":""}

package/stepper/index.d.ts

@@ -1,38 +1,2 @@
-import React, { CSSProperties, InputHTMLAttributes, MouseEventHandler } from 'react';
-/** Размер Stepper (влияет на высоту и минимальную ширину). */
-export type StepperSize = 's' | 'm';
-/** Стили Stepper. */
-export interface StepperStyle extends CSSProperties {
-    /** Ширина. */
-    '--stepper-width'?: string;
-}
-export interface StepperProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'style'> {
-    /** Нужно ли выводить кнопку добавления. */
-    canAdd?: boolean;
-    /** Нужно ли выводить кнопку вычитания. */
-    canSubtract?: boolean;
-    /** Делает кнопку "+" отключенной. */
-    plusDisabled?: boolean;
-    /** Делает кнопку "-" отключенной. */
-    minusDisabled?: boolean;
-    /** Нужно ли предотвращать blur на поле при нажатии "+/-". */
-    buttonClickBehavior?: 'prevent-input-blur';
-    /** Сработает при добавлении. */
-    onAdd?: MouseEventHandler;
-    /** Сработает при вычитании. */
-    onSubtract?: MouseEventHandler;
-    /** Размер. */
-    size?: StepperSize;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-    /** Стили корневого элемента. */
-    style?: StepperStyle;
-    /** Нужно ли показывать состояние ошибки. */
-    failed?: boolean;
-}
-/**
- * Stepper - поле ввода количества.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLInputElement>>;
+export type { StepperSize, StepperStyle, StepperProps } from './types';
+export { Stepper } from './stepper';

package/stepper/index.js

@@ -1,76 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Stepper = void 0;
-const react_1 = __importStar(require("react"));
-const plus_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/plus"));
-const minus_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/minus"));
-const stepper_module_scss_1 = __importDefault(require("./stepper.module.scss"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const cx = bind_1.default.bind(stepper_module_scss_1.default);
-/**
- * Stepper - поле ввода количества.
- * @param props Свойства.
- * @return Элемент.
- */
-exports.Stepper = (0, react_1.forwardRef)(function Stepper(_a, forwardedRef) {
-    var _b, _c;
-    var { buttonClickBehavior, canAdd = true, canSubtract = true, className, disabled, plusDisabled = disabled, minusDisabled = disabled, readOnly, onAdd, onBlur, onChange, onFocus, onSubtract, size = 'm', style, value, failed, 'data-testid': testId = 'stepper' } = _a, inputProps = __rest(_a, ["buttonClickBehavior", "canAdd", "canSubtract", "className", "disabled", "plusDisabled", "minusDisabled", "readOnly", "onAdd", "onBlur", "onChange", "onFocus", "onSubtract", "size", "style", "value", "failed", 'data-testid']);
-    const ref = (0, react_1.useRef)(null);
-    const [focused, setFocused] = (0, react_1.useState)(false);
-    (0, react_1.useImperativeHandle)(forwardedRef, () => ref.current);
-    const noBlurOnMousedown = (0, react_1.useCallback)(event => {
-        if (focused && event.target !== ref.current && buttonClickBehavior === 'prevent-input-blur') {
-            event.preventDefault();
-        }
-    }, [focused, buttonClickBehavior]);
-    const rootClassName = cx('root', `size-${size}`, { disabled, focused, failed }, className);
-    return (react_1.default.createElement("div", { "data-testid": testId, style: style, className: rootClassName, onMouseDown: noBlurOnMousedown },
-        react_1.default.createElement("button", { tabIndex: -1, hidden: !canSubtract, disabled: (_b = minusDisabled !== null && minusDisabled !== void 0 ? minusDisabled : disabled) !== null && _b !== void 0 ? _b : readOnly, className: cx('button'), "data-testid": 'stepper:minus', "aria-label": '\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C', onMouseDown: noBlurOnMousedown, onClick: canSubtract && !minusDisabled && !disabled && !readOnly ? onSubtract : undefined },
-            react_1.default.createElement(minus_1.default, { className: stepper_module_scss_1.default.svg })),
-        react_1.default.createElement("input", Object.assign({}, inputProps, { ref: ref, readOnly: readOnly, "data-testid": 'stepper:input', className: cx('input'), value: value, disabled: disabled, onChange: onChange, onFocus: e => {
-                setFocused(true);
-                onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-            }, onBlur: e => {
-                setFocused(false);
-                onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-            } })),
-        react_1.default.createElement("button", { tabIndex: -1, hidden: !canAdd, disabled: (_c = plusDisabled !== null && plusDisabled !== void 0 ? plusDisabled : disabled) !== null && _c !== void 0 ? _c : readOnly, className: cx('button'), "data-testid": 'stepper:plus', "aria-label": '\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C', onMouseDown: noBlurOnMousedown, onClick: canAdd && !plusDisabled && !disabled && !readOnly ? onAdd : undefined },
-            react_1.default.createElement(plus_1.default, { className: stepper_module_scss_1.default.svg }))));
-});
+var stepper_1 = require("./stepper");
+Object.defineProperty(exports, "Stepper", { enumerable: true, get: function () { return stepper_1.Stepper; } });
+//# sourceMappingURL=index.js.map

package/stepper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stepper/index.ts"],"names":[],"mappings":";;;AACA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}

package/stepper/stepper.d.ts

@@ -0,0 +1,7 @@
+import type { StepperProps } from './types';
+/**
+ * Степпер - поле ввода количества.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare const Stepper: import("react").ForwardRefExoticComponent<StepperProps & import("react").RefAttributes<HTMLInputElement>>;

package/stepper/stepper.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stepper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Plus_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Plus"));
+const Minus_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Minus"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const stepper_m_scss_1 = __importDefault(require("./stepper.m.scss"));
+const cx = bind_1.default.bind(stepper_m_scss_1.default);
+/**
+ * Степпер - поле ввода количества.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+exports.Stepper = (0, react_1.forwardRef)(function Stepper({ buttonClickBehavior, canAdd = true, canSubtract = true, className, disabled, plusDisabled = disabled, minusDisabled = disabled, readOnly, onAdd, onBlur, onChange, onFocus, onSubtract, size = 'm', style, value, failed, 'data-testid': testId = 'stepper', ...inputProps }, forwardedRef) {
+    const ref = (0, react_1.useRef)(null);
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    (0, react_1.useImperativeHandle)(forwardedRef, () => ref.current);
+    const noBlurOnMousedown = (0, react_1.useCallback)(event => {
+        if (focused && event.target !== ref.current && buttonClickBehavior === 'prevent-input-blur') {
+            event.preventDefault();
+        }
+    }, [focused, buttonClickBehavior]);
+    const rootClassName = cx('root', `size-${size}`, { disabled, focused, failed }, className);
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": testId, style: style, className: rootClassName, onMouseDown: noBlurOnMousedown, children: [(0, jsx_runtime_1.jsx)("button", { tabIndex: -1, hidden: !canSubtract, disabled: minusDisabled ?? disabled ?? readOnly, className: cx('button'), "data-testid": 'stepper:minus', "aria-label": '\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C', onMouseDown: noBlurOnMousedown, onClick: canSubtract && !minusDisabled && !disabled && !readOnly ? onSubtract : undefined, children: (0, jsx_runtime_1.jsx)(Minus_1.default, { className: stepper_m_scss_1.default.svg }) }), (0, jsx_runtime_1.jsx)("input", { ...inputProps, ref: ref, readOnly: readOnly, "data-testid": 'stepper:input', className: cx('input'), value: value, disabled: disabled, onChange: onChange, onFocus: e => {
+                    setFocused(true);
+                    onFocus?.(e);
+                }, onBlur: e => {
+                    setFocused(false);
+                    onBlur?.(e);
+                } }), (0, jsx_runtime_1.jsx)("button", { tabIndex: -1, hidden: !canAdd, disabled: plusDisabled ?? disabled ?? readOnly, className: cx('button'), "data-testid": 'stepper:plus', "aria-label": '\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C', onMouseDown: noBlurOnMousedown, onClick: canAdd && !plusDisabled && !disabled && !readOnly ? onAdd : undefined, children: (0, jsx_runtime_1.jsx)(Plus_1.default, { className: stepper_m_scss_1.default.svg }) })] }));
+});
+//# sourceMappingURL=stepper.js.map

package/stepper/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../src/stepper/stepper.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAOe;AACf,yFAAoE;AACpE,2FAAsE;AACtE,2DAAyC;AACzC,sEAAsC;AAEtC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,wBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACU,QAAA,OAAO,GAAG,IAAA,kBAAU,EAAiC,SAAS,OAAO,CAChF,EACE,mBAAmB,EACnB,MAAM,GAAG,IAAI,EACb,WAAW,GAAG,IAAI,EAClB,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,QAAQ,EACvB,aAAa,GAAG,QAAQ,EACxB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,UAAU,EACV,IAAI,GAAG,GAAG,EACV,KAAK,EACL,KAAK,EACL,MAAM,EACN,aAAa,EAAE,MAAM,GAAG,SAAS,EACjC,GAAG,UAAU,EACd,EACD,YAAY;IAEZ,MAAM,GAAG,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,2BAAmB,EACjB,YAAY,EACZ,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAClB,CAAC;IAEF,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,KAAK,CAAC,EAAE;QACN,IAAI,OAAO,IAAI,KAAK,CAAC,MAAM,KAAK,GAAG,CAAC,OAAO,IAAI,mBAAmB,KAAK,oBAAoB,EAAE,CAAC;YAC5F,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAC/B,CAAC;IAEF,MAAM,aAAa,GAAG,EAAE,CAAC,MAAM,EAAE,QAAQ,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,SAAS,CAAC,CAAC;IAE3F,OAAO,CACL,gDACe,MAAM,EACnB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,iBAAiB,aAE9B,mCACE,QAAQ,EAAE,CAAC,CAAC,EACZ,MAAM,EAAE,CAAC,WAAW,EACpB,QAAQ,EAAE,aAAa,IAAI,QAAQ,IAAI,QAAQ,EAC/C,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,iBACX,eAAe,gBAChB,wDAAW,EACtB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,WAAW,IAAI,CAAC,aAAa,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,YAEzF,uBAAC,eAAQ,IAAC,SAAS,EAAE,wBAAM,CAAC,GAAG,GAAI,GAC5B,EACT,qCACM,UAAU,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,iBACN,eAAe,EAC3B,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE;oBACX,UAAU,CAAC,IAAI,CAAC,CAAC;oBACjB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;gBACf,CAAC,EACD,MAAM,EAAE,CAAC,CAAC,EAAE;oBACV,UAAU,CAAC,KAAK,CAAC,CAAC;oBAClB,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;gBACd,CAAC,GACD,EACF,mCACE,QAAQ,EAAE,CAAC,CAAC,EACZ,MAAM,EAAE,CAAC,MAAM,EACf,QAAQ,EAAE,YAAY,IAAI,QAAQ,IAAI,QAAQ,EAC9C,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,iBACX,cAAc,gBACf,wDAAW,EACtB,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,YAE9E,uBAAC,cAAO,IAAC,SAAS,EAAE,wBAAM,CAAC,GAAG,GAAI,GAC3B,IACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/stepper/types.d.ts

@@ -0,0 +1,31 @@
+import type { CSSProperties, InputHTMLAttributes, MouseEventHandler } from 'react';
+import type { WithTestId } from '../types';
+/** Размер Stepper (влияет на высоту и минимальную ширину). */
+export type StepperSize = 's' | 'm';
+/** Стили Stepper. */
+export interface StepperStyle extends CSSProperties {
+    /** Ширина. */
+    '--stepper-width'?: string;
+}
+export interface StepperProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'style'>, WithTestId {
+    /** Нужно ли выводить кнопку добавления. */
+    canAdd?: boolean;
+    /** Нужно ли выводить кнопку вычитания. */
+    canSubtract?: boolean;
+    /** Делает кнопку "+" отключенной. */
+    plusDisabled?: boolean;
+    /** Делает кнопку "-" отключенной. */
+    minusDisabled?: boolean;
+    /** Нужно ли предотвращать blur на поле при нажатии "+/-". */
+    buttonClickBehavior?: 'prevent-input-blur';
+    /** Сработает при добавлении. */
+    onAdd?: MouseEventHandler;
+    /** Сработает при вычитании. */
+    onSubtract?: MouseEventHandler;
+    /** Размер. */
+    size?: StepperSize;
+    /** Стили корневого элемента. */
+    style?: StepperStyle;
+    /** Нужно ли показывать состояние ошибки. */
+    failed?: boolean;
+}

package/stepper/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/stepper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/stepper/types.ts"],"names":[],"mappings":""}

package/stroked-svg/index.d.ts

@@ -1,17 +1,2 @@
-import React from 'react';
-export interface StrokedSVGProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
-    /** Компонент, выводящий svg-элемент. */
-    component: React.ComponentType<React.SVGAttributes<SVGSVGElement>>;
-    /** Цвет внешней обводки. */
-    stroke?: string;
-    /** Ширина внешней обводки. */
-    strokeWidth?: number;
-    /** Цвет заливки. */
-    fill?: string;
-}
-/**
- * Выводит иконку с внешней обводкой.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const StrokedSVG: React.ForwardRefExoticComponent<StrokedSVGProps & React.RefAttributes<HTMLDivElement>>;
+export type { StrokedSVGProps } from './types';
+export { StrokedSVG } from './stroked-svg';

package/stroked-svg/index.js

@@ -1,56 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StrokedSVG = void 0;
-const react_1 = __importStar(require("react"));
-const colors_1 = require("../colors");
-const classnames_1 = __importDefault(require("classnames"));
-const index_module_scss_1 = __importDefault(require("./index.module.scss"));
-/**
- * Выводит иконку с внешней обводкой.
- * @param props Свойства.
- * @return Элемент.
- */
-exports.StrokedSVG = (0, react_1.forwardRef)((_a, ref) => {
-    var { component: Tag, fill, stroke = colors_1.COLORS.get('basic-gray4'), strokeWidth = 1, className } = _a, restProps = __rest(_a, ["component", "fill", "stroke", "strokeWidth", "className"]);
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)(index_module_scss_1.default.root, className) }, restProps),
-        react_1.default.createElement(Tag, { stroke: stroke, strokeWidth: `${strokeWidth * 2}px`, className: index_module_scss_1.default.stroke }),
-        react_1.default.createElement(Tag, { fill: fill, className: index_module_scss_1.default.svg })));
-});
-exports.StrokedSVG.displayName = 'StrokedSVG';
+var stroked_svg_1 = require("./stroked-svg");
+Object.defineProperty(exports, "StrokedSVG", { enumerable: true, get: function () { return stroked_svg_1.StrokedSVG; } });
+//# sourceMappingURL=index.js.map

package/stroked-svg/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stroked-svg/index.ts"],"names":[],"mappings":";;;AACA,6CAA2C;AAAlC,yGAAA,UAAU,OAAA"}

package/stroked-svg/stroked-svg.d.ts

@@ -0,0 +1,7 @@
+import type { StrokedSVGProps } from './types';
+/**
+ * Выводит иконку с внешней обводкой.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare const StrokedSVG: import("react").ForwardRefExoticComponent<StrokedSVGProps & import("react").RefAttributes<HTMLDivElement>>;

package/stroked-svg/stroked-svg.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StrokedSVG = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../colors");
+const classnames_1 = __importDefault(require("classnames"));
+const stroked_svg_m_scss_1 = __importDefault(require("./stroked-svg.m.scss"));
+/**
+ * Выводит иконку с внешней обводкой.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+exports.StrokedSVG = (0, react_1.forwardRef)(({ component: Tag, fill, stroke = colors_1.COLORS.get('basic-gray4'), strokeWidth = 1, className, 'data-testid': testId, ...restProps }, ref) => ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, classnames_1.default)(stroked_svg_m_scss_1.default.root, className), "data-testid": testId, ...restProps, children: [strokeWidth > 0 && ((0, jsx_runtime_1.jsx)(Tag, { stroke: stroke, strokeWidth: `${strokeWidth * 2}px`, className: stroked_svg_m_scss_1.default.stroke })), (0, jsx_runtime_1.jsx)(Tag, { fill: fill, className: stroked_svg_m_scss_1.default.svg })] })));
+exports.StrokedSVG.displayName = 'StrokedSVG';
+//# sourceMappingURL=stroked-svg.js.map

package/stroked-svg/stroked-svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stroked-svg.js","sourceRoot":"","sources":["../../src/stroked-svg/stroked-svg.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAAmC;AACnC,sCAAmC;AACnC,4DAAoC;AACpC,8EAA0C;AAE1C;;;;GAIG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CACE,EACE,SAAS,EAAE,GAAG,EACd,IAAI,EACJ,MAAM,GAAG,eAAM,CAAC,GAAG,CAAC,aAAa,CAAC,EAClC,WAAW,GAAG,CAAC,EACf,SAAS,EACT,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACb,EACD,GAAG,EACH,EAAE,CAAC,CACH,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,iBAChC,MAAM,KACf,SAAS,aAEZ,WAAW,GAAG,CAAC,IAAI,CAClB,uBAAC,GAAG,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,4BAAM,CAAC,MAAM,GAAI,CACvF,EAED,uBAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,4BAAM,CAAC,GAAG,GAAI,IACtC,CACP,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/stroked-svg/types.d.ts

@@ -0,0 +1,12 @@
+import type { ElementType, HTMLAttributes, SVGAttributes } from 'react';
+import type { WithTestId } from '../types';
+export interface StrokedSVGProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, WithTestId {
+    /** Компонент, выводящий svg-элемент. */
+    component: ElementType<SVGAttributes<SVGSVGElement>>;
+    /** Цвет внешней обводки. */
+    stroke?: string;
+    /** Ширина внешней обводки. */
+    strokeWidth?: number;
+    /** Цвет заливки. */
+    fill?: string;
+}

package/stroked-svg/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/stroked-svg/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/stroked-svg/types.ts"],"names":[],"mappings":""}

package/styling/borders.js

@@ -5,11 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InnerBorder = void 0;
 const bind_1 = __importDefault(require("classnames/bind"));
-const borders_module_scss_1 = __importDefault(require("./borders.module.scss"));
-const cx = bind_1.default.bind(borders_module_scss_1.default);
+const borders_m_scss_1 = __importDefault(require("./borders.m.scss"));
+const cx = bind_1.default.bind(borders_m_scss_1.default);
 /** @deprecated */
 exports.InnerBorder = {
     y: cx('inner-border-y'),
     top: cx('inner-border-top'),
     bottom: cx('inner-border-bottom'),
 };
+//# sourceMappingURL=borders.js.map

package/styling/borders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.js","sourceRoot":"","sources":["../../src/styling/borders.ts"],"names":[],"mappings":";;;;;;AAAA,2DAAyC;AACzC,sEAAuC;AAEvC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,wBAAO,CAAC,CAAC;AAEpC,kBAAkB;AACL,QAAA,WAAW,GAAG;IACzB,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC;IACvB,GAAG,EAAE,EAAE,CAAC,kBAAkB,CAAC;IAC3B,MAAM,EAAE,EAAE,CAAC,qBAAqB,CAAC;CAClC,CAAC"}

package/styling/{borders.module.scss → borders.m.scss}

@@ -9,5 +9,7 @@
 }
 
 .inner-border-y {
-  box-shadow: inset 0 1px 0 colors.$basic-gray12, inset 0 -1px 0 colors.$basic-gray12;
+  box-shadow:
+    inset 0 1px 0 colors.$basic-gray12,
+    inset 0 -1px 0 colors.$basic-gray12;
 }