@sima-land/ui-nucleons 45.0.0-alpha.3 → 45.0.0-alpha.5

package/select-deprecated/index.js

@@ -1,27 +1,4 @@
 "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)
@@ -38,14 +15,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = exports.renderDefaultArrow = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const dropdown_1 = require("../dropdown");
 const dropdown_item_1 = require("../dropdown-item");
 const text_field_1 = require("../text-field");
 const dropdown_2 = require("../_internal/utils/dropdown");
 const bind_1 = __importDefault(require("classnames/bind"));
-const down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/down"));
-const up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/up"));
+const Down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Down"));
+const Up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Up"));
 const select_module_scss_1 = __importDefault(require("./select.module.scss"));
 const colors_1 = require("../colors");
 const dropdown_loading_1 = require("../_internal/dropdown-loading");
@@ -57,8 +35,8 @@ const cx = bind_1.default.bind(select_module_scss_1.default);
  * @return Элемент.
  */
 const renderDefaultArrow = (opened) => {
-    const ArrowSVG = opened ? up_1.default : down_1.default;
-    return react_1.default.createElement(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray38') });
+    const ArrowSVG = opened ? Up_1.default : Down_1.default;
+    return (0, jsx_runtime_1.jsx)(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray38') });
 };
 exports.renderDefaultArrow = renderDefaultArrow;
 /**
@@ -78,35 +56,33 @@ const Select = (_a) => {
         onMenuToggle && onMenuToggle(opened);
     }, [opened]);
     (0, hooks_1.useOutsideClick)(rootRef, toggleMenu.bind(null, false));
-    return (react_1.default.createElement("div", { ref: rootRef, style: style, className: cx('root', className), "data-testid": dataTestId },
-        react_1.default.createElement(text_field_1.TextField, Object.assign({}, restProps, { size: size, blockProps: {
-                ref: fieldRef,
-                tabIndex: 0,
-                onMouseDown: () => {
-                    toggleMenu(a => !a);
-                },
-                onKeyDown: e => {
-                    e.key === 'Enter' && toggleMenu(true);
-                },
-            }, onClick: e => {
-                e.preventDefault();
-                onClick && onClick(e);
-            }, className: select_module_scss_1.default.field, "data-testid": 'select:field', label: label, focused: opened, baseInputProps: {
-                // чтобы не ловить фокус на поле
-                style: { pointerEvents: 'none' },
-                tabIndex: -1,
-            }, value: value, multiline: false, variant: 'desktop', readOnly: true, endAdornment: typeof endAdornment === 'function' ? endAdornment(opened) : endAdornment })),
-        opened && (loading || options.length > 0) && (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({}, (0, dropdown_2.placeDropdown)(size), { ref: menuRef, "data-testid": 'select:menu', role: 'menu', tabIndex: -1, className: cx('menu'), onKeyDown: event => {
-                if (event.key === 'Enter') {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: rootRef, style: style, className: cx('root', className), "data-testid": dataTestId }, { children: [(0, jsx_runtime_1.jsx)(text_field_1.TextField, Object.assign({}, restProps, { size: size, blockProps: {
+                    ref: fieldRef,
+                    tabIndex: 0,
+                    onMouseDown: () => {
+                        toggleMenu(a => !a);
+                    },
+                    onKeyDown: e => {
+                        e.key === 'Enter' && toggleMenu(true);
+                    },
+                }, onClick: e => {
+                    e.preventDefault();
+                    onClick && onClick(e);
+                }, className: select_module_scss_1.default.field, "data-testid": 'select:field', label: label, focused: opened, baseInputProps: {
+                    // чтобы не ловить фокус на поле
+                    style: { pointerEvents: 'none' },
+                    tabIndex: -1,
+                }, value: value, multiline: false, variant: 'desktop', readOnly: true, endAdornment: typeof endAdornment === 'function' ? endAdornment(opened) : endAdornment })), opened && (loading || options.length > 0) && ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({}, (0, dropdown_2.placeDropdown)(size), { ref: menuRef, "data-testid": 'select:menu', role: 'menu', tabIndex: -1, className: cx('menu'), onKeyDown: event => {
+                    if (event.key === 'Enter') {
+                        toggleMenu(false);
+                        fieldRef.current && fieldRef.current.focus();
+                    }
+                }, onBlur: () => {
                     toggleMenu(false);
                     fieldRef.current && fieldRef.current.focus();
-                }
-            }, onBlur: () => {
-                toggleMenu(false);
-                fieldRef.current && fieldRef.current.focus();
-            } }), loading ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (options.map((option, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: optionSize, key: index, role: 'menuitem', onClick: () => {
-                toggleMenu(false);
-                onSelect && onSelect(option);
-            } }, renderOption(option)))))))));
+                } }, { children: loading ? ((0, jsx_runtime_1.jsx)(dropdown_loading_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (options.map((option, index) => ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, Object.assign({ size: optionSize, role: 'menuitem', onClick: () => {
+                        toggleMenu(false);
+                        onSelect && onSelect(option);
+                    } }, { children: renderOption(option) }), index)))) })))] })));
 };
 exports.Select = Select;

package/side-page/index.js

@@ -1,27 +1,4 @@
 "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)
@@ -38,7 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidePage = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const define_slots_1 = require("../helpers/define-slots");
 const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
 const slots_1 = require("./slots");
@@ -62,7 +40,7 @@ const transitionClasses = {
 function SidePage(_a) {
     var { shown, withTransitions, onEnter, onEntering, onEntered, onExit, onExiting, onExited } = _a, restProps = __rest(_a, ["shown", "withTransitions", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited"]);
     const transitionDuration = withTransitions ? 300 : 0;
-    return (react_1.default.createElement(CSSTransition_1.default, { in: shown, timeout: transitionDuration, classNames: transitionClasses, unmountOnExit: true, onEntering: onEntering, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited }, transitionStatus => (react_1.default.createElement(SidePageInner, Object.assign({}, restProps, { transitionStatus, transitionDuration })))));
+    return ((0, jsx_runtime_1.jsx)(CSSTransition_1.default, Object.assign({ in: shown, timeout: transitionDuration, classNames: transitionClasses, unmountOnExit: true, onEntering: onEntering, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited }, { children: transitionStatus => ((0, jsx_runtime_1.jsx)(SidePageInner, Object.assign({}, restProps, { transitionStatus, transitionDuration }))) })));
 }
 exports.SidePage = SidePage;
 /**
@@ -80,11 +58,7 @@ function SidePageInner({ size = 'm', children, onClose, withScrollDisable = fals
         footer: SidePage.Footer,
     });
     const overlayProps = Object.assign({ style: { '--transition-duration': `${transitionDuration}ms` } }, (transitionStatus !== 'entering' && overlayClickBind));
-    return (react_1.default.createElement(modal_overlay_1.ModalOverlay, Object.assign({}, overlayProps),
-        react_1.default.createElement("div", { className: cx('side-page', `size-${size}`) },
-            header,
-            react_1.default.createElement("div", { ref: ref, className: cx('body') }, body),
-            footer)));
+    return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, Object.assign({}, overlayProps, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('side-page', `size-${size}`) }, { children: [header, (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: cx('body') }, { children: body })), footer] })) })));
 }
 SidePage.Header = slots_1.SidePageHeader;
 SidePage.Body = slots_1.SidePageBody;

package/side-page/slots.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidePageFooter = exports.SidePageBody = exports.SidePageHeader = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const top_bar_1 = require("../top-bar");
 const bottom_bar_1 = require("../bottom-bar");
 const utils_1 = require("../top-bar/utils");
@@ -28,7 +28,7 @@ const side_page_module_scss_1 = __importDefault(require("./side-page.module.scss
  */
 function SidePageHeader(_a) {
     var { onBack, onClose, buttons } = _a, topBarProps = __rest(_a, ["onBack", "onClose", "buttons"]);
-    return (react_1.default.createElement(top_bar_1.TopBar, Object.assign({}, topBarProps, { size: 'unset', className: side_page_module_scss_1.default.header, buttons: (0, utils_1.navigationButtons)({ buttons, onBack, onClose }) })));
+    return ((0, jsx_runtime_1.jsx)(top_bar_1.TopBar, Object.assign({}, topBarProps, { size: 'unset', className: side_page_module_scss_1.default.header, buttons: (0, utils_1.navigationButtons)({ buttons, onBack, onClose }) })));
 }
 exports.SidePageHeader = SidePageHeader;
 /**
@@ -37,7 +37,7 @@ exports.SidePageHeader = SidePageHeader;
  * @return Элемент.
  */
 function SidePageBody({ children }) {
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 }
 exports.SidePageBody = SidePageBody;
 /**
@@ -47,6 +47,6 @@ exports.SidePageBody = SidePageBody;
  */
 function SidePageFooter(_a) {
     var props = __rest(_a, []);
-    return react_1.default.createElement(bottom_bar_1.BottomBar, Object.assign({}, props, { size: 'unset', className: (0, classnames_1.default)(side_page_module_scss_1.default.footer) }));
+    return (0, jsx_runtime_1.jsx)(bottom_bar_1.BottomBar, Object.assign({}, props, { size: 'unset', className: (0, classnames_1.default)(side_page_module_scss_1.default.footer) }));
 }
 exports.SidePageFooter = SidePageFooter;

package/spinner/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { Token } from '../colors';
 /**
  * @deprecated Следует использовать 's' | 'm' | 'l'.

package/spinner/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SpinnerSVG = exports.Spinner = exports.DIAMETERS = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const lodash_1 = require("lodash");
 const colors_1 = require("../colors");
 const bind_1 = __importDefault(require("classnames/bind"));
@@ -28,8 +28,7 @@ const DEFAULT_COLOR = 'basic-blue';
 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 })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: className, style: style, "data-testid": testId }, { children: (0, jsx_runtime_1.jsx)(SpinnerSVG, { size: readySize, color: readyColor, "data-testid": null }) })));
 }
 exports.Spinner = Spinner;
 /**
@@ -41,7 +40,6 @@ exports.Spinner = Spinner;
 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 })));
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ 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 }) })));
 }
 exports.SpinnerSVG = SpinnerSVG;

package/spinner/spinner.module.scss

@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 $pi: 3.141592653589793;
 $sizes: (
   s: 20,
@@ -32,7 +34,7 @@ $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% {

package/stepper/index.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties, InputHTMLAttributes, MouseEventHandler } from 'react';
+import { CSSProperties, InputHTMLAttributes, MouseEventHandler } from 'react';
 /** Размер Stepper (влияет на высоту и минимальную ширину). */
 export type StepperSize = 's' | 'm';
 /** Стили Stepper. */
@@ -35,4 +35,4 @@ export interface StepperProps extends Omit<InputHTMLAttributes<HTMLInputElement>
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Stepper: import("react").ForwardRefExoticComponent<StepperProps & import("react").RefAttributes<HTMLInputElement>>;

package/stepper/index.js

@@ -1,27 +1,4 @@
 "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)
@@ -38,9 +15,10 @@ var __importDefault = (this && this.__importDefault) || function (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 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 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);
@@ -61,16 +39,11 @@ exports.Stepper = (0, react_1.forwardRef)(function Stepper(_a, forwardedRef) {
         }
     }, [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 }))));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-testid": testId, style: style, className: rootClassName, onMouseDown: noBlurOnMousedown }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ 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 }, { children: (0, jsx_runtime_1.jsx)(Minus_1.default, { className: stepper_module_scss_1.default.svg }) })), (0, jsx_runtime_1.jsx)("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);
