@alfalab/core-components 37.3.0 → 37.4.0-beta.0

package/popover/index.css

@@ -15,29 +15,27 @@
 :root {
     --popover-border-color: transparent;
 }
-.popover__component_5cph6 {
+.popover__component_obrv4 {
     background-color: transparent;
     color: var(--color-light-text-primary);
 }
-.popover__inner_5cph6 {
+.popover__inner_obrv4 {
     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_5cph6 {
+.popover__scrollableContent_obrv4 {
     position: relative;
     z-index: 2;
     overflow-y: auto;
 }
-.popover__arrow_5cph6 {
+.popover__arrow_obrv4 {
     z-index: 1;
 }
-.popover__arrow_5cph6:after {
+.popover__arrow_obrv4:after {
     content: '';
     display: block;
     position: absolute;
@@ -48,83 +46,89 @@
     box-sizing: border-box;
     transform: rotate(45deg);
 }
-.popover__component_5cph6[data-popper-placement='left'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='left-start'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='left-end'] .popover__arrow_5cph6 {
+.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 {
     right: 5px
 }
-.popover__component_5cph6[data-popper-placement='left'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='left-start'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='left-end'] .popover__arrow_5cph6:after {
+.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 {
         top: -6px;
         border-bottom: none;
         border-left: none;
     }
-.popover__component_5cph6[data-popper-placement='left-start'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='left-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     top: -7px;
 }
-.popover__component_5cph6[data-popper-placement='left-end'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='left-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     top: -5px;
 }
-.popover__component_5cph6[data-popper-placement='right'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='right-start'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='right-end'] .popover__arrow_5cph6 {
+.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 {
     left: -7px
 }
-.popover__component_5cph6[data-popper-placement='right'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='right-start'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='right-end'] .popover__arrow_5cph6:after {
+.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 {
         top: -6px;
         border-top: none;
         border-right: none;
     }
-.popover__component_5cph6[data-popper-placement='right-start'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='right-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     top: -7px;
 }
-.popover__component_5cph6[data-popper-placement='right-end'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='right-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     top: -5px;
 }
-.popover__component_5cph6[data-popper-placement='top'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='top-start'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='top-end'] .popover__arrow_5cph6 {
+.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 {
     bottom: 5px
 }
-.popover__component_5cph6[data-popper-placement='top'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='top-start'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='top-end'] .popover__arrow_5cph6:after {
+.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 {
         left: -6px;
         border-top: none;
         border-left: none;
     }
-.popover__component_5cph6[data-popper-placement='top-start'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='top-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     left: -17px;
 }
-.popover__component_5cph6[data-popper-placement='top-end'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='top-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     left: 5px;
 }
-.popover__component_5cph6[data-popper-placement='bottom'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='bottom-start'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='bottom-end'] .popover__arrow_5cph6 {
+.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 {
     top: -7px
 }
-.popover__component_5cph6[data-popper-placement='bottom'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='bottom-start'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='bottom-end'] .popover__arrow_5cph6:after {
+.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 {
         left: -6px;
         border-bottom: none;
         border-right: none;
     }
-.popover__component_5cph6[data-popper-placement='bottom-start'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='bottom-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     left: -17px;
 }
-.popover__component_5cph6[data-popper-placement='bottom-end'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='bottom-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     left: 5px;
 }
-.popover__enter_5cph6 .popover__inner_5cph6 {
+.popover__enter_obrv4 .popover__inner_obrv4 {
     opacity: 0;
     transform: scale(0.98);
 }
-.popover__enterActive_5cph6 .popover__inner_5cph6 {
+.popover__enterActive_obrv4 .popover__inner_obrv4 {
     opacity: 1;
     transform: scale(1);
+    transition-property: opacity, transform;
+    transition-timing-function: ease-in-out;
+    transition-duration: 150ms;
 }
-.popover__exit_5cph6 .popover__inner_5cph6 {
+.popover__exit_obrv4 .popover__inner_obrv4 {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exitActive_5cph6 .popover__inner_5cph6 {
+.popover__exitActive_obrv4 .popover__inner_obrv4 {
     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_5cph6","inner":"popover__inner_5cph6","scrollableContent":"popover__scrollableContent_5cph6","arrow":"popover__arrow_5cph6","arrowShift":"popover__arrowShift_5cph6","enter":"popover__enter_5cph6","enterActive":"popover__enterActive_5cph6","exit":"popover__exit_5cph6","exitActive":"popover__exitActive_5cph6"};
+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"};
 require('./index.css');
 
 const DEFAULT_TRANSITION = {
@@ -44,6 +44,8 @@ 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) {
@@ -121,7 +123,7 @@ const Popover = forwardRef(({ children, getPortalContainer, transition = DEFAULT
             }
         }
     }, [referenceElement, position]);
-    const renderContent = (computedZIndex, style) => (React.createElement("div", { ref: mergeRefs([ref, setPopperElement]), style: {
+    const renderContent = (computedZIndex) => (React.createElement("div", { ref: mergeRefs([ref, popperRef, setPopperElement]), style: {
             zIndex: computedZIndex,
             width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,
             ...popperStyles.popper,
@@ -129,10 +131,17 @@ 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), style: style },
+        React.createElement("div", { className: cn(styles.inner, popperClassName), ref: innerRef },
             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, ...transition, in: open }, renderContent(computedZIndex, { transitionDuration }))) : (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, 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))))));
 });
 
 export { Popover };

package/popover/modern/index.css

@@ -15,29 +15,27 @@
 :root {
     --popover-border-color: transparent;
 }
-.popover__component_5cph6 {
+.popover__component_obrv4 {
     background-color: transparent;
     color: var(--color-light-text-primary);
 }
-.popover__inner_5cph6 {
+.popover__inner_obrv4 {
     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_5cph6 {
+.popover__scrollableContent_obrv4 {
     position: relative;
     z-index: 2;
     overflow-y: auto;
 }
-.popover__arrow_5cph6 {
+.popover__arrow_obrv4 {
     z-index: 1;
 }
-.popover__arrow_5cph6:after {
+.popover__arrow_obrv4:after {
     content: '';
     display: block;
     position: absolute;
@@ -48,83 +46,89 @@
     box-sizing: border-box;
     transform: rotate(45deg);
 }
-.popover__component_5cph6[data-popper-placement='left'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='left-start'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='left-end'] .popover__arrow_5cph6 {
+.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 {
     right: 5px
 }
-.popover__component_5cph6[data-popper-placement='left'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='left-start'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='left-end'] .popover__arrow_5cph6:after {
+.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 {
         top: -6px;
         border-bottom: none;
         border-left: none;
     }
-.popover__component_5cph6[data-popper-placement='left-start'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='left-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     top: -7px;
 }
-.popover__component_5cph6[data-popper-placement='left-end'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='left-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     top: -5px;
 }
-.popover__component_5cph6[data-popper-placement='right'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='right-start'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='right-end'] .popover__arrow_5cph6 {
+.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 {
     left: -7px
 }
-.popover__component_5cph6[data-popper-placement='right'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='right-start'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='right-end'] .popover__arrow_5cph6:after {
+.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 {
         top: -6px;
         border-top: none;
         border-right: none;
     }
-.popover__component_5cph6[data-popper-placement='right-start'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='right-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     top: -7px;
 }
-.popover__component_5cph6[data-popper-placement='right-end'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='right-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     top: -5px;
 }
-.popover__component_5cph6[data-popper-placement='top'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='top-start'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='top-end'] .popover__arrow_5cph6 {
+.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 {
     bottom: 5px
 }
-.popover__component_5cph6[data-popper-placement='top'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='top-start'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='top-end'] .popover__arrow_5cph6:after {
+.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 {
         left: -6px;
         border-top: none;
         border-left: none;
     }
-.popover__component_5cph6[data-popper-placement='top-start'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='top-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     left: -17px;
 }
-.popover__component_5cph6[data-popper-placement='top-end'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='top-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     left: 5px;
 }
-.popover__component_5cph6[data-popper-placement='bottom'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='bottom-start'] .popover__arrow_5cph6,
-.popover__component_5cph6[data-popper-placement='bottom-end'] .popover__arrow_5cph6 {
+.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 {
     top: -7px
 }
-.popover__component_5cph6[data-popper-placement='bottom'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='bottom-start'] .popover__arrow_5cph6:after, .popover__component_5cph6[data-popper-placement='bottom-end'] .popover__arrow_5cph6:after {
+.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 {
         left: -6px;
         border-bottom: none;
         border-right: none;
     }
-.popover__component_5cph6[data-popper-placement='bottom-start'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='bottom-start'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     left: -17px;
 }
-.popover__component_5cph6[data-popper-placement='bottom-end'].popover__arrowShift_5cph6 .popover__arrow_5cph6:after {
+.popover__component_obrv4[data-popper-placement='bottom-end'].popover__arrowShift_obrv4 .popover__arrow_obrv4:after {
     left: 5px;
 }
-.popover__enter_5cph6 .popover__inner_5cph6 {
+.popover__enter_obrv4 .popover__inner_obrv4 {
     opacity: 0;
     transform: scale(0.98);
 }
-.popover__enterActive_5cph6 .popover__inner_5cph6 {
+.popover__enterActive_obrv4 .popover__inner_obrv4 {
     opacity: 1;
     transform: scale(1);
+    transition-property: opacity, transform;
+    transition-timing-function: ease-in-out;
+    transition-duration: 150ms;
 }
-.popover__exit_5cph6 .popover__inner_5cph6 {
+.popover__exit_obrv4 .popover__inner_obrv4 {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exitActive_5cph6 .popover__inner_5cph6 {
+.popover__exitActive_obrv4 .popover__inner_obrv4 {
     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_n1xsh","s":"progress-bar__s_n1xsh","m":"progress-bar__m_n1xsh","filled":"progress-bar__filled_n1xsh","positive":"progress-bar__positive_n1xsh","negative":"progress-bar__negative_n1xsh","attention":"progress-bar__attention_n1xsh","link":"progress-bar__link_n1xsh","tertiary":"progress-bar__tertiary_n1xsh","secondary":"progress-bar__secondary_n1xsh","primary":"progress-bar__primary_n1xsh","accent":"progress-bar__accent_n1xsh"};
+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"};
 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_n1xsh","s":"progress-bar__s_n1xsh","m":"progress-bar__m_n1xsh","filled":"progress-bar__filled_n1xsh","positive":"progress-bar__positive_n1xsh","negative":"progress-bar__negative_n1xsh","attention":"progress-bar__attention_n1xsh","link":"progress-bar__link_n1xsh","tertiary":"progress-bar__tertiary_n1xsh","secondary":"progress-bar__secondary_n1xsh","primary":"progress-bar__primary_n1xsh","accent":"progress-bar__accent_n1xsh"};
+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"};
 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_n1xsh {
+.progress-bar__container_oa0g8 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_n1xsh.progress-bar__s_n1xsh {
+.progress-bar__container_oa0g8.progress-bar__s_oa0g8 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_n1xsh.progress-bar__m_n1xsh {
+.progress-bar__container_oa0g8.progress-bar__m_oa0g8 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_n1xsh {
+.progress-bar__filled_oa0g8 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_n1xsh.progress-bar__positive_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__positive_oa0g8 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__negative_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__negative_oa0g8 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__attention_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__attention_oa0g8 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__link_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__link_oa0g8 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__tertiary_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__tertiary_oa0g8 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__secondary_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__secondary_oa0g8 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__primary_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__primary_oa0g8 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__accent_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__accent_oa0g8 {
         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_n1xsh {
+.progress-bar__container_oa0g8 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_n1xsh.progress-bar__s_n1xsh {
+.progress-bar__container_oa0g8.progress-bar__s_oa0g8 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_n1xsh.progress-bar__m_n1xsh {
+.progress-bar__container_oa0g8.progress-bar__m_oa0g8 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_n1xsh {
+.progress-bar__filled_oa0g8 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_n1xsh.progress-bar__positive_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__positive_oa0g8 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__negative_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__negative_oa0g8 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__attention_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__attention_oa0g8 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__link_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__link_oa0g8 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__tertiary_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__tertiary_oa0g8 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__secondary_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__secondary_oa0g8 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__primary_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__primary_oa0g8 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__accent_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__accent_oa0g8 {
         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_n1xsh","s":"progress-bar__s_n1xsh","m":"progress-bar__m_n1xsh","filled":"progress-bar__filled_n1xsh","positive":"progress-bar__positive_n1xsh","negative":"progress-bar__negative_n1xsh","attention":"progress-bar__attention_n1xsh","link":"progress-bar__link_n1xsh","tertiary":"progress-bar__tertiary_n1xsh","secondary":"progress-bar__secondary_n1xsh","primary":"progress-bar__primary_n1xsh","accent":"progress-bar__accent_n1xsh"};
+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"};
 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_n1xsh {
+.progress-bar__container_oa0g8 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
 }
-.progress-bar__container_n1xsh.progress-bar__s_n1xsh {
+.progress-bar__container_oa0g8.progress-bar__s_oa0g8 {
         border-radius: var(--border-radius-s);
         height: 4px;
     }
-.progress-bar__container_n1xsh.progress-bar__m_n1xsh {
+.progress-bar__container_oa0g8.progress-bar__m_oa0g8 {
         border-radius: var(--border-radius-m);
         height: 8px;
     }
-.progress-bar__filled_n1xsh {
+.progress-bar__filled_oa0g8 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
 }
-.progress-bar__filled_n1xsh.progress-bar__positive_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__positive_oa0g8 {
         background: var(--progressbar-positive-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__negative_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__negative_oa0g8 {
         background: var(--progressbar-negative-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__attention_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__attention_oa0g8 {
         background: var(--progressbar-attention-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__link_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__link_oa0g8 {
         background: var(--progressbar-link-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__tertiary_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__tertiary_oa0g8 {
         background: var(--progressbar-tertiary-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__secondary_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__secondary_oa0g8 {
         background: var(--progressbar-secondary-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__primary_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__primary_oa0g8 {
         background: var(--progressbar-primary-color);
     }
-.progress-bar__filled_n1xsh.progress-bar__accent_n1xsh {
+.progress-bar__filled_oa0g8.progress-bar__accent_oa0g8 {
         background: var(--progressbar-accent-color);
     }

package/pure-cell/{component-3d9e2565.js → component-e9b0a10b.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-37855a88.js');
+var tslib_es6 = require('./tslib.es6-1c58e169.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-e1b73fd7.js');
+var getDataTestId = require('./getDataTestId-5376db63.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_1ymlk","horizontal":"pure-cell__horizontal_1ymlk"};
+var styles$3 = {"component":"pure-cell__component_1ba03","horizontal":"pure-cell__horizontal_1ba03"};
 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_1ng4h","vertical":"pure-cell__vertical_1ng4h","reverse":"pure-cell__reverse_1ng4h"};
+var styles$2 = {"component":"pure-cell__component_1qtvc","vertical":"pure-cell__vertical_1qtvc","reverse":"pure-cell__reverse_1qtvc"};
 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_1b3rs","rowLimit1":"pure-cell__rowLimit1_1b3rs","rowLimit2":"pure-cell__rowLimit2_1b3rs","component":"pure-cell__component_1b3rs","vertical":"pure-cell__vertical_1b3rs","title":"pure-cell__title_1b3rs","value":"pure-cell__value_1b3rs"};
+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"};
 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_167we","horizontal":"pure-cell__horizontal_167we","vertical":"pure-cell__vertical_167we","button":"pure-cell__button_167we","link":"pure-cell__link_167we","none":"pure-cell__none_167we","airy":"pure-cell__airy_167we","defaultPadding":"pure-cell__defaultPadding_167we","compact":"pure-cell__compact_167we","tiny":"pure-cell__tiny_167we","left":"pure-cell__left_167we","right":"pure-cell__right_167we","both":"pure-cell__both_167we","focused":"pure-cell__focused_167we"};
+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"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare