@alfalab/core-components 41.17.0-beta.12 → 41.17.0-beta.14

package/popover/index.css

@@ -20,23 +20,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_qtn2k {
+} .popover__component_15gnr {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_qtn2k {
+} .popover__inner_15gnr {
     position: relative;
     background-color: var(--color-light-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     will-change: transform;
-} .popover__scrollableContent_qtn2k {
+} .popover__scrollableContent_15gnr {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_qtn2k {
+} .popover__arrow_15gnr {
     z-index: 1;
-} .popover__arrow_qtn2k:after {
+} .popover__arrow_15gnr:after {
     content: '';
     display: block;
     position: absolute;
@@ -46,67 +46,67 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_qtn2k[data-popper-placement='left'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='left-start'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='left-end'] .popover__arrow_qtn2k {
+} .popover__component_15gnr[data-popper-placement='left'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='left-start'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='left-end'] .popover__arrow_15gnr {
     right: 5px
-} .popover__component_qtn2k[data-popper-placement='left'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='left-start'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='left-end'] .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='left'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='left-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='left-end'] .popover__arrow_15gnr:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_qtn2k[data-popper-placement='left-start'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+    } .popover__component_15gnr[data-popper-placement='left-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     top: -7px;
-} .popover__component_qtn2k[data-popper-placement='left-end'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='left-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     top: -5px;
-} .popover__component_qtn2k[data-popper-placement='right'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='right-start'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='right-end'] .popover__arrow_qtn2k {
+} .popover__component_15gnr[data-popper-placement='right'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='right-start'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='right-end'] .popover__arrow_15gnr {
     left: -7px
-} .popover__component_qtn2k[data-popper-placement='right'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='right-start'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='right-end'] .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='right'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='right-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='right-end'] .popover__arrow_15gnr:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_qtn2k[data-popper-placement='right-start'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+    } .popover__component_15gnr[data-popper-placement='right-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     top: -7px;
-} .popover__component_qtn2k[data-popper-placement='right-end'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='right-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     top: -5px;
-} .popover__component_qtn2k[data-popper-placement='top'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='top-start'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='top-end'] .popover__arrow_qtn2k {
+} .popover__component_15gnr[data-popper-placement='top'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='top-start'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='top-end'] .popover__arrow_15gnr {
     bottom: 5px
-} .popover__component_qtn2k[data-popper-placement='top'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='top-start'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='top-end'] .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='top'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='top-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='top-end'] .popover__arrow_15gnr:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_qtn2k[data-popper-placement='top-start'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+    } .popover__component_15gnr[data-popper-placement='top-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     left: -17px;
-} .popover__component_qtn2k[data-popper-placement='top-end'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='top-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     left: 5px;
-} .popover__component_qtn2k[data-popper-placement='bottom'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='bottom-start'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='bottom-end'] .popover__arrow_qtn2k {
+} .popover__component_15gnr[data-popper-placement='bottom'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='bottom-start'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='bottom-end'] .popover__arrow_15gnr {
     top: -7px
-} .popover__component_qtn2k[data-popper-placement='bottom'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='bottom-start'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='bottom-end'] .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='bottom'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='bottom-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='bottom-end'] .popover__arrow_15gnr:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__component_qtn2k[data-popper-placement='bottom-start'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+    } .popover__component_15gnr[data-popper-placement='bottom-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     left: -17px;
-} .popover__component_qtn2k[data-popper-placement='bottom-end'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='bottom-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     left: 5px;
-} .popover__enter_qtn2k .popover__inner_qtn2k {
+} .popover__enter_15gnr .popover__inner_15gnr {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_qtn2k .popover__inner_qtn2k {
+} .popover__enterActive_15gnr .popover__inner_15gnr {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_qtn2k .popover__inner_qtn2k {
+} .popover__exit_15gnr .popover__inner_15gnr {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_qtn2k .popover__inner_qtn2k {
+} .popover__exitActive_15gnr .popover__inner_15gnr {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/popover/modern/Component.js

@@ -8,7 +8,7 @@ import maxSize from 'popper-max-size-modifier';
 import { Portal } from '../../portal/modern';
 import { Stack, stackingOrder } from '../../stack/modern';
 
-const styles = {"component":"popover__component_qtn2k","inner":"popover__inner_qtn2k","scrollableContent":"popover__scrollableContent_qtn2k","arrow":"popover__arrow_qtn2k","arrowShift":"popover__arrowShift_qtn2k","enter":"popover__enter_qtn2k","enterActive":"popover__enterActive_qtn2k","exit":"popover__exit_qtn2k","exitActive":"popover__exitActive_qtn2k"};
+const styles = {"component":"popover__component_15gnr","inner":"popover__inner_15gnr","scrollableContent":"popover__scrollableContent_15gnr","arrow":"popover__arrow_15gnr","arrowShift":"popover__arrowShift_15gnr","enter":"popover__enter_15gnr","enterActive":"popover__enterActive_15gnr","exit":"popover__exit_15gnr","exitActive":"popover__exitActive_15gnr"};
 require('./index.css');
 
 const DEFAULT_TRANSITION = {

package/popover/modern/index.css

@@ -20,23 +20,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_qtn2k {
+} .popover__component_15gnr {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_qtn2k {
+} .popover__inner_15gnr {
     position: relative;
     background-color: var(--color-light-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     will-change: transform;
-} .popover__scrollableContent_qtn2k {
+} .popover__scrollableContent_15gnr {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_qtn2k {
+} .popover__arrow_15gnr {
     z-index: 1;
-} .popover__arrow_qtn2k:after {
+} .popover__arrow_15gnr:after {
     content: '';
     display: block;
     position: absolute;
@@ -46,67 +46,67 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_qtn2k[data-popper-placement='left'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='left-start'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='left-end'] .popover__arrow_qtn2k {
+} .popover__component_15gnr[data-popper-placement='left'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='left-start'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='left-end'] .popover__arrow_15gnr {
     right: 5px
-} .popover__component_qtn2k[data-popper-placement='left'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='left-start'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='left-end'] .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='left'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='left-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='left-end'] .popover__arrow_15gnr:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_qtn2k[data-popper-placement='left-start'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+    } .popover__component_15gnr[data-popper-placement='left-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     top: -7px;
-} .popover__component_qtn2k[data-popper-placement='left-end'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='left-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     top: -5px;
-} .popover__component_qtn2k[data-popper-placement='right'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='right-start'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='right-end'] .popover__arrow_qtn2k {
+} .popover__component_15gnr[data-popper-placement='right'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='right-start'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='right-end'] .popover__arrow_15gnr {
     left: -7px
-} .popover__component_qtn2k[data-popper-placement='right'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='right-start'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='right-end'] .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='right'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='right-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='right-end'] .popover__arrow_15gnr:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_qtn2k[data-popper-placement='right-start'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+    } .popover__component_15gnr[data-popper-placement='right-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     top: -7px;
-} .popover__component_qtn2k[data-popper-placement='right-end'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='right-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     top: -5px;
-} .popover__component_qtn2k[data-popper-placement='top'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='top-start'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='top-end'] .popover__arrow_qtn2k {
+} .popover__component_15gnr[data-popper-placement='top'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='top-start'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='top-end'] .popover__arrow_15gnr {
     bottom: 5px
-} .popover__component_qtn2k[data-popper-placement='top'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='top-start'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='top-end'] .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='top'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='top-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='top-end'] .popover__arrow_15gnr:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_qtn2k[data-popper-placement='top-start'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+    } .popover__component_15gnr[data-popper-placement='top-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     left: -17px;
-} .popover__component_qtn2k[data-popper-placement='top-end'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='top-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     left: 5px;
-} .popover__component_qtn2k[data-popper-placement='bottom'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='bottom-start'] .popover__arrow_qtn2k,
-.popover__component_qtn2k[data-popper-placement='bottom-end'] .popover__arrow_qtn2k {
+} .popover__component_15gnr[data-popper-placement='bottom'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='bottom-start'] .popover__arrow_15gnr,
+.popover__component_15gnr[data-popper-placement='bottom-end'] .popover__arrow_15gnr {
     top: -7px
-} .popover__component_qtn2k[data-popper-placement='bottom'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='bottom-start'] .popover__arrow_qtn2k:after, .popover__component_qtn2k[data-popper-placement='bottom-end'] .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='bottom'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='bottom-start'] .popover__arrow_15gnr:after, .popover__component_15gnr[data-popper-placement='bottom-end'] .popover__arrow_15gnr:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__component_qtn2k[data-popper-placement='bottom-start'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+    } .popover__component_15gnr[data-popper-placement='bottom-start'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     left: -17px;
-} .popover__component_qtn2k[data-popper-placement='bottom-end'].popover__arrowShift_qtn2k .popover__arrow_qtn2k:after {
+} .popover__component_15gnr[data-popper-placement='bottom-end'].popover__arrowShift_15gnr .popover__arrow_15gnr:after {
     left: 5px;
-} .popover__enter_qtn2k .popover__inner_qtn2k {
+} .popover__enter_15gnr .popover__inner_15gnr {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_qtn2k .popover__inner_qtn2k {
+} .popover__enterActive_15gnr .popover__inner_15gnr {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_qtn2k .popover__inner_qtn2k {
+} .popover__exit_15gnr .popover__inner_15gnr {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_qtn2k .popover__inner_qtn2k {
+} .popover__exitActive_15gnr .popover__inner_15gnr {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/progress-bar/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"progress-bar__container_12bgp","s":"progress-bar__s_12bgp","m":"progress-bar__m_12bgp","filled":"progress-bar__filled_12bgp","positive":"progress-bar__positive_12bgp","negative":"progress-bar__negative_12bgp","attention":"progress-bar__attention_12bgp","link":"progress-bar__link_12bgp","tertiary":"progress-bar__tertiary_12bgp","secondary":"progress-bar__secondary_12bgp","primary":"progress-bar__primary_12bgp","accent":"progress-bar__accent_12bgp"};
+var styles = {"container":"progress-bar__container_rl6b2","s":"progress-bar__s_rl6b2","m":"progress-bar__m_rl6b2","filled":"progress-bar__filled_rl6b2","positive":"progress-bar__positive_rl6b2","negative":"progress-bar__negative_rl6b2","attention":"progress-bar__attention_rl6b2","link":"progress-bar__link_rl6b2","tertiary":"progress-bar__tertiary_rl6b2","secondary":"progress-bar__secondary_rl6b2","primary":"progress-bar__primary_rl6b2","accent":"progress-bar__accent_rl6b2"};
 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_12bgp","s":"progress-bar__s_12bgp","m":"progress-bar__m_12bgp","filled":"progress-bar__filled_12bgp","positive":"progress-bar__positive_12bgp","negative":"progress-bar__negative_12bgp","attention":"progress-bar__attention_12bgp","link":"progress-bar__link_12bgp","tertiary":"progress-bar__tertiary_12bgp","secondary":"progress-bar__secondary_12bgp","primary":"progress-bar__primary_12bgp","accent":"progress-bar__accent_12bgp"};
+var styles = {"container":"progress-bar__container_rl6b2","s":"progress-bar__s_rl6b2","m":"progress-bar__m_rl6b2","filled":"progress-bar__filled_rl6b2","positive":"progress-bar__positive_rl6b2","negative":"progress-bar__negative_rl6b2","attention":"progress-bar__attention_rl6b2","link":"progress-bar__link_rl6b2","tertiary":"progress-bar__tertiary_rl6b2","secondary":"progress-bar__secondary_rl6b2","primary":"progress-bar__primary_rl6b2","accent":"progress-bar__accent_rl6b2"};
 require('./index.css');
 
 var ProgressBar = React.forwardRef(function (_a, ref) {

package/progress-bar/esm/index.css

@@ -560,46 +560,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_12bgp {
+.progress-bar__container_rl6b2 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_12bgp.progress-bar__s_12bgp {
+.progress-bar__container_rl6b2.progress-bar__s_rl6b2 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_12bgp.progress-bar__m_12bgp {
+.progress-bar__container_rl6b2.progress-bar__m_rl6b2 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_12bgp {
+.progress-bar__filled_rl6b2 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_12bgp.progress-bar__positive_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__positive_rl6b2 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_12bgp.progress-bar__negative_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__negative_rl6b2 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_12bgp.progress-bar__attention_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__attention_rl6b2 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_12bgp.progress-bar__link_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__link_rl6b2 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_12bgp.progress-bar__tertiary_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__tertiary_rl6b2 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_12bgp.progress-bar__secondary_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__secondary_rl6b2 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_12bgp.progress-bar__primary_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__primary_rl6b2 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_12bgp.progress-bar__accent_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__accent_rl6b2 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/index.css

@@ -560,46 +560,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_12bgp {
+.progress-bar__container_rl6b2 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_12bgp.progress-bar__s_12bgp {
+.progress-bar__container_rl6b2.progress-bar__s_rl6b2 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_12bgp.progress-bar__m_12bgp {
+.progress-bar__container_rl6b2.progress-bar__m_rl6b2 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_12bgp {
+.progress-bar__filled_rl6b2 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_12bgp.progress-bar__positive_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__positive_rl6b2 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_12bgp.progress-bar__negative_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__negative_rl6b2 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_12bgp.progress-bar__attention_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__attention_rl6b2 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_12bgp.progress-bar__link_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__link_rl6b2 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_12bgp.progress-bar__tertiary_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__tertiary_rl6b2 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_12bgp.progress-bar__secondary_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__secondary_rl6b2 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_12bgp.progress-bar__primary_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__primary_rl6b2 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_12bgp.progress-bar__accent_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__accent_rl6b2 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"container":"progress-bar__container_12bgp","s":"progress-bar__s_12bgp","m":"progress-bar__m_12bgp","filled":"progress-bar__filled_12bgp","positive":"progress-bar__positive_12bgp","negative":"progress-bar__negative_12bgp","attention":"progress-bar__attention_12bgp","link":"progress-bar__link_12bgp","tertiary":"progress-bar__tertiary_12bgp","secondary":"progress-bar__secondary_12bgp","primary":"progress-bar__primary_12bgp","accent":"progress-bar__accent_12bgp"};
+const styles = {"container":"progress-bar__container_rl6b2","s":"progress-bar__s_rl6b2","m":"progress-bar__m_rl6b2","filled":"progress-bar__filled_rl6b2","positive":"progress-bar__positive_rl6b2","negative":"progress-bar__negative_rl6b2","attention":"progress-bar__attention_rl6b2","link":"progress-bar__link_rl6b2","tertiary":"progress-bar__tertiary_rl6b2","secondary":"progress-bar__secondary_rl6b2","primary":"progress-bar__primary_rl6b2","accent":"progress-bar__accent_rl6b2"};
 require('./index.css');
 
 const ProgressBar = React.forwardRef(({ className, value, view = 'positive', size = 'm', dataTestId }, ref) => {

package/progress-bar/modern/index.css

@@ -560,46 +560,46 @@
     /* accent */
     --progressbar-accent-color: var(--color-light-graphic-accent);
 }
-.progress-bar__container_12bgp {
+.progress-bar__container_rl6b2 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_12bgp.progress-bar__s_12bgp {
+.progress-bar__container_rl6b2.progress-bar__s_rl6b2 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_12bgp.progress-bar__m_12bgp {
+.progress-bar__container_rl6b2.progress-bar__m_rl6b2 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_12bgp {
+.progress-bar__filled_rl6b2 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_12bgp.progress-bar__positive_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__positive_rl6b2 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_12bgp.progress-bar__negative_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__negative_rl6b2 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_12bgp.progress-bar__attention_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__attention_rl6b2 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_12bgp.progress-bar__link_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__link_rl6b2 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_12bgp.progress-bar__tertiary_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__tertiary_rl6b2 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_12bgp.progress-bar__secondary_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__secondary_rl6b2 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_12bgp.progress-bar__primary_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__primary_rl6b2 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_12bgp.progress-bar__accent_12bgp {
+.progress-bar__filled_rl6b2.progress-bar__accent_rl6b2 {
         background: var(--progressbar-accent-color);
     }

package/pure-cell/{component-5de49bce.d.ts → component-90b0f6c7.d.ts}

@@ -12,6 +12,10 @@ type Props = {
      * Позволяет изменить расположение блоков внутри main
      */
     isReverse?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/pure-cell/{component-5de49bce.js → component-90b0f6c7.js}

@@ -8,7 +8,7 @@ var components_addon_component = require('./components/addon/component.js');
 var components_amount_component = require('./components/amount/component.js');
 var components_amountTitle_component = require('./components/amount-title/component.js');
 var components_category_component = require('./components/category/component.js');
-var getDataTestId = require('./getDataTestId-c3baf24c.js');
+var getDataTestId = require('./getDataTestId-077d7a98.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');
@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles$3 = {"component":"pure-cell__component_16fv6","horizontal":"pure-cell__horizontal_16fv6"};
+var styles$3 = {"component":"pure-cell__component_1erp0","horizontal":"pure-cell__horizontal_1erp0"};
 require('./components/content/index.css');
 
 var Content = function (_a) {
@@ -31,19 +31,19 @@ var Content = function (_a) {
     return (React__default.default.createElement("section", { className: cn__default.default(styles$3.component, (_b = {}, _b[styles$3.horizontal] = direction === 'horizontal', _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'content') }, children));
 };
 
-var styles$2 = {"component":"pure-cell__component_1iy7t","vertical":"pure-cell__vertical_1iy7t","reverse":"pure-cell__reverse_1iy7t"};
+var styles$2 = {"component":"pure-cell__component_umeb0","vertical":"pure-cell__vertical_umeb0","reverse":"pure-cell__reverse_umeb0"};
 require('./components/main/index.css');
 
 var Main = function (_a) {
     var _b;
-    var children = _a.children, isReverse = _a.isReverse, dataTestId = _a.dataTestId;
+    var children = _a.children, isReverse = _a.isReverse, className = _a.className, dataTestId = _a.dataTestId;
     var _c = React.useContext(PureCellContext).direction, direction = _c === void 0 ? 'horizontal' : _c;
     return (React__default.default.createElement("div", { className: cn__default.default(styles$2.component, styles$2[direction], (_b = {},
             _b[styles$2.reverse] = isReverse,
-            _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'main') }, children));
+            _b), className), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'main') }, children));
 };
 
-var styles$1 = {"horizontal":"pure-cell__horizontal_1ez4i","rowLimit1":"pure-cell__rowLimit1_1ez4i","rowLimit2":"pure-cell__rowLimit2_1ez4i","component":"pure-cell__component_1ez4i","vertical":"pure-cell__vertical_1ez4i","title":"pure-cell__title_1ez4i","value":"pure-cell__value_1ez4i"};
+var styles$1 = {"horizontal":"pure-cell__horizontal_fkntw","rowLimit1":"pure-cell__rowLimit1_fkntw","rowLimit2":"pure-cell__rowLimit2_fkntw","component":"pure-cell__component_fkntw","vertical":"pure-cell__vertical_fkntw","title":"pure-cell__title_fkntw","value":"pure-cell__value_fkntw"};
 require('./components/text/index.css');
 
 var Text = function (_a) {
@@ -60,7 +60,7 @@ var Text = function (_a) {
             React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: view, tag: 'div', color: valueColor, className: className, "data-test-id": getDataTestId.getDataTestId(dataTestId, 'text_value') }, value)))));
 };
 
-var styles = {"component":"pure-cell__component_1pisf","horizontal":"pure-cell__horizontal_1pisf","vertical":"pure-cell__vertical_1pisf","button":"pure-cell__button_1pisf","link":"pure-cell__link_1pisf","none":"pure-cell__none_1pisf","airy":"pure-cell__airy_1pisf","defaultPadding":"pure-cell__defaultPadding_1pisf","compact":"pure-cell__compact_1pisf","tiny":"pure-cell__tiny_1pisf","left":"pure-cell__left_1pisf","right":"pure-cell__right_1pisf","both":"pure-cell__both_1pisf","focused":"pure-cell__focused_1pisf"};
+var styles = {"component":"pure-cell__component_1gk1s","horizontal":"pure-cell__horizontal_1gk1s","vertical":"pure-cell__vertical_1gk1s","button":"pure-cell__button_1gk1s","link":"pure-cell__link_1gk1s","none":"pure-cell__none_1gk1s","airy":"pure-cell__airy_1gk1s","defaultPadding":"pure-cell__defaultPadding_1gk1s","compact":"pure-cell__compact_1gk1s","tiny":"pure-cell__tiny_1gk1s","left":"pure-cell__left_1gk1s","right":"pure-cell__right_1gk1s","both":"pure-cell__both_1gk1s","focused":"pure-cell__focused_1gk1s"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/pure-cell/component-c49f24a8.d.ts

@@ -55,6 +55,7 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
     Main: React.FC<{
         children: import("./components/types").MainElement;
         isReverse?: boolean | undefined;
+        className?: string | undefined;
         dataTestId?: string | undefined;
     }>;
     Graphics: React.FC<import("./components/graphics/index").Props>;
@@ -65,31 +66,31 @@ declare const PureCell: React.ForwardRefExoticComponent<PureProps & React.RefAtt
     Text: React.FC<{
         children?: React.ReactNode;
         rowLimit?: 1 | 2 | undefined;
-        view: "component" | "primary-large" | "primary-medium" | "primary-small";
-        titleWeight?: "bold" | "regular" | undefined;
-        titleColor: "link" | "accent" | "primary" | "secondary" | "tertiary" | "disabled" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent";
+        view: "primary-large" | "primary-medium" | "primary-small" | "component";
+        titleWeight?: "regular" | "bold" | undefined;
+        titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent";
         value?: React.ReactNode;
-        valueColor?: "link" | "accent" | "primary" | "secondary" | "tertiary" | "disabled" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
+        valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
         dataTestId?: string | undefined;
     }>;
     Amount: React.FC<{
         weight?: "bold" | "normal" | undefined;
-        textView?: "component" | "primary-small" | undefined;
-        color?: "link" | "accent" | "primary" | "secondary" | "tertiary" | "disabled" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
+        textView?: "primary-small" | "component" | undefined;
+        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
         dataTestId?: string | undefined;
     } & import("./components/typesProps").AmountProps>;
     AmountTitle: React.FC<{
-        color?: "link" | "accent" | "primary" | "secondary" | "tertiary" | "disabled" | "attention" | "positive" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
+        color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | undefined;
     } & import("./components/typesProps").AmountProps>;
     Addon: React.FC<{
         verticalAlign?: "auto" | "top" | "center" | "bottom" | undefined;
-        addonPadding?: "default" | "none" | undefined;
+        addonPadding?: "none" | "default" | undefined;
         children: import("./components/types").AddonElement;
         dataTestId?: string | undefined;
     }>;
     Footer: React.FC<{
         children: import("./components/types").FooterElement;
-        footerPadding?: "default" | "none" | undefined;
+        footerPadding?: "none" | "default" | undefined;
         dataTestId?: string | undefined;
     }>;
     ExtraSubtitle: React.FC<import("./components/footer-text/index").Props>;