+                } })), (0, jsx_runtime_1.jsx)("button", Object.assign({ 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 }, { children: (0, jsx_runtime_1.jsx)(Plus_1.default, { className: stepper_module_scss_1.default.svg }) }))] })));
 });

package/stroked-svg/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface StrokedSVGProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Компонент, выводящий svg-элемент. */
     component: React.ComponentType<React.SVGAttributes<SVGSVGElement>>;
@@ -14,4 +14,4 @@ export interface StrokedSVGProps extends Omit<React.HTMLAttributes<HTMLDivElemen
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const StrokedSVG: React.ForwardRefExoticComponent<StrokedSVGProps & React.RefAttributes<HTMLDivElement>>;
+export declare const StrokedSVG: import("react").ForwardRefExoticComponent<StrokedSVGProps & import("react").RefAttributes<HTMLDivElement>>;

package/stroked-svg/index.js

@@ -1,27 +1,4 @@
 "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)
@@ -38,7 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StrokedSVG = void 0;
-const react_1 = __importStar(require("react"));
+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 index_module_scss_1 = __importDefault(require("./index.module.scss"));
@@ -49,8 +27,6 @@ const index_module_scss_1 = __importDefault(require("./index.module.scss"));
  */
 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 })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref, className: (0, classnames_1.default)(index_module_scss_1.default.root, className) }, restProps, { children: [(0, jsx_runtime_1.jsx)(Tag, { stroke: stroke, strokeWidth: `${strokeWidth * 2}px`, className: index_module_scss_1.default.stroke }), (0, jsx_runtime_1.jsx)(Tag, { fill: fill, className: index_module_scss_1.default.svg })] })));
 });
 exports.StrokedSVG.displayName = 'StrokedSVG';

