@alfalab/core-components 33.1.0 → 34.0.1-beta.0

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_1t42k {
+.popover__component_g7xyd {
     background-color: transparent;
     color: var(--color-light-text-primary);
 }
-.popover__inner_1t42k {
+.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_1t42k {
+.popover__scrollableContent_g7xyd {
     position: relative;
     z-index: 2;
     overflow-y: auto;
 }
-.popover__arrow_1t42k {
+.popover__arrow_g7xyd {
     z-index: 1;
 }
-.popover__arrow_1t42k:after {
+.popover__arrow_g7xyd:after {
     content: '';
     display: block;
     position: absolute;
@@ -48,83 +48,83 @@
     box-sizing: border-box;
     transform: rotate(45deg);
 }
-.popover__component_1t42k[data-popper-placement='left'] .popover__arrow_1t42k,
-.popover__component_1t42k[data-popper-placement='left-start'] .popover__arrow_1t42k,
-.popover__component_1t42k[data-popper-placement='left-end'] .popover__arrow_1t42k {
+.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_1t42k[data-popper-placement='left'] .popover__arrow_1t42k:after, .popover__component_1t42k[data-popper-placement='left-start'] .popover__arrow_1t42k:after, .popover__component_1t42k[data-popper-placement='left-end'] .popover__arrow_1t42k: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_1t42k[data-popper-placement='left-start'].popover__arrowShift_1t42k .popover__arrow_1t42k:after {
+.popover__component_g7xyd[data-popper-placement='left-start'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     top: -7px;
 }
-.popover__component_1t42k[data-popper-placement='left-end'].popover__arrowShift_1t42k .popover__arrow_1t42k:after {
+.popover__component_g7xyd[data-popper-placement='left-end'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     top: -5px;
 }
-.popover__component_1t42k[data-popper-placement='right'] .popover__arrow_1t42k,
-.popover__component_1t42k[data-popper-placement='right-start'] .popover__arrow_1t42k,
-.popover__component_1t42k[data-popper-placement='right-end'] .popover__arrow_1t42k {
+.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_1t42k[data-popper-placement='right'] .popover__arrow_1t42k:after, .popover__component_1t42k[data-popper-placement='right-start'] .popover__arrow_1t42k:after, .popover__component_1t42k[data-popper-placement='right-end'] .popover__arrow_1t42k: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_1t42k[data-popper-placement='right-start'].popover__arrowShift_1t42k .popover__arrow_1t42k:after {
+.popover__component_g7xyd[data-popper-placement='right-start'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     top: -7px;
 }
-.popover__component_1t42k[data-popper-placement='right-end'].popover__arrowShift_1t42k .popover__arrow_1t42k:after {
+.popover__component_g7xyd[data-popper-placement='right-end'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     top: -5px;
 }
-.popover__component_1t42k[data-popper-placement='top'] .popover__arrow_1t42k,
-.popover__component_1t42k[data-popper-placement='top-start'] .popover__arrow_1t42k,
-.popover__component_1t42k[data-popper-placement='top-end'] .popover__arrow_1t42k {
+.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_1t42k[data-popper-placement='top'] .popover__arrow_1t42k:after, .popover__component_1t42k[data-popper-placement='top-start'] .popover__arrow_1t42k:after, .popover__component_1t42k[data-popper-placement='top-end'] .popover__arrow_1t42k: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_1t42k[data-popper-placement='top-start'].popover__arrowShift_1t42k .popover__arrow_1t42k:after {
+.popover__component_g7xyd[data-popper-placement='top-start'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     left: -17px;
 }
-.popover__component_1t42k[data-popper-placement='top-end'].popover__arrowShift_1t42k .popover__arrow_1t42k:after {
+.popover__component_g7xyd[data-popper-placement='top-end'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     left: 5px;
 }
-.popover__component_1t42k[data-popper-placement='bottom'] .popover__arrow_1t42k,
-.popover__component_1t42k[data-popper-placement='bottom-start'] .popover__arrow_1t42k,
-.popover__component_1t42k[data-popper-placement='bottom-end'] .popover__arrow_1t42k {
+.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_1t42k[data-popper-placement='bottom'] .popover__arrow_1t42k:after, .popover__component_1t42k[data-popper-placement='bottom-start'] .popover__arrow_1t42k:after, .popover__component_1t42k[data-popper-placement='bottom-end'] .popover__arrow_1t42k: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_1t42k[data-popper-placement='bottom-start'].popover__arrowShift_1t42k .popover__arrow_1t42k:after {
+.popover__component_g7xyd[data-popper-placement='bottom-start'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     left: -17px;
 }
-.popover__component_1t42k[data-popper-placement='bottom-end'].popover__arrowShift_1t42k .popover__arrow_1t42k:after {
+.popover__component_g7xyd[data-popper-placement='bottom-end'].popover__arrowShift_g7xyd .popover__arrow_g7xyd:after {
     left: 5px;
 }
-.popover__enter_1t42k .popover__inner_1t42k {
+.popover__enter_g7xyd .popover__inner_g7xyd {
     opacity: 0;
     transform: scale(0.98);
 }
-.popover__enterActive_1t42k .popover__inner_1t42k {
+.popover__enterActive_g7xyd .popover__inner_g7xyd {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exit_1t42k .popover__inner_1t42k {
+.popover__exit_g7xyd .popover__inner_g7xyd {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exitActive_1t42k .popover__inner_1t42k {
+.popover__exitActive_g7xyd .popover__inner_g7xyd {
     opacity: 0;
     transform: scale(0.98);
 }

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_kdo07","s":"progress-bar__s_kdo07","m":"progress-bar__m_kdo07","filled":"progress-bar__filled_kdo07","positive":"progress-bar__positive_kdo07","negative":"progress-bar__negative_kdo07","attention":"progress-bar__attention_kdo07","link":"progress-bar__link_kdo07","tertiary":"progress-bar__tertiary_kdo07","secondary":"progress-bar__secondary_kdo07","primary":"progress-bar__primary_kdo07","accent":"progress-bar__accent_kdo07"};
+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_kdo07","s":"progress-bar__s_kdo07","m":"progress-bar__m_kdo07","filled":"progress-bar__filled_kdo07","positive":"progress-bar__positive_kdo07","negative":"progress-bar__negative_kdo07","attention":"progress-bar__attention_kdo07","link":"progress-bar__link_kdo07","tertiary":"progress-bar__tertiary_kdo07","secondary":"progress-bar__secondary_kdo07","primary":"progress-bar__primary_kdo07","accent":"progress-bar__accent_kdo07"};
+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_kdo07 {
+.progress-bar__container_p4w29 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_kdo07.progress-bar__s_kdo07 {
+.progress-bar__container_p4w29.progress-bar__s_p4w29 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_kdo07.progress-bar__m_kdo07 {
+.progress-bar__container_p4w29.progress-bar__m_p4w29 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_kdo07 {
+.progress-bar__filled_p4w29 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_kdo07.progress-bar__positive_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__positive_p4w29 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_kdo07.progress-bar__negative_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__negative_p4w29 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_kdo07.progress-bar__attention_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__attention_p4w29 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_kdo07.progress-bar__link_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__link_p4w29 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_kdo07.progress-bar__tertiary_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__tertiary_p4w29 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_kdo07.progress-bar__secondary_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__secondary_p4w29 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_kdo07.progress-bar__primary_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__primary_p4w29 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_kdo07.progress-bar__accent_kdo07 {
+.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_kdo07 {
+.progress-bar__container_p4w29 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_kdo07.progress-bar__s_kdo07 {
+.progress-bar__container_p4w29.progress-bar__s_p4w29 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_kdo07.progress-bar__m_kdo07 {
+.progress-bar__container_p4w29.progress-bar__m_p4w29 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_kdo07 {
+.progress-bar__filled_p4w29 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_kdo07.progress-bar__positive_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__positive_p4w29 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_kdo07.progress-bar__negative_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__negative_p4w29 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_kdo07.progress-bar__attention_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__attention_p4w29 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_kdo07.progress-bar__link_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__link_p4w29 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_kdo07.progress-bar__tertiary_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__tertiary_p4w29 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_kdo07.progress-bar__secondary_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__secondary_p4w29 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_kdo07.progress-bar__primary_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__primary_p4w29 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_kdo07.progress-bar__accent_kdo07 {
+.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_kdo07","s":"progress-bar__s_kdo07","m":"progress-bar__m_kdo07","filled":"progress-bar__filled_kdo07","positive":"progress-bar__positive_kdo07","negative":"progress-bar__negative_kdo07","attention":"progress-bar__attention_kdo07","link":"progress-bar__link_kdo07","tertiary":"progress-bar__tertiary_kdo07","secondary":"progress-bar__secondary_kdo07","primary":"progress-bar__primary_kdo07","accent":"progress-bar__accent_kdo07"};
+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_kdo07 {
+.progress-bar__container_p4w29 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_kdo07.progress-bar__s_kdo07 {
+.progress-bar__container_p4w29.progress-bar__s_p4w29 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_kdo07.progress-bar__m_kdo07 {
+.progress-bar__container_p4w29.progress-bar__m_p4w29 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_kdo07 {
+.progress-bar__filled_p4w29 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_kdo07.progress-bar__positive_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__positive_p4w29 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_kdo07.progress-bar__negative_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__negative_p4w29 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_kdo07.progress-bar__attention_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__attention_p4w29 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_kdo07.progress-bar__link_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__link_p4w29 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_kdo07.progress-bar__tertiary_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__tertiary_p4w29 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_kdo07.progress-bar__secondary_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__secondary_p4w29 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_kdo07.progress-bar__primary_kdo07 {
+.progress-bar__filled_p4w29.progress-bar__primary_p4w29 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_kdo07.progress-bar__accent_kdo07 {
+.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-315adc58.js → component-6ac07985.js}

@@ -1,16 +1,17 @@
-var components_footerButton_component = require('./component-2d01cedd.js');
+var tslib_es6 = require('./tslib.es6-aa363cf4.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-f4a07d51.js');
+var getDataTestId = require('./getDataTestId-9957e35f.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_104zj","horizontal":"pure-cell__horizontal_104zj"};
+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_1b62x","vertical":"pure-cell__vertical_1b62x","reverse":"pure-cell__reverse_1b62x"};
+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_591fe","rowLimit1":"pure-cell__rowLimit1_591fe","rowLimit2":"pure-cell__rowLimit2_591fe","component":"pure-cell__component_591fe","vertical":"pure-cell__vertical_591fe","title":"pure-cell__title_591fe"};
+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_1uai6","horizontal":"pure-cell__horizontal_1uai6","vertical":"pure-cell__vertical_1uai6","button":"pure-cell__button_1uai6","link":"pure-cell__link_1uai6","none":"pure-cell__none_1uai6","airy":"pure-cell__airy_1uai6","defaultPadding":"pure-cell__defaultPadding_1uai6","compact":"pure-cell__compact_1uai6","tiny":"pure-cell__tiny_1uai6","left":"pure-cell__left_1uai6","right":"pure-cell__right_1uai6","both":"pure-cell__both_1uai6","focused":"pure-cell__focused_1uai6"};
+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 },

package/pure-cell/component.js

@@ -1,21 +1,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-2d01cedd.js');
+require('./tslib.es6-aa363cf4.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('@alfalab/hooks');
 require('../comment');
-require('./getDataTestId-f4a07d51.js');
+require('./getDataTestId-9957e35f.js');
 require('./components/addon/component.js');
 require('../typography');
 require('../amount');
 require('./components/amount/component.js');
 require('./components/amount-title/component.js');
 require('./components/category/component.js');
-var components_content_component = require('./component-315adc58.js');
+var components_content_component = require('./component-6ac07985.js');
 require('./components/footer/component.js');
 require('../button');
+require('./components/footer-button/component.js');
 require('./components/footer-text/component.js');
 require('./components/graphics/component.js');
 

package/pure-cell/components/addon/component.d.ts

@@ -5,7 +5,7 @@ type Props = {
     /**
      * Вертикальное выравнивание
      */
-    verticalAlign?: 'center';
+    verticalAlign?: 'top' | 'center' | 'bottom';
     /**
      * Горизонтальные отступы
      */

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

@@ -2,22 +2,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-f4a07d51.js');
+var getDataTestId = require('../../getDataTestId-9957e35f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"pure-cell__component_1a5zr","none":"pure-cell__none_1a5zr","default":"pure-cell__default_1a5zr","addonPadding":"pure-cell__addonPadding_1a5zr","center":"pure-cell__center_1a5zr"};
+var styles = {"component":"pure-cell__component_1bg3s","none":"pure-cell__none_1bg3s","default":"pure-cell__default_1bg3s","addonPadding":"pure-cell__addonPadding_1bg3s","top":"pure-cell__top_1bg3s","center":"pure-cell__center_1bg3s","bottom":"pure-cell__bottom_1bg3s"};
 require('./index.css');
 
 var Addon = function (_a) {
-    var _b;
-    var children = _a.children, verticalAlign = _a.verticalAlign, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("section", { className: cn__default['default'](styles.component, styles[addonPadding], (_b = {},
-            _b[styles.center] = verticalAlign,
-            _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
+    var children = _a.children, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? 'top' : _b, _c = _a.addonPadding, addonPadding = _c === void 0 ? 'default' : _c, dataTestId = _a.dataTestId;
+    return (React__default['default'].createElement("section", { className: cn__default['default'](styles.component, styles[addonPadding], styles[verticalAlign]), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'addon') }, children));
 };
 
 exports.Addon = Addon;

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

@@ -1,4 +1,4 @@
-/* hash: 1kq5c */
+/* hash: kmgdr */
 :root {
 
     /* Hard */
@@ -10,22 +10,29 @@
 :root {
     --gap-m: 16px;
 }
-.pure-cell__component_1a5zr {
+.pure-cell__component_1bg3s {
     display: flex;
-    flex-direction: column
+    flex-direction: column;
+    align-items: flex-end
 }
-.pure-cell__component_1a5zr > * {
+.pure-cell__component_1bg3s > * {
         justify-content: flex-end;
     }
-.pure-cell__component_1a5zr.pure-cell__none_1a5zr {
+.pure-cell__component_1bg3s.pure-cell__none_1bg3s {
         padding-left: 0;
     }
-.pure-cell__component_1a5zr.pure-cell__default_1a5zr {
+.pure-cell__component_1bg3s.pure-cell__default_1bg3s {
         padding-left: var(--gap-m);
     }
-.pure-cell__component_1a5zr.pure-cell__addonPadding_1a5zr {
+.pure-cell__component_1bg3s.pure-cell__addonPadding_1bg3s {
         padding-left: var(--gap-m);
     }
-.pure-cell__component_1a5zr.pure-cell__center_1a5zr {
+.pure-cell__component_1bg3s.pure-cell__top_1bg3s {
+        align-self: flex-start;
+    }
+.pure-cell__component_1bg3s.pure-cell__center_1bg3s {
         align-self: center;
     }
+.pure-cell__component_1bg3s.pure-cell__bottom_1bg3s {
+        align-self: flex-end;
+    }