@alfalab/core-components 37.4.0-beta.1 → 37.4.1

package/popover/index.css

@@ -15,27 +15,29 @@
 :root {
     --popover-border-color: transparent;
 }
-.popover__component_obrv4 {
+.popover__component_1gsjk {
     background-color: transparent;
     color: var(--color-light-text-primary);
 }
-.popover__inner_obrv4 {
+.popover__inner_1gsjk {
     position: relative;
     background-color: var(--color-light-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
+    transition-property: opacity, transform;
+    transition-timing-function: ease-in-out;
     box-sizing: border-box;
     will-change: transform;
 }
-.popover__scrollableContent_obrv4 {
+.popover__scrollableContent_1gsjk {
     position: relative;
     z-index: 2;
     overflow-y: auto;
 }
-.popover__arrow_obrv4 {
+.popover__arrow_1gsjk {
     z-index: 1;
 }
-.popover__arrow_obrv4:after {
+.popover__arrow_1gsjk:after {
     content: '';
     display: block;
     position: absolute;
@@ -46,89 +48,83 @@
     box-sizing: border-box;
     transform: rotate(45deg);
 }
-.popover__component_obrv4[data-popper-placement='left'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='left-start'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='left-end'] .popover__arrow_obrv4 {
+.popover__component_1gsjk[data-popper-placement='left'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='left-start'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='left-end'] .popover__arrow_1gsjk {
     right: 5px
 }
-.popover__component_obrv4[data-popper-placement='left'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='left-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='left-end'] .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='left'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='left-start'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='left-end'] .popover__arrow_1gsjk:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
     }
-.popover__component_obrv4[data-popper-placement='left-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='left-start'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     top: -7px;
 }
-.popover__component_obrv4[data-popper-placement='left-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='left-end'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     top: -5px;
 }
-.popover__component_obrv4[data-popper-placement='right'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='right-start'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='right-end'] .popover__arrow_obrv4 {
+.popover__component_1gsjk[data-popper-placement='right'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='right-start'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='right-end'] .popover__arrow_1gsjk {
     left: -7px
 }
-.popover__component_obrv4[data-popper-placement='right'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='right-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='right-end'] .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='right'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='right-start'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='right-end'] .popover__arrow_1gsjk:after {
         top: -6px;
         border-top: none;
         border-right: none;
     }
-.popover__component_obrv4[data-popper-placement='right-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='right-start'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     top: -7px;
 }
-.popover__component_obrv4[data-popper-placement='right-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='right-end'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     top: -5px;
 }
-.popover__component_obrv4[data-popper-placement='top'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='top-start'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='top-end'] .popover__arrow_obrv4 {
+.popover__component_1gsjk[data-popper-placement='top'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='top-start'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='top-end'] .popover__arrow_1gsjk {
     bottom: 5px
 }
-.popover__component_obrv4[data-popper-placement='top'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='top-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='top-end'] .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='top'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='top-start'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='top-end'] .popover__arrow_1gsjk:after {
         left: -6px;
         border-top: none;
         border-left: none;
     }
-.popover__component_obrv4[data-popper-placement='top-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='top-start'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     left: -17px;
 }
-.popover__component_obrv4[data-popper-placement='top-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='top-end'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     left: 5px;
 }
-.popover__component_obrv4[data-popper-placement='bottom'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='bottom-start'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='bottom-end'] .popover__arrow_obrv4 {
+.popover__component_1gsjk[data-popper-placement='bottom'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='bottom-start'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='bottom-end'] .popover__arrow_1gsjk {
     top: -7px
 }
-.popover__component_obrv4[data-popper-placement='bottom'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='bottom-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='bottom-end'] .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='bottom'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='bottom-start'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='bottom-end'] .popover__arrow_1gsjk:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
     }
-.popover__component_obrv4[data-popper-placement='bottom-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='bottom-start'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     left: -17px;
 }
-.popover__component_obrv4[data-popper-placement='bottom-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='bottom-end'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     left: 5px;
 }
-.popover__enter_obrv4 .popover__inner_obrv4 {
+.popover__enter_1gsjk .popover__inner_1gsjk {
     opacity: 0;
     transform: scale(0.98);
 }
-.popover__enterActive_obrv4 .popover__inner_obrv4 {
+.popover__enterActive_1gsjk .popover__inner_1gsjk {
     opacity: 1;
     transform: scale(1);
-    transition-property: opacity, transform;
-    transition-timing-function: ease-in-out;
-    transition-duration: 150ms;
 }
-.popover__exit_obrv4 .popover__inner_obrv4 {
+.popover__exit_1gsjk .popover__inner_1gsjk {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exitActive_obrv4 .popover__inner_obrv4 {
+.popover__exitActive_1gsjk .popover__inner_1gsjk {
     opacity: 0;
     transform: scale(0.98);
-    transition-property: opacity, transform;
-    transition-timing-function: ease-in-out;
-    transition-duration: 150ms;
 }

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_obrv4","inner":"popover__inner_obrv4","scrollableContent":"popover__scrollableContent_obrv4","arrow":"popover__arrow_obrv4","arrowShift":"popover__arrowShift_obrv4","enter":"popover__enter_obrv4","enterActive":"popover__enterActive_obrv4","exit":"popover__exit_obrv4","exitActive":"popover__exitActive_obrv4"};
+const styles = {"component":"popover__component_1gsjk","inner":"popover__inner_1gsjk","scrollableContent":"popover__scrollableContent_1gsjk","arrow":"popover__arrow_1gsjk","arrowShift":"popover__arrowShift_1gsjk","enter":"popover__enter_1gsjk","enterActive":"popover__enterActive_1gsjk","exit":"popover__exit_1gsjk","exitActive":"popover__exitActive_1gsjk"};
 require('./index.css');
 
 const DEFAULT_TRANSITION = {
@@ -44,8 +44,6 @@ const Popover = forwardRef(({ children, getPortalContainer, transition = DEFAULT
     const [arrowElement, setArrowElement] = useState(null);
     const [arrowShift, setArrowShift] = useState(false);
     const updatePopperRef = useRef();
-    const popperRef = useRef(null);
-    const innerRef = useRef(null);
     const popperModifiers = useMemo(() => {
         const modifiers = [{ name: 'offset', options: { offset } }];
         if (withArrow) {
@@ -123,7 +121,7 @@ const Popover = forwardRef(({ children, getPortalContainer, transition = DEFAULT
             }
         }
     }, [referenceElement, position]);
-    const renderContent = (computedZIndex) => (React.createElement("div", { ref: mergeRefs([ref, popperRef, setPopperElement]), style: {
+    const renderContent = (computedZIndex, style) => (React.createElement("div", { ref: mergeRefs([ref, setPopperElement]), style: {
             zIndex: computedZIndex,
             width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,
             ...popperStyles.popper,
@@ -131,17 +129,10 @@ const Popover = forwardRef(({ children, getPortalContainer, transition = DEFAULT
         }, "data-test-id": dataTestId, className: cn(styles.component, className, {
             [styles.arrowShift]: arrowShift,
         }), ...attributes.popper },
-        React.createElement("div", { className: cn(styles.inner, popperClassName), ref: innerRef },
+        React.createElement("div", { className: cn(styles.inner, popperClassName), style: style },
             React.createElement("div", { className: cn({ [styles.scrollableContent]: availableHeight }) }, children),
             withArrow && (React.createElement("div", { ref: setArrowElement, style: popperStyles.arrow, className: cn(styles.arrow, arrowClassName) })))));
-    return (React.createElement(Stack, { value: zIndex }, (computedZIndex) => (React.createElement(Portal, { getPortalContainer: getPortalContainer }, withTransition ? (React.createElement(CSSTransition, { unmountOnExit: true, classNames: CSS_TRANSITION_CLASS_NAMES, nodeRef: popperRef, ...transition, in: open, onEntering: (node, isAppearing) => {
-            // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.
-            if (innerRef.current &&
-                transitionDuration !== `${DEFAULT_TRANSITION.timeout}ms`) {
-                innerRef.current.style.setProperty('transition-duration', transitionDuration);
-            }
-            transition?.onEntering?.(node, isAppearing);
-        } }, renderContent(computedZIndex))) : (open && renderContent(computedZIndex))))));
+    return (React.createElement(Stack, { value: zIndex }, (computedZIndex) => (React.createElement(Portal, { getPortalContainer: getPortalContainer }, withTransition ? (React.createElement(CSSTransition, { unmountOnExit: true, classNames: CSS_TRANSITION_CLASS_NAMES, ...transition, in: open }, renderContent(computedZIndex, { transitionDuration }))) : (open && renderContent(computedZIndex))))));
 });
 
 export { Popover };

package/popover/modern/index.css

@@ -15,27 +15,29 @@
 :root {
     --popover-border-color: transparent;
 }
-.popover__component_obrv4 {
+.popover__component_1gsjk {
     background-color: transparent;
     color: var(--color-light-text-primary);
 }
-.popover__inner_obrv4 {
+.popover__inner_1gsjk {
     position: relative;
     background-color: var(--color-light-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
+    transition-property: opacity, transform;
+    transition-timing-function: ease-in-out;
     box-sizing: border-box;
     will-change: transform;
 }
-.popover__scrollableContent_obrv4 {
+.popover__scrollableContent_1gsjk {
     position: relative;
     z-index: 2;
     overflow-y: auto;
 }
-.popover__arrow_obrv4 {
+.popover__arrow_1gsjk {
     z-index: 1;
 }
-.popover__arrow_obrv4:after {
+.popover__arrow_1gsjk:after {
     content: '';
     display: block;
     position: absolute;
@@ -46,89 +48,83 @@
     box-sizing: border-box;
     transform: rotate(45deg);
 }
-.popover__component_obrv4[data-popper-placement='left'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='left-start'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='left-end'] .popover__arrow_obrv4 {
+.popover__component_1gsjk[data-popper-placement='left'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='left-start'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='left-end'] .popover__arrow_1gsjk {
     right: 5px
 }
-.popover__component_obrv4[data-popper-placement='left'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='left-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='left-end'] .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='left'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='left-start'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='left-end'] .popover__arrow_1gsjk:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
     }
-.popover__component_obrv4[data-popper-placement='left-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='left-start'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     top: -7px;
 }
-.popover__component_obrv4[data-popper-placement='left-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='left-end'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     top: -5px;
 }
-.popover__component_obrv4[data-popper-placement='right'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='right-start'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='right-end'] .popover__arrow_obrv4 {
+.popover__component_1gsjk[data-popper-placement='right'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='right-start'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='right-end'] .popover__arrow_1gsjk {
     left: -7px
 }
-.popover__component_obrv4[data-popper-placement='right'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='right-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='right-end'] .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='right'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='right-start'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='right-end'] .popover__arrow_1gsjk:after {
         top: -6px;
         border-top: none;
         border-right: none;
     }
-.popover__component_obrv4[data-popper-placement='right-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='right-start'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     top: -7px;
 }
-.popover__component_obrv4[data-popper-placement='right-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='right-end'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     top: -5px;
 }
-.popover__component_obrv4[data-popper-placement='top'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='top-start'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='top-end'] .popover__arrow_obrv4 {
+.popover__component_1gsjk[data-popper-placement='top'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='top-start'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='top-end'] .popover__arrow_1gsjk {
     bottom: 5px
 }
-.popover__component_obrv4[data-popper-placement='top'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='top-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='top-end'] .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='top'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='top-start'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='top-end'] .popover__arrow_1gsjk:after {
         left: -6px;
         border-top: none;
         border-left: none;
     }
-.popover__component_obrv4[data-popper-placement='top-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='top-start'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     left: -17px;
 }
-.popover__component_obrv4[data-popper-placement='top-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='top-end'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     left: 5px;
 }
-.popover__component_obrv4[data-popper-placement='bottom'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='bottom-start'] .popover__arrow_obrv4,
-.popover__component_obrv4[data-popper-placement='bottom-end'] .popover__arrow_obrv4 {
+.popover__component_1gsjk[data-popper-placement='bottom'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='bottom-start'] .popover__arrow_1gsjk,
+.popover__component_1gsjk[data-popper-placement='bottom-end'] .popover__arrow_1gsjk {
     top: -7px
 }
-.popover__component_obrv4[data-popper-placement='bottom'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='bottom-start'] .popover__arrow_obrv4:after, .popover__component_obrv4[data-popper-placement='bottom-end'] .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='bottom'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='bottom-start'] .popover__arrow_1gsjk:after, .popover__component_1gsjk[data-popper-placement='bottom-end'] .popover__arrow_1gsjk:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
     }
-.popover__component_obrv4[data-popper-placement='bottom-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='bottom-start'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     left: -17px;
 }
-.popover__component_obrv4[data-popper-placement='bottom-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
+.popover__component_1gsjk[data-popper-placement='bottom-end'].popover__arrowShift_1gsjk .popover__arrow_1gsjk:after {
     left: 5px;
 }
-.popover__enter_obrv4 .popover__inner_obrv4 {
+.popover__enter_1gsjk .popover__inner_1gsjk {
     opacity: 0;
     transform: scale(0.98);
 }
-.popover__enterActive_obrv4 .popover__inner_obrv4 {
+.popover__enterActive_1gsjk .popover__inner_1gsjk {
     opacity: 1;
     transform: scale(1);
-    transition-property: opacity, transform;
-    transition-timing-function: ease-in-out;
-    transition-duration: 150ms;
 }
-.popover__exit_obrv4 .popover__inner_obrv4 {
+.popover__exit_1gsjk .popover__inner_1gsjk {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exitActive_obrv4 .popover__inner_obrv4 {
+.popover__exitActive_1gsjk .popover__inner_1gsjk {
     opacity: 0;
     transform: scale(0.98);
-    transition-property: opacity, transform;
-    transition-timing-function: ease-in-out;
-    transition-duration: 150ms;
 }

package/progress-bar/Component.js

@@ -6,7 +6,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_oa0g8","s":"progress-bar__s_oa0g8","m":"progress-bar__m_oa0g8","filled":"progress-bar__filled_oa0g8","positive":"progress-bar__positive_oa0g8","negative":"progress-bar__negative_oa0g8","attention":"progress-bar__attention_oa0g8","link":"progress-bar__link_oa0g8","tertiary":"progress-bar__tertiary_oa0g8","secondary":"progress-bar__secondary_oa0g8","primary":"progress-bar__primary_oa0g8","accent":"progress-bar__accent_oa0g8"};
+var styles = {"container":"progress-bar__container_1dxbq","s":"progress-bar__s_1dxbq","m":"progress-bar__m_1dxbq","filled":"progress-bar__filled_1dxbq","positive":"progress-bar__positive_1dxbq","negative":"progress-bar__negative_1dxbq","attention":"progress-bar__attention_1dxbq","link":"progress-bar__link_1dxbq","tertiary":"progress-bar__tertiary_1dxbq","secondary":"progress-bar__secondary_1dxbq","primary":"progress-bar__primary_1dxbq","accent":"progress-bar__accent_1dxbq"};
 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_oa0g8","s":"progress-bar__s_oa0g8","m":"progress-bar__m_oa0g8","filled":"progress-bar__filled_oa0g8","positive":"progress-bar__positive_oa0g8","negative":"progress-bar__negative_oa0g8","attention":"progress-bar__attention_oa0g8","link":"progress-bar__link_oa0g8","tertiary":"progress-bar__tertiary_oa0g8","secondary":"progress-bar__secondary_oa0g8","primary":"progress-bar__primary_oa0g8","accent":"progress-bar__accent_oa0g8"};
+var styles = {"container":"progress-bar__container_1dxbq","s":"progress-bar__s_1dxbq","m":"progress-bar__m_1dxbq","filled":"progress-bar__filled_1dxbq","positive":"progress-bar__positive_1dxbq","negative":"progress-bar__negative_1dxbq","attention":"progress-bar__attention_1dxbq","link":"progress-bar__link_1dxbq","tertiary":"progress-bar__tertiary_1dxbq","secondary":"progress-bar__secondary_1dxbq","primary":"progress-bar__primary_1dxbq","accent":"progress-bar__accent_1dxbq"};
 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_oa0g8 {
+.progress-bar__container_1dxbq {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_oa0g8.progress-bar__s_oa0g8 {
+.progress-bar__container_1dxbq.progress-bar__s_1dxbq {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_oa0g8.progress-bar__m_oa0g8 {
+.progress-bar__container_1dxbq.progress-bar__m_1dxbq {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_oa0g8 {
+.progress-bar__filled_1dxbq {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_oa0g8.progress-bar__positive_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__positive_1dxbq {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__negative_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__negative_1dxbq {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__attention_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__attention_1dxbq {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__link_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__link_1dxbq {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__tertiary_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__tertiary_1dxbq {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__secondary_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__secondary_1dxbq {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__primary_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__primary_1dxbq {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__accent_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__accent_1dxbq {
         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_oa0g8 {
+.progress-bar__container_1dxbq {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_oa0g8.progress-bar__s_oa0g8 {
+.progress-bar__container_1dxbq.progress-bar__s_1dxbq {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_oa0g8.progress-bar__m_oa0g8 {
+.progress-bar__container_1dxbq.progress-bar__m_1dxbq {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_oa0g8 {
+.progress-bar__filled_1dxbq {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_oa0g8.progress-bar__positive_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__positive_1dxbq {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__negative_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__negative_1dxbq {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__attention_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__attention_1dxbq {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__link_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__link_1dxbq {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__tertiary_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__tertiary_1dxbq {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__secondary_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__secondary_1dxbq {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__primary_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__primary_1dxbq {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__accent_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__accent_1dxbq {
         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_oa0g8","s":"progress-bar__s_oa0g8","m":"progress-bar__m_oa0g8","filled":"progress-bar__filled_oa0g8","positive":"progress-bar__positive_oa0g8","negative":"progress-bar__negative_oa0g8","attention":"progress-bar__attention_oa0g8","link":"progress-bar__link_oa0g8","tertiary":"progress-bar__tertiary_oa0g8","secondary":"progress-bar__secondary_oa0g8","primary":"progress-bar__primary_oa0g8","accent":"progress-bar__accent_oa0g8"};
+const styles = {"container":"progress-bar__container_1dxbq","s":"progress-bar__s_1dxbq","m":"progress-bar__m_1dxbq","filled":"progress-bar__filled_1dxbq","positive":"progress-bar__positive_1dxbq","negative":"progress-bar__negative_1dxbq","attention":"progress-bar__attention_1dxbq","link":"progress-bar__link_1dxbq","tertiary":"progress-bar__tertiary_1dxbq","secondary":"progress-bar__secondary_1dxbq","primary":"progress-bar__primary_1dxbq","accent":"progress-bar__accent_1dxbq"};
 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_oa0g8 {
+.progress-bar__container_1dxbq {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_oa0g8.progress-bar__s_oa0g8 {
+.progress-bar__container_1dxbq.progress-bar__s_1dxbq {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_oa0g8.progress-bar__m_oa0g8 {
+.progress-bar__container_1dxbq.progress-bar__m_1dxbq {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_oa0g8 {
+.progress-bar__filled_1dxbq {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_oa0g8.progress-bar__positive_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__positive_1dxbq {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__negative_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__negative_1dxbq {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__attention_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__attention_1dxbq {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__link_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__link_1dxbq {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__tertiary_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__tertiary_1dxbq {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__secondary_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__secondary_1dxbq {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__primary_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__primary_1dxbq {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_oa0g8.progress-bar__accent_oa0g8 {
+.progress-bar__filled_1dxbq.progress-bar__accent_1dxbq {
         background: var(--progressbar-accent-color);
     }

package/pure-cell/{component-d624a4a8.js → component-85d7a60f.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-edb04fdd.js');
+var tslib_es6 = require('./tslib.es6-c4d26fa9.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
@@ -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-b8c0ec4f.js');
+var getDataTestId = require('./getDataTestId-7a9ea12a.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_1ba03","horizontal":"pure-cell__horizontal_1ba03"};
+var styles$3 = {"component":"pure-cell__component_18cab","horizontal":"pure-cell__horizontal_18cab"};
 require('./components/content/index.css');
 
 var Content = function (_a) {
@@ -31,7 +31,7 @@ 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_1qtvc","vertical":"pure-cell__vertical_1qtvc","reverse":"pure-cell__reverse_1qtvc"};
+var styles$2 = {"component":"pure-cell__component_1xu85","vertical":"pure-cell__vertical_1xu85","reverse":"pure-cell__reverse_1xu85"};
 require('./components/main/index.css');
 
 var Main = function (_a) {
@@ -43,7 +43,7 @@ var Main = function (_a) {
             _b)), "data-test-id": getDataTestId.getDataTestId(dataTestId, 'main') }, children));
 };
 
-var styles$1 = {"horizontal":"pure-cell__horizontal_or3mp","rowLimit1":"pure-cell__rowLimit1_or3mp","rowLimit2":"pure-cell__rowLimit2_or3mp","component":"pure-cell__component_or3mp","vertical":"pure-cell__vertical_or3mp","title":"pure-cell__title_or3mp","value":"pure-cell__value_or3mp"};
+var styles$1 = {"horizontal":"pure-cell__horizontal_ashad","rowLimit1":"pure-cell__rowLimit1_ashad","rowLimit2":"pure-cell__rowLimit2_ashad","component":"pure-cell__component_ashad","vertical":"pure-cell__vertical_ashad","title":"pure-cell__title_ashad","value":"pure-cell__value_ashad"};
 require('./components/text/index.css');
 
 var Text = function (_a) {
@@ -58,7 +58,7 @@ var Text = function (_a) {
         value !== undefined && (React__default.default.createElement("span", { className: styles$1.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 = {"component":"pure-cell__component_zfe7q","horizontal":"pure-cell__horizontal_zfe7q","vertical":"pure-cell__vertical_zfe7q","button":"pure-cell__button_zfe7q","link":"pure-cell__link_zfe7q","none":"pure-cell__none_zfe7q","airy":"pure-cell__airy_zfe7q","defaultPadding":"pure-cell__defaultPadding_zfe7q","compact":"pure-cell__compact_zfe7q","tiny":"pure-cell__tiny_zfe7q","left":"pure-cell__left_zfe7q","right":"pure-cell__right_zfe7q","both":"pure-cell__both_zfe7q","focused":"pure-cell__focused_zfe7q"};
+var styles = {"component":"pure-cell__component_b5uuq","horizontal":"pure-cell__horizontal_b5uuq","vertical":"pure-cell__vertical_b5uuq","button":"pure-cell__button_b5uuq","link":"pure-cell__link_b5uuq","none":"pure-cell__none_b5uuq","airy":"pure-cell__airy_b5uuq","defaultPadding":"pure-cell__defaultPadding_b5uuq","compact":"pure-cell__compact_b5uuq","tiny":"pure-cell__tiny_b5uuq","left":"pure-cell__left_b5uuq","right":"pure-cell__right_b5uuq","both":"pure-cell__both_b5uuq","focused":"pure-cell__focused_b5uuq"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare