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

package/popover/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 15z5e */
+/* hash: bj7vn */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-text-primary: #0b1f35;
@@ -15,11 +15,11 @@
 :root {
     --popover-border-color: transparent;
 }
-.popover__component_dsywn {
+.popover__component_g7xyd {
     background-color: transparent;
     color: var(--color-light-text-primary);
 }
-.popover__inner_dsywn {
+.popover__inner_g7xyd {
     position: relative;
     background-color: var(--color-light-bg-primary);
     box-shadow: var(--shadow-m);
@@ -29,15 +29,15 @@
     box-sizing: border-box;
     will-change: transform;
 }
-.popover__scrollableContent_dsywn {
+.popover__scrollableContent_g7xyd {
     position: relative;
     z-index: 2;
     overflow-y: auto;
 }
-.popover__arrow_dsywn {
+.popover__arrow_g7xyd {
     z-index: 1;
 }
-.popover__arrow_dsywn:after {
+.popover__arrow_g7xyd:after {
     content: '';
     display: block;
     position: absolute;
@@ -48,83 +48,83 @@
     box-sizing: border-box;
     transform: rotate(45deg);
 }
-.popover__component_dsywn[data-popper-placement='left'] .popover__arrow_dsywn,
-.popover__component_dsywn[data-popper-placement='left-start'] .popover__arrow_dsywn,
-.popover__component_dsywn[data-popper-placement='left-end'] .popover__arrow_dsywn {
+.popover__component_g7xyd[data-popper-placement='left'] .popover__arrow_g7xyd,
+.popover__component_g7xyd[data-popper-placement='left-start'] .popover__arrow_g7xyd,
+.popover__component_g7xyd[data-popper-placement='left-end'] .popover__arrow_g7xyd {
     right: 5px
 }
-.popover__component_dsywn[data-popper-placement='left'] .popover__arrow_dsywn:after, .popover__component_dsywn[data-popper-placement='left-start'] .popover__arrow_dsywn:after, .popover__component_dsywn[data-popper-placement='left-end'] .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='left'] .popover__arrow_g7xyd:after, .popover__component_g7xyd[data-popper-placement='left-start'] .popover__arrow_g7xyd:after, .popover__component_g7xyd[data-popper-placement='left-end'] .popover__arrow_g7xyd:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
     }
-.popover__component_dsywn[data-popper-placement='left-start'].popover__arrowShift_dsywn .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='left-start'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     top: -7px;
 }
-.popover__component_dsywn[data-popper-placement='left-end'].popover__arrowShift_dsywn .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='left-end'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     top: -5px;
 }
-.popover__component_dsywn[data-popper-placement='right'] .popover__arrow_dsywn,
-.popover__component_dsywn[data-popper-placement='right-start'] .popover__arrow_dsywn,
-.popover__component_dsywn[data-popper-placement='right-end'] .popover__arrow_dsywn {
+.popover__component_g7xyd[data-popper-placement='right'] .popover__arrow_g7xyd,
+.popover__component_g7xyd[data-popper-placement='right-start'] .popover__arrow_g7xyd,
+.popover__component_g7xyd[data-popper-placement='right-end'] .popover__arrow_g7xyd {
     left: -7px
 }
-.popover__component_dsywn[data-popper-placement='right'] .popover__arrow_dsywn:after, .popover__component_dsywn[data-popper-placement='right-start'] .popover__arrow_dsywn:after, .popover__component_dsywn[data-popper-placement='right-end'] .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='right'] .popover__arrow_g7xyd:after, .popover__component_g7xyd[data-popper-placement='right-start'] .popover__arrow_g7xyd:after, .popover__component_g7xyd[data-popper-placement='right-end'] .popover__arrow_g7xyd:after {
         top: -6px;
         border-top: none;
         border-right: none;
     }
-.popover__component_dsywn[data-popper-placement='right-start'].popover__arrowShift_dsywn .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='right-start'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     top: -7px;
 }
-.popover__component_dsywn[data-popper-placement='right-end'].popover__arrowShift_dsywn .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='right-end'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     top: -5px;
 }
-.popover__component_dsywn[data-popper-placement='top'] .popover__arrow_dsywn,
-.popover__component_dsywn[data-popper-placement='top-start'] .popover__arrow_dsywn,
-.popover__component_dsywn[data-popper-placement='top-end'] .popover__arrow_dsywn {
+.popover__component_g7xyd[data-popper-placement='top'] .popover__arrow_g7xyd,
+.popover__component_g7xyd[data-popper-placement='top-start'] .popover__arrow_g7xyd,
+.popover__component_g7xyd[data-popper-placement='top-end'] .popover__arrow_g7xyd {
     bottom: 5px
 }
-.popover__component_dsywn[data-popper-placement='top'] .popover__arrow_dsywn:after, .popover__component_dsywn[data-popper-placement='top-start'] .popover__arrow_dsywn:after, .popover__component_dsywn[data-popper-placement='top-end'] .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='top'] .popover__arrow_g7xyd:after, .popover__component_g7xyd[data-popper-placement='top-start'] .popover__arrow_g7xyd:after, .popover__component_g7xyd[data-popper-placement='top-end'] .popover__arrow_g7xyd:after {
         left: -6px;
         border-top: none;
         border-left: none;
     }
-.popover__component_dsywn[data-popper-placement='top-start'].popover__arrowShift_dsywn .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='top-start'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     left: -17px;
 }
-.popover__component_dsywn[data-popper-placement='top-end'].popover__arrowShift_dsywn .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='top-end'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     left: 5px;
 }
-.popover__component_dsywn[data-popper-placement='bottom'] .popover__arrow_dsywn,
-.popover__component_dsywn[data-popper-placement='bottom-start'] .popover__arrow_dsywn,
-.popover__component_dsywn[data-popper-placement='bottom-end'] .popover__arrow_dsywn {
+.popover__component_g7xyd[data-popper-placement='bottom'] .popover__arrow_g7xyd,
+.popover__component_g7xyd[data-popper-placement='bottom-start'] .popover__arrow_g7xyd,
+.popover__component_g7xyd[data-popper-placement='bottom-end'] .popover__arrow_g7xyd {
     top: -7px
 }
-.popover__component_dsywn[data-popper-placement='bottom'] .popover__arrow_dsywn:after, .popover__component_dsywn[data-popper-placement='bottom-start'] .popover__arrow_dsywn:after, .popover__component_dsywn[data-popper-placement='bottom-end'] .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='bottom'] .popover__arrow_g7xyd:after, .popover__component_g7xyd[data-popper-placement='bottom-start'] .popover__arrow_g7xyd:after, .popover__component_g7xyd[data-popper-placement='bottom-end'] .popover__arrow_g7xyd:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
     }
-.popover__component_dsywn[data-popper-placement='bottom-start'].popover__arrowShift_dsywn .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='bottom-start'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     left: -17px;
 }
-.popover__component_dsywn[data-popper-placement='bottom-end'].popover__arrowShift_dsywn .popover__arrow_dsywn:after {
+.popover__component_g7xyd[data-popper-placement='bottom-end'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     left: 5px;
 }
-.popover__enter_dsywn .popover__inner_dsywn {
+.popover__enter_g7xyd .popover__inner_g7xyd {
     opacity: 0;
     transform: scale(0.98);
 }
-.popover__enterActive_dsywn .popover__inner_dsywn {
+.popover__enterActive_g7xyd .popover__inner_g7xyd {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exit_dsywn .popover__inner_dsywn {
+.popover__exit_g7xyd .popover__inner_g7xyd {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exitActive_dsywn .popover__inner_dsywn {
+.popover__exitActive_g7xyd .popover__inner_g7xyd {
     opacity: 0;
     transform: scale(0.98);
 }

package/portal/Component.d.ts

@@ -7,6 +7,10 @@ type PortalProps = {
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
     getPortalContainer?: () => Element;
+    /**
+     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     */
+    immediateMount?: boolean;
 };
 declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<Element>>;
 export { PortalProps, Portal };

package/portal/Component.js

@@ -5,8 +5,10 @@ var reactDom = require('react-dom');
 var utils = require('./utils.js');
 
 var Portal = react.forwardRef(function (_a, ref) {
-    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? utils.getDefaultPortalContainer : _b, children = _a.children;
-    var _c = react.useState(null), mountNode = _c[0], setMountNode = _c[1];
+    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? utils.getDefaultPortalContainer : _b, _c = _a.immediateMount, immediateMount = _c === void 0 ? false : _c, children = _a.children;
+    var _d = react.useState(function () {
+        return immediateMount ? getPortalContainer() : null;
+    }), mountNode = _d[0], setMountNode = _d[1];
     react.useEffect(function () {
         setMountNode(getPortalContainer());
     }, [getPortalContainer]);

package/portal/cssm/Component.d.ts

@@ -7,6 +7,10 @@ type PortalProps = {
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
     getPortalContainer?: () => Element;
+    /**
+     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     */
+    immediateMount?: boolean;
 };
 declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<Element>>;
 export { PortalProps, Portal };

package/portal/cssm/Component.js

@@ -5,8 +5,10 @@ var reactDom = require('react-dom');
 var utils = require('./utils.js');
 
 var Portal = react.forwardRef(function (_a, ref) {
-    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? utils.getDefaultPortalContainer : _b, children = _a.children;
-    var _c = react.useState(null), mountNode = _c[0], setMountNode = _c[1];
+    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? utils.getDefaultPortalContainer : _b, _c = _a.immediateMount, immediateMount = _c === void 0 ? false : _c, children = _a.children;
+    var _d = react.useState(function () {
+        return immediateMount ? getPortalContainer() : null;
+    }), mountNode = _d[0], setMountNode = _d[1];
     react.useEffect(function () {
         setMountNode(getPortalContainer());
     }, [getPortalContainer]);

package/portal/esm/Component.d.ts

@@ -7,6 +7,10 @@ type PortalProps = {
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
     getPortalContainer?: () => Element;
+    /**
+     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     */
+    immediateMount?: boolean;
 };
 declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<Element>>;
 export { PortalProps, Portal };

package/portal/esm/Component.js

@@ -3,8 +3,10 @@ import { createPortal } from 'react-dom';
 import { setRef, getDefaultPortalContainer } from './utils.js';
 
 var Portal = forwardRef(function (_a, ref) {
-    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? getDefaultPortalContainer : _b, children = _a.children;
-    var _c = useState(null), mountNode = _c[0], setMountNode = _c[1];
+    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? getDefaultPortalContainer : _b, _c = _a.immediateMount, immediateMount = _c === void 0 ? false : _c, children = _a.children;
+    var _d = useState(function () {
+        return immediateMount ? getPortalContainer() : null;
+    }), mountNode = _d[0], setMountNode = _d[1];
     useEffect(function () {
         setMountNode(getPortalContainer());
     }, [getPortalContainer]);

package/portal/modern/Component.d.ts

@@ -7,6 +7,10 @@ type PortalProps = {
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
     getPortalContainer?: () => Element;
+    /**
+     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     */
+    immediateMount?: boolean;
 };
 declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<Element>>;
 export { PortalProps, Portal };

package/portal/modern/Component.js

@@ -2,8 +2,8 @@ import { forwardRef, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { getDefaultPortalContainer, setRef } from './utils.js';
 
-const Portal = forwardRef(({ getPortalContainer = getDefaultPortalContainer, children }, ref) => {
-    const [mountNode, setMountNode] = useState(null);
+const Portal = forwardRef(({ getPortalContainer = getDefaultPortalContainer, immediateMount = false, children }, ref) => {
+    const [mountNode, setMountNode] = useState(() => immediateMount ? getPortalContainer() : null);
     useEffect(() => {
         setMountNode(getPortalContainer());
     }, [getPortalContainer]);

package/progress-bar/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"container":"progress-bar__container_rap34","s":"progress-bar__s_rap34","m":"progress-bar__m_rap34","filled":"progress-bar__filled_rap34","positive":"progress-bar__positive_rap34","negative":"progress-bar__negative_rap34","attention":"progress-bar__attention_rap34","link":"progress-bar__link_rap34","tertiary":"progress-bar__tertiary_rap34","secondary":"progress-bar__secondary_rap34","primary":"progress-bar__primary_rap34","accent":"progress-bar__accent_rap34"};
+var styles = {"container":"progress-bar__container_p4w29","s":"progress-bar__s_p4w29","m":"progress-bar__m_p4w29","filled":"progress-bar__filled_p4w29","positive":"progress-bar__positive_p4w29","negative":"progress-bar__negative_p4w29","attention":"progress-bar__attention_p4w29","link":"progress-bar__link_p4w29","tertiary":"progress-bar__tertiary_p4w29","secondary":"progress-bar__secondary_p4w29","primary":"progress-bar__primary_p4w29","accent":"progress-bar__accent_p4w29"};
 require('./index.css');
 
 var ProgressBar = React__default['default'].forwardRef(function (_a, ref) {

package/progress-bar/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"container":"progress-bar__container_rap34","s":"progress-bar__s_rap34","m":"progress-bar__m_rap34","filled":"progress-bar__filled_rap34","positive":"progress-bar__positive_rap34","negative":"progress-bar__negative_rap34","attention":"progress-bar__attention_rap34","link":"progress-bar__link_rap34","tertiary":"progress-bar__tertiary_rap34","secondary":"progress-bar__secondary_rap34","primary":"progress-bar__primary_rap34","accent":"progress-bar__accent_rap34"};
+var styles = {"container":"progress-bar__container_p4w29","s":"progress-bar__s_p4w29","m":"progress-bar__m_p4w29","filled":"progress-bar__filled_p4w29","positive":"progress-bar__positive_p4w29","negative":"progress-bar__negative_p4w29","attention":"progress-bar__attention_p4w29","link":"progress-bar__link_p4w29","tertiary":"progress-bar__tertiary_p4w29","secondary":"progress-bar__secondary_p4w29","primary":"progress-bar__primary_p4w29","accent":"progress-bar__accent_p4w29"};
 require('./index.css');
 
 var ProgressBar = React.forwardRef(function (_a, ref) {

package/progress-bar/esm/index.css

@@ -50,46 +50,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_rap34 {
+.progress-bar__container_p4w29 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_rap34.progress-bar__s_rap34 {
+.progress-bar__container_p4w29.progress-bar__s_p4w29 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_rap34.progress-bar__m_rap34 {
+.progress-bar__container_p4w29.progress-bar__m_p4w29 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_rap34 {
+.progress-bar__filled_p4w29 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_rap34.progress-bar__positive_rap34 {
+.progress-bar__filled_p4w29.progress-bar__positive_p4w29 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_rap34.progress-bar__negative_rap34 {
+.progress-bar__filled_p4w29.progress-bar__negative_p4w29 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_rap34.progress-bar__attention_rap34 {
+.progress-bar__filled_p4w29.progress-bar__attention_p4w29 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_rap34.progress-bar__link_rap34 {
+.progress-bar__filled_p4w29.progress-bar__link_p4w29 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_rap34.progress-bar__tertiary_rap34 {
+.progress-bar__filled_p4w29.progress-bar__tertiary_p4w29 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_rap34.progress-bar__secondary_rap34 {
+.progress-bar__filled_p4w29.progress-bar__secondary_p4w29 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_rap34.progress-bar__primary_rap34 {
+.progress-bar__filled_p4w29.progress-bar__primary_p4w29 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_rap34.progress-bar__accent_rap34 {
+.progress-bar__filled_p4w29.progress-bar__accent_p4w29 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/index.css

@@ -50,46 +50,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_rap34 {
+.progress-bar__container_p4w29 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_rap34.progress-bar__s_rap34 {
+.progress-bar__container_p4w29.progress-bar__s_p4w29 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_rap34.progress-bar__m_rap34 {
+.progress-bar__container_p4w29.progress-bar__m_p4w29 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_rap34 {
+.progress-bar__filled_p4w29 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_rap34.progress-bar__positive_rap34 {
+.progress-bar__filled_p4w29.progress-bar__positive_p4w29 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_rap34.progress-bar__negative_rap34 {
+.progress-bar__filled_p4w29.progress-bar__negative_p4w29 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_rap34.progress-bar__attention_rap34 {
+.progress-bar__filled_p4w29.progress-bar__attention_p4w29 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_rap34.progress-bar__link_rap34 {
+.progress-bar__filled_p4w29.progress-bar__link_p4w29 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_rap34.progress-bar__tertiary_rap34 {
+.progress-bar__filled_p4w29.progress-bar__tertiary_p4w29 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_rap34.progress-bar__secondary_rap34 {
+.progress-bar__filled_p4w29.progress-bar__secondary_p4w29 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_rap34.progress-bar__primary_rap34 {
+.progress-bar__filled_p4w29.progress-bar__primary_p4w29 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_rap34.progress-bar__accent_rap34 {
+.progress-bar__filled_p4w29.progress-bar__accent_p4w29 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"container":"progress-bar__container_rap34","s":"progress-bar__s_rap34","m":"progress-bar__m_rap34","filled":"progress-bar__filled_rap34","positive":"progress-bar__positive_rap34","negative":"progress-bar__negative_rap34","attention":"progress-bar__attention_rap34","link":"progress-bar__link_rap34","tertiary":"progress-bar__tertiary_rap34","secondary":"progress-bar__secondary_rap34","primary":"progress-bar__primary_rap34","accent":"progress-bar__accent_rap34"};
+var styles = {"container":"progress-bar__container_p4w29","s":"progress-bar__s_p4w29","m":"progress-bar__m_p4w29","filled":"progress-bar__filled_p4w29","positive":"progress-bar__positive_p4w29","negative":"progress-bar__negative_p4w29","attention":"progress-bar__attention_p4w29","link":"progress-bar__link_p4w29","tertiary":"progress-bar__tertiary_p4w29","secondary":"progress-bar__secondary_p4w29","primary":"progress-bar__primary_p4w29","accent":"progress-bar__accent_p4w29"};
 require('./index.css');
 
 const ProgressBar = React.forwardRef(({ className, value, view = 'positive', size = 'm', dataTestId }, ref) => {

package/progress-bar/modern/index.css

@@ -50,46 +50,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_rap34 {
+.progress-bar__container_p4w29 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_rap34.progress-bar__s_rap34 {
+.progress-bar__container_p4w29.progress-bar__s_p4w29 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_rap34.progress-bar__m_rap34 {
+.progress-bar__container_p4w29.progress-bar__m_p4w29 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_rap34 {
+.progress-bar__filled_p4w29 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_rap34.progress-bar__positive_rap34 {
+.progress-bar__filled_p4w29.progress-bar__positive_p4w29 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_rap34.progress-bar__negative_rap34 {
+.progress-bar__filled_p4w29.progress-bar__negative_p4w29 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_rap34.progress-bar__attention_rap34 {
+.progress-bar__filled_p4w29.progress-bar__attention_p4w29 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_rap34.progress-bar__link_rap34 {
+.progress-bar__filled_p4w29.progress-bar__link_p4w29 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_rap34.progress-bar__tertiary_rap34 {
+.progress-bar__filled_p4w29.progress-bar__tertiary_p4w29 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_rap34.progress-bar__secondary_rap34 {
+.progress-bar__filled_p4w29.progress-bar__secondary_p4w29 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_rap34.progress-bar__primary_rap34 {
+.progress-bar__filled_p4w29.progress-bar__primary_p4w29 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_rap34.progress-bar__accent_rap34 {
+.progress-bar__filled_p4w29.progress-bar__accent_p4w29 {
         background: var(--progressbar-accent-color);
     }

package/pure-cell/component-3f45f3c4.d.ts

@@ -64,32 +64,29 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
         children?: React.ReactNode;
         rowLimit?: 1 | 2 | undefined;
         view: "primary-small" | "component";
-        titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative";
+        titleColor: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative";
         value?: React.ReactNode;
-        valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
+        valueColor?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
         dataTestId?: string | undefined;
     }>;
     Amount: React.FC<{
-        amount: import("./components/typesProps").AmountProps;
         weight?: "bold" | "normal" | undefined;
-        view?: "primary-small" | "component" | undefined;
-        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
+        textView?: "primary-small" | "component" | undefined;
+        color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
         dataTestId?: string | undefined;
-    }>;
+    } & import("./components/typesProps").AmountProps>;
     AmountTitle: React.FC<{
-        amount: import("./components/typesProps").AmountProps;
-        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | undefined;
-        dataTestId?: string | undefined;
-    }>;
+        color?: "link" | "primary" | "secondary" | "tertiary" | "disabled" | "accent" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | undefined;
+    } & import("./components/typesProps").AmountProps>;
     Addon: React.FC<{
-        verticalAlign?: "center" | undefined;
-        addonPadding?: "none" | "default" | undefined;
+        verticalAlign?: "top" | "center" | "bottom" | undefined;
+        addonPadding?: "default" | "none" | undefined;
         children: import("./components/types").AddonElement;
         dataTestId?: string | undefined;
     }>;
     Footer: React.FC<{
         children: import("./components/types").FooterElement;
-        footerPadding?: "none" | "default" | undefined;
+        footerPadding?: "default" | "none" | undefined;
         dataTestId?: string | undefined;
     }>;
     ExtraSubtitle: React.FC<import("./components/footer-text/index").Props>;
@@ -98,6 +95,7 @@ declare const PureCell: React.ForwardRefExoticComponent<(Partial<AnchorPureCellP
     Category: React.FC<{
         categoryName: string;
         categoryPercent?: number | undefined;
+        rightAddons?: React.ReactNode;
         dataTestId?: string | undefined;
     }>;
 };

package/pure-cell/{component-bfcc6822.js → component-ff839eeb.js}

@@ -1,16 +1,17 @@
-var components_footerButton_component = require('./component-26fcccd6.js');
+var tslib_es6 = require('./tslib.es6-7d6e18d0.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
 var coreComponentsComment = require('../comment');
-var getDataTestId = require('./getDataTestId-cad97c00.js');
+var getDataTestId = require('./getDataTestId-49e3f89c.js');
 var components_addon_component = require('./components/addon/component.js');
 var coreComponentsTypography = require('../typography');
 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 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');
 var components_graphics_component = require('./components/graphics/component.js');
 
@@ -20,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"pure-cell__component_pyuk1","horizontal":"pure-cell__horizontal_pyuk1"};
+var styles = {"component":"pure-cell__component_1n24j","horizontal":"pure-cell__horizontal_1n24j"};
 require('./components/content/index.css');
 
 var Content = function (_a) {
@@ -30,7 +31,7 @@ var Content = function (_a) {
     return (React__default['default'].createElement("section", { className: cn__default['default'](styles.component, (_b = {}, _b[styles.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'content') }, children));
 };
 
-var styles$1 = {"component":"pure-cell__component_1fgse","vertical":"pure-cell__vertical_1fgse","reverse":"pure-cell__reverse_1fgse"};
+var styles$1 = {"component":"pure-cell__component_ti7om","vertical":"pure-cell__vertical_ti7om","reverse":"pure-cell__reverse_ti7om"};
 require('./components/main/index.css');
 
 var Main = function (_a) {
@@ -42,7 +43,7 @@ var Main = function (_a) {
             _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'main') }, children));
 };
 
-var styles$2 = {"horizontal":"pure-cell__horizontal_t5x29","rowLimit1":"pure-cell__rowLimit1_t5x29","rowLimit2":"pure-cell__rowLimit2_t5x29","component":"pure-cell__component_t5x29","vertical":"pure-cell__vertical_t5x29","title":"pure-cell__title_t5x29"};
+var styles$2 = {"horizontal":"pure-cell__horizontal_zjarl","rowLimit1":"pure-cell__rowLimit1_zjarl","rowLimit2":"pure-cell__rowLimit2_zjarl","component":"pure-cell__component_zjarl","vertical":"pure-cell__vertical_zjarl","title":"pure-cell__title_zjarl","value":"pure-cell__value_zjarl"};
 require('./components/text/index.css');
 
 var Text = function (_a) {
@@ -54,16 +55,16 @@ var Text = function (_a) {
             _b[styles$2.vertical] = direction !== 'horizontal',
             _b)) },
         React__default['default'].createElement("span", { className: styles$2.title }, typeof children === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: titleColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, children)) : (children)),
-        React__default['default'].createElement("span", null, typeof value === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, value)) : (value))));
+        value !== undefined && (React__default['default'].createElement("span", { className: styles$2.value }, typeof value === 'string' ? (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: view, color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text') }, value)) : (value)))));
 };
 
-var styles$3 = {"component":"pure-cell__component_tjamm","horizontal":"pure-cell__horizontal_tjamm","vertical":"pure-cell__vertical_tjamm","button":"pure-cell__button_tjamm","link":"pure-cell__link_tjamm","none":"pure-cell__none_tjamm","airy":"pure-cell__airy_tjamm","defaultPadding":"pure-cell__defaultPadding_tjamm","compact":"pure-cell__compact_tjamm","tiny":"pure-cell__tiny_tjamm","left":"pure-cell__left_tjamm","right":"pure-cell__right_tjamm","both":"pure-cell__both_tjamm","focused":"pure-cell__focused_tjamm"};
+var styles$3 = {"component":"pure-cell__component_exj34","horizontal":"pure-cell__horizontal_exj34","vertical":"pure-cell__vertical_exj34","button":"pure-cell__button_exj34","link":"pure-cell__link_exj34","none":"pure-cell__none_exj34","airy":"pure-cell__airy_exj34","defaultPadding":"pure-cell__defaultPadding_exj34","compact":"pure-cell__compact_exj34","tiny":"pure-cell__tiny_exj34","left":"pure-cell__left_exj34","right":"pure-cell__right_exj34","both":"pure-cell__both_exj34","focused":"pure-cell__focused_exj34"};
 require('./index.css');
 
 var PureCellContext = React__default['default'].createContext({});
 var PureCellComponent = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = components_footerButton_component.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
+    var className = _a.className, dataTestId = _a.dataTestId, onClick = _a.onClick, href = _a.href, _d = _a.tag, Component = _d === void 0 ? (href && 'a') || (onClick && 'button') || 'section' : _d, children = _a.children, _e = _a.horizontalPadding, horizontalPadding = _e === void 0 ? 'none' : _e, _f = _a.verticalPadding, verticalPadding = _f === void 0 ? 'none' : _f, _g = _a.direction, direction = _g === void 0 ? 'horizontal' : _g, restProps = tslib_es6.__rest(_a, ["className", "dataTestId", "onClick", "href", "tag", "children", "horizontalPadding", "verticalPadding", "direction"]);
     var cellRef = React.useRef(null);
     var focused = hooks.useFocus(cellRef, 'keyboard')[0];
     var addClasses = (_b = {},
@@ -78,11 +79,11 @@ var PureCellComponent = React.forwardRef(function (_a, ref) {
         var target = restProps.target;
         // Для совместимости с react-router-dom, меняем href на to
         var hrefProps = (_c = {}, _c[typeof Component === 'string' ? 'href' : 'to'] = href, _c);
-        return (React__default['default'].createElement(Component, components_footerButton_component.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles$3.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+        return (React__default['default'].createElement(Component, tslib_es6.__assign({ rel: target === '_blank' ? 'noreferrer noopener' : undefined }, restProps, hrefProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles$3.link, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
             React__default['default'].createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
     }
     if (onClick) {
-        return (React__default['default'].createElement(Component, components_footerButton_component.__assign({}, restProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles$3.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
+        return (React__default['default'].createElement(Component, tslib_es6.__assign({}, restProps, { ref: mergeRefs__default['default']([cellRef, ref]), className: cn__default['default'](styles$3.button, addClasses, className), "data-test-id": dataTestId, onClick: onClick }),
             React__default['default'].createElement(PureCellContext.Provider, { value: { direction: direction } }, children)));
     }
     return (React__default['default'].createElement(Component, { ref: ref, tabIndex: 0, className: cn__default['default'](addClasses, className), "data-test-id": dataTestId },