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

package/base-input/base-input.js

@@ -1,61 +1,26 @@
 "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.BaseInput = void 0;
-const react_1 = __importStar(require("react"));
+exports.BaseInput = BaseInput;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const fit_element_height_1 = require("../helpers/fit-element-height");
 const hooks_1 = require("../hooks");
 const utils_1 = require("./utils");
 const bind_1 = __importDefault(require("classnames/bind"));
-const base_input_module_scss_1 = __importDefault(require("./base-input.module.scss"));
-const cx = bind_1.default.bind(base_input_module_scss_1.default);
+const base_input_m_scss_1 = __importDefault(require("./base-input.m.scss"));
+const cx = bind_1.default.bind(base_input_m_scss_1.default);
 /**
- * Поле ввода текста.
+ * Базовое поле ввода текста.
  * Позволяет выводить "остаточный placeholder".
  * Может выводиться в однострочном и многострочном режимах.
  * В многострочном режиме автоматически подстраивает высоту под введенный текст.
  * @param props Свойства.
  * @return Элемент.
  */
-function BaseInput(_a) {
-    var _b;
-    var { inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId = 'base-input' } = _a, props = __rest(_a, ["inputRef", "textareaRef", "style", "className", "restPlaceholder", 'data-testid']);
+function BaseInput({ inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId = 'base-input', ...props }) {
     const textareaInnerRef = (0, react_1.useRef)(null);
     const inputInnerRef = (0, react_1.useRef)(null);
     (0, react_1.useImperativeHandle)(textareaRef, () => textareaInnerRef.current);
@@ -68,16 +33,15 @@ function BaseInput(_a) {
     });
     let field;
     if (props.multiline) {
-        field = (react_1.default.createElement("textarea", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: textareaInnerRef, rows: (_b = props.rows) !== null && _b !== void 0 ? _b : 1, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
+        field = ((0, jsx_runtime_1.jsx)("textarea", { ...(0, utils_1.omitMultiline)(props), ref: textareaInnerRef, rows: props.rows ?? 1, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
             , className: cx('field', 'reset', 'multiline'), onInput: e => {
-                var _a;
-                (_a = props.onInput) === null || _a === void 0 ? void 0 : _a.call(props, e);
+                props.onInput?.(e);
                 (0, fit_element_height_1.fitElementHeight)({ target: e.currentTarget });
-            } })));
+            } }));
     }
     else {
-        field = (react_1.default.createElement("input", Object.assign({}, (0, utils_1.omitMultiline)(props), { ref: inputInnerRef, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
-            , className: cx('field', 'reset') })));
+        field = ((0, jsx_runtime_1.jsx)("input", { ...(0, utils_1.omitMultiline)(props), ref: inputInnerRef, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
+            , className: cx('field', 'reset') }));
     }
     let restPlaceholder = null;
     // скрываем rest placeholder для неконтролируемых полей
@@ -85,12 +49,8 @@ function BaseInput(_a) {
         restPlaceholder =
             typeof restPlaceholderProp === 'string'
                 ? { shiftValue: String(props.value), value: restPlaceholderProp }
-                : Object.assign({ shiftValue: String(props.value), value: '' }, restPlaceholderProp);
+                : { shiftValue: String(props.value), value: '', ...restPlaceholderProp };
     }
-    return (react_1.default.createElement("div", { style: style, className: cx('reset', 'root', className), "data-testid": testId },
-        !props.multiline && restPlaceholder && restPlaceholder.value && (react_1.default.createElement("span", { "aria-hidden": true, className: cx('rest-placeholder') },
-            react_1.default.createElement("span", { "data-testid": 'rest-placeholder-shift', className: cx('shift-part') }, restPlaceholder.shiftValue),
-            react_1.default.createElement("span", { "data-testid": 'rest-placeholder', className: cx('main-part') }, restPlaceholder.value))),
-        field));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: cx('reset', 'root', className), "data-testid": testId, children: [!props.multiline && restPlaceholder && restPlaceholder.value && ((0, jsx_runtime_1.jsxs)("span", { "aria-hidden": true, className: cx('rest-placeholder'), children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": 'rest-placeholder-shift', className: cx('shift-part'), children: restPlaceholder.shiftValue }), (0, jsx_runtime_1.jsx)("span", { "data-testid": 'rest-placeholder', className: cx('main-part'), children: restPlaceholder.value })] })), field] }));
 }
-exports.BaseInput = BaseInput;
+//# sourceMappingURL=base-input.js.map

package/base-input/base-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../src/base-input/base-input.tsx"],"names":[],"mappings":"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"}

package/base-input/{base-input.module.scss → base-input.m.scss}

@@ -1,4 +1,5 @@
 @use '../utils';
+@use '../colors';
 
 .reset {
   border: 0;
@@ -16,21 +17,32 @@
   flex-grow: 1;
   display: flex;
   overflow: hidden;
+  background: var(--base-input-background);
 }
 
 .field {
   width: 0;
   flex-grow: 1;
   display: block;
-  color: inherit;
+  background: var(--base-input-background, inherit);
+  color: var(--base-input-color, inherit);
   font-size: inherit;
   line-height: inherit;
-  z-index: 1;
+  z-index: 0;
   text-overflow: inherit;
-  background: inherit;
   &::placeholder {
+    color: var(--base-input-placeholder-color);
+    -webkit-text-fill-color: var(--base-input-placeholder-color);
+    opacity: 1;
+  }
+  &:disabled {
+    background: var(--base-input-background);
+    color: var(--base-input-color);
+  }
+  &:disabled::placeholder {
+    color: var(--base-input-placeholder-color);
+    -webkit-text-fill-color: var(--base-input-placeholder-color);
     opacity: 1;
-    color: var(--placeholder-color);
   }
   &::-ms-clear {
     // отключаем системный крестик в IE
@@ -56,11 +68,11 @@
   font-size: inherit;
   line-height: inherit;
   overflow: hidden;
-  z-index: 0;
+  z-index: 1;
   .shift-part {
     color: transparent;
   }
   .main-part {
-    color: var(--placeholder-color);
+    color: var(--base-input-placeholder-color);
   }
 }

package/base-input/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseInput = void 0;
 var base_input_1 = require("./base-input");
 Object.defineProperty(exports, "BaseInput", { enumerable: true, get: function () { return base_input_1.BaseInput; } });
+//# sourceMappingURL=index.js.map

package/base-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base-input/index.ts"],"names":[],"mappings":";;;AAOA,2CAAyC;AAAhC,uGAAA,SAAS,OAAA"}

package/base-input/types.d.ts

@@ -1,14 +1,17 @@
-import { InputHTMLAttributes, Ref, TextareaHTMLAttributes } from 'react';
+import type { CSSProperties, InputHTMLAttributes, Ref, TextareaHTMLAttributes } from 'react';
+import type { WithTestId } from '../types';
 export interface RestPlaceholderDefinition {
     /** Текст placeholder'а. */
     value: string;
     /** Значение, смещающее placeholder. По умолчанию используется значение в поле ввода. */
     shiftValue?: string;
 }
-export interface BaseInputStyle extends React.CSSProperties {
-    '--placeholder-color'?: string;
+export interface BaseInputStyle extends CSSProperties {
+    '--base-input-background'?: string;
+    '--base-input-color'?: string;
+    '--base-input-placeholder-color'?: string;
 }
-export interface CommonProps {
+export interface CommonProps extends WithTestId {
     /** Остаточный placeholder (выводится после введенного значения). */
     restPlaceholder?: string | RestPlaceholderDefinition;
     /** Стили корневого элемента. */
@@ -19,8 +22,6 @@ export interface CommonProps {
     inputRef?: Ref<HTMLInputElement | null>;
     /** Ref элемента textarea. Будет заполнен только при multiline=true. */
     textareaRef?: Ref<HTMLTextAreaElement | null>;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
 }
 export type BaseInputAsInputProps = CommonProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof CommonProps> & {
     multiline?: false;

package/base-input/types.js

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

package/base-input/types.js.map

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

package/base-input/utils.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.omitMultiline = void 0;
+exports.omitMultiline = omitMultiline;
 /**
  * Получив объект, вернет его копию но без свойства multiline.
  * @param source Объект.
  * @return Копия без свойства multiline.
  */
 function omitMultiline(source) {
-    const next = Object.assign({}, source);
+    const next = { ...source };
     delete next.multiline;
     return next;
 }
-exports.omitMultiline = omitMultiline;
+//# sourceMappingURL=utils.js.map

package/base-input/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/base-input/utils.ts"],"names":[],"mappings":";;AAKA,sCAMC;AAXD;;;;GAIG;AACH,SAAgB,aAAa,CAAgC,MAAS;IACpE,MAAM,IAAI,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;IAE3B,OAAO,IAAI,CAAC,SAAS,CAAC;IAEtB,OAAO,IAAI,CAAC;AACd,CAAC"}

package/bottom-bar/bottom-bar.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import { BottomBarProps, type BottomBarSize } from './types';
 export declare const BOTTOM_BAR_HEIGHT: Record<BottomBarSize, number>;
 export declare const BOTTOM_BAR_DEFAULTS: {
     readonly size: "m";
 };
 /**
- * Боттом бар.
+ * Боттом-бар - блок для вывода содержимого в нижней части карточек, модальных окон и других сложных элементов.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function BottomBar({ size, divided, children, className, 'data-testid': testId, ...rest }: BottomBarProps): JSX.Element;
+export declare function BottomBar({ size, divided, children, className, rounds, 'data-testid': testId, ...rest }: BottomBarProps): import("react/jsx-runtime").JSX.Element;

package/bottom-bar/bottom-bar.js

@@ -1,26 +1,15 @@
 "use strict";
-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.BottomBar = exports.BOTTOM_BAR_DEFAULTS = exports.BOTTOM_BAR_HEIGHT = void 0;
-const react_1 = __importDefault(require("react"));
-const shapes_1 = require("../styling/shapes");
+exports.BOTTOM_BAR_DEFAULTS = exports.BOTTOM_BAR_HEIGHT = void 0;
+exports.BottomBar = BottomBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("../clean-buttons/utils");
 const bind_1 = __importDefault(require("classnames/bind"));
-const bottom_bar_module_scss_1 = __importDefault(require("./bottom-bar.module.scss"));
-const cx = bind_1.default.bind(bottom_bar_module_scss_1.default);
+const bottom_bar_m_scss_1 = __importDefault(require("./bottom-bar.m.scss"));
+const cx = bind_1.default.bind(bottom_bar_m_scss_1.default);
 // некоторым компонентам нужно знать конкретную высоту, делаем единый источник
 exports.BOTTOM_BAR_HEIGHT = {
     s: 64,
@@ -32,16 +21,14 @@ exports.BOTTOM_BAR_DEFAULTS = {
     size: 'm',
 };
 /**
- * Боттом бар.
+ * Боттом-бар - блок для вывода содержимого в нижней части карточек, модальных окон и других сложных элементов.
  * @param props Свойства.
  * @return Элемент.
  */
-function BottomBar(_a) {
-    var { size = exports.BOTTOM_BAR_DEFAULTS.size, divided, children, className, 'data-testid': testId = 'bottom-bar' } = _a, rest = __rest(_a, ["size", "divided", "children", "className", 'data-testid']);
-    const rooClassName = cx('root', size !== 'unset' && `size-${size}`, { divided }, shapes_1.MediumRounds.bottom, className);
+function BottomBar({ size = exports.BOTTOM_BAR_DEFAULTS.size, divided, children, className, rounds = 'm', 'data-testid': testId = 'bottom-bar', ...rest }) {
+    const rootClassName = cx('root', size !== 'unset' && `size-${size}`, { divided }, rounds !== 'unset' && `rounds-${rounds}`, className);
     return (
-    // чтобы CleanButton автоматически брали размер, соответствующий размеру BottomBar
-    react_1.default.createElement(utils_1.CleanGroupSizeContext.Provider, { value: size },
-        react_1.default.createElement("div", Object.assign({}, rest, { className: rooClassName, "data-testid": testId }), children)));
+    // ВАЖНО: чтобы CleanButton автоматически брали размер, соответствующий размеру BottomBar
+    (0, jsx_runtime_1.jsx)(utils_1.CleanButtonContext.Provider, { value: { size }, children: (0, jsx_runtime_1.jsx)("div", { ...rest, className: rootClassName, "data-testid": testId, children: children }) }));
 }
-exports.BottomBar = BottomBar;
+//# sourceMappingURL=bottom-bar.js.map

package/bottom-bar/bottom-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-bar.js","sourceRoot":"","sources":["../../src/bottom-bar/bottom-bar.tsx"],"names":[],"mappings":";;;;;;AAwBA,8BAyBC;;AAjDD,kDAA4D;AAE5D,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC,8EAA8E;AACjE,QAAA,iBAAiB,GAAkC;IAC9D,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;CACG,CAAC;AAEX,kFAAkF;AACrE,QAAA,mBAAmB,GAAG;IACjC,IAAI,EAAE,GAAG;CACD,CAAC;AAEX;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EACxB,IAAI,GAAG,2BAAmB,CAAC,IAAI,EAC/B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,GAAG,EACZ,aAAa,EAAE,MAAM,GAAG,YAAY,EACpC,GAAG,IAAI,EACQ;IACf,MAAM,aAAa,GAAG,EAAE,CACtB,MAAM,EACN,IAAI,KAAK,OAAO,IAAI,QAAQ,IAAI,EAAE,EAClC,EAAE,OAAO,EAAE,EACX,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,EAAE,EACxC,SAAS,CACV,CAAC;IAEF,OAAO;IACL,yFAAyF;IACzF,uBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAC1C,mCAAS,IAAI,EAAE,SAAS,EAAE,aAAa,iBAAe,MAAM,YACzD,QAAQ,GACL,GACsB,CAC/B,CAAC;AACJ,CAAC"}

package/bottom-bar/{bottom-bar.module.scss → bottom-bar.m.scss}

@@ -1,5 +1,5 @@
 @use './bottom-bar-util';
-@import '../styling/borders.module';
+@use '../styling/borders.m';
 
 .root {
   display: flex;
@@ -8,6 +8,7 @@
   background: #fff;
   overflow: hidden;
   height: var(--bottom-bar-height);
+  flex-shrink: 0; // ВАЖНО: для использования в Modal
 
   // чтобы разделитель был над контентом делаем через pseudo-элемент
   &.divided::after {
@@ -33,3 +34,13 @@
 .size-l {
   @include bottom-bar-util.size-l;
 }
+
+.rounds-s {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.rounds-m {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}

package/bottom-bar/index.d.ts

@@ -1,2 +1,2 @@
-export type { BottomBarSize, BottomBarProps } from './types';
+export type { BottomBarSize, BottomBarStyle, BottomBarProps } from './types';
 export { BottomBar, BOTTOM_BAR_DEFAULTS, BOTTOM_BAR_HEIGHT } from './bottom-bar';

package/bottom-bar/index.js

@@ -5,3 +5,4 @@ var bottom_bar_1 = require("./bottom-bar");
 Object.defineProperty(exports, "BottomBar", { enumerable: true, get: function () { return bottom_bar_1.BottomBar; } });
 Object.defineProperty(exports, "BOTTOM_BAR_DEFAULTS", { enumerable: true, get: function () { return bottom_bar_1.BOTTOM_BAR_DEFAULTS; } });
 Object.defineProperty(exports, "BOTTOM_BAR_HEIGHT", { enumerable: true, get: function () { return bottom_bar_1.BOTTOM_BAR_HEIGHT; } });
+//# sourceMappingURL=index.js.map

package/bottom-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/bottom-bar/index.ts"],"names":[],"mappings":";;;AACA,2CAAiF;AAAxE,uGAAA,SAAS,OAAA;AAAE,iHAAA,mBAAmB,OAAA;AAAE,+GAAA,iBAAiB,OAAA"}

package/bottom-bar/types.d.ts

@@ -1,10 +1,16 @@
-/// <reference types="react" />
+import type { CSSProperties, HTMLAttributes } from 'react';
+import type { WithTestId } from '../types';
 export type BottomBarSize = 's' | 'm' | 'l';
-export interface BottomBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'size'> {
+export interface BottomBarStyle extends CSSProperties {
+    '--bottom-bar-height'?: string;
+}
+export interface BottomBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'size'>, WithTestId {
     /** Размер (высота). */
     size?: BottomBarSize | 'unset';
     /** Нужна ли разделительная черта сверху. */
     divided?: boolean;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
+    /** Скругления углов. */
+    rounds?: 's' | 'm' | 'unset';
+    /** Стили. */
+    style?: BottomBarStyle;
 }

package/bottom-bar/types.js

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

package/bottom-bar/types.js.map

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

package/box/box.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from './types';
+/**
+ * Блок с возможностью быстрой стилизации.
+ * @param props Свойства.
+ * @deprecated
+ * @return Элемент.
+ */
+export declare const Box: ({ element: Container, children, display, flex, wrap, direction, alignItems, justifyContent, dangerouslySetInlineStyle, margin, marginTop, marginRight, marginBottom, marginLeft, marginX, marginY, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingX, paddingY, color, }: BoxProps) => import("react/jsx-runtime").JSX.Element;

package/box/box.js

@@ -0,0 +1,159 @@
+"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.Box = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Spacing = __importStar(require("../styling/sizes"));
+const colors_1 = require("../styling/colors");
+const colors_2 = require("../colors");
+const bind_1 = __importDefault(require("classnames/bind"));
+const box_m_scss_1 = __importDefault(require("./box.m.scss"));
+const cx = bind_1.default.bind(box_m_scss_1.default);
+/**
+ * Возможные значения свойства "display".
+ */
+const DISPLAY = new Set(['block', 'none', 'flex', 'inline', 'inline-block']);
+/**
+ * Возможные значения свойства "flex".
+ */
+const FLEX = new Set(['shrink', 'grow', 'none']);
+/**
+ * Возможные значения свойства "direction".
+ */
+const DIRECTION = new Set(['row', 'column']);
+/**
+ * Возможные значения свойства "alignItems".
+ */
+const ALIGN_ITEMS = new Set(['start', 'end', 'center', 'baseline', 'stretch']);
+/**
+ * Возможные значения свойства "justifyContent".
+ */
+const JUSTIFY_CONTENT = new Set(['start', 'end', 'center', 'between', 'around']);
+/**
+ * Блок с возможностью быстрой стилизации.
+ * @param props Свойства.
+ * @deprecated
+ * @return Элемент.
+ */
+const Box = ({ element: Container = 'div', children, display, flex, wrap, direction, alignItems, justifyContent, dangerouslySetInlineStyle, 
+// margins
+margin, marginTop, marginRight, marginBottom, marginLeft, marginX, marginY, 
+// paddings
+padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingX, paddingY, 
+// color
+color, }) => ((0, jsx_runtime_1.jsx)(Container, { style: dangerouslySetInlineStyle?.__style, className: cx(display && DISPLAY.has(display) && `display-${display}`, flex && FLEX.has(flex) && `flex-${flex}`, direction && DIRECTION.has(direction) && `direction-${direction}`, alignItems && ALIGN_ITEMS.has(alignItems) && `align-items-${alignItems}`, justifyContent && JUSTIFY_CONTENT.has(justifyContent) && `justify-content-${justifyContent}`, color && colors_2.COLORS.has(color) && (0, colors_1.bgColor)(color), wrap && 'flex-wrap', 
+    // margins
+    getMarginClasses({
+        margin,
+        marginTop,
+        marginRight,
+        marginBottom,
+        marginLeft,
+        marginX,
+        marginY,
+    }), 
+    // paddings
+    getPaddingClasses({
+        padding,
+        paddingTop,
+        paddingRight,
+        paddingBottom,
+        paddingLeft,
+        paddingX,
+        paddingY,
+    })), children: children }));
+exports.Box = Box;
+/**
+ * Возвращает строку с CSS-классами для установки внешних отступов.
+ * @param props Свойства.
+ * @param props.margin Значение свойства margin в шагах (4px).
+ * @param props.marginTop Значение свойства margin-top в шагах (4px).
+ * @param props.marginBottom Значение свойства margin-bottom в шагах (4px).
+ * @param props.marginLeft Значение свойства margin-left в шагах (4px).
+ * @param props.marginRight Значение свойства margin-right в шагах (4px).
+ * @param props.marginX Значение свойства margin-x в шагах (4px).
+ * @param props.marginY Значение свойства margin-y в шагах (4px).
+ * @return Строка с классами.
+ */
+const getMarginClasses = ({ margin, marginTop, marginBottom, marginLeft, marginRight, marginX, marginY, }) => {
+    const result = [];
+    const isValid = Spacing.isMargin;
+    const hasMargin = isValid(margin);
+    const hasMarginX = isValid(marginX);
+    const hasMarginY = isValid(marginY);
+    const hasMarginTop = isValid(marginTop);
+    const hasMarginBottom = isValid(marginBottom);
+    const hasMarginLeft = isValid(marginLeft);
+    const hasMarginRight = isValid(marginRight);
+    hasMargin &&
+        result.push(!hasMarginTop && !hasMarginY && Spacing.marginTop(margin), !hasMarginBottom && !hasMarginY && Spacing.marginBottom(margin), !hasMarginLeft && !hasMarginX && Spacing.marginLeft(margin), !hasMarginRight && !hasMarginX && Spacing.marginRight(margin));
+    hasMarginX &&
+        result.push(!hasMarginLeft && Spacing.marginLeft(marginX), !hasMarginRight && Spacing.marginRight(marginX));
+    hasMarginY &&
+        result.push(!hasMarginTop && Spacing.marginTop(marginY), !hasMarginBottom && Spacing.marginBottom(marginY));
+    hasMarginTop && result.push(Spacing.marginTop(marginTop));
+    hasMarginRight && result.push(Spacing.marginRight(marginRight));
+    hasMarginBottom && result.push(Spacing.marginBottom(marginBottom));
+    hasMarginLeft && result.push(Spacing.marginLeft(marginLeft));
+    return result.filter(Boolean).join(' ');
+};
+/**
+ * Возвращает строку с CSS-классами для установки внутренних отступов.
+ * @param props Свойства.
+ * @param props.padding Значение свойства padding в шагах (4px).
+ * @param props.paddingTop Значение свойства padding-top в шагах (4px).
+ * @param props.paddingBottom Значение свойства padding-bottom в шагах (4px).
+ * @param props.paddingLeft Значение свойства padding-left в шагах (4px).
+ * @param props.paddingRight Значение свойства padding-right в шагах (4px).
+ * @param props.paddingX Значение свойства padding-x в шагах (4px).
+ * @param props.paddingY Значение свойства padding-y в шагах (4px).
+ * @return Строка с классами.
+ */
+const getPaddingClasses = ({ padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingX, paddingY, }) => {
+    const result = [];
+    const isValid = Spacing.isPadding;
+    const hasPadding = isValid(padding);
+    const hasPaddingX = isValid(paddingX);
+    const hasPaddingY = isValid(paddingY);
+    const hasPaddingTop = isValid(paddingTop);
+    const hasPaddingBottom = isValid(paddingBottom);
+    const hasPaddingLeft = isValid(paddingLeft);
+    const hasPaddingRight = isValid(paddingRight);
+    hasPadding &&
+        result.push(!hasPaddingTop && !hasPaddingY && Spacing.paddingTop(padding), !hasPaddingBottom && !hasPaddingY && Spacing.paddingBottom(padding), !hasPaddingLeft && !hasPaddingX && Spacing.paddingLeft(padding), !hasPaddingRight && !hasPaddingX && Spacing.paddingRight(padding));
+    hasPaddingX &&
+        result.push(!hasPaddingLeft && Spacing.paddingLeft(paddingX), !hasPaddingRight && Spacing.paddingRight(paddingX));
+    hasPaddingY &&
+        result.push(!hasPaddingTop && Spacing.paddingTop(paddingY), !hasPaddingBottom && Spacing.paddingBottom(paddingY));
+    hasPaddingTop && result.push(Spacing.paddingTop(paddingTop));
+    hasPaddingRight && result.push(Spacing.paddingRight(paddingRight));
+    hasPaddingBottom && result.push(Spacing.paddingBottom(paddingBottom));
+    hasPaddingLeft && result.push(Spacing.paddingLeft(paddingLeft));
+    return result.filter(Boolean).join(' ');
+};
+//# sourceMappingURL=box.js.map

package/box/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../src/box/box.tsx"],"names":[],"mappings":"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"}