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

package/dist/info-text/info-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-text.js","sourceRoot":"","sources":["../../src/info-text/info-text.tsx"],"names":[],"mappings":";;;;;AAcA,4BA8CC;;AA3DD,iCAA2C;AAC3C,uGAA2E;AAC3E,2DAAyC;AACzC,0EAAwC;AAExC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,0BAAM,CAAC,CAAC;AAEnC;;;;;GAKG;AACH,SAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,WAAW,EACX,UAAU,EACV,aAAa,EAAE,MAAM,GAAG,WAAW,GACrB;IACd,OAAO,CACL,iCAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,iBAAe,MAAM,YAC1D,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YACrD,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC7B,OAAO,IAAI,CAAC;YACd,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;gBAC1B,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;gBAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;gBAC3C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;gBAExC,OAAO,CACL,wBAAC,gBAAQ,eACN,IAAI,EACJ,IAAI,IAAI,CACP,kCAAM,SAAS,EAAE,0BAAM,CAAC,IAAI,aACzB,IAAI,EACL,mCACE,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,QAAQ,gBACF,wDAAW,EACtB,QAAQ,EAAE,CAAC,WAAW,iBACT,CAAC,WAAW,EACzB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,iBACnC,gBAAgB,YAE5B,uBAAC,qBAAO,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,GAC3B,IACJ,CACR,KAlBY,KAAK,CAmBT,CACZ,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/info-text/info-text.m.scss

@@ -0,0 +1,31 @@
+@use '../colors';
+@use '../utils';
+
+.last {
+  white-space: nowrap;
+  line-height: inherit;
+  font-size: inherit;
+}
+
+.button {
+  @include utils.reset-button;
+  @include utils.focus-visible;
+}
+
+.button {
+  display: inline-block;
+  vertical-align: -0.125em; // не понятно почему, но это значение ставит блок ровно по середине строки
+  margin-left: 4px;
+  color: colors.$basic-gray38;
+  &.active,
+  &:hover,
+  &:focus-visible {
+    color: colors.$basic-gray54;
+    cursor: pointer;
+  }
+}
+
+.icon {
+  display: block;
+  fill: currentColor;
+}

package/dist/info-text/types.d.ts

@@ -0,0 +1,16 @@
+import type { CSSProperties, MouseEventHandler, ReactNode, Ref } from 'react';
+import type { WithTestId } from '../types';
+export interface InfoTextProps extends WithTestId {
+    /** Текст. */
+    children?: ReactNode;
+    /** Класс. */
+    className?: string;
+    /** Стили. */
+    style?: CSSProperties;
+    /** Ref элемента иконки. */
+    iconRef?: Ref<HTMLButtonElement>;
+    /** Нужно ли выводить иконку как "активную". */
+    iconActive?: boolean;
+    /** Сработает при клике на иконку. */
+    onIconClick?: MouseEventHandler;
+}

package/dist/info-text/types.js

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

package/dist/info-text/types.js.map

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

package/dist/input/index.d.ts

@@ -0,0 +1,2 @@
+export type { InputProps, InputType } from './types';
+export { Input } from './input';

package/dist/input/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+var input_1 = require("./input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
+//# sourceMappingURL=index.js.map

package/dist/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/input/index.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}

package/dist/input/input.d.ts

