@alfalab/core-components 47.1.0-beta.0 → 47.2.0

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

@@ -18,26 +18,26 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .navigation-bar-private__header_16f1v {
+} .navigation-bar-private__header_16nbp {
     width: 100%;
     box-sizing: border-box;
     transition: box-shadow 0.2s ease, background 0.2s ease
-} .navigation-bar-private__header_16f1v.navigation-bar-private__header_16f1v.navigation-bar-private__backgroundImage_16f1v {
+} .navigation-bar-private__header_16nbp.navigation-bar-private__header_16nbp.navigation-bar-private__backgroundImage_16nbp {
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
-    } .navigation-bar-private__mainLine_16f1v {
+    } .navigation-bar-private__mainLine_16nbp {
     display: flex;
     align-items: stretch;
     justify-content: space-between;
     z-index: 1;
     background-color: inherit;
-} .navigation-bar-private__mainLineSticky_16f1v {
+} .navigation-bar-private__mainLineSticky_16nbp {
     position: sticky;
     top: 0;
-} .navigation-bar-private__mainLineWithImageBg_16f1v {
+} .navigation-bar-private__mainLineWithImageBg_16nbp {
     background-color: initial;
-} .navigation-bar-private__content_16f1v {
+} .navigation-bar-private__content_16nbp {
     color: var(--color-light-text-primary);
     display: flex;
     flex-flow: column nowrap;
@@ -46,27 +46,27 @@
     align-self: baseline;
     box-sizing: border-box;
     min-height: 48px
-} .navigation-bar-private__content_16f1v.navigation-bar-private__withBothAddons_16f1v,
-    .navigation-bar-private__content_16f1v.navigation-bar-private__withCompactTitle_16f1v {
+} .navigation-bar-private__content_16nbp.navigation-bar-private__withBothAddons_16nbp,
+    .navigation-bar-private__content_16nbp.navigation-bar-private__withCompactTitle_16nbp {
         font-size: 16px;
         line-height: 20px;
         font-weight: 500;
         align-self: center;
         padding-top: var(--gap-2xs);
         padding-bottom: var(--gap-2xs)
-    } .navigation-bar-private__content_16f1v.navigation-bar-private__withBothAddons_16f1v > .navigation-bar-private__children_16f1v,
-        .navigation-bar-private__content_16f1v.navigation-bar-private__withBothAddons_16f1v > .navigation-bar-private__title_16f1v,
-        .navigation-bar-private__content_16f1v.navigation-bar-private__withCompactTitle_16f1v > .navigation-bar-private__children_16f1v,
-        .navigation-bar-private__content_16f1v.navigation-bar-private__withCompactTitle_16f1v > .navigation-bar-private__title_16f1v {
+    } .navigation-bar-private__content_16nbp.navigation-bar-private__withBothAddons_16nbp > .navigation-bar-private__children_16nbp,
+        .navigation-bar-private__content_16nbp.navigation-bar-private__withBothAddons_16nbp > .navigation-bar-private__title_16nbp,
+        .navigation-bar-private__content_16nbp.navigation-bar-private__withCompactTitle_16nbp > .navigation-bar-private__children_16nbp,
+        .navigation-bar-private__content_16nbp.navigation-bar-private__withCompactTitle_16nbp > .navigation-bar-private__title_16nbp {
             -webkit-line-clamp: 1;
             word-break: break-all;
-        } .navigation-bar-private__content_16f1v.navigation-bar-private__contentOnBotDesktop_16f1v.navigation-bar-private__contentOnBotDesktop_16f1v {
+        } .navigation-bar-private__content_16nbp.navigation-bar-private__contentOnBotDesktop_16nbp.navigation-bar-private__contentOnBotDesktop_16nbp {
         padding-top: var(--gap-s);
-    } .navigation-bar-private__content_16f1v.navigation-bar-private__contentOnBotMobile_16f1v.navigation-bar-private__contentOnBotMobile_16f1v {
+    } .navigation-bar-private__content_16nbp.navigation-bar-private__contentOnBotMobile_16nbp.navigation-bar-private__contentOnBotMobile_16nbp {
         padding-top: var(--gap-s);
-    } .navigation-bar-private__title_16f1v {
+    } .navigation-bar-private__title_16nbp {
     word-break: break-word;
-} .navigation-bar-private__subtitle_16f1v {
+} .navigation-bar-private__subtitle_16nbp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -77,11 +77,11 @@
 
     color: var(--color-light-text-secondary);
     word-break: break-all;
