@alfalab/core-components 48.11.0-beta.2 → 48.12.0-beta.0

package/navigation-bar-private/modern/index.css

@@ -20,34 +20,31 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-12: var(--gap-s);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_is7pn {
+} /* сбрасывает синюю подсветку при нажатии */ .navigation-bar-private__header_9yevc {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .navigation-bar-private__header_is7pn.navigation-bar-private__header_is7pn.navigation-bar-private__backgroundImage_is7pn {
+} .navigation-bar-private__header_9yevc.navigation-bar-private__header_9yevc.navigation-bar-private__backgroundImage_9yevc {
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
-    } .navigation-bar-private__mainLine_is7pn {
+    } .navigation-bar-private__mainLine_9yevc {
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     z-index: 1;
     background-color: inherit;
-} .navigation-bar-private__mainLineSticky_is7pn {
+} .navigation-bar-private__mainLineSticky_9yevc {
     position: sticky;
     top: var(--gap-0);
-} .navigation-bar-private__mainLineWithImageBg_is7pn {
+} .navigation-bar-private__mainLineWithImageBg_9yevc {
     background-color: initial;
-} .navigation-bar-private__content_is7pn {
+} .navigation-bar-private__content_9yevc {
     color: var(--color-light-text-primary);
     display: flex;
     flex-flow: column nowrap;
@@ -56,27 +53,27 @@
     align-self: baseline;
     box-sizing: border-box;
     min-height: 48px
-} .navigation-bar-private__content_is7pn.navigation-bar-private__withBothAddons_is7pn,
-    .navigation-bar-private__content_is7pn.navigation-bar-private__withCompactTitle_is7pn {
+} .navigation-bar-private__content_9yevc.navigation-bar-private__withBothAddons_9yevc,
+    .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc {
         font-size: 16px;
         line-height: 20px;
         font-weight: 500;
         align-self: center;
         padding-top: var(--gap-4);
         padding-bottom: var(--gap-4)
-    } .navigation-bar-private__content_is7pn.navigation-bar-private__withBothAddons_is7pn > .navigation-bar-private__children_is7pn,
-        .navigation-bar-private__content_is7pn.navigation-bar-private__withBothAddons_is7pn > .navigation-bar-private__title_is7pn,
-        .navigation-bar-private__content_is7pn.navigation-bar-private__withCompactTitle_is7pn > .navigation-bar-private__children_is7pn,
-        .navigation-bar-private__content_is7pn.navigation-bar-private__withCompactTitle_is7pn > .navigation-bar-private__title_is7pn {
+    } .navigation-bar-private__content_9yevc.navigation-bar-private__withBothAddons_9yevc > .navigation-bar-private__children_9yevc,
+        .navigation-bar-private__content_9yevc.navigation-bar-private__withBothAddons_9yevc > .navigation-bar-private__title_9yevc,
+        .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc > .navigation-bar-private__children_9yevc,
+        .navigation-bar-private__content_9yevc.navigation-bar-private__withCompactTitle_9yevc > .navigation-bar-private__title_9yevc {
             -webkit-line-clamp: 1;
             word-break: break-all;
-        } .navigation-bar-private__content_is7pn.navigation-bar-private__contentOnBotDesktop_is7pn.navigation-bar-private__contentOnBotDesktop_is7pn {
+        } .navigation-bar-private__content_9yevc.navigation-bar-private__contentOnBotDesktop_9yevc.navigation-bar-private__contentOnBotDesktop_9yevc {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__content_is7pn.navigation-bar-private__contentOnBotMobile_is7pn.navigation-bar-private__contentOnBotMobile_is7pn {
+    } .navigation-bar-private__content_9yevc.navigation-bar-private__contentOnBotMobile_9yevc.navigation-bar-private__contentOnBotMobile_9yevc {
         padding-top: var(--gap-12);
-    } .navigation-bar-private__title_is7pn {
+    } .navigation-bar-private__title_9yevc {
     word-break: break-word;
-} .navigation-bar-private__subtitle_is7pn {
+} .navigation-bar-private__subtitle_9yevc {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -87,11 +84,11 @@
 
     color: var(--color-light-text-secondary);
     word-break: break-all;
-} .navigation-bar-private__addonsWrapper_is7pn {
+} .navigation-bar-private__addonsWrapper_9yevc {
     display: flex;
-} .navigation-bar-private__rightAddons_is7pn {
+} .navigation-bar-private__rightAddons_9yevc {
     margin-left: auto;
-} .navigation-bar-private__addon_is7pn {
+} .navigation-bar-private__addon_9yevc {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -99,18 +96,18 @@
     align-items: center;
     flex-shrink: 0;
     pointer-events: all;
-} .navigation-bar-private__bottomAddons_is7pn {
+} .navigation-bar-private__bottomAddons_9yevc {
     pointer-events: all;
-} .navigation-bar-private__closer_is7pn {
+} .navigation-bar-private__closer_9yevc {
     margin-left: auto;
-} .navigation-bar-private__left_is7pn {
+} .navigation-bar-private__left_9yevc {
     text-align: left;
-} .navigation-bar-private__center_is7pn {
+} .navigation-bar-private__center_9yevc {
     text-align: center;
-} .navigation-bar-private__trim_is7pn {
+} .navigation-bar-private__trim_9yevc {
     overflow: hidden
-} .navigation-bar-private__trim_is7pn .navigation-bar-private__title_is7pn,
-    .navigation-bar-private__trim_is7pn .navigation-bar-private__children_is7pn {
+} .navigation-bar-private__trim_9yevc .navigation-bar-private__title_9yevc,
+    .navigation-bar-private__trim_9yevc .navigation-bar-private__children_9yevc {
         -webkit-line-clamp: 2;
         display: -webkit-box;
         -webkit-box-orient: vertical;

package/notification/Component.js

@@ -19,7 +19,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
 
-var styles = {"notificationComponent":"notification__notificationComponent_1t23i","isVisible":"notification__isVisible_1t23i","isClosing":"notification__isClosing_1t23i","toastContent":"notification__toastContent_1t23i","actionSection":"notification__actionSection_1t23i"};
+var styles = {"notificationComponent":"notification__notificationComponent_sn2dt","isVisible":"notification__isVisible_sn2dt","isClosing":"notification__isClosing_sn2dt","toastContent":"notification__toastContent_sn2dt","actionSection":"notification__actionSection_sn2dt"};
 require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);

package/notification/cssm/index.module.css

@@ -20,10 +20,7 @@
     --gap-s-neg: -12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);

package/notification/esm/Component.js

@@ -10,7 +10,7 @@ import { ToastPlateDesktop } from '../../toast-plate/esm/desktop';
 import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
-var styles = {"notificationComponent":"notification__notificationComponent_1t23i","isVisible":"notification__isVisible_1t23i","isClosing":"notification__isClosing_1t23i","toastContent":"notification__toastContent_1t23i","actionSection":"notification__actionSection_1t23i"};
+var styles = {"notificationComponent":"notification__notificationComponent_sn2dt","isVisible":"notification__isVisible_sn2dt","isClosing":"notification__isClosing_sn2dt","toastContent":"notification__toastContent_sn2dt","actionSection":"notification__actionSection_sn2dt"};
 require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);

package/notification/esm/index.css

@@ -21,10 +21,7 @@
     --gap-s-neg: -12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
@@ -34,7 +31,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_1t23i {
+} .notification__notificationComponent_sn2dt {
     visibility: hidden;
     right: var(--gap-12);
     transform: translate(0, -500px);
@@ -43,26 +40,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_1t23i {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_sn2dt {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_1t23i.notification__isVisible_1t23i {
+    } .notification__notificationComponent_sn2dt.notification__isVisible_sn2dt {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_1t23i.notification__isClosing_1t23i {
+    } .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_1t23i.notification__isClosing_1t23i {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_1t23i.notification__notificationComponent_1t23i {
+        } .notification__notificationComponent_sn2dt.notification__notificationComponent_sn2dt {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_1t23i {
+} @media screen and (min-width: 600px) { .notification__toastContent_sn2dt {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_1t23i {
+    } .notification__actionSection_sn2dt {
     min-width: 104px;
     min-height: 48px;
     padding: var(--gap-0) var(--gap-8);

package/notification/index.css

@@ -21,10 +21,7 @@
     --gap-s-neg: -12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
@@ -34,7 +31,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_1t23i {
+} .notification__notificationComponent_sn2dt {
     visibility: hidden;
     right: var(--gap-12);
     transform: translate(0, -500px);
@@ -43,26 +40,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_1t23i {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_sn2dt {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_1t23i.notification__isVisible_1t23i {
+    } .notification__notificationComponent_sn2dt.notification__isVisible_sn2dt {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_1t23i.notification__isClosing_1t23i {
+    } .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_1t23i.notification__isClosing_1t23i {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_1t23i.notification__notificationComponent_1t23i {
+        } .notification__notificationComponent_sn2dt.notification__notificationComponent_sn2dt {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_1t23i {
+} @media screen and (min-width: 600px) { .notification__toastContent_sn2dt {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_1t23i {
+    } .notification__actionSection_sn2dt {
     min-width: 104px;
     min-height: 48px;
     padding: var(--gap-0) var(--gap-8);

package/notification/modern/Component.js

@@ -9,7 +9,7 @@ import { ToastPlateDesktop } from '../../toast-plate/modern/desktop';
 import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
-const styles = {"notificationComponent":"notification__notificationComponent_1t23i","isVisible":"notification__isVisible_1t23i","isClosing":"notification__isClosing_1t23i","toastContent":"notification__toastContent_1t23i","actionSection":"notification__actionSection_1t23i"};
+const styles = {"notificationComponent":"notification__notificationComponent_sn2dt","isVisible":"notification__isVisible_sn2dt","isClosing":"notification__isClosing_sn2dt","toastContent":"notification__toastContent_sn2dt","actionSection":"notification__actionSection_sn2dt"};
 require('./index.css');
 
 const notificationClassNameSelector = `.${styles.notificationComponent}`;

package/notification/modern/index.css

@@ -21,10 +21,7 @@
     --gap-s-neg: -12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
@@ -34,7 +31,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_1t23i {
+} .notification__notificationComponent_sn2dt {
     visibility: hidden;
     right: var(--gap-12);
     transform: translate(0, -500px);
@@ -43,26 +40,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_1t23i {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_sn2dt {
         right: var(--gap-48);
         width: auto;
         transform: translate(calc(100% + var(--gap-48)), 0)
 }
-    } .notification__notificationComponent_1t23i.notification__isVisible_1t23i {
+    } .notification__notificationComponent_sn2dt.notification__isVisible_sn2dt {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_1t23i.notification__isClosing_1t23i {
+    } .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_1t23i.notification__isClosing_1t23i {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_sn2dt.notification__isClosing_sn2dt {
             transform: translate(calc(100% + var(--gap-48)), 0)
     }
-        } .notification__notificationComponent_1t23i.notification__notificationComponent_1t23i {
+        } .notification__notificationComponent_sn2dt.notification__notificationComponent_sn2dt {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_1t23i {
+} @media screen and (min-width: 600px) { .notification__toastContent_sn2dt {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_1t23i {
+    } .notification__actionSection_sn2dt {
     min-width: 104px;
     min-height: 48px;
     padding: var(--gap-0) var(--gap-8);

package/notification-manager/component.js

@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"notification-manager__component_198ny","notification":"notification-manager__notification_198ny","withoutMargin":"notification-manager__withoutMargin_198ny","enter":"notification-manager__enter_198ny","enterActive":"notification-manager__enterActive_198ny"};
+var styles = {"component":"notification-manager__component_1g48x","notification":"notification-manager__notification_1g48x","withoutMargin":"notification-manager__withoutMargin_1g48x","enter":"notification-manager__enter_1g48x","enterActive":"notification-manager__enterActive_1g48x"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/cssm/index.module.css

@@ -18,10 +18,7 @@
     --gap-4xl: 48px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
     --gap-48: var(--gap-4xl);

package/notification-manager/esm/component.js

@@ -7,7 +7,7 @@ import { Stack } from '../../stack/esm';
 import { stackingOrder } from '@alfalab/stack-context';
 import { Notification } from './components/notification/component.js';
 
-var styles = {"component":"notification-manager__component_198ny","notification":"notification-manager__notification_198ny","withoutMargin":"notification-manager__withoutMargin_198ny","enter":"notification-manager__enter_198ny","enterActive":"notification-manager__enterActive_198ny"};
+var styles = {"component":"notification-manager__component_1g48x","notification":"notification-manager__notification_1g48x","withoutMargin":"notification-manager__withoutMargin_1g48x","enter":"notification-manager__enter_1g48x","enterActive":"notification-manager__enterActive_1g48x"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/esm/index.css

@@ -19,50 +19,47 @@
     --gap-4xl: 48px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
     --gap-48: var(--gap-4xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .notification-manager__component_198ny {
+} /* сбрасывает синюю подсветку при нажатии */ .notification-manager__component_1g48x {
     position: fixed;
     top: var(--gap-0);
     right: var(--gap-12);
     display: flex;
     flex-direction: column;
-} .notification-manager__component_198ny .notification-manager__notification_198ny {
+} .notification-manager__component_1g48x .notification-manager__notification_1g48x {
     width: calc(100vw - var(--gap-24));
     margin-top: var(--gap-12);
     will-change: transform
-} .notification-manager__component_198ny .notification-manager__notification_198ny.notification-manager__withoutMargin_198ny {
+} .notification-manager__component_1g48x .notification-manager__notification_1g48x.notification-manager__withoutMargin_1g48x {
         margin-top: var(--gap-0);
-    } .notification-manager__component_198ny .notification-manager__notification_198ny.notification-manager__notification_198ny {
+    } .notification-manager__component_1g48x .notification-manager__notification_1g48x.notification-manager__notification_1g48x {
     position: static;
-} .notification-manager__enter_198ny {
+} .notification-manager__enter_1g48x {
     visibility: hidden;
     transform: translate(0, -500px);
-} .notification-manager__enterActive_198ny {
+} .notification-manager__enterActive_1g48x {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 } @media (min-width: 600px) {
-    .notification-manager__component_198ny {
+    .notification-manager__component_1g48x {
         right: var(--gap-48);
     }
 
-    .notification-manager__component_198ny .notification-manager__notification_198ny {
+    .notification-manager__component_1g48x .notification-manager__notification_1g48x {
         width: auto;
     }
 
-    .notification-manager__enter_198ny {
+    .notification-manager__enter_1g48x {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_198ny {
+    .notification-manager__enterActive_1g48x {
         transform: translate(0);
     }
 }

package/notification-manager/index.css

@@ -19,50 +19,47 @@
     --gap-4xl: 48px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
     --gap-48: var(--gap-4xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .notification-manager__component_198ny {
+} /* сбрасывает синюю подсветку при нажатии */ .notification-manager__component_1g48x {
     position: fixed;
     top: var(--gap-0);
     right: var(--gap-12);
     display: flex;
     flex-direction: column;
-} .notification-manager__component_198ny .notification-manager__notification_198ny {
+} .notification-manager__component_1g48x .notification-manager__notification_1g48x {
     width: calc(100vw - var(--gap-24));
     margin-top: var(--gap-12);
     will-change: transform
-} .notification-manager__component_198ny .notification-manager__notification_198ny.notification-manager__withoutMargin_198ny {
+} .notification-manager__component_1g48x .notification-manager__notification_1g48x.notification-manager__withoutMargin_1g48x {
         margin-top: var(--gap-0);
-    } .notification-manager__component_198ny .notification-manager__notification_198ny.notification-manager__notification_198ny {
+    } .notification-manager__component_1g48x .notification-manager__notification_1g48x.notification-manager__notification_1g48x {
     position: static;
-} .notification-manager__enter_198ny {
+} .notification-manager__enter_1g48x {
     visibility: hidden;
     transform: translate(0, -500px);
-} .notification-manager__enterActive_198ny {
+} .notification-manager__enterActive_1g48x {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 } @media (min-width: 600px) {
-    .notification-manager__component_198ny {
+    .notification-manager__component_1g48x {
         right: var(--gap-48);
     }
 
-    .notification-manager__component_198ny .notification-manager__notification_198ny {
+    .notification-manager__component_1g48x .notification-manager__notification_1g48x {
         width: auto;
     }
 
-    .notification-manager__enter_198ny {
+    .notification-manager__enter_1g48x {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_198ny {
+    .notification-manager__enterActive_1g48x {
         transform: translate(0);
     }
 }

package/notification-manager/modern/component.js

@@ -6,7 +6,7 @@ import { Stack } from '../../stack/modern';
 import { stackingOrder } from '@alfalab/stack-context';
 import { Notification } from './components/notification/component.js';
 
-const styles = {"component":"notification-manager__component_198ny","notification":"notification-manager__notification_198ny","withoutMargin":"notification-manager__withoutMargin_198ny","enter":"notification-manager__enter_198ny","enterActive":"notification-manager__enterActive_198ny"};
+const styles = {"component":"notification-manager__component_1g48x","notification":"notification-manager__notification_1g48x","withoutMargin":"notification-manager__withoutMargin_1g48x","enter":"notification-manager__enter_1g48x","enterActive":"notification-manager__enterActive_1g48x"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/modern/index.css

@@ -19,50 +19,47 @@
     --gap-4xl: 48px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-12: var(--gap-s);
     --gap-24: var(--gap-xl);
     --gap-48: var(--gap-4xl);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .notification-manager__component_198ny {
+} /* сбрасывает синюю подсветку при нажатии */ .notification-manager__component_1g48x {
     position: fixed;
     top: var(--gap-0);
     right: var(--gap-12);
     display: flex;
     flex-direction: column;
-} .notification-manager__component_198ny .notification-manager__notification_198ny {
+} .notification-manager__component_1g48x .notification-manager__notification_1g48x {
     width: calc(100vw - var(--gap-24));
     margin-top: var(--gap-12);
     will-change: transform
-} .notification-manager__component_198ny .notification-manager__notification_198ny.notification-manager__withoutMargin_198ny {
+} .notification-manager__component_1g48x .notification-manager__notification_1g48x.notification-manager__withoutMargin_1g48x {
         margin-top: var(--gap-0);
-    } .notification-manager__component_198ny .notification-manager__notification_198ny.notification-manager__notification_198ny {
+    } .notification-manager__component_1g48x .notification-manager__notification_1g48x.notification-manager__notification_1g48x {
     position: static;
-} .notification-manager__enter_198ny {
+} .notification-manager__enter_1g48x {
     visibility: hidden;
     transform: translate(0, -500px);
-} .notification-manager__enterActive_198ny {
+} .notification-manager__enterActive_1g48x {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 } @media (min-width: 600px) {
-    .notification-manager__component_198ny {
+    .notification-manager__component_1g48x {
         right: var(--gap-48);
     }
 
-    .notification-manager__component_198ny .notification-manager__notification_198ny {
+    .notification-manager__component_1g48x .notification-manager__notification_1g48x {
         width: auto;
     }
 
-    .notification-manager__enter_198ny {
+    .notification-manager__enter_1g48x {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_198ny {
+    .notification-manager__enterActive_1g48x {
         transform: translate(0);
     }
 }

package/number-input/components/number-input/Component.js

@@ -16,13 +16,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"steppers":"number-input__steppers_1hl2r","steppersFocused":"number-input__steppersFocused_1hl2r","steppersDisabled":"number-input__steppersDisabled_1hl2r"};
+var defaultColors = {"steppers":"number-input__steppers_12m24","steppersFocused":"number-input__steppersFocused_12m24","steppersDisabled":"number-input__steppersDisabled_12m24"};
 require('./default.css');
 
-var styles = {"size-40":"number-input__size-40_1lxjh","size-48":"number-input__size-48_1lxjh","size-56":"number-input__size-56_1lxjh"};
+var styles = {"size-40":"number-input__size-40_1q127","size-48":"number-input__size-48_1q127","size-56":"number-input__size-56_1q127"};
 require('./index.css');
 
-var invertedColors = {"steppers":"number-input__steppers_yfcmr","steppersFocused":"number-input__steppersFocused_yfcmr","steppersDisabled":"number-input__steppersDisabled_yfcmr"};
+var invertedColors = {"steppers":"number-input__steppers_jgbzg","steppersFocused":"number-input__steppersFocused_jgbzg","steppersDisabled":"number-input__steppersDisabled_jgbzg"};
 require('./inverted.css');
 
 var colorStyles = {

package/number-input/components/number-input/default.css

@@ -18,14 +18,11 @@
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .number-input__steppers_1hl2r {
+} /* сбрасывает синюю подсветку при нажатии */ .number-input__steppers_12m24 {
     background-color: var(--color-light-neutral-translucent-0);
-} .number-input__steppersFocused_1hl2r,
-.number-input__steppersDisabled_1hl2r {
+} .number-input__steppersFocused_12m24,
+.number-input__steppersDisabled_12m24 {
     background-color: var(--color-light-neutral-translucent-200);
 }

package/number-input/components/number-input/index.css

@@ -18,18 +18,15 @@
     --gap-xs-neg: -8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
     --gap-4-neg: var(--gap-2xs-neg);
     --gap-8-neg: var(--gap-xs-neg);
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .number-input__size-40_1lxjh {
+} /* сбрасывает синюю подсветку при нажатии */ .number-input__size-40_1q127 {
     margin-right: var(--gap-8-neg);
     height: 32px;
-} .number-input__size-48_1lxjh {
+} .number-input__size-48_1q127 {
     margin-right: var(--gap-8-neg);
-} .number-input__size-56_1lxjh {
+} .number-input__size-56_1q127 {
     margin-right: var(--gap-4-neg);
 }