package/styling/sizes.module.scss

@@ -1,3 +1,5 @@
+@use 'sass:string';
+
 $step: 4px;
 
 $directions: 'top', 'right', 'bottom', 'left';
@@ -6,7 +8,7 @@ $directions: 'top', 'right', 'bottom', 'left';
 @for $index from -8 through 32 {
   @each $direction in $directions {
     // ключи классов попадают в JS - сокращаем до одной буквы для экономии
-    $short: str-slice($direction, 0, 1);
+    $short: string.slice($direction, 0, 1);
 
     // внешние отступы
     .M-#{$short}__#{$index} {

package/super-ellipse-clip-path/index.js

@@ -1,17 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SuperEllipseClipPath = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Выводит svg-элемент, содержащий clipPath в форме "супер-эллипса".
  * @param props Свойства.
  * @return Элемент.
  */
-const SuperEllipseClipPath = ({ id }) => (react_1.default.createElement("svg", { width: 0, height: 0, style: { position: 'absolute' } },
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("clipPath", { id: id, clipPathUnits: 'objectBoundingBox' },
-            react_1.default.createElement("path", { d: 'M1 0.5 C 1 0.856, 0.856 1, 0.5 1 S 0 0.856, 0 0.5 S 0.143 0, 0.5 0 S 1 0.143 1 0.5 Z' })))));
+const SuperEllipseClipPath = ({ id }) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: 0, height: 0, style: { position: 'absolute' } }, { children: (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: id, clipPathUnits: 'objectBoundingBox' }, { children: (0, jsx_runtime_1.jsx)("path", { d: 'M1 0.5 C 1 0.856, 0.856 1, 0.5 1 S 0 0.856, 0 0.5 S 0.143 0, 0.5 0 S 1 0.143 1 0.5 Z' }) })) }) })));
 exports.SuperEllipseClipPath = SuperEllipseClipPath;