@@ -0,0 +1,7 @@
+import type { InputProps } from './types';
+/**
+ * Текстовое поле.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Input({ inputRef, baseInputProps, clearable, onClear, style, className, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, size, label, failed, caption, blockProps, focused: focusedProp, 'data-testid': testId, ...restProps }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/input/input.js

@@ -0,0 +1,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = Input;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const base_input_1 = require("../base-input");
+const field_block_1 = require("../field-block");
+const utils_1 = require("./utils");
+const events_1 = require("../helpers/events");
+const CircleCross_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Filled/CircleCross"));
+const CircleCross_2 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Filled/CircleCross"));
+const bind_1 = __importDefault(require("classnames/bind"));
+const input_m_scss_1 = __importDefault(require("./input.m.scss"));
+const cx = bind_1.default.bind(input_m_scss_1.default);
+/**
+ * Текстовое поле.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Input({ 
+// specific Input props
+inputRef, baseInputProps, clearable, onClear, 
+// root props
+style, className, 
+// input element props (popular)
+autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, 
+// FieldBlock props
+size, label, failed, caption, blockProps, focused: focusedProp, 'data-testid': testId = 'input', ...restProps }) {
+    const ref = (0, react_1.useRef)(null);
+    const [filled, updateFilled] = (0, utils_1.useFilledState)(ref, { value, defaultValue });
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    const CrossSVG = size === 's' ? CircleCross_1.default : CircleCross_2.default;
+    const handleMouseDown = (0, utils_1.useFieldMouseDown)(ref, blockProps?.onMouseDown);
+    (0, react_1.useImperativeHandle)(inputRef, () => ref.current);
+    (0, react_1.useImperativeHandle)(baseInputProps?.inputRef, () => ref.current);
+    return ((0, jsx_runtime_1.jsx)(field_block_1.FieldBlock, { ...restProps, rootProps: {
+            ...restProps.rootProps,
+            style,
+            className,
+        }, "data-testid": testId, caption: caption, disabled: disabled, failed: failed, focused: focusedProp ?? focused, label: label, labelAsPlaceholder: !focused && !filled, labelProps: { htmlFor: id }, size: size, ...(clearable &&
+            focused &&
+            filled && {
+            adornmentEnd: ((0, jsx_runtime_1.jsx)(CrossSVG, { "data-testid": 'input:clear-button', role: 'button', "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u043F\u043E\u043B\u0435', className: cx('clear-button'), onClick: e => {
+                    ref.current && (0, events_1.triggerInput)(ref.current, '');
+                    onClear?.(e);
+                } })),
+        }), blockProps: {
+            ...blockProps,
+            onMouseDown: handleMouseDown,
+        }, main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, { ...baseInputProps, inputRef: ref, multiline: false, className: cx('input', disabled && 'disabled', baseInputProps?.className), style: {
+                '--base-input-placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
+                ...baseInputProps?.style,
+            }, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: !focused ? label || placeholder : placeholder, readOnly: readOnly, required: required, type: type, value: value, onFocus: event => {
+                onFocus?.(event);
+                updateFilled(event);
+                setFocused(true);
+            }, onBlur: event => {
+                onBlur?.(event);
+                updateFilled(event);
+                setFocused(false);
+            }, onInput: event => {
+                onInput?.(event);
+                updateFilled(event);
+            }, onChange: event => {
+                onChange?.(event);
+                updateFilled(event);
+            } }), mainProps: { className: cx('main') } }));
+}
+//# sourceMappingURL=input.js.map

package/dist/input/input.js.map

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

package/dist/input/input.m.scss

@@ -0,0 +1,27 @@
+@use '../colors';
+
+.main {
+  display: flex;
+  width: 100%;
+}
+
+.input {
+  min-width: 0;
+  width: 0;
+  flex-grow: 1;
+  background: inherit;
+  font: inherit;
+  line-height: inherit;
+  --base-input-background: var(--field-background);
+  --base-input-color: var(--field-main-text-color, var(--field-primary-text-color));
+  --base-input-placeholder-color: #{colors.$basic-gray38};
+}
+
+.disabled {
+  --base-input-placeholder-color: #{colors.$basic-gray38};
+}
+
+.clear-button {
+  fill: colors.$basic-gray38;
+  cursor: pointer;
+}

package/dist/input/types.d.ts

@@ -0,0 +1,26 @@
+import type { InputHTMLAttributes, MouseEventHandler, Ref } from 'react';
+import type { FieldBlockProps } from '../field-block';
+import type { BaseInputAsInputProps } from '../base-input';
+type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoComplete' | 'autoFocus' | 'defaultValue' | 'disabled' | 'id' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onInput' | 'placeholder' | 'readOnly' | 'required' | 'type' | 'value'>;
+export type InputType = Extract<InputHTMLAttributes<HTMLInputElement>['type'], 'text' | 'password' | 'search' | 'email' | 'tel' | 'number'>;
+export interface InputProps extends HTMLInputProps, FieldBlockProps {
+    /** Ref элемента input. */
+    inputRef?: Ref<HTMLInputElement>;
+    /** Свойства BaseInputProps. */
+    baseInputProps?: BaseInputAsInputProps;
+    /** Тип поля. */
+    type?: InputType;
+    /** Нужно ли выводить кнопку очистки поля. */
+    clearable?: boolean;
+    /** Сработает при очистке поля. */
+    onClear?: MouseEventHandler<SVGSVGElement>;
+    /** Значение. */
+    value?: string;
+    /** Значение по умолчанию. */
+    defaultValue?: string;
+    /** Стили корневого элемента. */
+    style?: Required<FieldBlockProps>['rootProps']['style'];
+    /** CSS-класс корневого элемента. */
+    className?: Required<FieldBlockProps>['rootProps']['className'];
+}
+export {};