-} .navigation-bar-private__addonsWrapper_16f1v {
+} .navigation-bar-private__addonsWrapper_16nbp {
     display: flex;
-} .navigation-bar-private__rightAddons_16f1v {
+} .navigation-bar-private__rightAddons_16nbp {
     margin-left: auto;
-} .navigation-bar-private__addon_16f1v {
+} .navigation-bar-private__addon_16nbp {
     min-width: 48px;
     height: 48px;
     display: flex;
@@ -89,18 +89,18 @@
     align-items: center;
     flex-shrink: 0;
     pointer-events: all;
-} .navigation-bar-private__bottomAddons_16f1v {
+} .navigation-bar-private__bottomAddons_16nbp {
     pointer-events: all;
-} .navigation-bar-private__closer_16f1v {
+} .navigation-bar-private__closer_16nbp {
     margin-left: auto;
-} .navigation-bar-private__left_16f1v {
+} .navigation-bar-private__left_16nbp {
     text-align: left;
-} .navigation-bar-private__center_16f1v {
+} .navigation-bar-private__center_16nbp {
     text-align: center;
-} .navigation-bar-private__trim_16f1v {
+} .navigation-bar-private__trim_16nbp {
     overflow: hidden
-} .navigation-bar-private__trim_16f1v .navigation-bar-private__title_16f1v,
-    .navigation-bar-private__trim_16f1v .navigation-bar-private__children_16f1v {
+} .navigation-bar-private__trim_16nbp .navigation-bar-private__title_16nbp,
+    .navigation-bar-private__trim_16nbp .navigation-bar-private__children_16nbp {
         -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_1e01n","isVisible":"notification__isVisible_1e01n","isClosing":"notification__isClosing_1e01n","toastContent":"notification__toastContent_1e01n","actionSection":"notification__actionSection_1e01n"};
+var styles = {"notificationComponent":"notification__notificationComponent_1kktc","isVisible":"notification__isVisible_1kktc","isClosing":"notification__isClosing_1kktc","toastContent":"notification__toastContent_1kktc","actionSection":"notification__actionSection_1kktc"};
 require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);

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_1e01n","isVisible":"notification__isVisible_1e01n","isClosing":"notification__isClosing_1e01n","toastContent":"notification__toastContent_1e01n","actionSection":"notification__actionSection_1e01n"};
+var styles = {"notificationComponent":"notification__notificationComponent_1kktc","isVisible":"notification__isVisible_1kktc","isClosing":"notification__isClosing_1kktc","toastContent":"notification__toastContent_1kktc","actionSection":"notification__actionSection_1kktc"};
 require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);

