@alfalab/core-components 48.33.1 → 48.33.2

package/confirmation-v1/modern/components/sign-confirmation/index.css

@@ -55,17 +55,17 @@
     --confirmation-error-color: var(--color-light-text-negative);
 
     /* input */
-} .confirmation-v1__component_1301t {
+} .confirmation-v1__component_mthc8 {
     display: flex;
     flex-direction: column;
-} .confirmation-v1__countdown_1301t {
+} .confirmation-v1__countdown_mthc8 {
     max-height: 300px;
     overflow: hidden;
     transition: max-height 0.15s ease;
-} .confirmation-v1__hidden_1301t {
+} .confirmation-v1__hidden_mthc8 {
     opacity: 0;
     max-height: 0;
-} .confirmation-v1__header_1301t {
+} .confirmation-v1__header_mthc8 {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -75,27 +75,27 @@
 
     margin-bottom: var(--gap-40);
     color: var(--confirmation-title-color);
-} .confirmation-v1__inputContainer_1301t {
+} .confirmation-v1__inputContainer_mthc8 {
     display: flex;
     flex-direction: column;
-} .confirmation-v1__smsComeLinkWrap_1301t {
+} .confirmation-v1__smsComeLinkWrap_mthc8 {
     margin-top: var(--gap-20);
-} .confirmation-v1__smsComeLink_1301t {
+} .confirmation-v1__smsComeLink_mthc8 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .confirmation-v1__error_1301t {
+} .confirmation-v1__error_mthc8 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-top: var(--gap-8);
     color: var(--confirmation-error-color);
-} .confirmation-v1__loaderWrap_1301t {
+} .confirmation-v1__loaderWrap_mthc8 {
     display: flex;
     align-items: center;
     margin: var(--gap-40) var(--gap-0) var(--gap-8);
-} .confirmation-v1__loaderText_1301t {
+} .confirmation-v1__loaderText_mthc8 {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -104,7 +104,7 @@
 
     margin-left: var(--gap-12);
     color: var(--confirmation-text-color);
-} .confirmation-v1__center_1301t .confirmation-v1__codeInput_1301t,
-    .confirmation-v1__center_1301t .confirmation-v1__loaderWrap_1301t {
+} .confirmation-v1__center_mthc8 .confirmation-v1__codeInput_mthc8,
+    .confirmation-v1__center_mthc8 .confirmation-v1__loaderWrap_mthc8 {
         justify-content: center;
     }

package/confirmation-v1/modern/index.css

@@ -53,16 +53,16 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_g74sd {
+} .confirmation-v1__component_5nmrl {
     display: flex;
     flex-direction: column;
     width: 100%;
     font-family: var(--confirmation-text-font-family);
-} .confirmation-v1__error_g74sd {
+} .confirmation-v1__error_5nmrl {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-} .confirmation-v1__errorHeader_g74sd {
+} .confirmation-v1__errorHeader_5nmrl {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -72,7 +72,7 @@
 
     margin-bottom: var(--gap-32);
     color: var(--confirmation-title-color);
-} .confirmation-v1__errorText_g74sd {
+} .confirmation-v1__errorText_5nmrl {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -81,11 +81,11 @@
 
     margin-bottom: var(--gap-32);
     color: var(--confirmation-text-color);
-} .confirmation-v1__phoneHintWrap_g74sd {
+} .confirmation-v1__phoneHintWrap_5nmrl {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-} .confirmation-v1__phoneHintText_g74sd {
+} .confirmation-v1__phoneHintText_5nmrl {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -94,7 +94,7 @@
 
     margin-bottom: var(--gap-24);
     color: var(--confirmation-text-color);
-} .confirmation-v1__phonesWrap_g74sd {
+} .confirmation-v1__phonesWrap_5nmrl {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -104,16 +104,16 @@
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-48);
-} .confirmation-v1__phoneWrap_g74sd {
+} .confirmation-v1__phoneWrap_5nmrl {
     margin-bottom: var(--gap-8)
-} .confirmation-v1__phoneWrap_g74sd:last-child {
+} .confirmation-v1__phoneWrap_5nmrl:last-child {
         margin-bottom: var(--gap-0);
-    } .confirmation-v1__phoneDescription_g74sd {
+    } .confirmation-v1__phoneDescription_5nmrl {
     color: var(--confirmation-text-color);
-} .confirmation-v1__component_g74sd.confirmation-v1__center_g74sd {
+} .confirmation-v1__component_5nmrl.confirmation-v1__center_5nmrl {
     text-align: center;
-} .confirmation-v1__center_g74sd .confirmation-v1__phoneHintWrap_g74sd {
+} .confirmation-v1__center_5nmrl .confirmation-v1__phoneHintWrap_5nmrl {
         align-items: center;
-    } .confirmation-v1__center_g74sd .confirmation-v1__error_g74sd {
+    } .confirmation-v1__center_5nmrl .confirmation-v1__error_5nmrl {
         align-items: center;
     }