package/dist/input/types.js

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

package/dist/input/types.js.map

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

package/dist/input/utils.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineFilled = defineFilled;
+exports.definePlaceholderColor = definePlaceholderColor;
+exports.useFilledState = useFilledState;
+exports.useFieldMouseDown = useFieldMouseDown;
+const react_1 = require("react");
+const colors_1 = require("../colors");
+/**
+ * Получив значения value и defaultValue для поля, определяет является ли оно заполненным.
+ * @param value Значение value.
+ * @param defaultValue Значение defaultValue.
+ * @return Является ли поле заполненным.
+ */
+function defineFilled(value, defaultValue) {
+    return [value, defaultValue].some(v => typeof v !== 'undefined' && `${v}` !== '');
+}
+/**
+ * Получи информацию о состоянии поля возвращает цвет placeholder.
+ * @param state Состояние.
+ * @return Цвет.
+ */
+function definePlaceholderColor({ failed, disabled, }) {
+    let placeholderColor = undefined;
+    switch (true) {
+        case failed:
+            placeholderColor = colors_1.COLORS.get('additional-deep-red');
+            break;
+        case disabled:
+            placeholderColor = colors_1.COLORS.get('basic-gray24');
+            break;
+        case !disabled:
+            placeholderColor = colors_1.COLORS.get('basic-gray38');
+            break;
+    }
+    return placeholderColor;
+}
+/**
+ * Хук состояния заполненности поля текстовым значением.
+ * @param ref Ref элемента поля.
+ * @param affectProps Свойства, влияющие на состояние заполненности.
+ * @return Кортеж: состояние; функция обновления состояния.
+ */
+function useFilledState(ref, { value, defaultValue, }) {
+    const [filled, setFilled] = (0, react_1.useState)(() => defineFilled(value, defaultValue));
+    const updateFilled = (0, react_1.useCallback)(event => {
+        setFilled(Boolean(event.currentTarget.value));
+    }, []);
+    (0, react_1.useEffect)(() => {
+        setFilled(Boolean(ref.current?.value));
+    });
+    return [filled, updateFilled];
+}
+/**
+ * Хук, формирующий callback события mousedown на блоке поля, фокусирующий пользователя на поле.
+ * @param fieldRef Ref элемента поля.
+ * @param callback Будет вызвана по событию mousedown.
+ * @return Функция обратного вызова.
+ */
+function useFieldMouseDown(fieldRef, callback) {
+    return (0, react_1.useCallback)(event => {
+        const field = fieldRef.current;
+        callback?.(event);
+        if (!event.defaultPrevented && field && event.target !== field) {
+            event.preventDefault();
+            field.focus();
+        }
+    }, [fieldRef, callback]);
+}
+//# sourceMappingURL=utils.js.map

package/dist/input/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/input/utils.ts"],"names":[],"mappings":";;AAiBA,oCAEC;AAOD,wDAsBC;AAQD,wCAqBC;AAQD,8CAiBC;AAtGD,iCAQe;AACf,sCAAmC;AAEnC;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,KAAc,EAAE,YAAqB;IAChE,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,WAAW,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;AACpF,CAAC;AAED;;;;GAIG;AACH,SAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,QAAQ,GAIT;IACC,IAAI,gBAAgB,GAAuB,SAAS,CAAC;IAErD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,MAAM;YACT,gBAAgB,GAAG,eAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;YACrD,MAAM;QACR,KAAK,QAAQ;YACX,gBAAgB,GAAG,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAC9C,MAAM;QACR,KAAK,CAAC,QAAQ;YACZ,gBAAgB,GAAG,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YAC9C,MAAM;IACV,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED;;;;;GAKG;AACH,SAAgB,cAAc,CAC5B,GAAiE,EACjE,EACE,KAAK,EACL,YAAY,GAIb;IAED,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAEvF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAkD,KAAK,CAAC,EAAE;QACxF,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAChD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAChC,CAAC;AAED;;;;;GAKG;AACH,SAAgB,iBAAiB,CAC/B,QAA2D,EAC3D,QAA4C;IAE5C,OAAO,IAAA,mBAAW,EAChB,KAAK,CAAC,EAAE;QACN,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE/B,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QAElB,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YAC/D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;AACJ,CAAC"}

package/dist/layout/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesktopLayout = exports.MobileLayout = exports.Layout = void 0;
+const layout_1 = require("./layout");
+Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return layout_1.Layout; } });
+const legacy_1 = require("./legacy");
+Object.defineProperty(exports, "MobileLayout", { enumerable: true, get: function () { return legacy_1.MobileLayout; } });
+Object.defineProperty(exports, "DesktopLayout", { enumerable: true, get: function () { return legacy_1.DesktopLayout; } });
+//# sourceMappingURL=index.js.map

package/dist/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":";;;AAEA,qCAAkC;AAIzB,uFAJA,eAAM,OAIA;AAHf,qCAAuD;AAGtC,6FAHR,qBAAY,OAGQ;AAAE,8FAHR,sBAAa,OAGQ"}

package/dist/layout/layout.d.ts

@@ -0,0 +1,7 @@
+import type { LayoutProps } from './types';
+/**
+ * Контейнер, формирующий отступы по горизонтали в соответствии с дизайн-гайдами.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Layout({ children, className, disabledOn, rootRef, ...rest }: LayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/layout/layout.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Layout = Layout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bind_1 = __importDefault(require("classnames/bind"));
+const layout_m_scss_1 = __importDefault(require("./layout.m.scss"));
+const cx = bind_1.default.bind(layout_m_scss_1.default);
+/**
+ * Контейнер, формирующий отступы по горизонтали в соответствии с дизайн-гайдами.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Layout({ children, className, disabledOn = [], rootRef, ...rest }) {
+    const rootClassName = cx('layout', disabledOn.length > 0 && disabledOn.map(key => `disabled-${key}`), className);
+    return ((0, jsx_runtime_1.jsx)("div", { ...rest, ref: rootRef, className: rootClassName, children: children }));
+}
+//# sourceMappingURL=layout.js.map

package/dist/layout/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/layout/layout.tsx"],"names":[],"mappings":";;;;;AAWA,wBAYC;;AAtBD,2DAAyC;AACzC,oEAAqC;AAErC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,uBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,IAAI,EAAe;IAC5F,MAAM,aAAa,GAAG,EAAE,CACtB,QAAQ,EACR,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,EACjE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,mCAAS,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,YAClD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/layout/layout.m.scss

@@ -0,0 +1,87 @@
+@use '../breakpoints';
+
+@mixin layout {
+  // ВАЖНО: не используем 100vw так как при использовании 100vw не вычитается ширина полосы прокрутки страницы
+  width: 100%;
+
+  // центрируем
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// ВАЖНО: не прокидываем никаких кастомных свойств внутрь чтобы ими не воспользовались
+.layout {
+  @include breakpoints.down('ms') {
+    &:not(.disabled-mxs) {
+      @include layout;
+      padding-left: 16px;
+      padding-right: 16px;
+    }
+  }
+  @include breakpoints.up('ms') {
+    @include breakpoints.down('mm') {
+      &:not(.disabled-ms) {
+        @include layout;
+        padding-left: 16px;
+        padding-right: 16px;
+      }
+    }
+  }
+  @include breakpoints.up('mm') {
+    @include breakpoints.down('ml') {
+      &:not(.disabled-mm) {
+        @include layout;
+        max-width: 656px;
+      }
+    }
+  }
+  @include breakpoints.up('ml') {
+    @include breakpoints.down('xs') {
+      &:not(.disabled-ml) {
+        @include layout;
+        max-width: 672px;
+      }
+    }
+  }
+  @include breakpoints.up('xs') {
+    @include breakpoints.down('s') {
+      &:not(.disabled-xs) {
+        @include layout;
+        padding-left: 64px;
+        padding-right: 64px;
+      }
+    }
+  }
+  @include breakpoints.up('s') {
+    @include breakpoints.down('m') {
+      &:not(.disabled-s) {
+        @include layout;
+        padding-left: 64px;
+        padding-right: 64px;
+      }
+    }
+  }
+  @include breakpoints.up('m') {
+    @include breakpoints.down('l') {
+      &:not(.disabled-m) {
+        @include layout;
+        padding-left: 64px;
+        padding-right: 64px;
+      }
+    }
+  }
+  @include breakpoints.up('l') {
+    @include breakpoints.down('xl') {
+      &:not(.disabled-l) {
+        @include layout;
+        max-width: 1472px;
+      }
+    }
+  }
+  @include breakpoints.up('xl') {
+    &:not(.disabled-xl) {
+      @include layout;
+      max-width: 1504px;
+    }
+  }
+}

package/dist/layout/legacy.d.ts

@@ -0,0 +1,14 @@
+import { LayoutProps } from './types';
+/**
+ * @deprecated На адаптивных страницах стоит использовать Layout.
+ */
+declare const DesktopLayout: import("react").ForwardRefExoticComponent<Omit<LayoutProps, "rootRef"> & {
+    element?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+/**
+ * @deprecated На адаптивных страницах стоит использовать Layout.
+ */
+declare const MobileLayout: import("react").ForwardRefExoticComponent<Omit<LayoutProps, "rootRef"> & {
+    element?: string;
+} & import("react").RefAttributes<HTMLElement>>;
+export { DesktopLayout, MobileLayout };

package/dist/layout/legacy.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileLayout = exports.DesktopLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const bind_1 = __importDefault(require("classnames/bind"));
+const legacy_m_scss_1 = __importDefault(require("./legacy.m.scss"));
+const cx = bind_1.default.bind(legacy_m_scss_1.default);
+/**
+ * Возвращает созданный функциональный компонент, формирующий Layout.
+ * @param specificClass Специальный класс.
+ * @param displayName Отображаемое имя компонента.
+ * @return Элемент.
+ */
+const createLayout = (specificClass, displayName) => {
+    const Component = (0, react_1.forwardRef)(({ className, element: Element = 'div', disabledOn = [], ...restProps }, ref) => ((0, jsx_runtime_1.jsx)(Element, { ...restProps, ref: ref, className: cx('layout', specificClass, className, disabledOn.map(key => `disabled-${key}`)) })));
+    Component.displayName = displayName;
+    return Component;
+};
+/**
+ * @deprecated На адаптивных страницах стоит использовать Layout.
+ */
+const DesktopLayout = createLayout('desktop', 'DesktopLayout');
+exports.DesktopLayout = DesktopLayout;
+/**
+ * @deprecated На адаптивных страницах стоит использовать Layout.
+ */
+const MobileLayout = createLayout('mobile', 'MobileLayout');
+exports.MobileLayout = MobileLayout;
+//# sourceMappingURL=legacy.js.map

package/dist/layout/legacy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy.js","sourceRoot":"","sources":["../../src/layout/legacy.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmC;AAEnC,2DAAyC;AACzC,oEAAsC;AAEtC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,uBAAO,CAAC,CAAC;AAEpC;;;;;GAKG;AACH,MAAM,YAAY,GAAG,CAAC,aAAqB,EAAE,WAAmB,EAAE,EAAE;IAClE,MAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/E,uBAAC,OAAO,OACD,SAAiB,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,CACzC,GACD,CACH,CACF,CAAC;IAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;IAEpC,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,aAAa,GAAG,YAAY,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAOtD,sCAAa;AALtB;;GAEG;AACH,MAAM,YAAY,GAAG,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;AAEpC,oCAAY"}

package/dist/layout/types.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes, Ref } from 'react';
+import type { Breakpoint } from '../types';
+export interface LayoutProps extends HTMLAttributes<HTMLElement> {
+    /** Список точек остановки на которых необходимо отключить ограничение ширины. */
+    disabledOn?: Breakpoint[];
+    /** Реф корневого элемента. */
+    rootRef?: Ref<HTMLDivElement>;
+}

package/dist/layout/types.js

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

package/dist/layout/types.js.map

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

package/dist/link/index.d.ts

@@ -0,0 +1,2 @@
+export type { LinkColor, LinkProps } from './types';
+export { Link } from './link';

package/dist/link/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+var link_1 = require("./link");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return link_1.Link; } });
+//# sourceMappingURL=index.js.map

package/dist/link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/link/index.ts"],"names":[],"mappings":";;;AACA,+BAA8B;AAArB,4FAAA,IAAI,OAAA"}

package/dist/link/link.d.ts

@@ -0,0 +1,8 @@
+import type { LinkProps } from './types';
+/**
+ * Ссылка.
+ * @param props Свойства компонента. Поддерживаются свойства span/a.
+ * @param ref Реф для DOM-элемента ссылки.
+ * @return Элемент.
+ */
+export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/link/link.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const bind_1 = __importDefault(require("classnames/bind"));
+const link_m_scss_1 = __importDefault(require("./link.m.scss"));
+const cx = bind_1.default.bind(link_m_scss_1.default);
+/**
+ * Ссылка.
+ * @param props Свойства компонента. Поддерживаются свойства span/a.
+ * @param ref Реф для DOM-элемента ссылки.
+ * @return Элемент.
+ */
+exports.Link = (0, react_1.forwardRef)(function Link({ children, className, color = 'basic-blue', disabled, pseudo, role, tabIndex, underline, 'data-testid': testId = 'anchor', ...restProps }, ref) {
+    const baseProps = pseudo
+        ? {
+            role: role || 'button',
+            tabIndex: disabled ? undefined : tabIndex || 0,
+        }
+        : { role, tabIndex };
+    return ((0, jsx_runtime_1.jsx)("a", { ...baseProps, ...restProps, "data-testid": testId, ref: ref, className: cx('link', className, color, { disabled, underline }), children: children }));
+});
+//# sourceMappingURL=link.js.map