package/switcher-row/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwitcherRow = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const checkbox_1 = require("../checkbox");
 const define_slots_1 = require("../helpers/define-slots");
 const radio_button_1 = require("../radio-button");
@@ -31,13 +31,8 @@ function SwitcherRow({ children, className, style, textAlign = 'left', fieldPosi
     const disabled = input === null || input === void 0 ? void 0 : input.props.disabled;
     const fieldId = input === null || input === void 0 ? void 0 : input.props.id;
     // @todo в Safari position: relative ломает vertical-align
-    const fieldColumn = input && (react_1.default.createElement("div", { className: cx('col', 'field-col', { 'toggle-col': toggle }) }, input));
-    return (react_1.default.createElement("div", { className: cx('root', `text-align-${textAlign}`, { failed, disabled }, className), style: style, "data-testid": testId },
-        fieldPosition === 'start' && fieldColumn,
-        react_1.default.createElement("label", { className: cx('col', 'main-col'), htmlFor: fieldId },
-            label && (react_1.default.createElement("span", { className: cx('label', { 'for-toggle': toggle }), "data-testid": 'switcher-row:label' }, label)),
-            comment && (react_1.default.createElement("span", { className: cx('comment'), "data-testid": 'switcher-row:comment' }, comment))),
-        fieldPosition === 'end' && fieldColumn));
+    const fieldColumn = input && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('col', 'field-col', { 'toggle-col': toggle }) }, { children: input })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('root', `text-align-${textAlign}`, { failed, disabled }, className), style: style, "data-testid": testId }, { children: [fieldPosition === 'start' && fieldColumn, (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: cx('col', 'main-col'), htmlFor: fieldId }, { children: [label && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('label', { 'for-toggle': toggle }), "data-testid": 'switcher-row:label' }, { children: label }))), comment && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: cx('comment'), "data-testid": 'switcher-row:comment' }, { children: comment })))] })), fieldPosition === 'end' && fieldColumn] })));
 }
 exports.SwitcherRow = SwitcherRow;
 /**
@@ -46,7 +41,7 @@ exports.SwitcherRow = SwitcherRow;
  * @return Элемент.
  */
 function SwitcherRowLabel({ children }) {
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 }
 /**
  * Слот комментария.
@@ -54,7 +49,7 @@ function SwitcherRowLabel({ children }) {
  * @return Элемент.
  */
 function SwitcherRowComment({ children }) {
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 }
 SwitcherRow.Label = SwitcherRowLabel;
 SwitcherRow.Comment = SwitcherRowComment;

package/tabs/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface TabsProps {
     /** Визуальный вариант вкладок. */
     view?: 'clean' | 'clean-underline' | 'round';

package/tabs/index.js

@@ -1,33 +1,11 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const bind_1 = __importDefault(require("classnames/bind"));
 const tabs_module_scss_1 = __importDefault(require("./tabs.module.scss"));
 const cx = bind_1.default.bind(tabs_module_scss_1.default);
@@ -36,12 +14,12 @@ const cx = bind_1.default.bind(tabs_module_scss_1.default);
  * @param props Свойства.
  * @return Элемент.
  */
-const Tab = ({ name, selected, disabled, 'data-testid': testId = 'tab', onClick, }) => (react_1.default.createElement("li", { className: cx('item', { selected, disabled }), "data-testid": testId, onClick: disabled ? undefined : onClick }, String(name)));
+const Tab = ({ name, selected, disabled, 'data-testid': testId = 'tab', onClick, }) => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: cx('item', { selected, disabled }), "data-testid": testId, onClick: disabled ? undefined : onClick }, { children: String(name) })));
 /**
  * Компонент строки вкладок.
  * @param props Свойства.
  * @return Элемент.
  */
-const Tabs = ({ children, view = 'clean', stretch = false, gapSize = 'm', className, 'data-testid': testId = 'tabs', }) => (react_1.default.createElement("ul", { "data-testid": testId, className: cx('root', `view-${view}`, `gap-${gapSize}`, { stretch }, className) }, react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) && child.type === Tab)));
+const Tabs = ({ children, view = 'clean', stretch = false, gapSize = 'm', className, 'data-testid': testId = 'tabs', }) => ((0, jsx_runtime_1.jsx)("ul", Object.assign({ "data-testid": testId, className: cx('root', `view-${view}`, `gap-${gapSize}`, { stretch }, className) }, { children: react_1.Children.toArray(children).filter(child => (0, react_1.isValidElement)(child) && child.type === Tab) })));
 exports.Tabs = Tabs;
 exports.Tabs.Item = Tab;

package/text/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { Size, LineHeight, Weight } from '../styling/fonts';
 import { Token } from '../colors';
 type Align = 'left' | 'center' | 'right' | 'justify';
@@ -33,5 +33,5 @@ export declare const ALIGNS: Set<Align>;
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const Text: React.MemoExoticComponent<React.ForwardRefExoticComponent<TextProps & React.RefAttributes<any>>>;
+export declare const Text: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<any>>>;
 export {};

package/text/index.js

@@ -1,33 +1,11 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = exports.ALIGNS = exports.defaultHeights = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const bind_1 = __importDefault(require("classnames/bind"));
 const text_module_scss_1 = __importDefault(require("./text.module.scss"));
 const colors_1 = require("../styling/colors");
@@ -55,7 +33,7 @@ lineHeight = size ? exports.defaultHeights[size] : undefined,
 // не устанавливаем значения по умолчанию, чтобы компонент вел себя предсказуемо
 align, color, nowrap, truncate, weight, }, ref) {
     const needLineClamp = typeof truncate === 'number' && truncate > 0;
-    return (react_1.default.createElement(Container, { ref: ref, className: cx([
+    return ((0, jsx_runtime_1.jsx)(Container, { ref: ref, className: cx([
             // styling
             size && (0, fonts_1.size)(size),
             lineHeight && (0, fonts_1.lineHeight)(lineHeight),