@alfalab/core-components-pure-cell 4.13.4 → 4.13.6

package/components/text/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-178693b0.js');
+var components_addon_component = require('../../component-d977c34d.js');
 
 
 

package/cssm/{component-fec4aa01.js → component-24c65922.js}

@@ -77,7 +77,7 @@ var Amount = function (_a) {
         return (React__default.default.createElement("div", { className: styles__default$1.default.hiddenWrapper },
             React__default.default.createElement("div", { className: styles__default$1.default.hidden })));
     }
-    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: textView, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn__default.default(styles__default$1.default.component), color: color },
+    return (React__default.default.createElement(coreComponentsTypography.Text, { view: textView, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn__default.default(styles__default$1.default.component), color: color },
         React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount') }, restProps))));
 };
 
@@ -89,7 +89,7 @@ var AmountTitle = function (_a) {
         return (React__default.default.createElement("div", { className: cn__default.default(styles__default$2.default.hiddenWrapper, styles__default$2.default["hiddenWrapper-".concat(titleProps.view)]) },
             React__default.default.createElement("div", { className: cn__default.default(styles__default$2.default.hidden, styles__default$2.default["hidden-".concat(titleProps.view)]) })));
     }
-    return (React__default.default.createElement(coreComponentsTypography.Typography.TitleResponsive, tslib.__assign({}, titleProps, { dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn__default.default(styles__default$2.default.component, titlePropsFromProps === null || titlePropsFromProps === void 0 ? void 0 : titlePropsFromProps.className) }),
+    return (React__default.default.createElement(coreComponentsTypography.TitleResponsive, tslib.__assign({}, titleProps, { dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn__default.default(styles__default$2.default.component, titlePropsFromProps === null || titlePropsFromProps === void 0 ? void 0 : titlePropsFromProps.className) }),
         React__default.default.createElement(coreComponentsAmount.Amount, tslib.__assign({ minority: minority || minorUnits, className: cn__default.default(styles__default$2.default.weight, className), dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
 };
 
@@ -97,8 +97,8 @@ var Category = function (_a) {
     var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
     var pureCellContext = React.useContext(PureCellContext);
     return (React__default.default.createElement("div", { className: styles__default$3.default.component, "data-test-id": 'cell-pure-category' },
-        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles__default$3.default.categoryName }, categoryName),
-        categoryPercent !== undefined && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles__default$3.default.categoryPercent, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
+        React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-small', color: 'secondary', dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles__default$3.default.categoryName }, categoryName),
+        categoryPercent !== undefined && (React__default.default.createElement(coreComponentsTypography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles__default$3.default.categoryPercent, dataTestId: coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
             categoryPercent,
             "%")),
         rightAddons !== undefined && (React__default.default.createElement("div", { className: styles__default$3.default.rightAddon, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
@@ -144,7 +144,7 @@ var FooterButton = React.forwardRef(function (_a, ref) {
 var FooterText = function (_a) {
     var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;
     var pureCellContext = React.useContext(PureCellContext);
-    return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: color, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
+    return (React__default.default.createElement(coreComponentsTypography.Text, { view: 'primary-small', color: color, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
 };
 
 var GRAPHICS_COMPONENT = {
@@ -215,9 +215,9 @@ var Text = function (_a) {
             _b[styles__default$9.default.vertical] = direction !== 'horizontal',
             _b)) },
         React__default.default.createElement("div", { className: styles__default$9.default.title },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
+            React__default.default.createElement(coreComponentsTypography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
         value && (React__default.default.createElement("div", { className: styles__default$9.default.value },
-            React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
+            React__default.default.createElement(coreComponentsTypography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": coreComponentsShared.getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
 };
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/cssm/component.js

@@ -8,7 +8,7 @@ require('react-merge-refs');
 require('classnames');
 require('@alfalab/core-components-comment/cssm');
 require('@alfalab/hooks');
-var components_addon_component = require('./component-fec4aa01.js');
+var components_addon_component = require('./component-24c65922.js');
 require('./index.module.css');
 
 

package/cssm/components/addon/component.js

@@ -6,7 +6,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 require('./index.module.css');
 
 

package/cssm/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fec4aa01";
+export * from "../../component-24c65922";

package/cssm/components/addon/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/components/amount/component.js

@@ -8,7 +8,7 @@ require('classnames');
 require('@alfalab/core-components-amount/cssm');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/core-components-typography/cssm');
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 require('./index.module.css');
 
 

package/cssm/components/amount/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fec4aa01";
+export * from "../../component-24c65922";

package/cssm/components/amount/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/components/amount-title/component.js

@@ -8,7 +8,7 @@ require('classnames');
 require('@alfalab/core-components-amount/cssm');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/core-components-typography/cssm');
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 require('./index.module.css');
 
 

package/cssm/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fec4aa01";
+export * from "../../component-24c65922";

package/cssm/components/amount-title/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/components/category/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/core-components-typography/cssm');
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 require('./index.module.css');
 
 

package/cssm/components/category/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fec4aa01";
+export * from "../../component-24c65922";

package/cssm/components/category/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/components/content/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 require('./index.module.css');
 
 

package/cssm/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fec4aa01";
+export * from "../../component-24c65922";

package/cssm/components/content/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/components/footer/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 require('./index.module.css');
 
 

package/cssm/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fec4aa01";
+export * from "../../component-24c65922";

package/cssm/components/footer/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/components/footer-button/component.js

@@ -6,7 +6,7 @@ require('tslib');
 require('react');
 require('@alfalab/core-components-button/cssm');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 require('./index.module.css');
 
 

package/cssm/components/footer-button/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fec4aa01";
+export * from "../../component-24c65922";

package/cssm/components/footer-button/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/components/footer-text/component.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/core-components-typography/cssm');
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/components/footer-text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fec4aa01";
+export * from "../../component-24c65922";

package/cssm/components/footer-text/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/components/graphics/component.js

@@ -6,7 +6,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 require('./index.module.css');
 
 

package/cssm/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fec4aa01";
+export * from "../../component-24c65922";

package/cssm/components/graphics/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/components/main/component.js

@@ -6,7 +6,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 require('./index.module.css');
 
 

package/cssm/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fec4aa01";
+export * from "../../component-24c65922";

package/cssm/components/main/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/components/text/component.js

@@ -6,7 +6,7 @@ require('react');
 require('classnames');
 require('@alfalab/core-components-shared/cssm');
 require('@alfalab/core-components-typography/cssm');
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 require('./index.module.css');
 
 

package/cssm/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fec4aa01";
+export * from "../../component-24c65922";

package/cssm/components/text/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-fec4aa01.js');
+var components_addon_component = require('../../component-24c65922.js');
 
 
 

package/cssm/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('./component-fec4aa01.js');
+var components_addon_component = require('./component-24c65922.js');
 
 
 

package/esm/{component-2ae99a28.js → component-63b6ba1a.js}

@@ -6,10 +6,10 @@ import { Comment } from '@alfalab/core-components-comment/esm';
 import { useFocus } from '@alfalab/hooks';
 import { getDataTestId } from '@alfalab/core-components-shared/esm';
 import { Amount as Amount$1 } from '@alfalab/core-components-amount/esm';
-import { Typography } from '@alfalab/core-components-typography/esm';
+import { Text as Text$1, TitleResponsive } from '@alfalab/core-components-typography/esm';
 import { Button } from '@alfalab/core-components-button/esm';
 
-var styles$a = {"component":"pure-cell__component_emys1","none":"pure-cell__none_emys1","default":"pure-cell__default_emys1","addonPadding":"pure-cell__addonPadding_emys1","auto":"pure-cell__auto_emys1","top":"pure-cell__top_emys1","center":"pure-cell__center_emys1","bottom":"pure-cell__bottom_emys1","button":"pure-cell__button_emys1"};
+var styles$a = {"component":"pure-cell__component_vedgh","none":"pure-cell__none_vedgh","default":"pure-cell__default_vedgh","addonPadding":"pure-cell__addonPadding_vedgh","auto":"pure-cell__auto_vedgh","top":"pure-cell__top_vedgh","center":"pure-cell__center_vedgh","bottom":"pure-cell__bottom_vedgh","button":"pure-cell__button_vedgh"};
 require('./components/addon/index.css')
 
 var ADDON_COMPONENT = {
@@ -43,7 +43,7 @@ var Addon = function (_a) {
             _b)), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'addon') }, (onClick && onMouseEvents)), children));
 };
 
-var styles$9 = {"component":"pure-cell__component_1pdkv","hidden":"pure-cell__hidden_1pdkv","hiddenWrapper":"pure-cell__hiddenWrapper_1pdkv"};
+var styles$9 = {"component":"pure-cell__component_1xpth","hidden":"pure-cell__hidden_1xpth","hiddenWrapper":"pure-cell__hiddenWrapper_1xpth"};
 require('./components/amount/index.css')
 
 var Amount = function (_a) {
@@ -53,11 +53,11 @@ var Amount = function (_a) {
         return (React.createElement("div", { className: styles$9.hiddenWrapper },
             React.createElement("div", { className: styles$9.hidden })));
     }
-    return (React.createElement(Typography.Text, { view: textView, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn(styles$9.component), color: color },
+    return (React.createElement(Text$1, { view: textView, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text'), className: cn(styles$9.component), color: color },
         React.createElement(Amount$1, __assign({ minority: minority || minorUnits, bold: weight === 'bold' ? 'full' : 'none', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount') }, restProps))));
 };
 
-var styles$8 = {"component":"pure-cell__component_hm8si","weight":"pure-cell__weight_hm8si","hidden":"pure-cell__hidden_hm8si","hidden-xsmall":"pure-cell__hidden-xsmall_hm8si","hidden-small":"pure-cell__hidden-small_hm8si","hidden-medium":"pure-cell__hidden-medium_hm8si","hidden-large":"pure-cell__hidden-large_hm8si","hidden-xlarge":"pure-cell__hidden-xlarge_hm8si","hiddenWrapper":"pure-cell__hiddenWrapper_hm8si","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_hm8si","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_hm8si","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_hm8si","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_hm8si","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_hm8si"};
+var styles$8 = {"component":"pure-cell__component_1agbe","weight":"pure-cell__weight_1agbe","hidden":"pure-cell__hidden_1agbe","hidden-xsmall":"pure-cell__hidden-xsmall_1agbe","hidden-small":"pure-cell__hidden-small_1agbe","hidden-medium":"pure-cell__hidden-medium_1agbe","hidden-large":"pure-cell__hidden-large_1agbe","hidden-xlarge":"pure-cell__hidden-xlarge_1agbe","hiddenWrapper":"pure-cell__hiddenWrapper_1agbe","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_1agbe","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_1agbe","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_1agbe","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_1agbe","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_1agbe"};
 require('./components/amount-title/index.css')
 
 var AmountTitle = function (_a) {
@@ -68,25 +68,25 @@ var AmountTitle = function (_a) {
         return (React.createElement("div", { className: cn(styles$8.hiddenWrapper, styles$8["hiddenWrapper-".concat(titleProps.view)]) },
             React.createElement("div", { className: cn(styles$8.hidden, styles$8["hidden-".concat(titleProps.view)]) })));
     }
-    return (React.createElement(Typography.TitleResponsive, __assign({}, titleProps, { dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn(styles$8.component, titlePropsFromProps === null || titlePropsFromProps === void 0 ? void 0 : titlePropsFromProps.className) }),
+    return (React.createElement(TitleResponsive, __assign({}, titleProps, { dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title'), className: cn(styles$8.component, titlePropsFromProps === null || titlePropsFromProps === void 0 ? void 0 : titlePropsFromProps.className) }),
         React.createElement(Amount$1, __assign({ minority: minority || minorUnits, className: cn(styles$8.weight, className), dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'core-amount-title') }, restProps, { bold: 'none' }))));
 };
 
-var styles$7 = {"component":"pure-cell__component_ip4z1","categoryName":"pure-cell__categoryName_ip4z1","categoryPercent":"pure-cell__categoryPercent_ip4z1","rightAddon":"pure-cell__rightAddon_ip4z1"};
+var styles$7 = {"component":"pure-cell__component_1kjlm","categoryName":"pure-cell__categoryName_1kjlm","categoryPercent":"pure-cell__categoryPercent_1kjlm","rightAddon":"pure-cell__rightAddon_1kjlm"};
 require('./components/category/index.css')
 
 var Category = function (_a) {
     var categoryName = _a.categoryName, categoryPercent = _a.categoryPercent, rightAddons = _a.rightAddons, dataTestId = _a.dataTestId;
     var pureCellContext = useContext(PureCellContext);
     return (React.createElement("div", { className: styles$7.component, "data-test-id": 'cell-pure-category' },
-        React.createElement(Typography.Text, { view: 'primary-small', color: 'secondary', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles$7.categoryName }, categoryName),
-        categoryPercent !== undefined && (React.createElement(Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles$7.categoryPercent, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
+        React.createElement(Text$1, { view: 'primary-small', color: 'secondary', dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-name'), className: styles$7.categoryName }, categoryName),
+        categoryPercent !== undefined && (React.createElement(Text$1, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles$7.categoryPercent, dataTestId: getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-percent') },
             categoryPercent,
             "%")),
         rightAddons !== undefined && (React.createElement("div", { className: styles$7.rightAddon, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'category-right-addon') }, rightAddons))));
 };
 
-var styles$6 = {"component":"pure-cell__component_3xg13","horizontal":"pure-cell__horizontal_3xg13"};
+var styles$6 = {"component":"pure-cell__component_bb8mk","horizontal":"pure-cell__horizontal_bb8mk"};
 require('./components/content/index.css')
 
 var Content = function (_a) {
@@ -96,7 +96,7 @@ var Content = function (_a) {
     return (React.createElement("section", { className: cn(styles$6.component, (_b = {}, _b[styles$6.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'content') }, children));
 };
 
-var styles$5 = {"component":"pure-cell__component_1yx5u","none":"pure-cell__none_1yx5u","default":"pure-cell__default_1yx5u"};
+var styles$5 = {"component":"pure-cell__component_1y90f","none":"pure-cell__none_1y90f","default":"pure-cell__default_1y90f"};
 require('./components/footer/index.css')
 
 var Footer = function (_a) {
@@ -105,7 +105,7 @@ var Footer = function (_a) {
     return (React.createElement("footer", { className: cn(styles$5.component, styles$5[footerPadding]), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer') }, children));
 };
 
-var styles$4 = {"component":"pure-cell__component_9wwpl"};
+var styles$4 = {"component":"pure-cell__component_1g3y5"};
 require('./components/footer-button/index.css')
 
 var FooterButton = forwardRef(function (_a, ref) {
@@ -135,10 +135,10 @@ var FooterButton = forwardRef(function (_a, ref) {
 var FooterText = function (_a) {
     var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;
     var pureCellContext = useContext(PureCellContext);
-    return (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
+    return (React.createElement(Text$1, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'footer-title') }, children));
 };
 
-var styles$3 = {"component":"pure-cell__component_1h8jy","top":"pure-cell__top_1h8jy","center":"pure-cell__center_1h8jy","bottom":"pure-cell__bottom_1h8jy","horizontal":"pure-cell__horizontal_1h8jy","none":"pure-cell__none_1h8jy","airy":"pure-cell__airy_1h8jy","default":"pure-cell__default_1h8jy","compact":"pure-cell__compact_1h8jy","tiny":"pure-cell__tiny_1h8jy","vertical":"pure-cell__vertical_1h8jy","button":"pure-cell__button_1h8jy"};
+var styles$3 = {"component":"pure-cell__component_2mcfj","top":"pure-cell__top_2mcfj","center":"pure-cell__center_2mcfj","bottom":"pure-cell__bottom_2mcfj","horizontal":"pure-cell__horizontal_2mcfj","none":"pure-cell__none_2mcfj","airy":"pure-cell__airy_2mcfj","default":"pure-cell__default_2mcfj","compact":"pure-cell__compact_2mcfj","tiny":"pure-cell__tiny_2mcfj","vertical":"pure-cell__vertical_2mcfj","button":"pure-cell__button_2mcfj"};
 require('./components/graphics/index.css')
 
 var GRAPHICS_COMPONENT = {
@@ -171,7 +171,7 @@ var Graphics = function (_a) {
     return (React.createElement(Component, __assign({ className: cn(styles$3.component, styles$3[verticalAlign], styles$3[pureCellContext.direction || 'horizontal'], styles$3[graphicPadding || defaultGraphicPadding], (_b = {}, _b[styles$3.button] = onClick, _b)), "data-test-id": getDataTestId(dataTestId || pureCellContext.dataTestId, 'graphics') }, (onClick && onMouseEvents)), children));
 };
 
-var styles$2 = {"component":"pure-cell__component_iy701","vertical":"pure-cell__vertical_iy701","reverse":"pure-cell__reverse_iy701","button":"pure-cell__button_iy701"};
+var styles$2 = {"component":"pure-cell__component_alyeh","vertical":"pure-cell__vertical_alyeh","reverse":"pure-cell__reverse_alyeh","button":"pure-cell__button_alyeh"};
 require('./components/main/index.css')
 
 var MAIN_COMPONENT = {
@@ -203,7 +203,7 @@ var Main = function (_a) {
             _b), (_c = {}, _c[styles$2.button] = onClick, _c), className), "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'main') }, (onClick && onMouseEvents)), children));
 };
 
-var styles$1 = {"horizontal":"pure-cell__horizontal_1mgbp","rowLimit1":"pure-cell__rowLimit1_1mgbp","rowLimit2":"pure-cell__rowLimit2_1mgbp","component":"pure-cell__component_1mgbp","vertical":"pure-cell__vertical_1mgbp","title":"pure-cell__title_1mgbp","value":"pure-cell__value_1mgbp"};
+var styles$1 = {"horizontal":"pure-cell__horizontal_1ls6a","rowLimit1":"pure-cell__rowLimit1_1ls6a","rowLimit2":"pure-cell__rowLimit2_1ls6a","component":"pure-cell__component_1ls6a","vertical":"pure-cell__vertical_1ls6a","title":"pure-cell__title_1ls6a","value":"pure-cell__value_1ls6a"};
 require('./components/text/index.css')
 
 var Text = function (_a) {
@@ -215,12 +215,12 @@ var Text = function (_a) {
             _b[styles$1.vertical] = direction !== 'horizontal',
             _b)) },
         React.createElement("div", { className: styles$1.title },
-            React.createElement(Typography.Text, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
+            React.createElement(Text$1, { view: view, weight: titleWeight, tag: 'div', color: titleColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_content') }, children)),
         value && (React.createElement("div", { className: styles$1.value },
-            React.createElement(Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
+            React.createElement(Text$1, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId(dataTestId || contextDataTestId, 'text_value') }, value)))));
 };
 
-var styles = {"component":"pure-cell__component_1go45","horizontal":"pure-cell__horizontal_1go45","vertical":"pure-cell__vertical_1go45","button":"pure-cell__button_1go45","hover":"pure-cell__hover_1go45","active":"pure-cell__active_1go45","link":"pure-cell__link_1go45","none":"pure-cell__none_1go45","airy":"pure-cell__airy_1go45","default":"pure-cell__default_1go45","compact":"pure-cell__compact_1go45","tiny":"pure-cell__tiny_1go45","noneTop":"pure-cell__noneTop_1go45","airyTop":"pure-cell__airyTop_1go45","defaultTop":"pure-cell__defaultTop_1go45","compactTop":"pure-cell__compactTop_1go45","tinyTop":"pure-cell__tinyTop_1go45","noneBottom":"pure-cell__noneBottom_1go45","airyBottom":"pure-cell__airyBottom_1go45","defaultBottom":"pure-cell__defaultBottom_1go45","compactBottom":"pure-cell__compactBottom_1go45","tinyBottom":"pure-cell__tinyBottom_1go45","left":"pure-cell__left_1go45","right":"pure-cell__right_1go45","both":"pure-cell__both_1go45","focused":"pure-cell__focused_1go45"};
+var styles = {"component":"pure-cell__component_13xas","horizontal":"pure-cell__horizontal_13xas","vertical":"pure-cell__vertical_13xas","button":"pure-cell__button_13xas","hover":"pure-cell__hover_13xas","active":"pure-cell__active_13xas","link":"pure-cell__link_13xas","none":"pure-cell__none_13xas","airy":"pure-cell__airy_13xas","default":"pure-cell__default_13xas","compact":"pure-cell__compact_13xas","tiny":"pure-cell__tiny_13xas","noneTop":"pure-cell__noneTop_13xas","airyTop":"pure-cell__airyTop_13xas","defaultTop":"pure-cell__defaultTop_13xas","compactTop":"pure-cell__compactTop_13xas","tinyTop":"pure-cell__tinyTop_13xas","noneBottom":"pure-cell__noneBottom_13xas","airyBottom":"pure-cell__airyBottom_13xas","defaultBottom":"pure-cell__defaultBottom_13xas","compactBottom":"pure-cell__compactBottom_13xas","tinyBottom":"pure-cell__tinyBottom_13xas","left":"pure-cell__left_13xas","right":"pure-cell__right_13xas","both":"pure-cell__both_13xas","focused":"pure-cell__focused_13xas"};
 require('./index.css')
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/esm/component.js

@@ -4,4 +4,4 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/core-components-comment/esm';
 import '@alfalab/hooks';
-export { P as PureCell, f as PureCellContext } from './component-2ae99a28.js';
+export { P as PureCell, f as PureCellContext } from './component-63b6ba1a.js';

package/esm/components/addon/component.js

@@ -2,4 +2,4 @@ import 'tslib';
 import 'react';
 import 'classnames';
 import '@alfalab/core-components-shared/esm';
-export { A as Addon } from '../../component-2ae99a28.js';
+export { A as Addon } from '../../component-63b6ba1a.js';