@alfalab/core-components 45.5.0-rc.2 → 45.6.0

package/popup-sheet/components/backdrop/index.css

@@ -18,19 +18,19 @@
 } :root {
     --backdrop-visible-background: var(--color-light-overlay-default);
     --backdrop-hidden-background: transparent;
-} .popup-sheet__appear_1h8g3,
-.popup-sheet__enter_1h8g3 {
+} .popup-sheet__appear_1re2a,
+.popup-sheet__enter_1re2a {
     background-color: var(--backdrop-hidden-background);
-} .popup-sheet__appearActive_1h8g3,
-.popup-sheet__enterActive_1h8g3,
-.popup-sheet__appearDone_1h8g3,
-.popup-sheet__enterDone_1h8g3 {
+} .popup-sheet__appearActive_1re2a,
+.popup-sheet__enterActive_1re2a,
+.popup-sheet__appearDone_1re2a,
+.popup-sheet__enterDone_1re2a {
     background-color: var(--backdrop-visible-background);
     transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
-} .popup-sheet__exit_1h8g3 {
+} .popup-sheet__exit_1re2a {
     background-color: var(--backdrop-visible-background);
-} .popup-sheet__exitActive_1h8g3,
-.popup-sheet__exitDone_1h8g3 {
+} .popup-sheet__exitActive_1re2a,
+.popup-sheet__exitDone_1re2a {
     background-color: var(--backdrop-hidden-background);
     transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
 }

package/popup-sheet/esm/Component.js

@@ -8,7 +8,7 @@ import { createPaddingStyle, getDataTestId, easingFns } from '../../shared/esm';
 import { PopupBackdrop } from './components/backdrop/Component.js';
 import '../../backdrop/esm';
 
-var styles = {"component":"popup-sheet__component_9m21i","closer":"popup-sheet__closer_9m21i","content":"popup-sheet__content_9m21i","appear":"popup-sheet__appear_9m21i","enter":"popup-sheet__enter_9m21i","appearActive":"popup-sheet__appearActive_9m21i","enterActive":"popup-sheet__enterActive_9m21i","exit":"popup-sheet__exit_9m21i","exitBySwipe":"popup-sheet__exitBySwipe_9m21i","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_9m21i","exitActive":"popup-sheet__exitActive_9m21i","exitDone":"popup-sheet__exitDone_9m21i"};
+var styles = {"component":"popup-sheet__component_b5019","closer":"popup-sheet__closer_b5019","content":"popup-sheet__content_b5019","appear":"popup-sheet__appear_b5019","enter":"popup-sheet__enter_b5019","appearActive":"popup-sheet__appearActive_b5019","enterActive":"popup-sheet__enterActive_b5019","exit":"popup-sheet__exit_b5019","exitBySwipe":"popup-sheet__exitBySwipe_b5019","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_b5019","exitActive":"popup-sheet__exitActive_b5019","exitDone":"popup-sheet__exitDone_b5019"};
 require('./index.css');
 
 var SWIPE_VELOCITY = 0.3;

package/popup-sheet/esm/components/backdrop/Component.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Backdrop } from '../../../../backdrop/esm';
 