package/dist/link/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/link/link.tsx"],"names":[],"mappings":";;;;;;;AACA,iCAAmC;AACnC,2DAAyC;AACzC,gEAAmC;AAEnC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,qBAAM,CAAC,CAAC;AAEnC;;;;;GAKG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA+B,SAAS,IAAI,CACxE,EACE,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,YAAY,EACpB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,QAAQ,EAChC,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,MAAM;QACtB,CAAC,CAAC;YACE,IAAI,EAAE,IAAI,IAAI,QAAQ;YACtB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC;SAC/C;QACH,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IAEvB,OAAO,CACL,iCACM,SAAS,KACT,SAAS,iBACA,MAAM,EACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,YAE/D,QAAQ,GACP,CACL,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/link/types.d.ts

@@ -0,0 +1,14 @@
+import type { AnchorHTMLAttributes } from 'react';
+import type { Token } from '../colors';
+import type { WithTestId } from '../types';
+export type LinkColor = Extract<Token, 'basic-blue' | 'basic-gray87' | 'basic-gray38' | 'basic-white' | 'additional-red' | 'additional-teal'>;
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, WithTestId {
+    /** Цвет (название токена). */
+    color?: LinkColor;
+    /** Выводить как псевдо-ссылку. */
+    pseudo?: boolean;
+    /** Отключает ссылку подобно кнопке. */
+    disabled?: boolean;
+    /** Нужно ли подчеркивание. */
+    underline?: boolean;
+}

package/dist/link/types.js

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

package/dist/link/types.js.map

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

package/dist/masked-input/index.d.ts

@@ -0,0 +1,3 @@
+export type { MaskedInputProps, MaskData, UseInputMaskOptions, UseInputMaskResult } from './types';
+export { MaskedInput } from './masked-input';
+export { useInputMask } from './use-input-mask';

package/dist/masked-input/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInputMask = exports.MaskedInput = void 0;
+var masked_input_1 = require("./masked-input");
+Object.defineProperty(exports, "MaskedInput", { enumerable: true, get: function () { return masked_input_1.MaskedInput; } });
+var use_input_mask_1 = require("./use-input-mask");
+Object.defineProperty(exports, "useInputMask", { enumerable: true, get: function () { return use_input_mask_1.useInputMask; } });
+//# sourceMappingURL=index.js.map

package/dist/masked-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/masked-input/index.ts"],"names":[],"mappings":";;;AACA,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,mDAAgD;AAAvC,8GAAA,YAAY,OAAA"}

package/dist/masked-input/masked-input.d.ts

@@ -0,0 +1,7 @@
+import { MaskedInputProps } from './types';
+/**
+ * Поле ввода текста по маске.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function MaskedInput({ value, defaultValue, onChange, ...restProps }: MaskedInputProps): import("react/jsx-runtime").JSX.Element;