@alfalab/core-components 41.7.0-beta.0 → 41.8.0

package/grid/modern/row/index.js

@@ -1,5 +1,5 @@
 export { Row } from './Component.js';
 import 'react';
 import 'classnames';
-import '../gutters.module-8ac7335b.js';
+import '../gutters.module-90b19484.js';
 import '../utils/index.js';

package/grid/row/Component.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var utils_index = require('../utils/index.js');
-var gutters_module = require('../gutters.module-0314e1f7.js');
+var gutters_module = require('../gutters.module-59d2542e.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/grid/row/index.js

@@ -5,7 +5,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../utils/index.js');
-require('../gutters.module-0314e1f7.js');
+require('../gutters.module-59d2542e.js');
 
 
 

package/intl-phone-input/component.js

@@ -291,8 +291,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         if (phoneLibUtils.current)
             return;
-        Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-7d199ce4.js'); })
+        import(/* webpackChunkName: "libphonenumber" */ 'libphonenumber-js/min')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

package/intl-phone-input/cssm/component.js

@@ -293,8 +293,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         if (phoneLibUtils.current)
             return;
-        Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-e2e76e74.js'); })
+        import(/* webpackChunkName: "libphonenumber" */ 'libphonenumber-js/min')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

package/intl-phone-input/esm/component.js

@@ -283,8 +283,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
     useEffect(function () {
         if (phoneLibUtils.current)
             return;
-        import(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-16a5ddc7.js')
+        import(/* webpackChunkName: "libphonenumber" */ 'libphonenumber-js/min')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

package/intl-phone-input/modern/component.js

@@ -278,8 +278,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
     useEffect(() => {
         if (phoneLibUtils.current)
             return;
-        import(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-16a5ddc7.js')
+        import(/* webpackChunkName: "libphonenumber" */ 'libphonenumber-js/min')
             .then((utils) => {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "41.7.0-beta.0",
+  "version": "41.8.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -12,11 +12,9 @@
   "homepage": "https://github.com/core-ds/core-components#readme",
   "scripts": {
     "build": "./bin/build.sh",
-    "start": "start-storybook -p 9009 -c .storybook -s ./.storybook/public",
-    "start:IE": "cross-env STORYBOOK_IE_MODE=true yarn start",
-    "start:quick": "cross-env RDTL=off yarn start",
-    "build-storybook": "build-storybook -o build -s ./.storybook/public --quiet",
-    "build-storybook-from-dist": "cross-env BUILD_ESM_ONLY=true yarn build && cross-env BUILD_STORYBOOK_FROM_DIST=true yarn build-storybook",
+    "start": "storybook dev -p 9009",
+    "build-storybook": "storybook build -o build --quiet",
+    "build-storybook-from-dist": "cross-env BUILD_MODERN_ONLY=true yarn build && cross-env BUILD_STORYBOOK_FROM_DIST=true yarn build-storybook",
     "serve-storybook": "http-server build -p 9009",
     "update-colors": "node ./tools/update-colors.js && stylelint ./packages/{themes,vars}/**/*.css --fix && prettier --write \"./packages/{themes,vars}/**/*.css\"",
     "update-typography": "node ./tools/update-typography.js",
@@ -70,7 +68,7 @@
     "downshift": "^5.4.7",
     "element-closest": "^3.0.2",
     "intersection-observer": "^0.12.0",
-    "libphonenumber-js": "^1.10.7",
+    "libphonenumber-js": "^1.10.30",
     "lodash.debounce": "^4.0.8",
     "lodash.memoize": "^4.1.2",
     "lodash.throttle": "^4.1.1",
@@ -95,23 +93,20 @@
   },
   "devDependencies": {
     "@alfalab/rollup-plugin-postcss": "^3.6.1",
-    "@babel/core": "^7.18.0",
-    "@babel/plugin-proposal-class-properties": "^7.12.1",
-    "@babel/preset-env": "7.18.0",
-    "@babel/preset-typescript": "^7.9.0",
     "@changesets/cli": "^2.25.0",
     "@changesets/get-github-info": "^0.5.1",
     "@commitlint/config-conventional": "^17.3.0",
     "@commitlint/config-lerna-scopes": "^17.2.1",
     "@oat-sa/rollup-plugin-wildcard-external": "^0.1.0",
     "@rollup/plugin-json": "^5.0.2",
-    "@storybook/addon-a11y": "^6.5.15",
-    "@storybook/addon-docs": "^6.5.15",
-    "@storybook/addon-knobs": "^6.3.0",
-    "@storybook/addons": "^6.5.15",
-    "@storybook/preset-create-react-app": "^3.2.0",
-    "@storybook/preset-typescript": "^3.0.0",
-    "@storybook/react": "^6.5.15",
+    "@storybook/addon-a11y": "^7.0.12",
+    "@storybook/addon-docs": "^7.0.12",
+    "@storybook/addon-knobs": "^7.0.2",
+    "@storybook/addons": "^7.0.12",
+    "@storybook/manager-api": "^7.0.12",
+    "@storybook/preset-create-react-app": "^7.0.12",
+    "@storybook/react": "^7.0.12",
+    "@storybook/react-webpack5": "^7.0.12",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.3.0",
@@ -129,17 +124,18 @@
     "@types/react-dom": "^18.0.6",
     "@types/react-transition-group": "^4.4.5",
     "@types/swiper": "^5.4.3",
+    "@types/webpack-env": "^1.18.0",
     "@typescript-eslint/eslint-plugin": "^5.40.1",
     "@typescript-eslint/parser": "^5.40.1",
     "arui-presets-lint": "^6.1.0",
     "axios": "^0.21.0",
     "babel-jest": "^26.6.3",
-    "babel-loader": "^8.0.6",
     "commitizen": "^4.1.2",
     "copy-to-clipboard": "^3.3.1",
     "copyfiles": "^2.2.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^4.2.2",
+    "css-loader": "^6.7.3",
+    "css-minimizer-webpack-plugin": "^3.4.1",
     "cz-conventional-changelog": "^3.2.0",
     "depcheck": "^1.4.3",
     "eslint": "^8.26.0",
@@ -173,9 +169,8 @@
     "lodash.camelcase": "^4.3.0",
     "lodash.kebabcase": "^4.1.1",
     "lodash.upperfirst": "^4.3.1",
-    "mini-css-extract-plugin": "^0.11.0",
-    "optimize-css-assets-webpack-plugin": "^5.0.4",
-    "playwright": "^1.31.2",
+    "mini-css-extract-plugin": "^2.7.5",
+    "playwright": "^1.33.0",
     "postcss-cli": "^7.1.0",
     "postcss-custom-media": "^7.0.8",
     "postcss-custom-properties": "^10.0.0",
@@ -187,12 +182,12 @@
     "postcss-preset-env": "^6.7.0",
     "prettier": "^2.7.1",
     "purgecss": "^2.2.1",
+    "querystring-es3": "^0.2.1",
     "raw-loader": "^4.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-github-btn": "^1.2.0",
-    "react-scripts": "^3.3.1",
-    "replace-in-file": "^5.0.2",
+    "react-scripts": "^5.0.1",
     "rimraf": "^3.0.2",
     "rollup": "^3.19.1",
     "rollup-plugin-copy": "^3.4.0",
@@ -200,8 +195,8 @@
     "rollup-plugin-ts": "^3.0.2",
     "shelljs": "^0.8.5",
     "standard-version": "^8.0.0",
-    "storybook-addon-live-examples": "^1.0.16",
-    "string-hash": "^1.1.3",
+    "storybook": "^7.0.12",
+    "storybook-addon-live-examples": "2.0.1--canary.12.08b4237.0",
     "stylelint": "^14.9.1",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-standard": "^20.0.0",
@@ -211,8 +206,8 @@
     "url-loader": "^4.1.1"
   },
   "peerDependencies": {
-    "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
-    "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   },
   "publishConfig": {
     "access": "public"

package/phone-input/utils/index.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-var deleteFormatting = function (phone) { return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '').replace(/-/g, ''); };
+var deleteFormatting = function (phone) {
+    return phone.replace('+', '').replace(/^7/, '').replace(/\s/g, '').replace(/-/g, '');
+};
 function setCaretPosition(_a) {
     var position = _a.position, inputRef = _a.inputRef;
     window.requestAnimationFrame(function () {

package/picker-button/Component.d.ts

@@ -26,7 +26,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'Field' | 'placeholder' |
      */
     showArrow?: boolean;
 };
-declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
     options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта

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

@@ -11,7 +11,7 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
      */
     breakpoint?: number;
 };
-declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../select").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../select").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow" | "Field"> & Pick<ButtonProps, "leftAddons" | "rightAddons" | "view" | "loading"> & {
     options: ((import("../select").OptionShape | import("../select").GroupShape) & {
         icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
     })[];

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

@@ -124,7 +124,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
      */
     dataTestId?: string;
 };
-declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
+declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "value" | "enterKeyHint"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     block?: boolean | undefined;

package/pure-cell/{component-c814e23a.js → component-0cb09281.js}

@@ -8,7 +8,7 @@ var components_addon_component = require('./components/addon/component.js');
 var components_amount_component = require('./components/amount/component.js');
 var components_amountTitle_component = require('./components/amount-title/component.js');
 var components_category_component = require('./components/category/component.js');
-var getDataTestId = require('./getDataTestId-81a035ce.js');
+var getDataTestId = require('./getDataTestId-17750390.js');
 var components_footer_component = require('./components/footer/component.js');
 var components_footerButton_component = require('./components/footer-button/component.js');
 var components_footerText_component = require('./components/footer-text/component.js');
@@ -54,10 +54,10 @@ var Text = function (_a) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles$1.component, (_b = {},
             _b[styles$1.vertical] = direction !== 'horizontal',
             _b)) },
-        React__default.default.createElement("span", { className: styles$1.title },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, weight: titleWeight, color: titleColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text_content') }, children)),
-        value && (React__default.default.createElement("span", { className: styles$1.value },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text_value') }, value)))));
+        React__default.default.createElement("div", { className: styles$1.title },
+            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text_content') }, children)),
+        value && (React__default.default.createElement("div", { className: styles$1.value },
+            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text_value') }, value)))));
 };
 
 var styles = {"component":"pure-cell__component_1qo83","horizontal":"pure-cell__horizontal_1qo83","vertical":"pure-cell__vertical_1qo83","button":"pure-cell__button_1qo83","link":"pure-cell__link_1qo83","none":"pure-cell__none_1qo83","airy":"pure-cell__airy_1qo83","defaultPadding":"pure-cell__defaultPadding_1qo83","compact":"pure-cell__compact_1qo83","tiny":"pure-cell__tiny_1qo83","left":"pure-cell__left_1qo83","right":"pure-cell__right_1qo83","both":"pure-cell__both_1qo83","focused":"pure-cell__focused_1qo83"};

package/pure-cell/component.js

@@ -10,12 +10,12 @@ require('./components/addon/component.js');
 require('./components/amount/component.js');
 require('./components/amount-title/component.js');
 require('./components/category/component.js');
-var components_content_component = require('./component-c814e23a.js');
+var components_content_component = require('./component-0cb09281.js');
 require('./components/footer/component.js');
 require('./components/footer-button/component.js');
 require('./components/footer-text/component.js');
 require('./components/graphics/component.js');
-require('./getDataTestId-81a035ce.js');
+require('./getDataTestId-17750390.js');
 require('../amount');
 require('../typography');
 require('../button');

package/pure-cell/components/addon/component.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-81a035ce.js');
+var getDataTestId = require('../../getDataTestId-17750390.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/pure-cell/components/addon/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_addon_component = require('./component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-81a035ce.js');
+require('../../getDataTestId-17750390.js');
 
 
 

package/pure-cell/components/amount/component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsAmount = require('../../../amount');
 var coreComponentsTypography = require('../../../typography');
-var getDataTestId = require('../../getDataTestId-81a035ce.js');
+var getDataTestId = require('../../getDataTestId-17750390.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/pure-cell/components/amount/index.js

@@ -6,7 +6,7 @@ require('react');
 require('classnames');
 require('../../../amount');
 require('../../../typography');
-require('../../getDataTestId-81a035ce.js');
+require('../../getDataTestId-17750390.js');
 
 
 

package/pure-cell/components/amount-title/component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsAmount = require('../../../amount');
 var coreComponentsTypography = require('../../../typography');
-var getDataTestId = require('../../getDataTestId-81a035ce.js');
+var getDataTestId = require('../../getDataTestId-17750390.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/pure-cell/components/amount-title/index.js

@@ -6,7 +6,7 @@ require('react');
 require('classnames');
 require('../../../amount');
 require('../../../typography');
-require('../../getDataTestId-81a035ce.js');
+require('../../getDataTestId-17750390.js');
 
 
 

package/pure-cell/components/category/component.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var coreComponentsTypography = require('../../../typography');
-var getDataTestId = require('../../getDataTestId-81a035ce.js');
+var getDataTestId = require('../../getDataTestId-17750390.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/pure-cell/components/category/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_category_component = require('./component.js');
 require('react');
 require('../../../typography');
-require('../../getDataTestId-81a035ce.js');
+require('../../getDataTestId-17750390.js');
 
 
 

package/pure-cell/components/content/component.js

@@ -2,8 +2,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-require('../../getDataTestId-81a035ce.js');
-var components_content_component = require('../../component-c814e23a.js');
+require('../../getDataTestId-17750390.js');
+var components_content_component = require('../../component-0cb09281.js');
 require('tslib');
 require('react-merge-refs');
 require('../../../comment');

package/pure-cell/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-c814e23a";
+export * from "../../component-0cb09281";

package/pure-cell/components/content/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-c814e23a.js');
+var components_content_component = require('../../component-0cb09281.js');
 require('tslib');
 require('react');
 require('react-merge-refs');
@@ -8,7 +8,7 @@ require('classnames');
 require('../../../comment');
 require('@alfalab/hooks');
 require('../addon/component.js');
-require('../../getDataTestId-81a035ce.js');
+require('../../getDataTestId-17750390.js');
 require('../amount/component.js');
 require('../../../amount');
 require('../../../typography');

package/pure-cell/components/footer/component.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-81a035ce.js');
+var getDataTestId = require('../../getDataTestId-17750390.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/pure-cell/components/footer/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_footer_component = require('./component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-81a035ce.js');
+require('../../getDataTestId-17750390.js');
 
 
 

package/pure-cell/components/footer-button/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsButton = require('../../../button');
-var getDataTestId = require('../../getDataTestId-81a035ce.js');
+var getDataTestId = require('../../getDataTestId-17750390.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/pure-cell/components/footer-button/index.js

@@ -4,7 +4,7 @@ var components_footerButton_component = require('./component.js');
 require('tslib');
 require('react');
 require('../../../button');
-require('../../getDataTestId-81a035ce.js');
+require('../../getDataTestId-17750390.js');
 
 
 

package/pure-cell/components/footer-text/component.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var coreComponentsTypography = require('../../../typography');
-var getDataTestId = require('../../getDataTestId-81a035ce.js');
+var getDataTestId = require('../../getDataTestId-17750390.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/pure-cell/components/footer-text/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_footerText_component = require('./component.js');
 require('react');
 require('../../../typography');
-require('../../getDataTestId-81a035ce.js');
+require('../../getDataTestId-17750390.js');
 
 
 

package/pure-cell/components/graphics/component.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-81a035ce.js');
+var getDataTestId = require('../../getDataTestId-17750390.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/pure-cell/components/graphics/index.css

@@ -15,6 +15,7 @@
 } :root {
 } :root {
 } .pure-cell__component_dq7z0 {
+    display: inline-flex;
     flex-basis: auto;
 } .pure-cell__top_dq7z0 {
     align-self: flex-start;

package/pure-cell/components/graphics/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_graphics_component = require('./component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-81a035ce.js');
+require('../../getDataTestId-17750390.js');
 
 
 

package/pure-cell/components/main/component.js

@@ -2,8 +2,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-require('../../getDataTestId-81a035ce.js');
-var components_content_component = require('../../component-c814e23a.js');
+require('../../getDataTestId-17750390.js');
+var components_content_component = require('../../component-0cb09281.js');
 require('tslib');
 require('react-merge-refs');
 require('../../../comment');

package/pure-cell/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-c814e23a";
+export * from "../../component-0cb09281";

package/pure-cell/components/main/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-c814e23a.js');
+var components_content_component = require('../../component-0cb09281.js');
 require('tslib');
 require('react');
 require('react-merge-refs');
@@ -8,7 +8,7 @@ require('classnames');
 require('../../../comment');
 require('@alfalab/hooks');
 require('../addon/component.js');
-require('../../getDataTestId-81a035ce.js');
+require('../../getDataTestId-17750390.js');
 require('../amount/component.js');
 require('../../../amount');
 require('../../../typography');

package/pure-cell/components/text/component.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../typography');
-require('../../getDataTestId-81a035ce.js');
-var components_content_component = require('../../component-c814e23a.js');
+require('../../getDataTestId-17750390.js');
+var components_content_component = require('../../component-0cb09281.js');
 require('tslib');
 require('react-merge-refs');
 require('../../../comment');

package/pure-cell/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-c814e23a";
+export * from "../../component-0cb09281";

package/pure-cell/components/text/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_content_component = require('../../component-c814e23a.js');
+var components_content_component = require('../../component-0cb09281.js');
 require('tslib');
 require('react');
 require('react-merge-refs');
@@ -8,7 +8,7 @@ require('classnames');
 require('../../../comment');
 require('@alfalab/hooks');
 require('../addon/component.js');
-require('../../getDataTestId-81a035ce.js');
+require('../../getDataTestId-17750390.js');
 require('../amount/component.js');
 require('../../../amount');
 require('../../../typography');

package/pure-cell/cssm/{component-d38262a4.js → component-ecc61e99.js}

@@ -53,10 +53,10 @@ var Text = function (_a) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default$2.default.component, (_b = {},
             _b[styles__default$2.default.vertical] = direction !== 'horizontal',
             _b)) },
-        React__default.default.createElement("span", { className: styles__default$2.default.title },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, weight: titleWeight, color: titleColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text_content') }, children)),
-        value && (React__default.default.createElement("span", { className: styles__default$2.default.value },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text_value') }, value)))));
+        React__default.default.createElement("div", { className: styles__default$2.default.title },
+            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text_content') }, children)),
+        value && (React__default.default.createElement("div", { className: styles__default$2.default.value },
+            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text_value') }, value)))));
 };
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/pure-cell/cssm/component.js

@@ -10,7 +10,7 @@ require('./components/addon/component.js');
 require('./components/amount/component.js');
 require('./components/amount-title/component.js');
 require('./components/category/component.js');
-var components_content_component = require('./component-d38262a4.js');
+var components_content_component = require('./component-ecc61e99.js');
 require('./components/footer/component.js');
 require('./components/footer-button/component.js');
 require('./components/footer-text/component.js');

package/pure-cell/cssm/components/content/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../getDataTestId-5c876d98.js');
-var components_content_component = require('../../component-d38262a4.js');
+var components_content_component = require('../../component-ecc61e99.js');
 require('./index.module.css');
 require('tslib');
 require('react-merge-refs');

package/pure-cell/cssm/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-d38262a4";
+export * from "../../component-ecc61e99";