package/notification/esm/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_1e01n {
+} .notification__notificationComponent_1kktc {
     visibility: hidden;
     right: var(--gap-s);
     transform: translate(0, -500px);
@@ -30,26 +30,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_1e01n {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_1kktc {
         right: var(--gap-4xl);
         width: auto;
         transform: translate(calc(100% + var(--gap-4xl)), 0)
 }
-    } .notification__notificationComponent_1e01n.notification__isVisible_1e01n {
+    } .notification__notificationComponent_1kktc.notification__isVisible_1kktc {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_1e01n.notification__isClosing_1e01n {
+    } .notification__notificationComponent_1kktc.notification__isClosing_1kktc {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_1e01n.notification__isClosing_1e01n {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_1kktc.notification__isClosing_1kktc {
             transform: translate(calc(100% + var(--gap-4xl)), 0)
     }
-        } .notification__notificationComponent_1e01n.notification__notificationComponent_1e01n {
+        } .notification__notificationComponent_1kktc.notification__notificationComponent_1kktc {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_1e01n {
+} @media screen and (min-width: 600px) { .notification__toastContent_1kktc {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_1e01n {
+    } .notification__actionSection_1kktc {
     min-width: 104px;
     min-height: 48px;
     padding: 0 var(--gap-xs);

package/notification/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_1e01n {
+} .notification__notificationComponent_1kktc {
     visibility: hidden;
     right: var(--gap-s);
     transform: translate(0, -500px);
@@ -30,26 +30,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_1e01n {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_1kktc {
         right: var(--gap-4xl);
         width: auto;
         transform: translate(calc(100% + var(--gap-4xl)), 0)
 }
-    } .notification__notificationComponent_1e01n.notification__isVisible_1e01n {
+    } .notification__notificationComponent_1kktc.notification__isVisible_1kktc {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_1e01n.notification__isClosing_1e01n {
+    } .notification__notificationComponent_1kktc.notification__isClosing_1kktc {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_1e01n.notification__isClosing_1e01n {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_1kktc.notification__isClosing_1kktc {
             transform: translate(calc(100% + var(--gap-4xl)), 0)
     }
-        } .notification__notificationComponent_1e01n.notification__notificationComponent_1e01n {
+        } .notification__notificationComponent_1kktc.notification__notificationComponent_1kktc {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_1e01n {
+} @media screen and (min-width: 600px) { .notification__toastContent_1kktc {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_1e01n {
+    } .notification__actionSection_1kktc {
     min-width: 104px;
     min-height: 48px;
     padding: 0 var(--gap-xs);

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_1e01n","isVisible":"notification__isVisible_1e01n","isClosing":"notification__isClosing_1e01n","toastContent":"notification__toastContent_1e01n","actionSection":"notification__actionSection_1e01n"};
+const styles = {"notificationComponent":"notification__notificationComponent_1kktc","isVisible":"notification__isVisible_1kktc","isClosing":"notification__isClosing_1kktc","toastContent":"notification__toastContent_1kktc","actionSection":"notification__actionSection_1kktc"};
 require('./index.css');
 
 const notificationClassNameSelector = `.${styles.notificationComponent}`;

package/notification/modern/index.css

@@ -21,7 +21,7 @@
 } :root {
 } :root {
     --notification-desktop-content-width: 278px;
-} .notification__notificationComponent_1e01n {
+} .notification__notificationComponent_1kktc {
     visibility: hidden;
     right: var(--gap-s);
     transform: translate(0, -500px);
@@ -30,26 +30,26 @@
     -webkit-user-select: none;
             user-select: none;
     transition: transform 0.4s ease-out
-} @media screen and (min-width: 600px) { .notification__notificationComponent_1e01n {
+} @media screen and (min-width: 600px) { .notification__notificationComponent_1kktc {
         right: var(--gap-4xl);
         width: auto;
         transform: translate(calc(100% + var(--gap-4xl)), 0)
 }
-    } .notification__notificationComponent_1e01n.notification__isVisible_1e01n {
+    } .notification__notificationComponent_1kktc.notification__isVisible_1kktc {
         visibility: visible;
         transform: translate(0, 0);
-    } .notification__notificationComponent_1e01n.notification__isClosing_1e01n {
+    } .notification__notificationComponent_1kktc.notification__isClosing_1kktc {
         transition: transform 0.1s ease-out;
         transform: translate(100vw, 0)
-    } @media screen and (min-width: 600px) { .notification__notificationComponent_1e01n.notification__isClosing_1e01n {
+    } @media screen and (min-width: 600px) { .notification__notificationComponent_1kktc.notification__isClosing_1kktc {
             transform: translate(calc(100% + var(--gap-4xl)), 0)
     }
-        } .notification__notificationComponent_1e01n.notification__notificationComponent_1e01n {
+        } .notification__notificationComponent_1kktc.notification__notificationComponent_1kktc {
     position: fixed;
-} @media screen and (min-width: 600px) { .notification__toastContent_1e01n {
+} @media screen and (min-width: 600px) { .notification__toastContent_1kktc {
         width: var(--notification-desktop-content-width)
 }
-    } .notification__actionSection_1e01n {
+    } .notification__actionSection_1kktc {
     min-width: 104px;
     min-height: 48px;
     padding: 0 var(--gap-xs);

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_k59zf","notification":"notification-manager__notification_k59zf","withoutMargin":"notification-manager__withoutMargin_k59zf","enter":"notification-manager__enter_k59zf","enterActive":"notification-manager__enterActive_k59zf"};
+var styles = {"component":"notification-manager__component_cisjq","notification":"notification-manager__notification_cisjq","withoutMargin":"notification-manager__withoutMargin_cisjq","enter":"notification-manager__enter_cisjq","enterActive":"notification-manager__enterActive_cisjq"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

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_k59zf","notification":"notification-manager__notification_k59zf","withoutMargin":"notification-manager__withoutMargin_k59zf","enter":"notification-manager__enter_k59zf","enterActive":"notification-manager__enterActive_k59zf"};
+var styles = {"component":"notification-manager__component_cisjq","notification":"notification-manager__notification_cisjq","withoutMargin":"notification-manager__withoutMargin_cisjq","enter":"notification-manager__enter_cisjq","enterActive":"notification-manager__enterActive_cisjq"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/esm/index.css

@@ -5,7 +5,7 @@
     --gap-4xl: 48px;
 }
 
-.notification-manager__component_k59zf {
+.notification-manager__component_cisjq {
     position: fixed;
     top: 0;
     right: var(--gap-s);
@@ -13,45 +13,45 @@
     flex-direction: column;
 }
 
-.notification-manager__component_k59zf .notification-manager__notification_k59zf {
+.notification-manager__component_cisjq .notification-manager__notification_cisjq {
     width: calc(100vw - var(--gap-xl));
     margin-top: var(--gap-s);
     will-change: transform
 }
 
-.notification-manager__component_k59zf .notification-manager__notification_k59zf.notification-manager__withoutMargin_k59zf {
+.notification-manager__component_cisjq .notification-manager__notification_cisjq.notification-manager__withoutMargin_cisjq {
         margin-top: 0;
     }
 
-.notification-manager__component_k59zf .notification-manager__notification_k59zf.notification-manager__notification_k59zf {
+.notification-manager__component_cisjq .notification-manager__notification_cisjq.notification-manager__notification_cisjq {
     position: static;
 }
 
-.notification-manager__enter_k59zf {
+.notification-manager__enter_cisjq {
     visibility: hidden;
     transform: translate(0, -500px);
 }
 
-.notification-manager__enterActive_k59zf {
+.notification-manager__enterActive_cisjq {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 }
 
 @media (min-width: 600px) {
-    .notification-manager__component_k59zf {
+    .notification-manager__component_cisjq {
         right: var(--gap-4xl);
     }
 
-    .notification-manager__component_k59zf .notification-manager__notification_k59zf {
+    .notification-manager__component_cisjq .notification-manager__notification_cisjq {
         width: auto;
     }
 
-    .notification-manager__enter_k59zf {
+    .notification-manager__enter_cisjq {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_k59zf {
+    .notification-manager__enterActive_cisjq {
         transform: translate(0);
     }
 }

package/notification-manager/index.css

@@ -5,7 +5,7 @@
     --gap-4xl: 48px;
 }
 
-.notification-manager__component_k59zf {
+.notification-manager__component_cisjq {
     position: fixed;
     top: 0;
     right: var(--gap-s);
@@ -13,45 +13,45 @@
     flex-direction: column;
 }
 
-.notification-manager__component_k59zf .notification-manager__notification_k59zf {
+.notification-manager__component_cisjq .notification-manager__notification_cisjq {
     width: calc(100vw - var(--gap-xl));
     margin-top: var(--gap-s);
     will-change: transform
 }
 
-.notification-manager__component_k59zf .notification-manager__notification_k59zf.notification-manager__withoutMargin_k59zf {
+.notification-manager__component_cisjq .notification-manager__notification_cisjq.notification-manager__withoutMargin_cisjq {
         margin-top: 0;
     }
 
-.notification-manager__component_k59zf .notification-manager__notification_k59zf.notification-manager__notification_k59zf {
+.notification-manager__component_cisjq .notification-manager__notification_cisjq.notification-manager__notification_cisjq {
     position: static;
 }
 
-.notification-manager__enter_k59zf {
+.notification-manager__enter_cisjq {
     visibility: hidden;
     transform: translate(0, -500px);
 }
 
-.notification-manager__enterActive_k59zf {
+.notification-manager__enterActive_cisjq {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 }
 
 @media (min-width: 600px) {
-    .notification-manager__component_k59zf {
+    .notification-manager__component_cisjq {
         right: var(--gap-4xl);
     }
 
-    .notification-manager__component_k59zf .notification-manager__notification_k59zf {
+    .notification-manager__component_cisjq .notification-manager__notification_cisjq {
         width: auto;
     }
 
-    .notification-manager__enter_k59zf {
+    .notification-manager__enter_cisjq {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_k59zf {
+    .notification-manager__enterActive_cisjq {
         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_k59zf","notification":"notification-manager__notification_k59zf","withoutMargin":"notification-manager__withoutMargin_k59zf","enter":"notification-manager__enter_k59zf","enterActive":"notification-manager__enterActive_k59zf"};
+const styles = {"component":"notification-manager__component_cisjq","notification":"notification-manager__notification_cisjq","withoutMargin":"notification-manager__withoutMargin_cisjq","enter":"notification-manager__enter_cisjq","enterActive":"notification-manager__enterActive_cisjq"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/modern/index.css

@@ -5,7 +5,7 @@
     --gap-4xl: 48px;
 }
 
-.notification-manager__component_k59zf {
+.notification-manager__component_cisjq {
     position: fixed;
     top: 0;
     right: var(--gap-s);
@@ -13,45 +13,45 @@
     flex-direction: column;
 }
 
-.notification-manager__component_k59zf .notification-manager__notification_k59zf {
+.notification-manager__component_cisjq .notification-manager__notification_cisjq {
     width: calc(100vw - var(--gap-xl));
     margin-top: var(--gap-s);
     will-change: transform
 }
 
-.notification-manager__component_k59zf .notification-manager__notification_k59zf.notification-manager__withoutMargin_k59zf {
+.notification-manager__component_cisjq .notification-manager__notification_cisjq.notification-manager__withoutMargin_cisjq {
         margin-top: 0;
     }
 
-.notification-manager__component_k59zf .notification-manager__notification_k59zf.notification-manager__notification_k59zf {
+.notification-manager__component_cisjq .notification-manager__notification_cisjq.notification-manager__notification_cisjq {
     position: static;
 }
 
-.notification-manager__enter_k59zf {
+.notification-manager__enter_cisjq {
     visibility: hidden;
     transform: translate(0, -500px);
 }
 
-.notification-manager__enterActive_k59zf {
+.notification-manager__enterActive_cisjq {
     visibility: visible;
     transform: translate(0);
     transition: transform 0.4s ease-out;
 }
 
 @media (min-width: 600px) {
-    .notification-manager__component_k59zf {
+    .notification-manager__component_cisjq {
         right: var(--gap-4xl);
     }
 
-    .notification-manager__component_k59zf .notification-manager__notification_k59zf {
+    .notification-manager__component_cisjq .notification-manager__notification_cisjq {
         width: auto;
     }
 
-    .notification-manager__enter_k59zf {
+    .notification-manager__enter_cisjq {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_k59zf {
+    .notification-manager__enterActive_cisjq {
         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_11ulu","steppersFocused":"number-input__steppersFocused_11ulu","steppersDisabled":"number-input__steppersDisabled_11ulu"};
+var defaultColors = {"steppers":"number-input__steppers_11zy5","steppersFocused":"number-input__steppersFocused_11zy5","steppersDisabled":"number-input__steppersDisabled_11zy5"};
 require('./default.css');
 
-var styles = {"size-48":"number-input__size-48_13mn3","size-56":"number-input__size-56_13mn3"};
+var styles = {"size-48":"number-input__size-48_t39v8","size-56":"number-input__size-56_t39v8"};
 require('./index.css');
 
-var invertedColors = {"steppers":"number-input__steppers_1c82e","steppersFocused":"number-input__steppersFocused_1c82e","steppersDisabled":"number-input__steppersDisabled_1c82e"};
+var invertedColors = {"steppers":"number-input__steppers_1cdep","steppersFocused":"number-input__steppersFocused_1cdep","steppersDisabled":"number-input__steppersDisabled_1cdep"};
 require('./inverted.css');
 
 var colorStyles = {

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

@@ -16,9 +16,9 @@
 } :root {
 } :root {
 } :root {
-} .number-input__steppers_11ulu {
+} .number-input__steppers_11zy5 {
     background-color: var(--color-light-neutral-translucent-0);
-} .number-input__steppersFocused_11ulu,
-.number-input__steppersDisabled_11ulu {
+} .number-input__steppersFocused_11zy5,
+.number-input__steppersDisabled_11zy5 {
     background-color: var(--color-light-neutral-translucent-200);
 }

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

@@ -16,8 +16,8 @@
     --gap-xs-neg: -8px;
 } :root {
 } :root {
-} .number-input__size-48_13mn3 {
+} .number-input__size-48_t39v8 {
     margin-right: var(--gap-xs-neg);
-} .number-input__size-56_13mn3 {
+} .number-input__size-56_t39v8 {
     margin-right: var(--gap-2xs-neg);
 }

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

@@ -16,9 +16,9 @@
 } :root {
 } :root {
 } :root {
-} .number-input__steppers_1c82e {
+} .number-input__steppers_1cdep {
     background-color: var(--color-light-neutral-translucent-0-inverted);
-} .number-input__steppersFocused_1c82e,
-.number-input__steppersDisabled_1c82e {
+} .number-input__steppersFocused_1cdep,
+.number-input__steppersDisabled_1cdep {
     background-color: var(--color-light-neutral-translucent-300-inverted);
 }

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

@@ -12,13 +12,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"separator":"number-input__separator_1rno7"};
+var defaultColors = {"separator":"number-input__separator_186im"};
 require('./default.css');
 
-var styles = {"component":"number-input__component_1gfhl","separator":"number-input__separator_1gfhl","button":"number-input__button_1gfhl"};
+var styles = {"component":"number-input__component_9e0rn","separator":"number-input__separator_9e0rn","button":"number-input__button_9e0rn"};
 require('./index.css');
 
-var invertedColors = {"separator":"number-input__separator_1urrs"};
+var invertedColors = {"separator":"number-input__separator_1bam7"};
 require('./inverted.css');
 
 var colorStyles = {

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

@@ -15,6 +15,6 @@
 } :root {
 } :root {
 } :root {
-} .number-input__separator_1rno7 {
+} .number-input__separator_186im {
     background-color: var(--color-light-neutral-translucent-300);
 }

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

@@ -14,17 +14,17 @@
 } :root {
 } :root {
 } :root {
-} .number-input__component_1gfhl {
+} .number-input__component_9e0rn {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     border-radius: 5px;
     transition: background-color 0.2s ease;
     overflow: visible;
-} .number-input__separator_1gfhl {
+} .number-input__separator_9e0rn {
     height: 18px;
     width: 1px;
-} .number-input__button_1gfhl {
+} .number-input__button_9e0rn {
     width: 40px;
     height: 40px;
 }

package/number-input/components/steppers/inverted.css

@@ -15,6 +15,6 @@
 } :root {
 } :root {
 } :root {
-} .number-input__separator_1urrs {
+} .number-input__separator_1bam7 {
     background-color: var(--color-light-neutral-translucent-300-inverted);
 }

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

@@ -11,13 +11,13 @@ import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/MinusMIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
 
-var defaultColors = {"steppers":"number-input__steppers_11ulu","steppersFocused":"number-input__steppersFocused_11ulu","steppersDisabled":"number-input__steppersDisabled_11ulu"};
+var defaultColors = {"steppers":"number-input__steppers_11zy5","steppersFocused":"number-input__steppersFocused_11zy5","steppersDisabled":"number-input__steppersDisabled_11zy5"};
 require('./default.css');
 
-var styles = {"size-48":"number-input__size-48_13mn3","size-56":"number-input__size-56_13mn3"};
+var styles = {"size-48":"number-input__size-48_t39v8","size-56":"number-input__size-56_t39v8"};
 require('./index.css');
 
-var invertedColors = {"steppers":"number-input__steppers_1c82e","steppersFocused":"number-input__steppersFocused_1c82e","steppersDisabled":"number-input__steppersDisabled_1c82e"};
+var invertedColors = {"steppers":"number-input__steppers_1cdep","steppersFocused":"number-input__steppersFocused_1cdep","steppersDisabled":"number-input__steppersDisabled_1cdep"};
 require('./inverted.css');
 
 var colorStyles = {