package/custom-button/components/base-custom-button/base-custom-button.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"customButton":"custom-button__customButton_5nbat","border":"custom-button__border_5nbat","white":"custom-button__white_5nbat","black":"custom-button__black_5nbat","static-white":"custom-button__static-white_5nbat","static-black":"custom-button__static-black_5nbat","darkening":"custom-button__darkening_5nbat","lightening":"custom-button__lightening_5nbat","static-darkening":"custom-button__static-darkening_5nbat","static-lightening":"custom-button__static-lightening_5nbat","disableType-default":"custom-button__disableType-default_5nbat","disableType-static":"custom-button__disableType-static_5nbat","disableType-inverted":"custom-button__disableType-inverted_5nbat","disableType-static-inverted":"custom-button__disableType-static-inverted_5nbat"};
+var styles = {"customButton":"custom-button__customButton_15xgj","border":"custom-button__border_15xgj","white":"custom-button__white_15xgj","black":"custom-button__black_15xgj","static-white":"custom-button__static-white_15xgj","static-black":"custom-button__static-black_15xgj","darkening":"custom-button__darkening_15xgj","lightening":"custom-button__lightening_15xgj","static-darkening":"custom-button__static-darkening_15xgj","static-lightening":"custom-button__static-lightening_15xgj","disableType-default":"custom-button__disableType-default_15xgj","disableType-static":"custom-button__disableType-static_15xgj","disableType-inverted":"custom-button__disableType-inverted_15xgj","disableType-static-inverted":"custom-button__disableType-static-inverted_15xgj"};
 require('./index.css');
 
 var BaseCustomButton = React.forwardRef(function (_a, ref) {

package/custom-button/components/base-custom-button/index.css

@@ -38,23 +38,23 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_5nbat {
+} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_15xgj {
     overflow: hidden;
     position: relative
-} .custom-button__customButton_5nbat.custom-button__border_5nbat {
+} .custom-button__customButton_15xgj.custom-button__border_15xgj {
         border: 1px solid transparent;
-    } .custom-button__customButton_5nbat.custom-button__white_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__white_15xgj * {
         color: var(--color-light-text-primary-inverted);
-    } .custom-button__customButton_5nbat.custom-button__black_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__black_15xgj * {
         color: var(--color-light-text-primary);
-    } .custom-button__customButton_5nbat.custom-button__static-white_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__static-white_15xgj * {
         color: var(--color-static-text-primary-inverted);
-    } .custom-button__customButton_5nbat.custom-button__static-black_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__static-black_15xgj * {
         color: var(--color-static-text-primary);
-    } .custom-button__customButton_5nbat span {
+    } .custom-button__customButton_15xgj span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_5nbat:before {
+    } .custom-button__customButton_15xgj:before {
         position: absolute;
         left: var(--gap-0);
         right: var(--gap-0);
@@ -66,43 +66,43 @@
         opacity: 1;
         pointer-events: none;
     } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__darkening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__darkening_15xgj:hover:before {
             background-color: var(--color-light-neutral-translucent-200);
         }
-    } .custom-button__customButton_5nbat.custom-button__darkening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__darkening_15xgj:active:before {
             background-color: var(--color-light-neutral-translucent-400);
         } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__lightening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__lightening_15xgj:hover:before {
             background-color: var(--color-light-neutral-translucent-200-inverted);
         }
-    } .custom-button__customButton_5nbat.custom-button__lightening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__lightening_15xgj:active:before {
             background-color: var(--color-light-neutral-translucent-400-inverted);
         } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__static-darkening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__static-darkening_15xgj:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
         }
-    } .custom-button__customButton_5nbat.custom-button__static-darkening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__static-darkening_15xgj:active:before {
             background-color: rgba(0, 0, 0, 0.15);
         } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__static-lightening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__static-lightening_15xgj:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
         }
-    } .custom-button__customButton_5nbat.custom-button__static-lightening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__static-lightening_15xgj:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_5nbat:disabled.custom-button__disableType-default_5nbat {
+        } /* Disabled */ .custom-button__customButton_15xgj:disabled.custom-button__disableType-default_15xgj {
         background-color: var(--color-light-neutral-translucent-100)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-default_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-default_15xgj span {
             color: var(--color-light-text-tertiary);
-        } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static_5nbat {
+        } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static_15xgj {
         background-color: var(--color-static-neutral-translucent-100)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static_15xgj span {
             color: var(--color-static-text-tertiary);
-        } .custom-button__customButton_5nbat:disabled.custom-button__disableType-inverted_5nbat {
+        } .custom-button__customButton_15xgj:disabled.custom-button__disableType-inverted_15xgj {
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-inverted_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-inverted_15xgj span {
             color: var(--color-light-text-tertiary-inverted);
-        } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static-inverted_5nbat {
+        } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static-inverted_15xgj {
         background-color: var(--color-static-neutral-translucent-100-inverted)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static-inverted_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static-inverted_15xgj span {
             color: var(--color-static-text-tertiary-inverted);
         }

package/custom-button/esm/components/base-custom-button/base-custom-button.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { DEFAULT_BUTTON_COLOR, DEFAULT_CONTENT_COLOR } from '../../constants/default-colors.js';
 
-var styles = {"customButton":"custom-button__customButton_5nbat","border":"custom-button__border_5nbat","white":"custom-button__white_5nbat","black":"custom-button__black_5nbat","static-white":"custom-button__static-white_5nbat","static-black":"custom-button__static-black_5nbat","darkening":"custom-button__darkening_5nbat","lightening":"custom-button__lightening_5nbat","static-darkening":"custom-button__static-darkening_5nbat","static-lightening":"custom-button__static-lightening_5nbat","disableType-default":"custom-button__disableType-default_5nbat","disableType-static":"custom-button__disableType-static_5nbat","disableType-inverted":"custom-button__disableType-inverted_5nbat","disableType-static-inverted":"custom-button__disableType-static-inverted_5nbat"};
+var styles = {"customButton":"custom-button__customButton_15xgj","border":"custom-button__border_15xgj","white":"custom-button__white_15xgj","black":"custom-button__black_15xgj","static-white":"custom-button__static-white_15xgj","static-black":"custom-button__static-black_15xgj","darkening":"custom-button__darkening_15xgj","lightening":"custom-button__lightening_15xgj","static-darkening":"custom-button__static-darkening_15xgj","static-lightening":"custom-button__static-lightening_15xgj","disableType-default":"custom-button__disableType-default_15xgj","disableType-static":"custom-button__disableType-static_15xgj","disableType-inverted":"custom-button__disableType-inverted_15xgj","disableType-static-inverted":"custom-button__disableType-static-inverted_15xgj"};
 require('./index.css');
 
 var BaseCustomButton = forwardRef(function (_a, ref) {

package/custom-button/esm/components/base-custom-button/index.css

@@ -38,23 +38,23 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_5nbat {
+} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_15xgj {
     overflow: hidden;
     position: relative
-} .custom-button__customButton_5nbat.custom-button__border_5nbat {
+} .custom-button__customButton_15xgj.custom-button__border_15xgj {
         border: 1px solid transparent;
-    } .custom-button__customButton_5nbat.custom-button__white_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__white_15xgj * {
         color: var(--color-light-text-primary-inverted);
-    } .custom-button__customButton_5nbat.custom-button__black_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__black_15xgj * {
         color: var(--color-light-text-primary);
-    } .custom-button__customButton_5nbat.custom-button__static-white_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__static-white_15xgj * {
         color: var(--color-static-text-primary-inverted);
-    } .custom-button__customButton_5nbat.custom-button__static-black_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__static-black_15xgj * {
         color: var(--color-static-text-primary);
-    } .custom-button__customButton_5nbat span {
+    } .custom-button__customButton_15xgj span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_5nbat:before {
+    } .custom-button__customButton_15xgj:before {
         position: absolute;
         left: var(--gap-0);
         right: var(--gap-0);
@@ -66,43 +66,43 @@
         opacity: 1;
         pointer-events: none;
     } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__darkening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__darkening_15xgj:hover:before {
             background-color: var(--color-light-neutral-translucent-200);
         }
-    } .custom-button__customButton_5nbat.custom-button__darkening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__darkening_15xgj:active:before {
             background-color: var(--color-light-neutral-translucent-400);
         } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__lightening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__lightening_15xgj:hover:before {
             background-color: var(--color-light-neutral-translucent-200-inverted);
         }
-    } .custom-button__customButton_5nbat.custom-button__lightening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__lightening_15xgj:active:before {
             background-color: var(--color-light-neutral-translucent-400-inverted);
         } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__static-darkening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__static-darkening_15xgj:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
         }
-    } .custom-button__customButton_5nbat.custom-button__static-darkening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__static-darkening_15xgj:active:before {
             background-color: rgba(0, 0, 0, 0.15);
         } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__static-lightening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__static-lightening_15xgj:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
         }
-    } .custom-button__customButton_5nbat.custom-button__static-lightening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__static-lightening_15xgj:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_5nbat:disabled.custom-button__disableType-default_5nbat {
+        } /* Disabled */ .custom-button__customButton_15xgj:disabled.custom-button__disableType-default_15xgj {
         background-color: var(--color-light-neutral-translucent-100)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-default_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-default_15xgj span {
             color: var(--color-light-text-tertiary);
-        } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static_5nbat {
+        } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static_15xgj {
         background-color: var(--color-static-neutral-translucent-100)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static_15xgj span {
             color: var(--color-static-text-tertiary);
-        } .custom-button__customButton_5nbat:disabled.custom-button__disableType-inverted_5nbat {
+        } .custom-button__customButton_15xgj:disabled.custom-button__disableType-inverted_15xgj {
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-inverted_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-inverted_15xgj span {
             color: var(--color-light-text-tertiary-inverted);
-        } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static-inverted_5nbat {
+        } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static-inverted_15xgj {
         background-color: var(--color-static-neutral-translucent-100-inverted)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static-inverted_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static-inverted_15xgj span {
             color: var(--color-static-text-tertiary-inverted);
         }

package/custom-button/modern/components/base-custom-button/base-custom-button.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { DEFAULT_BUTTON_COLOR, DEFAULT_CONTENT_COLOR } from '../../constants/default-colors.js';
 
-const styles = {"customButton":"custom-button__customButton_5nbat","border":"custom-button__border_5nbat","white":"custom-button__white_5nbat","black":"custom-button__black_5nbat","static-white":"custom-button__static-white_5nbat","static-black":"custom-button__static-black_5nbat","darkening":"custom-button__darkening_5nbat","lightening":"custom-button__lightening_5nbat","static-darkening":"custom-button__static-darkening_5nbat","static-lightening":"custom-button__static-lightening_5nbat","disableType-default":"custom-button__disableType-default_5nbat","disableType-static":"custom-button__disableType-static_5nbat","disableType-inverted":"custom-button__disableType-inverted_5nbat","disableType-static-inverted":"custom-button__disableType-static-inverted_5nbat"};
+const styles = {"customButton":"custom-button__customButton_15xgj","border":"custom-button__border_15xgj","white":"custom-button__white_15xgj","black":"custom-button__black_15xgj","static-white":"custom-button__static-white_15xgj","static-black":"custom-button__static-black_15xgj","darkening":"custom-button__darkening_15xgj","lightening":"custom-button__lightening_15xgj","static-darkening":"custom-button__static-darkening_15xgj","static-lightening":"custom-button__static-lightening_15xgj","disableType-default":"custom-button__disableType-default_15xgj","disableType-static":"custom-button__disableType-static_15xgj","disableType-inverted":"custom-button__disableType-inverted_15xgj","disableType-static-inverted":"custom-button__disableType-static-inverted_15xgj"};
 require('./index.css');
 
 const BaseCustomButton = forwardRef(({ children, className, loading, backgroundColor = DEFAULT_BUTTON_COLOR, contentColor = DEFAULT_CONTENT_COLOR, stateType = 'darkening', disableType = 'default', componentButton: ComponentButton, ...restProps }, ref) => (React.createElement(ComponentButton, { style: { ...(!restProps.disabled && { background: backgroundColor }) }, ...restProps, view: 'primary', ref: ref, className: cn(styles.customButton, styles.border, className, styles[contentColor], styles[stateType], styles[`disableType-${disableType}`], {

package/custom-button/modern/components/base-custom-button/index.css

@@ -38,23 +38,23 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_5nbat {
+} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_15xgj {
     overflow: hidden;
     position: relative
-} .custom-button__customButton_5nbat.custom-button__border_5nbat {
+} .custom-button__customButton_15xgj.custom-button__border_15xgj {
         border: 1px solid transparent;
-    } .custom-button__customButton_5nbat.custom-button__white_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__white_15xgj * {
         color: var(--color-light-text-primary-inverted);
-    } .custom-button__customButton_5nbat.custom-button__black_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__black_15xgj * {
         color: var(--color-light-text-primary);
-    } .custom-button__customButton_5nbat.custom-button__static-white_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__static-white_15xgj * {
         color: var(--color-static-text-primary-inverted);
-    } .custom-button__customButton_5nbat.custom-button__static-black_5nbat * {
+    } .custom-button__customButton_15xgj.custom-button__static-black_15xgj * {
         color: var(--color-static-text-primary);
-    } .custom-button__customButton_5nbat span {
+    } .custom-button__customButton_15xgj span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_5nbat:before {
+    } .custom-button__customButton_15xgj:before {
         position: absolute;
         left: var(--gap-0);
         right: var(--gap-0);
@@ -66,43 +66,43 @@
         opacity: 1;
         pointer-events: none;
     } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__darkening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__darkening_15xgj:hover:before {
             background-color: var(--color-light-neutral-translucent-200);
         }
-    } .custom-button__customButton_5nbat.custom-button__darkening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__darkening_15xgj:active:before {
             background-color: var(--color-light-neutral-translucent-400);
         } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__lightening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__lightening_15xgj:hover:before {
             background-color: var(--color-light-neutral-translucent-200-inverted);
         }
-    } .custom-button__customButton_5nbat.custom-button__lightening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__lightening_15xgj:active:before {
             background-color: var(--color-light-neutral-translucent-400-inverted);
         } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__static-darkening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__static-darkening_15xgj:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
         }
-    } .custom-button__customButton_5nbat.custom-button__static-darkening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__static-darkening_15xgj:active:before {
             background-color: rgba(0, 0, 0, 0.15);
         } @media (hover: hover) {
-        .custom-button__customButton_5nbat.custom-button__static-lightening_5nbat:hover:before {
+        .custom-button__customButton_15xgj.custom-button__static-lightening_15xgj:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
         }
-    } .custom-button__customButton_5nbat.custom-button__static-lightening_5nbat:active:before {
+    } .custom-button__customButton_15xgj.custom-button__static-lightening_15xgj:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_5nbat:disabled.custom-button__disableType-default_5nbat {
+        } /* Disabled */ .custom-button__customButton_15xgj:disabled.custom-button__disableType-default_15xgj {
         background-color: var(--color-light-neutral-translucent-100)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-default_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-default_15xgj span {
             color: var(--color-light-text-tertiary);
-        } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static_5nbat {
+        } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static_15xgj {
         background-color: var(--color-static-neutral-translucent-100)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static_15xgj span {
             color: var(--color-static-text-tertiary);
-        } .custom-button__customButton_5nbat:disabled.custom-button__disableType-inverted_5nbat {
+        } .custom-button__customButton_15xgj:disabled.custom-button__disableType-inverted_15xgj {
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-inverted_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-inverted_15xgj span {
             color: var(--color-light-text-tertiary-inverted);
-        } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static-inverted_5nbat {
+        } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static-inverted_15xgj {
         background-color: var(--color-static-neutral-translucent-100-inverted)
-    } .custom-button__customButton_5nbat:disabled.custom-button__disableType-static-inverted_5nbat span {
+    } .custom-button__customButton_15xgj:disabled.custom-button__disableType-static-inverted_15xgj span {
             color: var(--color-static-text-tertiary-inverted);
         }

package/custom-picker-button/esm/field/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { CustomButton } from '../../../custom-button/esm';
 import { getIcon } from '../../../picker-button/esm/shared';
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_1o8dj","addonsContainer":"custom-picker-button__addonsContainer_1o8dj","showControlIcon":"custom-picker-button__showControlIcon_1o8dj","open":"custom-picker-button__open_1o8dj"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_18w3y","addonsContainer":"custom-picker-button__addonsContainer_18w3y","showControlIcon":"custom-picker-button__showControlIcon_18w3y","open":"custom-picker-button__open_18w3y"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/custom-picker-button/esm/field/index.css

@@ -24,13 +24,13 @@
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --arrow-transform: rotate(180deg);
-} /* сбрасывает синюю подсветку при нажатии */ .custom-picker-button__iconContainer_1o8dj {
+} /* сбрасывает синюю подсветку при нажатии */ .custom-picker-button__iconContainer_18w3y {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1o8dj {
+} .custom-picker-button__addonsContainer_18w3y {
     display: flex
-} .custom-picker-button__addonsContainer_1o8dj.custom-picker-button__showControlIcon_1o8dj {
+} .custom-picker-button__addonsContainer_18w3y.custom-picker-button__showControlIcon_18w3y {
         margin-right: var(--gap-4);
-    } .custom-picker-button__open_1o8dj {
+    } .custom-picker-button__open_18w3y {
     transform: var(--arrow-transform);
 }

package/custom-picker-button/field/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_1o8dj","addonsContainer":"custom-picker-button__addonsContainer_1o8dj","showControlIcon":"custom-picker-button__showControlIcon_1o8dj","open":"custom-picker-button__open_1o8dj"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_18w3y","addonsContainer":"custom-picker-button__addonsContainer_18w3y","showControlIcon":"custom-picker-button__showControlIcon_18w3y","open":"custom-picker-button__open_18w3y"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/custom-picker-button/field/index.css

@@ -24,13 +24,13 @@
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --arrow-transform: rotate(180deg);
-} /* сбрасывает синюю подсветку при нажатии */ .custom-picker-button__iconContainer_1o8dj {
+} /* сбрасывает синюю подсветку при нажатии */ .custom-picker-button__iconContainer_18w3y {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1o8dj {
+} .custom-picker-button__addonsContainer_18w3y {
     display: flex
-} .custom-picker-button__addonsContainer_1o8dj.custom-picker-button__showControlIcon_1o8dj {
+} .custom-picker-button__addonsContainer_18w3y.custom-picker-button__showControlIcon_18w3y {
         margin-right: var(--gap-4);
-    } .custom-picker-button__open_1o8dj {
+    } .custom-picker-button__open_18w3y {
     transform: var(--arrow-transform);
 }

package/custom-picker-button/modern/field/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { CustomButton } from '../../../custom-button/modern';
 import { getIcon } from '../../../picker-button/modern/shared';
 
-const styles = {"iconContainer":"custom-picker-button__iconContainer_1o8dj","addonsContainer":"custom-picker-button__addonsContainer_1o8dj","showControlIcon":"custom-picker-button__showControlIcon_1o8dj","open":"custom-picker-button__open_1o8dj"};
+const styles = {"iconContainer":"custom-picker-button__iconContainer_18w3y","addonsContainer":"custom-picker-button__addonsContainer_18w3y","showControlIcon":"custom-picker-button__showControlIcon_18w3y","open":"custom-picker-button__open_18w3y"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {

package/custom-picker-button/modern/field/index.css

@@ -24,13 +24,13 @@
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --arrow-transform: rotate(180deg);
-} /* сбрасывает синюю подсветку при нажатии */ .custom-picker-button__iconContainer_1o8dj {
+} /* сбрасывает синюю подсветку при нажатии */ .custom-picker-button__iconContainer_18w3y {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1o8dj {
+} .custom-picker-button__addonsContainer_18w3y {
     display: flex
-} .custom-picker-button__addonsContainer_1o8dj.custom-picker-button__showControlIcon_1o8dj {
+} .custom-picker-button__addonsContainer_18w3y.custom-picker-button__showControlIcon_18w3y {
         margin-right: var(--gap-4);
-    } .custom-picker-button__open_1o8dj {
+    } .custom-picker-button__open_18w3y {
     transform: var(--arrow-transform);
 }

package/date-input/Component.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
-var styles = {"nativeInput":"date-input__nativeInput_x1bcn"};
+var styles = {"nativeInput":"date-input__nativeInput_qsd82"};
 require('./index.css');
 
 /**

package/date-input/esm/Component.js

@@ -8,7 +8,7 @@ import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-var styles = {"nativeInput":"date-input__nativeInput_x1bcn"};
+var styles = {"nativeInput":"date-input__nativeInput_qsd82"};
 require('./index.css');
 
 /**

package/date-input/esm/index.css

@@ -22,7 +22,7 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .date-input__nativeInput_x1bcn {
+} /* сбрасывает синюю подсветку при нажатии */ .date-input__nativeInput_qsd82 {
     opacity: 0;
     position: absolute;
     top: var(--gap-0);
@@ -31,8 +31,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .date-input__nativeInput_x1bcn::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_qsd82::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_x1bcn::-webkit-inner-spin-button {
+    } .date-input__nativeInput_qsd82::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/index.css

@@ -22,7 +22,7 @@
     --gap-0: 0px;
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .date-input__nativeInput_x1bcn {
+} /* сбрасывает синюю подсветку при нажатии */ .date-input__nativeInput_qsd82 {
     opacity: 0;
     position: absolute;
     top: var(--gap-0);
@@ -31,8 +31,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .date-input__nativeInput_x1bcn::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_qsd82::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_x1bcn::-webkit-inner-spin-button {
+    } .date-input__nativeInput_qsd82::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/modern/Component.js

@@ -7,7 +7,7 @@ import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-const styles = {"nativeInput":"date-input__nativeInput_x1bcn"};
+const styles = {"nativeInput":"date-input__nativeInput_qsd82"};
 require('./index.css');
 
 /**