@alfalab/core-components 41.11.0 → 42.0.0-beta.0

package/confirmation-v1/index.css

@@ -41,16 +41,16 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_1bdgk {
+} .confirmation-v1__component_19oty {
     display: flex;
     flex-direction: column;
     width: 100%;
     font-family: var(--confirmation-text-font-family);
-} .confirmation-v1__error_1bdgk {
+} .confirmation-v1__error_19oty {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-} .confirmation-v1__errorHeader_1bdgk {
+} .confirmation-v1__errorHeader_19oty {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -60,7 +60,7 @@
 
     margin-bottom: var(--gap-2xl);
     color: var(--confirmation-title-color);
-} .confirmation-v1__errorText_1bdgk {
+} .confirmation-v1__errorText_19oty {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -69,11 +69,11 @@
 
     margin-bottom: var(--gap-2xl);
     color: var(--confirmation-text-color);
-} .confirmation-v1__phoneHintWrap_1bdgk {
+} .confirmation-v1__phoneHintWrap_19oty {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-} .confirmation-v1__phoneHintText_1bdgk {
+} .confirmation-v1__phoneHintText_19oty {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -82,7 +82,7 @@
 
     margin-bottom: var(--gap-xl);
     color: var(--confirmation-text-color);
-} .confirmation-v1__phonesWrap_1bdgk {
+} .confirmation-v1__phonesWrap_19oty {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -92,16 +92,16 @@
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-4xl);
-} .confirmation-v1__phoneWrap_1bdgk {
+} .confirmation-v1__phoneWrap_19oty {
     margin-bottom: var(--gap-xs)
-} .confirmation-v1__phoneWrap_1bdgk:last-child {
+} .confirmation-v1__phoneWrap_19oty:last-child {
         margin-bottom: 0;
-    } .confirmation-v1__phoneDescription_1bdgk {
+    } .confirmation-v1__phoneDescription_19oty {
     color: var(--confirmation-text-color);
-} .confirmation-v1__component_1bdgk.confirmation-v1__center_1bdgk {
+} .confirmation-v1__component_19oty.confirmation-v1__center_19oty {
     text-align: center;
-} .confirmation-v1__center_1bdgk .confirmation-v1__phoneHintWrap_1bdgk {
+} .confirmation-v1__center_19oty .confirmation-v1__phoneHintWrap_19oty {
         align-items: center;
-    } .confirmation-v1__center_1bdgk .confirmation-v1__error_1bdgk {
+    } .confirmation-v1__center_19oty .confirmation-v1__error_19oty {
         align-items: center;
     }

package/confirmation-v1/modern/component.js

@@ -13,7 +13,7 @@ import './components/countdown-loader/component.js';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import './components/code-input/utils.js';
 
-const styles = {"component":"confirmation-v1__component_1bdgk","error":"confirmation-v1__error_1bdgk","errorHeader":"confirmation-v1__errorHeader_1bdgk","errorText":"confirmation-v1__errorText_1bdgk","phoneHintWrap":"confirmation-v1__phoneHintWrap_1bdgk","phoneHintText":"confirmation-v1__phoneHintText_1bdgk","phonesWrap":"confirmation-v1__phonesWrap_1bdgk","phoneWrap":"confirmation-v1__phoneWrap_1bdgk","phoneDescription":"confirmation-v1__phoneDescription_1bdgk","center":"confirmation-v1__center_1bdgk"};
+const styles = {"component":"confirmation-v1__component_19oty","error":"confirmation-v1__error_19oty","errorHeader":"confirmation-v1__errorHeader_19oty","errorText":"confirmation-v1__errorText_19oty","phoneHintWrap":"confirmation-v1__phoneHintWrap_19oty","phoneHintText":"confirmation-v1__phoneHintText_19oty","phonesWrap":"confirmation-v1__phonesWrap_19oty","phoneWrap":"confirmation-v1__phoneWrap_19oty","phoneDescription":"confirmation-v1__phoneDescription_19oty","center":"confirmation-v1__center_19oty"};
 require('./index.css');
 
 /**

package/confirmation-v1/modern/components/code-input/component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { usePrevious } from '@alfalab/hooks';
 import { mergeArrays } from './utils.js';
 
-const styles = {"component":"confirmation-v1__component_19th5","input":"confirmation-v1__input_19th5","hasError":"confirmation-v1__hasError_19th5","center":"confirmation-v1__center_19th5","disabled":"confirmation-v1__disabled_19th5","compact":"confirmation-v1__compact_19th5","shake":"confirmation-v1__shake_19th5"};
+const styles = {"component":"confirmation-v1__component_dzg4n","input":"confirmation-v1__input_dzg4n","hasError":"confirmation-v1__hasError_dzg4n","center":"confirmation-v1__center_dzg4n","disabled":"confirmation-v1__disabled_dzg4n","compact":"confirmation-v1__compact_dzg4n","shake":"confirmation-v1__shake_dzg4n"};
 require('./index.css');
 
 const Input = ({ index, slotsCount, error, processing, value, alignContent, handleChange, handleInputKeyDown, setRef, focus, }) => {

package/confirmation-v1/modern/components/code-input/index.css

@@ -39,9 +39,9 @@
     --confirmation-input-text-color: var(--color-light-text-primary);
     --confirmation-input-bg-color: var(--color-light-bg-secondary);
     --confirmation-input-error-bg-color: var(--color-light-bg-negative-muted);
-} .confirmation-v1__component_19th5 {
+} .confirmation-v1__component_dzg4n {
     display: flex;
-} .confirmation-v1__input_19th5 {
+} .confirmation-v1__input_dzg4n {
     flex-shrink: 0;
     width: 36px;
     height: 48px;
@@ -57,19 +57,19 @@
     font-size: var(--confirmation-input-font-size);
     font-weight: var(--confirmation-input-font-weight);
     font-family: var(--confirmation-input-font-family)
-} .confirmation-v1__input_19th5.confirmation-v1__hasError_19th5 {
+} .confirmation-v1__input_dzg4n.confirmation-v1__hasError_dzg4n {
         color: var(--confirmation-error-color);
         caret-color: var(--confirmation-input-text-color);
         background-color: var(--confirmation-input-error-bg-color);
-    } .confirmation-v1__input_19th5.confirmation-v1__center_19th5 {
+    } .confirmation-v1__input_dzg4n.confirmation-v1__center_dzg4n {
         margin: 0 var(--gap-2xs);
-    } .confirmation-v1__input_19th5.confirmation-v1__disabled_19th5 {
+    } .confirmation-v1__input_dzg4n.confirmation-v1__disabled_dzg4n {
         color: var(--color-light-text-tertiary);
         opacity: 1;
-    } .confirmation-v1__compact_19th5 .confirmation-v1__input_19th5 {
+    } .confirmation-v1__compact_dzg4n .confirmation-v1__input_dzg4n {
     width: 28px;
     height: 40px;
-} @keyframes confirmation-v1__shake_19th5 {
+} @keyframes confirmation-v1__shake_dzg4n {
     0% {
         transform: translateX(0);
     }
@@ -85,6 +85,6 @@
     100% {
         transform: translateX(0);
     }
-} .confirmation-v1__shake_19th5 {
-    animation: confirmation-v1__shake_19th5 0.15s linear 0s 3;
+} .confirmation-v1__shake_dzg4n {
+    animation: confirmation-v1__shake_dzg4n 0.15s linear 0s 3;
 }

package/confirmation-v1/modern/components/countdown/component.js

@@ -5,7 +5,7 @@ import { usePrevious } from '@alfalab/hooks';
 import { phoneNumber } from '@alfalab/utils';
 import { CountdownLoader } from '../countdown-loader/component.js';
 
-const styles = {"component":"confirmation-v1__component_pa7m8","hasError":"confirmation-v1__hasError_pa7m8","getCodeButton":"confirmation-v1__getCodeButton_pa7m8","info":"confirmation-v1__info_pa7m8","customContent":"confirmation-v1__customContent_pa7m8","loaderWrap":"confirmation-v1__loaderWrap_pa7m8","loader":"confirmation-v1__loader_pa7m8","center":"confirmation-v1__center_pa7m8","timePassed":"confirmation-v1__timePassed_pa7m8","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_pa7m8"};
+const styles = {"component":"confirmation-v1__component_1l48n","hasError":"confirmation-v1__hasError_1l48n","getCodeButton":"confirmation-v1__getCodeButton_1l48n","info":"confirmation-v1__info_1l48n","customContent":"confirmation-v1__customContent_1l48n","loaderWrap":"confirmation-v1__loaderWrap_1l48n","loader":"confirmation-v1__loader_1l48n","center":"confirmation-v1__center_1l48n","timePassed":"confirmation-v1__timePassed_1l48n","noAttemptsLeftMessage":"confirmation-v1__noAttemptsLeftMessage_1l48n"};
 require('./index.css');
 
 /**

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

@@ -34,7 +34,7 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_pa7m8 {
+} .confirmation-v1__component_1l48n {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -46,29 +46,29 @@
     align-items: flex-start;
     margin-top: var(--gap-3xl);
     color: var(--confirmation-text-color);
-} .confirmation-v1__hasError_pa7m8 .confirmation-v1__getCodeButton_pa7m8 {
+} .confirmation-v1__hasError_1l48n .confirmation-v1__getCodeButton_1l48n {
         margin-top: 0;
-    } .confirmation-v1__hasError_pa7m8 .confirmation-v1__info_pa7m8 {
+    } .confirmation-v1__hasError_1l48n .confirmation-v1__info_1l48n {
         margin-top: 0;
-    } .confirmation-v1__hasError_pa7m8 .confirmation-v1__customContent_pa7m8 {
+    } .confirmation-v1__hasError_1l48n .confirmation-v1__customContent_1l48n {
         margin-bottom: var(--gap-2xl);
-    } .confirmation-v1__info_pa7m8 {
+    } .confirmation-v1__info_1l48n {
     margin: var(--gap-2xs) 0;
-} .confirmation-v1__loaderWrap_pa7m8 {
+} .confirmation-v1__loaderWrap_1l48n {
     display: flex;
     align-items: center;
     margin-bottom: var(--gap-xs);
-} .confirmation-v1__loader_pa7m8 {
+} .confirmation-v1__loader_1l48n {
     margin-right: var(--gap-xs);
-} .confirmation-v1__center_pa7m8 {
+} .confirmation-v1__center_1l48n {
     align-items: center
-} .confirmation-v1__center_pa7m8 .confirmation-v1__loaderWrap_pa7m8 {
+} .confirmation-v1__center_1l48n .confirmation-v1__loaderWrap_1l48n {
         justify-content: center;
-    } .confirmation-v1__timePassed_pa7m8 {
+    } .confirmation-v1__timePassed_1l48n {
     display: flex;
     min-width: 3em;
-} .confirmation-v1__getCodeButton_pa7m8 {
+} .confirmation-v1__getCodeButton_1l48n {
     margin-top: var(--gap-2xl);
-} .confirmation-v1__noAttemptsLeftMessage_pa7m8 {
+} .confirmation-v1__noAttemptsLeftMessage_1l48n {
     margin: var(--gap-2xs) 0 var(--gap-xs);
 }

package/confirmation-v1/modern/components/countdown-loader/component.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-const styles = {"circle":"confirmation-v1__circle_1f64x"};
+const styles = {"circle":"confirmation-v1__circle_1gurk"};
 require('./index.css');
 
 const SIZE = 16;

package/confirmation-v1/modern/components/countdown-loader/index.css

@@ -15,7 +15,7 @@
 } :root {
 } :root {
 } :root {
-} .confirmation-v1__circle_1f64x {
+} .confirmation-v1__circle_1gurk {
     fill: transparent;
     stroke: var(--color-light-graphic-tertiary);
     stroke-width: 2px;

package/confirmation-v1/modern/components/overlimit/component.js

@@ -7,7 +7,7 @@ import 'classnames';
 import '@alfalab/hooks';
 import '@alfalab/utils';
 
-const styles = {"component":"confirmation-v1__component_b641g","title":"confirmation-v1__title_b641g","description":"confirmation-v1__description_b641g","countdown":"confirmation-v1__countdown_b641g","loader":"confirmation-v1__loader_b641g","timePassed":"confirmation-v1__timePassed_b641g","getCodeButton":"confirmation-v1__getCodeButton_b641g","alertIcon":"confirmation-v1__alertIcon_b641g"};
+const styles = {"component":"confirmation-v1__component_cuqo3","title":"confirmation-v1__title_cuqo3","description":"confirmation-v1__description_cuqo3","countdown":"confirmation-v1__countdown_cuqo3","loader":"confirmation-v1__loader_cuqo3","timePassed":"confirmation-v1__timePassed_cuqo3","getCodeButton":"confirmation-v1__getCodeButton_cuqo3","alertIcon":"confirmation-v1__alertIcon_cuqo3"};
 require('./index.css');
 
 const Overlimit = ({ duration = 60000, buttonRetryText, hasFatalError, onOverlimitRepeatSms, onOverlimitCountdownFinished, text, title, }) => {

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

@@ -43,11 +43,11 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_b641g {
+} .confirmation-v1__component_cuqo3 {
     display: flex;
     flex-direction: column;
     align-items: center;
-} .confirmation-v1__title_b641g {
+} .confirmation-v1__title_cuqo3 {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -56,25 +56,25 @@
     font-feature-settings: var(--confirmation-title-font-feature-settings);
 
     margin-bottom: var(--gap-3xl);
-} .confirmation-v1__description_b641g {
+} .confirmation-v1__description_cuqo3 {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
     font-family: var(--confirmation-text-font-family);
     color: var(--confirmation-text-color);
-} .confirmation-v1__countdown_b641g {
+} .confirmation-v1__countdown_cuqo3 {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: var(--gap-2xs);
-} .confirmation-v1__loader_b641g {
+} .confirmation-v1__loader_cuqo3 {
     margin-right: var(--gap-xs);
-} .confirmation-v1__timePassed_b641g {
+} .confirmation-v1__timePassed_cuqo3 {
     display: flex;
     min-width: 3em;
-} .confirmation-v1__getCodeButton_b641g {
+} .confirmation-v1__getCodeButton_cuqo3 {
     margin-top: var(--gap-2xl);
-} .confirmation-v1__alertIcon_b641g {
+} .confirmation-v1__alertIcon_cuqo3 {
     text-align: center;
     margin-bottom: var(--gap-xl);
     color: var(--color-static-status-red);

package/confirmation-v1/modern/components/sign-confirmation/component.js

@@ -10,7 +10,7 @@ import '@alfalab/utils';
 import '../countdown-loader/component.js';
 import '../code-input/utils.js';
 
-const styles = {"component":"confirmation-v1__component_brf6m","countdown":"confirmation-v1__countdown_brf6m","hidden":"confirmation-v1__hidden_brf6m","header":"confirmation-v1__header_brf6m","inputContainer":"confirmation-v1__inputContainer_brf6m","smsComeLinkWrap":"confirmation-v1__smsComeLinkWrap_brf6m","smsComeLink":"confirmation-v1__smsComeLink_brf6m","error":"confirmation-v1__error_brf6m","loaderWrap":"confirmation-v1__loaderWrap_brf6m","loaderText":"confirmation-v1__loaderText_brf6m","center":"confirmation-v1__center_brf6m","codeInput":"confirmation-v1__codeInput_brf6m"};
+const styles = {"component":"confirmation-v1__component_3beix","countdown":"confirmation-v1__countdown_3beix","hidden":"confirmation-v1__hidden_3beix","header":"confirmation-v1__header_3beix","inputContainer":"confirmation-v1__inputContainer_3beix","smsComeLinkWrap":"confirmation-v1__smsComeLinkWrap_3beix","smsComeLink":"confirmation-v1__smsComeLink_3beix","error":"confirmation-v1__error_3beix","loaderWrap":"confirmation-v1__loaderWrap_3beix","loaderText":"confirmation-v1__loaderText_3beix","center":"confirmation-v1__center_3beix","codeInput":"confirmation-v1__codeInput_3beix"};
 require('./index.css');
 
 const SignConfirmation = ({ codeChecking, codeSending, smsHintVisible, requiredCharAmount, countdownDuration, additionalContent, hasPhoneMask, phone, code: inputValue, error, errorText, title, hasSmsCountdown, inputRef, codeCheckingText, codeSendingText, alignContent, noAttemptsLeftMessage, buttonRetryText, countdownContent, onInputFinished, onInputChange, onSmsRetryClick, onCountdownFinished, onSmsHintLinkClick, }) => {

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

@@ -43,17 +43,17 @@
     --confirmation-error-color: var(--color-light-text-negative);
 
     /* input */
-} .confirmation-v1__component_brf6m {
+} .confirmation-v1__component_3beix {
     display: flex;
     flex-direction: column;
-} .confirmation-v1__countdown_brf6m {
+} .confirmation-v1__countdown_3beix {
     max-height: 300px;
     overflow: hidden;
     transition: max-height 0.15s ease;
-} .confirmation-v1__hidden_brf6m {
+} .confirmation-v1__hidden_3beix {
     opacity: 0;
     max-height: 0;
-} .confirmation-v1__header_brf6m {
+} .confirmation-v1__header_3beix {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -63,27 +63,27 @@
 
     margin-bottom: var(--gap-3xl);
     color: var(--confirmation-title-color);
-} .confirmation-v1__inputContainer_brf6m {
+} .confirmation-v1__inputContainer_3beix {
     display: flex;
     flex-direction: column;
-} .confirmation-v1__smsComeLinkWrap_brf6m {
+} .confirmation-v1__smsComeLinkWrap_3beix {
     margin-top: var(--gap-l);
-} .confirmation-v1__smsComeLink_brf6m {
+} .confirmation-v1__smsComeLink_3beix {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .confirmation-v1__error_brf6m {
+} .confirmation-v1__error_3beix {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     margin-top: var(--gap-xs);
     color: var(--confirmation-error-color);
-} .confirmation-v1__loaderWrap_brf6m {
+} .confirmation-v1__loaderWrap_3beix {
     display: flex;
     align-items: center;
     margin: var(--gap-3xl) 0 var(--gap-xs);
-} .confirmation-v1__loaderText_brf6m {
+} .confirmation-v1__loaderText_3beix {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -92,7 +92,7 @@
 
     margin-left: var(--gap-s);
     color: var(--confirmation-text-color);
-} .confirmation-v1__center_brf6m .confirmation-v1__codeInput_brf6m,
-    .confirmation-v1__center_brf6m .confirmation-v1__loaderWrap_brf6m {
+} .confirmation-v1__center_3beix .confirmation-v1__codeInput_3beix,
+    .confirmation-v1__center_3beix .confirmation-v1__loaderWrap_3beix {
         justify-content: center;
     }

package/confirmation-v1/modern/index.css

@@ -41,16 +41,16 @@
     /* error */
 
     /* input */
-} .confirmation-v1__component_1bdgk {
+} .confirmation-v1__component_19oty {
     display: flex;
     flex-direction: column;
     width: 100%;
     font-family: var(--confirmation-text-font-family);
-} .confirmation-v1__error_1bdgk {
+} .confirmation-v1__error_19oty {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-} .confirmation-v1__errorHeader_1bdgk {
+} .confirmation-v1__errorHeader_19oty {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -60,7 +60,7 @@
 
     margin-bottom: var(--gap-2xl);
     color: var(--confirmation-title-color);
-} .confirmation-v1__errorText_1bdgk {
+} .confirmation-v1__errorText_19oty {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -69,11 +69,11 @@
 
     margin-bottom: var(--gap-2xl);
     color: var(--confirmation-text-color);
-} .confirmation-v1__phoneHintWrap_1bdgk {
+} .confirmation-v1__phoneHintWrap_19oty {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-} .confirmation-v1__phoneHintText_1bdgk {
+} .confirmation-v1__phoneHintText_19oty {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -82,7 +82,7 @@
 
     margin-bottom: var(--gap-xl);
     color: var(--confirmation-text-color);
-} .confirmation-v1__phonesWrap_1bdgk {
+} .confirmation-v1__phonesWrap_19oty {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -92,16 +92,16 @@
     display: flex;
     flex-direction: column;
     margin-bottom: var(--gap-4xl);
-} .confirmation-v1__phoneWrap_1bdgk {
+} .confirmation-v1__phoneWrap_19oty {
     margin-bottom: var(--gap-xs)
-} .confirmation-v1__phoneWrap_1bdgk:last-child {
+} .confirmation-v1__phoneWrap_19oty:last-child {
         margin-bottom: 0;
-    } .confirmation-v1__phoneDescription_1bdgk {
+    } .confirmation-v1__phoneDescription_19oty {
     color: var(--confirmation-text-color);
-} .confirmation-v1__component_1bdgk.confirmation-v1__center_1bdgk {
+} .confirmation-v1__component_19oty.confirmation-v1__center_19oty {
     text-align: center;
-} .confirmation-v1__center_1bdgk .confirmation-v1__phoneHintWrap_1bdgk {
+} .confirmation-v1__center_19oty .confirmation-v1__phoneHintWrap_19oty {
         align-items: center;
-    } .confirmation-v1__center_1bdgk .confirmation-v1__error_1bdgk {
+    } .confirmation-v1__center_19oty .confirmation-v1__error_19oty {
         align-items: center;
     }

package/custom-button/Component.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_1n9r2","white":"custom-button__white_1n9r2","black":"custom-button__black_1n9r2","static-white":"custom-button__static-white_1n9r2","static-black":"custom-button__static-black_1n9r2","darkening":"custom-button__darkening_1n9r2","lightening":"custom-button__lightening_1n9r2","static-darkening":"custom-button__static-darkening_1n9r2","static-lightening":"custom-button__static-lightening_1n9r2","customLoading":"custom-button__customLoading_1n9r2"};
+var styles = {"customButton":"custom-button__customButton_1w0yv","white":"custom-button__white_1w0yv","black":"custom-button__black_1w0yv","static-white":"custom-button__static-white_1w0yv","static-black":"custom-button__static-black_1w0yv","darkening":"custom-button__darkening_1w0yv","lightening":"custom-button__lightening_1w0yv","static-darkening":"custom-button__static-darkening_1w0yv","static-lightening":"custom-button__static-lightening_1w0yv","customLoading":"custom-button__customLoading_1w0yv"};
 require('./index.css');
 
 var DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/esm/Component.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../button/esm';
 
-var styles = {"customButton":"custom-button__customButton_1n9r2","white":"custom-button__white_1n9r2","black":"custom-button__black_1n9r2","static-white":"custom-button__static-white_1n9r2","static-black":"custom-button__static-black_1n9r2","darkening":"custom-button__darkening_1n9r2","lightening":"custom-button__lightening_1n9r2","static-darkening":"custom-button__static-darkening_1n9r2","static-lightening":"custom-button__static-lightening_1n9r2","customLoading":"custom-button__customLoading_1n9r2"};
+var styles = {"customButton":"custom-button__customButton_1w0yv","white":"custom-button__white_1w0yv","black":"custom-button__black_1w0yv","static-white":"custom-button__static-white_1w0yv","static-black":"custom-button__static-black_1w0yv","darkening":"custom-button__darkening_1w0yv","lightening":"custom-button__lightening_1w0yv","static-darkening":"custom-button__static-darkening_1w0yv","static-lightening":"custom-button__static-lightening_1w0yv","customLoading":"custom-button__customLoading_1w0yv"};
 require('./index.css');
 
 var DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ghfp */
+/* hash: 12hse */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e;
@@ -24,22 +24,22 @@
 } :root {
 } :root {
 } :root {
-} .custom-button__customButton_1n9r2 {
+} .custom-button__customButton_1w0yv {
     overflow: hidden;
     position: relative;
     border: 0
-} .custom-button__customButton_1n9r2.custom-button__white_1n9r2 * {
+} .custom-button__customButton_1w0yv.custom-button__white_1w0yv * {
         color: var(--color-light-graphic-primary-inverted);
-    } .custom-button__customButton_1n9r2.custom-button__black_1n9r2 * {
+    } .custom-button__customButton_1w0yv.custom-button__black_1w0yv * {
         color: var(--color-light-graphic-primary);
-    } .custom-button__customButton_1n9r2.custom-button__static-white_1n9r2 * {
+    } .custom-button__customButton_1w0yv.custom-button__static-white_1w0yv * {
         color: var(--color-static-graphic-light);
-    } .custom-button__customButton_1n9r2.custom-button__static-black_1n9r2 * {
+    } .custom-button__customButton_1w0yv.custom-button__static-black_1w0yv * {
         color: var(--color-static-graphic-dark);
-    } .custom-button__customButton_1n9r2 span {
+    } .custom-button__customButton_1w0yv span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_1n9r2:before {
+    } .custom-button__customButton_1w0yv:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -50,28 +50,28 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_1n9r2.custom-button__darkening_1n9r2:hover:before {
+    } .custom-button__customButton_1w0yv.custom-button__darkening_1w0yv:hover:before {
             background-color: var(--color-light-border-key-alpha-7);
-        } .custom-button__customButton_1n9r2.custom-button__darkening_1n9r2:active:before {
+        } .custom-button__customButton_1w0yv.custom-button__darkening_1w0yv:active:before {
             background-color: var(--color-light-border-key-alpha-15);
-        } .custom-button__customButton_1n9r2.custom-button__lightening_1n9r2:hover:before {
+        } .custom-button__customButton_1w0yv.custom-button__lightening_1w0yv:hover:before {
             background-color: var(--color-light-border-key-inverted-alpha-7);
-        } .custom-button__customButton_1n9r2.custom-button__lightening_1n9r2:active:before {
+        } .custom-button__customButton_1w0yv.custom-button__lightening_1w0yv:active:before {
             background-color: var(--color-light-border-key-inverted-alpha-15);
-        } .custom-button__customButton_1n9r2.custom-button__static-darkening_1n9r2:hover:before {
+        } .custom-button__customButton_1w0yv.custom-button__static-darkening_1w0yv:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_1n9r2.custom-button__static-darkening_1n9r2:active:before {
+        } .custom-button__customButton_1w0yv.custom-button__static-darkening_1w0yv:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_1n9r2.custom-button__static-lightening_1n9r2:hover:before {
+        } .custom-button__customButton_1w0yv.custom-button__static-lightening_1w0yv:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
-        } .custom-button__customButton_1n9r2.custom-button__static-lightening_1n9r2:active:before {
+        } .custom-button__customButton_1w0yv.custom-button__static-lightening_1w0yv:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_1n9r2:disabled {
+        } /* Disabled */ .custom-button__customButton_1w0yv:disabled {
     opacity: 0.3
-} .custom-button__customButton_1n9r2:disabled.custom-button__customLoading_1n9r2 {
+} .custom-button__customButton_1w0yv:disabled.custom-button__customLoading_1w0yv {
         opacity: 1;
-    } .custom-button__customButton_1n9r2:disabled.custom-button__white_1n9r2 * {
+    } .custom-button__customButton_1w0yv:disabled.custom-button__white_1w0yv * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_1n9r2:disabled.custom-button__black_1n9r2 * {
+    } .custom-button__customButton_1w0yv:disabled.custom-button__black_1w0yv * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ghfp */
+/* hash: 12hse */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e;
@@ -24,22 +24,22 @@
 } :root {
 } :root {
 } :root {
-} .custom-button__customButton_1n9r2 {
+} .custom-button__customButton_1w0yv {
     overflow: hidden;
     position: relative;
     border: 0
-} .custom-button__customButton_1n9r2.custom-button__white_1n9r2 * {
+} .custom-button__customButton_1w0yv.custom-button__white_1w0yv * {
         color: var(--color-light-graphic-primary-inverted);
-    } .custom-button__customButton_1n9r2.custom-button__black_1n9r2 * {
+    } .custom-button__customButton_1w0yv.custom-button__black_1w0yv * {
         color: var(--color-light-graphic-primary);
-    } .custom-button__customButton_1n9r2.custom-button__static-white_1n9r2 * {
+    } .custom-button__customButton_1w0yv.custom-button__static-white_1w0yv * {
         color: var(--color-static-graphic-light);
-    } .custom-button__customButton_1n9r2.custom-button__static-black_1n9r2 * {
+    } .custom-button__customButton_1w0yv.custom-button__static-black_1w0yv * {
         color: var(--color-static-graphic-dark);
-    } .custom-button__customButton_1n9r2 span {
+    } .custom-button__customButton_1w0yv span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_1n9r2:before {
+    } .custom-button__customButton_1w0yv:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -50,28 +50,28 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_1n9r2.custom-button__darkening_1n9r2:hover:before {
+    } .custom-button__customButton_1w0yv.custom-button__darkening_1w0yv:hover:before {
             background-color: var(--color-light-border-key-alpha-7);
-        } .custom-button__customButton_1n9r2.custom-button__darkening_1n9r2:active:before {
+        } .custom-button__customButton_1w0yv.custom-button__darkening_1w0yv:active:before {
             background-color: var(--color-light-border-key-alpha-15);
-        } .custom-button__customButton_1n9r2.custom-button__lightening_1n9r2:hover:before {
+        } .custom-button__customButton_1w0yv.custom-button__lightening_1w0yv:hover:before {
             background-color: var(--color-light-border-key-inverted-alpha-7);
-        } .custom-button__customButton_1n9r2.custom-button__lightening_1n9r2:active:before {
+        } .custom-button__customButton_1w0yv.custom-button__lightening_1w0yv:active:before {
             background-color: var(--color-light-border-key-inverted-alpha-15);
-        } .custom-button__customButton_1n9r2.custom-button__static-darkening_1n9r2:hover:before {
+        } .custom-button__customButton_1w0yv.custom-button__static-darkening_1w0yv:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_1n9r2.custom-button__static-darkening_1n9r2:active:before {
+        } .custom-button__customButton_1w0yv.custom-button__static-darkening_1w0yv:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_1n9r2.custom-button__static-lightening_1n9r2:hover:before {
+        } .custom-button__customButton_1w0yv.custom-button__static-lightening_1w0yv:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
-        } .custom-button__customButton_1n9r2.custom-button__static-lightening_1n9r2:active:before {
+        } .custom-button__customButton_1w0yv.custom-button__static-lightening_1w0yv:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_1n9r2:disabled {
+        } /* Disabled */ .custom-button__customButton_1w0yv:disabled {
     opacity: 0.3
-} .custom-button__customButton_1n9r2:disabled.custom-button__customLoading_1n9r2 {
+} .custom-button__customButton_1w0yv:disabled.custom-button__customLoading_1w0yv {
         opacity: 1;
-    } .custom-button__customButton_1n9r2:disabled.custom-button__white_1n9r2 * {
+    } .custom-button__customButton_1w0yv:disabled.custom-button__white_1w0yv * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_1n9r2:disabled.custom-button__black_1n9r2 * {
+    } .custom-button__customButton_1w0yv:disabled.custom-button__black_1w0yv * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-button/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../button/modern';
 
-const styles = {"customButton":"custom-button__customButton_1n9r2","white":"custom-button__white_1n9r2","black":"custom-button__black_1n9r2","static-white":"custom-button__static-white_1n9r2","static-black":"custom-button__static-black_1n9r2","darkening":"custom-button__darkening_1n9r2","lightening":"custom-button__lightening_1n9r2","static-darkening":"custom-button__static-darkening_1n9r2","static-lightening":"custom-button__static-lightening_1n9r2","customLoading":"custom-button__customLoading_1n9r2"};
+const styles = {"customButton":"custom-button__customButton_1w0yv","white":"custom-button__white_1w0yv","black":"custom-button__black_1w0yv","static-white":"custom-button__static-white_1w0yv","static-black":"custom-button__static-black_1w0yv","darkening":"custom-button__darkening_1w0yv","lightening":"custom-button__lightening_1w0yv","static-darkening":"custom-button__static-darkening_1w0yv","static-lightening":"custom-button__static-lightening_1w0yv","customLoading":"custom-button__customLoading_1w0yv"};
 require('./index.css');
 
 const DEFAULT_BUTTON_COLOR = '#FF45C3';