@alfalab/core-components 42.0.0-beta.0 → 42.0.0-beta.1

package/pass-code/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsGap = require('../gap');
-var getDataTestId = require('./getDataTestId-f255b6f6.js');
+var coreComponentsShared = require('../shared');
 var components_InputProgress_Component = require('./components/InputProgress/Component.js');
 var components_KeyPad_Component = require('./components/KeyPad/Component.js');
 require('react-transition-group');
@@ -33,8 +33,8 @@ var PassCode = React.forwardRef(function (_a, ref) {
             onChange === null || onChange === void 0 ? void 0 : onChange(value === null || value === void 0 ? void 0 : value.slice(0, -1));
         }
     };
-    return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className), ref: ref, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'wrapper') },
-        React__default.default.createElement("div", { className: styles.error, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'error') }, error),
+    return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className), ref: ref, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'wrapper') },
+        React__default.default.createElement("div", { className: styles.error, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error') }, error),
         React__default.default.createElement(coreComponentsGap.Gap, { size: 'm' }),
         React__default.default.createElement(components_InputProgress_Component.InputProgress, { dataTestId: dataTestId, value: value, maxCodeLength: maxCodeLength, codeLength: codeLength, error: Boolean(error) }),
         React__default.default.createElement(coreComponentsGap.Gap, { size: '4xl' }),

package/pass-code/components/InputProgress/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-f255b6f6.js');
+var coreComponentsShared = require('../../../shared');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -21,7 +21,7 @@ var TRANSITION_DURATION = 150;
 var InputProgress = function (_a) {
     var _b;
     var _c = _a.value, value = _c === void 0 ? '' : _c, maxCodeLength = _a.maxCodeLength, codeLength = _a.codeLength, error = _a.error, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement("div", { className: cn__default.default(styles.component, (_b = {}, _b[transitions.shake] = error, _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'input-progress') }, codeLength
+    return (React__default.default.createElement("div", { className: cn__default.default(styles.component, (_b = {}, _b[transitions.shake] = error, _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'input-progress') }, codeLength
         ? new Array(codeLength).fill(null).map(function (_, i) {
             var _a;
             var filled = Boolean(value[i]);

package/pass-code/components/InputProgress/index.js

@@ -4,7 +4,7 @@ var components_InputProgress_Component = require('./Component.js');
 require('react');
 require('react-transition-group');
 require('classnames');
-require('../../getDataTestId-f255b6f6.js');
+require('../../../shared');
 
 
 

package/pass-code/components/KeyPad/Component.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var coreComponentsShared = require('../../../shared');
 var BackspaceXxlIcon = require('@alfalab/icons-glyph/BackspaceXxlIcon');
-var getDataTestId = require('../../getDataTestId-f255b6f6.js');
 var components_KeyPadButton_Component = require('../KeyPadButton/Component.js');
 require('classnames');
 require('../../../button');
@@ -22,7 +22,7 @@ var CELLS = new Array(CELL_COUNT).fill(null).map(function (_, i) {
 });
 var KeyPad = function (_a) {
     var leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, onClick = _a.onClick, onClear = _a.onClear, showClear = _a.showClear, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement("div", { className: styles.component, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'keypad') }, CELLS.map(function (digit, i) {
+    return (React__default.default.createElement("div", { className: styles.component, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'keypad') }, CELLS.map(function (digit, i) {
         if (i === 9) {
             if (leftAddons)
                 return leftAddons;

package/pass-code/components/KeyPad/index.js

@@ -2,8 +2,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_KeyPad_Component = require('./Component.js');
 require('react');
+require('../../../shared');
 require('@alfalab/icons-glyph/BackspaceXxlIcon');
-require('../../getDataTestId-f255b6f6.js');
 require('../KeyPadButton/Component.js');
 require('classnames');
 require('../../../button');

package/pass-code/cssm/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsGap = require('../../gap/cssm');
-var getDataTestId = require('./getDataTestId-5c876d98.js');
+var coreComponentsShared = require('../../shared/cssm');
 var components_InputProgress_Component = require('./components/InputProgress/Component.js');
 var components_KeyPad_Component = require('./components/KeyPad/Component.js');
 var styles = require('./index.module.css');
@@ -36,8 +36,8 @@ var PassCode = React.forwardRef(function (_a, ref) {
             onChange === null || onChange === void 0 ? void 0 : onChange(value === null || value === void 0 ? void 0 : value.slice(0, -1));
         }
     };
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), ref: ref, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'wrapper') },
-        React__default.default.createElement("div", { className: styles__default.default.error, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'error') }, error),
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), ref: ref, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'wrapper') },
+        React__default.default.createElement("div", { className: styles__default.default.error, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error') }, error),
         React__default.default.createElement(coreComponentsGap.Gap, { size: 'm' }),
         React__default.default.createElement(components_InputProgress_Component.InputProgress, { dataTestId: dataTestId, value: value, maxCodeLength: maxCodeLength, codeLength: codeLength, error: Boolean(error) }),
         React__default.default.createElement(coreComponentsGap.Gap, { size: '4xl' }),

package/pass-code/cssm/components/InputProgress/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-5c876d98.js');
+var coreComponentsShared = require('../../../../shared/cssm');
 var styles = require('./index.module.css');
 var transitions = require('./transitions.module.css');
 
@@ -19,7 +19,7 @@ var TRANSITION_DURATION = 150;
 var InputProgress = function (_a) {
     var _b;
     var _c = _a.value, value = _c === void 0 ? '' : _c, maxCodeLength = _a.maxCodeLength, codeLength = _a.codeLength, error = _a.error, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, (_b = {}, _b[transitions__default.default.shake] = error, _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'input-progress') }, codeLength
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, (_b = {}, _b[transitions__default.default.shake] = error, _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'input-progress') }, codeLength
         ? new Array(codeLength).fill(null).map(function (_, i) {
             var _a;
             var filled = Boolean(value[i]);

package/pass-code/cssm/components/InputProgress/index.js

@@ -4,7 +4,7 @@ var components_InputProgress_Component = require('./Component.js');
 require('react');
 require('react-transition-group');
 require('classnames');
-require('../../getDataTestId-5c876d98.js');
+require('../../../../shared/cssm');
 require('./index.module.css');
 require('./transitions.module.css');
 

package/pass-code/cssm/components/KeyPad/Component.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var coreComponentsShared = require('../../../../shared/cssm');
 var BackspaceXxlIcon = require('@alfalab/icons-glyph/BackspaceXxlIcon');
-var getDataTestId = require('../../getDataTestId-5c876d98.js');
 var components_KeyPadButton_Component = require('../KeyPadButton/Component.js');
 var styles = require('./index.module.css');
 require('classnames');
@@ -22,7 +22,7 @@ var CELLS = new Array(CELL_COUNT).fill(null).map(function (_, i) {
 });
 var KeyPad = function (_a) {
     var leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, onClick = _a.onClick, onClear = _a.onClear, showClear = _a.showClear, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement("div", { className: styles__default.default.component, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'keypad') }, CELLS.map(function (digit, i) {
+    return (React__default.default.createElement("div", { className: styles__default.default.component, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'keypad') }, CELLS.map(function (digit, i) {
         if (i === 9) {
             if (leftAddons)
                 return leftAddons;

package/pass-code/cssm/components/KeyPad/index.js

@@ -2,8 +2,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_KeyPad_Component = require('./Component.js');
 require('react');
+require('../../../../shared/cssm');
 require('@alfalab/icons-glyph/BackspaceXxlIcon');
-require('../../getDataTestId-5c876d98.js');
 require('../KeyPadButton/Component.js');
 require('classnames');
 require('../../../../button/cssm');

package/pass-code/cssm/index.js

@@ -5,7 +5,7 @@ var components_KeyPadButton_Component = require('./components/KeyPadButton/Compo
 require('react');
 require('classnames');
 require('../../gap/cssm');
-require('./getDataTestId-5c876d98.js');
+require('../../shared/cssm');
 require('./components/InputProgress/Component.js');
 require('react-transition-group');
 require('./components/InputProgress/index.module.css');

package/pass-code/esm/Component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Gap } from '../../gap/esm';
-import { g as getDataTestId } from './getDataTestId-5519db8d.js';
+import { getDataTestId } from '../../shared/esm';
 import { InputProgress } from './components/InputProgress/Component.js';
 import { KeyPad } from './components/KeyPad/Component.js';
 import 'react-transition-group';

package/pass-code/esm/components/InputProgress/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-5519db8d.js';
+import { getDataTestId } from '../../../../shared/esm';
 
 var styles = {"component":"pass-code__component_ic6d8","dot":"pass-code__dot_ic6d8","error":"pass-code__error_ic6d8","filled":"pass-code__filled_ic6d8"};
 require('./index.css');

package/pass-code/esm/components/InputProgress/index.js

@@ -2,4 +2,4 @@ export { InputProgress } from './Component.js';
 import 'react';
 import 'react-transition-group';
 import 'classnames';
-import '../../getDataTestId-5519db8d.js';
+import '../../../../shared/esm';

package/pass-code/esm/components/KeyPad/Component.js

@@ -1,6 +1,6 @@
 import React from 'react';
+import { getDataTestId } from '../../../../shared/esm';
 import { BackspaceXxlIcon } from '@alfalab/icons-glyph/BackspaceXxlIcon';
-import { g as getDataTestId } from '../../getDataTestId-5519db8d.js';
 import { KeyPadButton } from '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/esm';

package/pass-code/esm/components/KeyPad/index.js

@@ -1,7 +1,7 @@
 export { KeyPad } from './Component.js';
 import 'react';
+import '../../../../shared/esm';
 import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/esm';
-import '../../getDataTestId-5519db8d.js';

package/pass-code/esm/index.js

@@ -3,9 +3,9 @@ export { KeyPadButton } from './components/KeyPadButton/Component.js';
 import 'react';
 import 'classnames';
 import '../../gap/esm';
+import '../../shared/esm';
 import './components/InputProgress/Component.js';
 import 'react-transition-group';
 import './components/KeyPad/Component.js';
 import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import '../../button/esm';
-import './getDataTestId-5519db8d.js';

package/pass-code/index.js

@@ -5,7 +5,7 @@ var components_KeyPadButton_Component = require('./components/KeyPadButton/Compo
 require('react');
 require('classnames');
 require('../gap');
-require('./getDataTestId-f255b6f6.js');
+require('../shared');
 require('./components/InputProgress/Component.js');
 require('react-transition-group');
 require('./components/KeyPad/Component.js');

package/pass-code/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Gap } from '../../gap/modern';
-import { g as getDataTestId } from './getDataTestId-df6b5f2f.js';
+import { getDataTestId } from '../../shared/modern';
 import { InputProgress } from './components/InputProgress/Component.js';
 import { KeyPad } from './components/KeyPad/Component.js';
 import 'react-transition-group';

package/pass-code/modern/components/InputProgress/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-df6b5f2f.js';
+import { getDataTestId } from '../../../../shared/modern';
 
 const styles = {"component":"pass-code__component_ic6d8","dot":"pass-code__dot_ic6d8","error":"pass-code__error_ic6d8","filled":"pass-code__filled_ic6d8"};
 require('./index.css');

package/pass-code/modern/components/InputProgress/index.js

@@ -2,4 +2,4 @@ export { InputProgress } from './Component.js';
 import 'react';
 import 'react-transition-group';
 import 'classnames';
-import '../../getDataTestId-df6b5f2f.js';
+import '../../../../shared/modern';

package/pass-code/modern/components/KeyPad/Component.js

@@ -1,6 +1,6 @@
 import React from 'react';
+import { getDataTestId } from '../../../../shared/modern';
 import { BackspaceXxlIcon } from '@alfalab/icons-glyph/BackspaceXxlIcon';
-import { g as getDataTestId } from '../../getDataTestId-df6b5f2f.js';
 import { KeyPadButton } from '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/modern';

package/pass-code/modern/components/KeyPad/index.js

@@ -1,7 +1,7 @@
 export { KeyPad } from './Component.js';
 import 'react';
+import '../../../../shared/modern';
 import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/modern';
-import '../../getDataTestId-df6b5f2f.js';

package/pass-code/modern/index.js

@@ -3,9 +3,9 @@ export { KeyPadButton } from './components/KeyPadButton/Component.js';
 import 'react';
 import 'classnames';
 import '../../gap/modern';
+import '../../shared/modern';
 import './components/InputProgress/Component.js';
 import 'react-transition-group';
 import './components/KeyPad/Component.js';
 import '@alfalab/icons-glyph/BackspaceXxlIcon';
 import '../../button/modern';
-import './getDataTestId-df6b5f2f.js';

package/pattern-lock/Component.js

@@ -6,6 +6,7 @@ var reactCanvasPatternLock = require('react-canvas-pattern-lock');
 var cn = require('classnames');
 var coreComponentsButton = require('../button');
 var coreComponentsGap = require('../gap');
+var coreComponentsShared = require('../shared');
 var consts = require('./consts.js');
 var utils = require('./utils.js');
 
@@ -14,11 +15,6 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
 var styles = {"component":"pattern-lock__component_1qp9w","hidden":"pattern-lock__hidden_1qp9w","error":"pattern-lock__error_1qp9w","forgotBtn":"pattern-lock__forgotBtn_1qp9w"};
 require('./index.css');
 
@@ -61,7 +57,7 @@ var PatternLock = React.forwardRef(function (_a, ref) {
         React__default.default.createElement("div", { className: styles.error }, error),
         React__default.default.createElement(coreComponentsGap.Gap, { size: '3xl' }),
         React__default.default.createElement(reactCanvasPatternLock.ReactCanvasPatternLock, tslib.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: justifyNodes, extraBounds: extraBounds })),
-        showForgotCodeBtn ? (React__default.default.createElement(coreComponentsButton.Button, { view: 'link', className: styles.forgotBtn, onClick: onForgotBtnClick, dataTestId: getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React__default.default.createElement("div", { className: styles.forgotBtn }))));
+        showForgotCodeBtn ? (React__default.default.createElement(coreComponentsButton.Button, { view: 'link', className: styles.forgotBtn, onClick: onForgotBtnClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React__default.default.createElement("div", { className: styles.forgotBtn }))));
 });
 
 exports.PatternLock = PatternLock;

package/pattern-lock/cssm/Component.js

@@ -6,6 +6,7 @@ var reactCanvasPatternLock = require('react-canvas-pattern-lock');
 var cn = require('classnames');
 var coreComponentsButton = require('../../button/cssm');
 var coreComponentsGap = require('../../gap/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var consts = require('./consts.js');
 var utils = require('./utils.js');
 var styles = require('./index.module.css');
@@ -16,11 +17,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
 var PatternLock = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.observeTokens, observeTokens = _c === void 0 ? false : _c, _d = _a.observerParams, observerParams = _d === void 0 ? {} : _d, _e = _a.justifyNodes, justifyNodes = _e === void 0 ? 'space-between' : _e, className = _a.className, error = _a.error, dataTestId = _a.dataTestId, _f = _a.forgotCodeBtnText, forgotCodeBtnText = _f === void 0 ? 'Забыли код?' : _f, _g = _a.showForgotCodeBtn, showForgotCodeBtn = _g === void 0 ? false : _g, onForgotBtnClick = _a.onForgotBtnClick, _h = _a.extraBounds, extraBounds = _h === void 0 ? consts.DEFAULT_EXTRA_BOUNDS : _h, restProps = tslib.__rest(_a, ["observeTokens", "observerParams", "justifyNodes", "className", "error", "dataTestId", "forgotCodeBtnText", "showForgotCodeBtn", "onForgotBtnClick", "extraBounds"]);
@@ -60,7 +56,7 @@ var PatternLock = React.forwardRef(function (_a, ref) {
         React__default.default.createElement("div", { className: styles__default.default.error }, error),
         React__default.default.createElement(coreComponentsGap.Gap, { size: '3xl' }),
         React__default.default.createElement(reactCanvasPatternLock.ReactCanvasPatternLock, tslib.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: justifyNodes, extraBounds: extraBounds })),
-        showForgotCodeBtn ? (React__default.default.createElement(coreComponentsButton.Button, { view: 'link', className: styles__default.default.forgotBtn, onClick: onForgotBtnClick, dataTestId: getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React__default.default.createElement("div", { className: styles__default.default.forgotBtn }))));
+        showForgotCodeBtn ? (React__default.default.createElement(coreComponentsButton.Button, { view: 'link', className: styles__default.default.forgotBtn, onClick: onForgotBtnClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React__default.default.createElement("div", { className: styles__default.default.forgotBtn }))));
 });
 
 exports.PatternLock = PatternLock;

package/pattern-lock/cssm/index.js

@@ -8,6 +8,7 @@ require('react-canvas-pattern-lock');
 require('classnames');
 require('../../button/cssm');
 require('../../gap/cssm');
+require('../../shared/cssm');
 require('./utils.js');
 require('./index.module.css');
 

package/pattern-lock/esm/Component.js

@@ -4,14 +4,10 @@ import { ReactCanvasPatternLock } from 'react-canvas-pattern-lock';
 import cn from 'classnames';
 import { Button } from '../../button/esm';
 import { Gap } from '../../gap/esm';
+import { getDataTestId } from '../../shared/esm';
 import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-var getDataTestId = function (dataTestId, element) {
-    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
-    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
-};
-
 var styles = {"component":"pattern-lock__component_1qp9w","hidden":"pattern-lock__hidden_1qp9w","error":"pattern-lock__error_1qp9w","forgotBtn":"pattern-lock__forgotBtn_1qp9w"};
 require('./index.css');
 

package/pattern-lock/esm/index.js

@@ -6,4 +6,5 @@ import 'react-canvas-pattern-lock';
 import 'classnames';
 import '../../button/esm';
 import '../../gap/esm';
+import '../../shared/esm';
 import './utils.js';

package/pattern-lock/index.js

@@ -8,6 +8,7 @@ require('react-canvas-pattern-lock');
 require('classnames');
 require('../button');
 require('../gap');
+require('../shared');
 require('./utils.js');
 
 

package/pattern-lock/modern/Component.js

@@ -3,14 +3,10 @@ import { ReactCanvasPatternLock } from 'react-canvas-pattern-lock';
 import cn from 'classnames';
 import { Button } from '../../button/modern';
 import { Gap } from '../../gap/modern';
+import { getDataTestId } from '../../shared/modern';
 import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-const getDataTestId = (dataTestId, element) => {
-    const elementPart = element ? `-${element.toLowerCase()}` : '';
-    return dataTestId ? `${dataTestId}${elementPart}` : undefined;
-};
-
 const styles = {"component":"pattern-lock__component_1qp9w","hidden":"pattern-lock__hidden_1qp9w","error":"pattern-lock__error_1qp9w","forgotBtn":"pattern-lock__forgotBtn_1qp9w"};
 require('./index.css');
 

package/pattern-lock/modern/index.js

@@ -5,4 +5,5 @@ import 'react-canvas-pattern-lock';
 import 'classnames';
 import '../../button/modern';
 import '../../gap/modern';
+import '../../shared/modern';
 import './utils.js';

package/picker-button/Component-5e1b8383.d.ts

@@ -0,0 +1,72 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+import { BottomSheetProps } from "./index-f12ee135";
+import { BaseSelectProps } from "./typings-5e1b8383";
+type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+};
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean | undefined;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean | undefined;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component.modal.mobile-5e1b8383").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
+} & React.RefAttributes<unknown>>;
+export * from "./Component.mobile-b2c0420d";
+export { ModalMobileProps } from "./typings-bdb4c6b9";
+export { SelectMobileProps, BaseSelectMobile };

package/picker-button/Component-bdb4c6b9.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { View } from "./typings-bdb4c6b9";
+declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+} & {
+    view: View;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

package/picker-button/Component-ebda875c.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/// <reference types="react-transition-group" />
+import React from 'react';
+import { CheckboxProps } from "./index-ebda875c";
+type HeaderProps = {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange?: CheckboxProps['onChange'];
+    mobile?: boolean;
+};
+declare const Header: React.FC<HeaderProps>;
+export { HeaderProps, Header };

package/picker-button/Component.desktop.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import React from 'react';
+import { FC, SVGProps } from "react";
+import { ButtonProps } from "../button";
+import { BaseSelectProps } from "./shared-4cd3936b";
+import { PickerButtonSize, PickerButtonVariant } from "./types";
+type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean;
+};
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize | undefined;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant | undefined;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonDesktopProps, PickerButtonDesktop };