-var styles = {"appear":"popup-sheet__appear_1h8g3","enter":"popup-sheet__enter_1h8g3","appearActive":"popup-sheet__appearActive_1h8g3","enterActive":"popup-sheet__enterActive_1h8g3","appearDone":"popup-sheet__appearDone_1h8g3","enterDone":"popup-sheet__enterDone_1h8g3","exit":"popup-sheet__exit_1h8g3","exitActive":"popup-sheet__exitActive_1h8g3","exitDone":"popup-sheet__exitDone_1h8g3"};
+var styles = {"appear":"popup-sheet__appear_1re2a","enter":"popup-sheet__enter_1re2a","appearActive":"popup-sheet__appearActive_1re2a","enterActive":"popup-sheet__enterActive_1re2a","appearDone":"popup-sheet__appearDone_1re2a","enterDone":"popup-sheet__enterDone_1re2a","exit":"popup-sheet__exit_1re2a","exitActive":"popup-sheet__exitActive_1re2a","exitDone":"popup-sheet__exitDone_1re2a"};
 require('./index.css');
 
 var PopupBackdrop = function (_a) {

package/popup-sheet/esm/components/backdrop/index.css

@@ -18,19 +18,19 @@
 } :root {
     --backdrop-visible-background: var(--color-light-overlay-default);
     --backdrop-hidden-background: transparent;
-} .popup-sheet__appear_1h8g3,
-.popup-sheet__enter_1h8g3 {
+} .popup-sheet__appear_1re2a,
+.popup-sheet__enter_1re2a {
     background-color: var(--backdrop-hidden-background);
-} .popup-sheet__appearActive_1h8g3,
-.popup-sheet__enterActive_1h8g3,
-.popup-sheet__appearDone_1h8g3,
-.popup-sheet__enterDone_1h8g3 {
+} .popup-sheet__appearActive_1re2a,
+.popup-sheet__enterActive_1re2a,
+.popup-sheet__appearDone_1re2a,
+.popup-sheet__enterDone_1re2a {
     background-color: var(--backdrop-visible-background);
     transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
-} .popup-sheet__exit_1h8g3 {
+} .popup-sheet__exit_1re2a {
     background-color: var(--backdrop-visible-background);
-} .popup-sheet__exitActive_1h8g3,
-.popup-sheet__exitDone_1h8g3 {
+} .popup-sheet__exitActive_1re2a,
+.popup-sheet__exitDone_1re2a {
     background-color: var(--backdrop-hidden-background);
     transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
 }

package/popup-sheet/esm/index.css

@@ -15,7 +15,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .popup-sheet__component_9m21i {
+} .popup-sheet__component_b5019 {
     position: fixed;
     bottom: 0;
     margin: auto var(--gap-xs) var(--gap-xs);
@@ -23,31 +23,31 @@
     max-width: 600px;
     border-radius: 36px;
     overflow: hidden;
-} .popup-sheet__closer_9m21i {
+} .popup-sheet__closer_b5019 {
     position: absolute;
     top: 8px;
     right: 8px
-} .popup-sheet__closer_9m21i > button {
+} .popup-sheet__closer_b5019 > button {
         -webkit-backdrop-filter: none;
                 backdrop-filter: none;
-    } .popup-sheet__content_9m21i {
+    } .popup-sheet__content_b5019 {
     box-sizing: border-box;
-} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_9m21i,
-.popup-sheet__enter_9m21i {
+} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_b5019,
+.popup-sheet__enter_b5019 {
     transform: translateY(calc(100% + 100px));
-} .popup-sheet__appearActive_9m21i,
-.popup-sheet__enterActive_9m21i {
+} .popup-sheet__appearActive_b5019,
+.popup-sheet__enterActive_b5019 {
     transform: translateY(0);
     transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
     transition-delay: 50ms;
-} .popup-sheet__exit_9m21i {
+} .popup-sheet__exit_b5019 {
     transform: translateY(0);
-} .popup-sheet__exitBySwipe_9m21i {
+} .popup-sheet__exitBySwipe_b5019 {
     transform: translateY(calc(100% + 100px));
-} .popup-sheet__exitActiveBySwipe_9m21i {
+} .popup-sheet__exitActiveBySwipe_b5019 {
     transition: none;
-} .popup-sheet__exitActive_9m21i,
-.popup-sheet__exitDone_9m21i {
+} .popup-sheet__exitActive_b5019,
+.popup-sheet__exitDone_b5019 {
     transform: translateY(calc(100% + 100px));
     transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
 }

package/popup-sheet/index.css

@@ -15,7 +15,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .popup-sheet__component_9m21i {
+} .popup-sheet__component_b5019 {
     position: fixed;
     bottom: 0;
     margin: auto var(--gap-xs) var(--gap-xs);
@@ -23,31 +23,31 @@
     max-width: 600px;
     border-radius: 36px;
     overflow: hidden;
-} .popup-sheet__closer_9m21i {
+} .popup-sheet__closer_b5019 {
     position: absolute;
     top: 8px;
     right: 8px
-} .popup-sheet__closer_9m21i > button {
+} .popup-sheet__closer_b5019 > button {
         -webkit-backdrop-filter: none;
                 backdrop-filter: none;
-    } .popup-sheet__content_9m21i {
+    } .popup-sheet__content_b5019 {
     box-sizing: border-box;
-} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_9m21i,
-.popup-sheet__enter_9m21i {
+} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_b5019,
+.popup-sheet__enter_b5019 {
     transform: translateY(calc(100% + 100px));
-} .popup-sheet__appearActive_9m21i,
-.popup-sheet__enterActive_9m21i {
+} .popup-sheet__appearActive_b5019,
+.popup-sheet__enterActive_b5019 {
     transform: translateY(0);
     transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
     transition-delay: 50ms;
-} .popup-sheet__exit_9m21i {
+} .popup-sheet__exit_b5019 {
     transform: translateY(0);
-} .popup-sheet__exitBySwipe_9m21i {
+} .popup-sheet__exitBySwipe_b5019 {
     transform: translateY(calc(100% + 100px));
-} .popup-sheet__exitActiveBySwipe_9m21i {
+} .popup-sheet__exitActiveBySwipe_b5019 {
     transition: none;
-} .popup-sheet__exitActive_9m21i,
-.popup-sheet__exitDone_9m21i {
+} .popup-sheet__exitActive_b5019,
+.popup-sheet__exitDone_b5019 {
     transform: translateY(calc(100% + 100px));
     transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
 }

package/popup-sheet/modern/Component.js

@@ -7,7 +7,7 @@ import { createPaddingStyle, getDataTestId, easingFns } from '../../shared/moder
 import { PopupBackdrop } from './components/backdrop/Component.js';
 import '../../backdrop/modern';
 
-const styles = {"component":"popup-sheet__component_9m21i","closer":"popup-sheet__closer_9m21i","content":"popup-sheet__content_9m21i","appear":"popup-sheet__appear_9m21i","enter":"popup-sheet__enter_9m21i","appearActive":"popup-sheet__appearActive_9m21i","enterActive":"popup-sheet__enterActive_9m21i","exit":"popup-sheet__exit_9m21i","exitBySwipe":"popup-sheet__exitBySwipe_9m21i","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_9m21i","exitActive":"popup-sheet__exitActive_9m21i","exitDone":"popup-sheet__exitDone_9m21i"};
+const styles = {"component":"popup-sheet__component_b5019","closer":"popup-sheet__closer_b5019","content":"popup-sheet__content_b5019","appear":"popup-sheet__appear_b5019","enter":"popup-sheet__enter_b5019","appearActive":"popup-sheet__appearActive_b5019","enterActive":"popup-sheet__enterActive_b5019","exit":"popup-sheet__exit_b5019","exitBySwipe":"popup-sheet__exitBySwipe_b5019","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_b5019","exitActive":"popup-sheet__exitActive_b5019","exitDone":"popup-sheet__exitDone_b5019"};
 require('./index.css');
 
 const SWIPE_VELOCITY = 0.3;

package/popup-sheet/modern/components/backdrop/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Backdrop } from '../../../../backdrop/modern';
 
-const styles = {"appear":"popup-sheet__appear_1h8g3","enter":"popup-sheet__enter_1h8g3","appearActive":"popup-sheet__appearActive_1h8g3","enterActive":"popup-sheet__enterActive_1h8g3","appearDone":"popup-sheet__appearDone_1h8g3","enterDone":"popup-sheet__enterDone_1h8g3","exit":"popup-sheet__exit_1h8g3","exitActive":"popup-sheet__exitActive_1h8g3","exitDone":"popup-sheet__exitDone_1h8g3"};
+const styles = {"appear":"popup-sheet__appear_1re2a","enter":"popup-sheet__enter_1re2a","appearActive":"popup-sheet__appearActive_1re2a","enterActive":"popup-sheet__enterActive_1re2a","appearDone":"popup-sheet__appearDone_1re2a","enterDone":"popup-sheet__enterDone_1re2a","exit":"popup-sheet__exit_1re2a","exitActive":"popup-sheet__exitActive_1re2a","exitDone":"popup-sheet__exitDone_1re2a"};
 require('./index.css');
 
 const PopupBackdrop = ({ opacity, opacityTimeout, style, ...backdropProps }) => (React.createElement("div", { style: {

package/popup-sheet/modern/components/backdrop/index.css

@@ -18,19 +18,19 @@
 } :root {
     --backdrop-visible-background: var(--color-light-overlay-default);
     --backdrop-hidden-background: transparent;
-} .popup-sheet__appear_1h8g3,
-.popup-sheet__enter_1h8g3 {
+} .popup-sheet__appear_1re2a,
+.popup-sheet__enter_1re2a {
     background-color: var(--backdrop-hidden-background);
-} .popup-sheet__appearActive_1h8g3,
-.popup-sheet__enterActive_1h8g3,
-.popup-sheet__appearDone_1h8g3,
-.popup-sheet__enterDone_1h8g3 {
+} .popup-sheet__appearActive_1re2a,
+.popup-sheet__enterActive_1re2a,
+.popup-sheet__appearDone_1re2a,
+.popup-sheet__enterDone_1re2a {
     background-color: var(--backdrop-visible-background);
     transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
-} .popup-sheet__exit_1h8g3 {
+} .popup-sheet__exit_1re2a {
     background-color: var(--backdrop-visible-background);
-} .popup-sheet__exitActive_1h8g3,
-.popup-sheet__exitDone_1h8g3 {
+} .popup-sheet__exitActive_1re2a,
+.popup-sheet__exitDone_1re2a {
     background-color: var(--backdrop-hidden-background);
     transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
 }

package/popup-sheet/modern/index.css

@@ -15,7 +15,7 @@
     --gap-xs: 8px;
 } :root {
 } :root {
-} .popup-sheet__component_9m21i {
+} .popup-sheet__component_b5019 {
     position: fixed;
     bottom: 0;
     margin: auto var(--gap-xs) var(--gap-xs);
@@ -23,31 +23,31 @@
     max-width: 600px;
     border-radius: 36px;
     overflow: hidden;
-} .popup-sheet__closer_9m21i {
+} .popup-sheet__closer_b5019 {
     position: absolute;
     top: 8px;
     right: 8px
-} .popup-sheet__closer_9m21i > button {
+} .popup-sheet__closer_b5019 > button {
         -webkit-backdrop-filter: none;
                 backdrop-filter: none;
-    } .popup-sheet__content_9m21i {
+    } .popup-sheet__content_b5019 {
     box-sizing: border-box;
-} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_9m21i,
-.popup-sheet__enter_9m21i {
+} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_b5019,
+.popup-sheet__enter_b5019 {
     transform: translateY(calc(100% + 100px));
-} .popup-sheet__appearActive_9m21i,
-.popup-sheet__enterActive_9m21i {
+} .popup-sheet__appearActive_b5019,
+.popup-sheet__enterActive_b5019 {
     transform: translateY(0);
     transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
     transition-delay: 50ms;
-} .popup-sheet__exit_9m21i {
+} .popup-sheet__exit_b5019 {
     transform: translateY(0);
-} .popup-sheet__exitBySwipe_9m21i {
+} .popup-sheet__exitBySwipe_b5019 {
     transform: translateY(calc(100% + 100px));
-} .popup-sheet__exitActiveBySwipe_9m21i {
+} .popup-sheet__exitActiveBySwipe_b5019 {
     transition: none;
-} .popup-sheet__exitActive_9m21i,
-.popup-sheet__exitDone_9m21i {
+} .popup-sheet__exitActive_b5019,
+.popup-sheet__exitDone_b5019 {
     transform: translateY(calc(100% + 100px));
     transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
 }

package/portal/Component.js

@@ -2,27 +2,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 var reactDom = require('react-dom');
-var coreComponentsProvider = require('../provider');
 var utils = require('./utils.js');
 
 var Portal = react.forwardRef(function (_a, ref) {
-    var getPortalContainer = _a.getPortalContainer, _b = _a.immediateMount, immediateMount = _b === void 0 ? false : _b, children = _a.children;
-    var overrides = coreComponentsProvider.useComponentOverrides('Portal');
-    var getContainer = react.useCallback(function () {
-        if (getPortalContainer) {
-            return getPortalContainer();
-        }
-        if (overrides === null || overrides === void 0 ? void 0 : overrides.getPortalContainer) {
-            return overrides.getPortalContainer();
-        }
-        return utils.getDefaultPortalContainer();
-    }, [getPortalContainer, overrides]);
-    var _c = react.useState(function () {
-        return typeof window !== 'undefined' && immediateMount ? getContainer() : null;
-    }), mountNode = _c[0], setMountNode = _c[1];
+    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? utils.getDefaultPortalContainer : _b, _c = _a.immediateMount, immediateMount = _c === void 0 ? false : _c, children = _a.children;
+    var _d = react.useState(function () {
+        return typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null;
+    }), mountNode = _d[0], setMountNode = _d[1];
     react.useEffect(function () {
-        setMountNode(getContainer());
-    }, [getContainer]);
+        setMountNode(getPortalContainer());
+    }, [getPortalContainer]);
     react.useEffect(function () {
         if (mountNode) {
             utils.setRef(ref, mountNode);

package/portal/cssm/Component.js

@@ -2,27 +2,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 var reactDom = require('react-dom');
-var coreComponentsProvider = require('../../provider/cssm');
 var utils = require('./utils.js');
 
 var Portal = react.forwardRef(function (_a, ref) {
-    var getPortalContainer = _a.getPortalContainer, _b = _a.immediateMount, immediateMount = _b === void 0 ? false : _b, children = _a.children;
-    var overrides = coreComponentsProvider.useComponentOverrides('Portal');
-    var getContainer = react.useCallback(function () {
-        if (getPortalContainer) {
-            return getPortalContainer();
-        }
-        if (overrides === null || overrides === void 0 ? void 0 : overrides.getPortalContainer) {
-            return overrides.getPortalContainer();
-        }
-        return utils.getDefaultPortalContainer();
-    }, [getPortalContainer, overrides]);
-    var _c = react.useState(function () {
-        return typeof window !== 'undefined' && immediateMount ? getContainer() : null;
-    }), mountNode = _c[0], setMountNode = _c[1];
+    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? utils.getDefaultPortalContainer : _b, _c = _a.immediateMount, immediateMount = _c === void 0 ? false : _c, children = _a.children;
+    var _d = react.useState(function () {
+        return typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null;
+    }), mountNode = _d[0], setMountNode = _d[1];
     react.useEffect(function () {
-        setMountNode(getContainer());
-    }, [getContainer]);
+        setMountNode(getPortalContainer());
+    }, [getPortalContainer]);
     react.useEffect(function () {
         if (mountNode) {
             utils.setRef(ref, mountNode);

package/portal/esm/Component.js

@@ -1,26 +1,15 @@
-import { forwardRef, useCallback, useState, useEffect } from 'react';
+import { forwardRef, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { useComponentOverrides } from '../../provider/esm';
-import { getDefaultPortalContainer, setRef } from './utils.js';
+import { setRef, getDefaultPortalContainer } from './utils.js';
 
 var Portal = forwardRef(function (_a, ref) {
-    var getPortalContainer = _a.getPortalContainer, _b = _a.immediateMount, immediateMount = _b === void 0 ? false : _b, children = _a.children;
-    var overrides = useComponentOverrides('Portal');
-    var getContainer = useCallback(function () {
-        if (getPortalContainer) {
-            return getPortalContainer();
-        }
-        if (overrides === null || overrides === void 0 ? void 0 : overrides.getPortalContainer) {
-            return overrides.getPortalContainer();
-        }
-        return getDefaultPortalContainer();
-    }, [getPortalContainer, overrides]);
-    var _c = useState(function () {
-        return typeof window !== 'undefined' && immediateMount ? getContainer() : null;
-    }), mountNode = _c[0], setMountNode = _c[1];
+    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? getDefaultPortalContainer : _b, _c = _a.immediateMount, immediateMount = _c === void 0 ? false : _c, children = _a.children;
+    var _d = useState(function () {
+        return typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null;
+    }), mountNode = _d[0], setMountNode = _d[1];
     useEffect(function () {
-        setMountNode(getContainer());
-    }, [getContainer]);
+        setMountNode(getPortalContainer());
+    }, [getPortalContainer]);
     useEffect(function () {
         if (mountNode) {
             setRef(ref, mountNode);

package/portal/esm/index.js

@@ -1,5 +1,4 @@
 export { Portal } from './Component.js';
 import 'react';
 import 'react-dom';
-import '../../provider/esm';
 import './utils.js';

package/portal/modern/Component.js

@@ -1,23 +1,12 @@
-import { forwardRef, useCallback, useState, useEffect } from 'react';
+import { forwardRef, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { useComponentOverrides } from '../../provider/modern';
-import { getDefaultPortalContainer, setRef } from './utils.js';
+import { setRef, getDefaultPortalContainer } from './utils.js';
 
-const Portal = forwardRef(({ getPortalContainer, immediateMount = false, children }, ref) => {
-    const overrides = useComponentOverrides('Portal');
-    const getContainer = useCallback(() => {
-        if (getPortalContainer) {
-            return getPortalContainer();
-        }
-        if (overrides?.getPortalContainer) {
-            return overrides.getPortalContainer();
-        }
-        return getDefaultPortalContainer();
-    }, [getPortalContainer, overrides]);
-    const [mountNode, setMountNode] = useState(() => typeof window !== 'undefined' && immediateMount ? getContainer() : null);
+const Portal = forwardRef(({ getPortalContainer = getDefaultPortalContainer, immediateMount = false, children }, ref) => {
+    const [mountNode, setMountNode] = useState(() => typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null);
     useEffect(() => {
-        setMountNode(getContainer());
-    }, [getContainer]);
+        setMountNode(getPortalContainer());
+    }, [getPortalContainer]);
     useEffect(() => {
         if (mountNode) {
             setRef(ref, mountNode);

package/portal/modern/index.js

@@ -1,5 +1,4 @@
 export { Portal } from './Component.js';
 import 'react';
 import 'react-dom';
-import '../../provider/modern';
 import './utils.js';

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_705q1","size-4":"progress-bar__size-4_705q1","size-8":"progress-bar__size-8_705q1","filled":"progress-bar__filled_705q1","positive":"progress-bar__positive_705q1","negative":"progress-bar__negative_705q1","attention":"progress-bar__attention_705q1","link":"progress-bar__link_705q1","tertiary":"progress-bar__tertiary_705q1","secondary":"progress-bar__secondary_705q1","primary":"progress-bar__primary_705q1","accent":"progress-bar__accent_705q1"};
+var styles = {"container":"progress-bar__container_850a5","size-4":"progress-bar__size-4_850a5","size-8":"progress-bar__size-8_850a5","filled":"progress-bar__filled_850a5","positive":"progress-bar__positive_850a5","negative":"progress-bar__negative_850a5","attention":"progress-bar__attention_850a5","link":"progress-bar__link_850a5","tertiary":"progress-bar__tertiary_850a5","secondary":"progress-bar__secondary_850a5","primary":"progress-bar__primary_850a5","accent":"progress-bar__accent_850a5"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/progress-bar/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"container":"progress-bar__container_705q1","size-4":"progress-bar__size-4_705q1","size-8":"progress-bar__size-8_705q1","filled":"progress-bar__filled_705q1","positive":"progress-bar__positive_705q1","negative":"progress-bar__negative_705q1","attention":"progress-bar__attention_705q1","link":"progress-bar__link_705q1","tertiary":"progress-bar__tertiary_705q1","secondary":"progress-bar__secondary_705q1","primary":"progress-bar__primary_705q1","accent":"progress-bar__accent_705q1"};
+var styles = {"container":"progress-bar__container_850a5","size-4":"progress-bar__size-4_850a5","size-8":"progress-bar__size-8_850a5","filled":"progress-bar__filled_850a5","positive":"progress-bar__positive_850a5","negative":"progress-bar__negative_850a5","attention":"progress-bar__attention_850a5","link":"progress-bar__link_850a5","tertiary":"progress-bar__tertiary_850a5","secondary":"progress-bar__secondary_850a5","primary":"progress-bar__primary_850a5","accent":"progress-bar__accent_850a5"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/progress-bar/esm/index.css

@@ -52,35 +52,35 @@
 
     /* accent */
     --progressbar-accent-color: var(--color-light-accent-primary);
-} .progress-bar__container_705q1 {
+} .progress-bar__container_850a5 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
-} .progress-bar__container_705q1.progress-bar__size-4_705q1 {
+} .progress-bar__container_850a5.progress-bar__size-4_850a5 {
         border-radius: var(--border-radius-s);
         height: 4px;
-    } .progress-bar__container_705q1.progress-bar__size-8_705q1 {
+    } .progress-bar__container_850a5.progress-bar__size-8_850a5 {
         border-radius: var(--border-radius-m);
         height: 8px;
-    } .progress-bar__filled_705q1 {
+    } .progress-bar__filled_850a5 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
-} .progress-bar__filled_705q1.progress-bar__positive_705q1 {
+} .progress-bar__filled_850a5.progress-bar__positive_850a5 {
         background: var(--progressbar-positive-color);
-    } .progress-bar__filled_705q1.progress-bar__negative_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__negative_850a5 {
         background: var(--progressbar-negative-color);
-    } .progress-bar__filled_705q1.progress-bar__attention_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__attention_850a5 {
         background: var(--progressbar-attention-color);
-    } .progress-bar__filled_705q1.progress-bar__link_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__link_850a5 {
         background: var(--progressbar-link-color);
-    } .progress-bar__filled_705q1.progress-bar__tertiary_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__tertiary_850a5 {
         background: var(--progressbar-tertiary-color);
-    } .progress-bar__filled_705q1.progress-bar__secondary_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__secondary_850a5 {
         background: var(--progressbar-secondary-color);
-    } .progress-bar__filled_705q1.progress-bar__primary_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__primary_850a5 {
         background: var(--progressbar-primary-color);
-    } .progress-bar__filled_705q1.progress-bar__accent_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__accent_850a5 {
         background: var(--progressbar-accent-color);
     }

package/progress-bar/index.css

@@ -52,35 +52,35 @@
 
     /* accent */
     --progressbar-accent-color: var(--color-light-accent-primary);
-} .progress-bar__container_705q1 {
+} .progress-bar__container_850a5 {
     background: var(--progressbar-bg-color);
 
     display: flex;
     overflow: hidden
-} .progress-bar__container_705q1.progress-bar__size-4_705q1 {
+} .progress-bar__container_850a5.progress-bar__size-4_850a5 {
         border-radius: var(--border-radius-s);
         height: 4px;
-    } .progress-bar__container_705q1.progress-bar__size-8_705q1 {
+    } .progress-bar__container_850a5.progress-bar__size-8_850a5 {
         border-radius: var(--border-radius-m);
         height: 8px;
-    } .progress-bar__filled_705q1 {
+    } .progress-bar__filled_850a5 {
     border-radius: inherit;
     width: 100%;
     transition: transform 0.4s ease
-} .progress-bar__filled_705q1.progress-bar__positive_705q1 {
+} .progress-bar__filled_850a5.progress-bar__positive_850a5 {
         background: var(--progressbar-positive-color);
-    } .progress-bar__filled_705q1.progress-bar__negative_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__negative_850a5 {
         background: var(--progressbar-negative-color);
-    } .progress-bar__filled_705q1.progress-bar__attention_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__attention_850a5 {
         background: var(--progressbar-attention-color);
-    } .progress-bar__filled_705q1.progress-bar__link_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__link_850a5 {
         background: var(--progressbar-link-color);
-    } .progress-bar__filled_705q1.progress-bar__tertiary_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__tertiary_850a5 {
         background: var(--progressbar-tertiary-color);
-    } .progress-bar__filled_705q1.progress-bar__secondary_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__secondary_850a5 {
         background: var(--progressbar-secondary-color);
-    } .progress-bar__filled_705q1.progress-bar__primary_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__primary_850a5 {
         background: var(--progressbar-primary-color);
-    } .progress-bar__filled_705q1.progress-bar__accent_705q1 {
+    } .progress-bar__filled_850a5.progress-bar__accent_850a5 {
         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_705q1","size-4":"progress-bar__size-4_705q1","size-8":"progress-bar__size-8_705q1","filled":"progress-bar__filled_705q1","positive":"progress-bar__positive_705q1","negative":"progress-bar__negative_705q1","attention":"progress-bar__attention_705q1","link":"progress-bar__link_705q1","tertiary":"progress-bar__tertiary_705q1","secondary":"progress-bar__secondary_705q1","primary":"progress-bar__primary_705q1","accent":"progress-bar__accent_705q1"};
+const styles = {"container":"progress-bar__container_850a5","size-4":"progress-bar__size-4_850a5","size-8":"progress-bar__size-8_850a5","filled":"progress-bar__filled_850a5","positive":"progress-bar__positive_850a5","negative":"progress-bar__negative_850a5","attention":"progress-bar__attention_850a5","link":"progress-bar__link_850a5","tertiary":"progress-bar__tertiary_850a5","secondary":"progress-bar__secondary_850a5","primary":"progress-bar__primary_850a5","accent":"progress-bar__accent_850a5"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {