@alfalab/core-components-confirmation 8.3.0 → 8.4.0

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

@@ -1,4 +1,4 @@
-/* hash: 1nv3s */
+/* hash: ns4by */
 :root {
     --color-light-text-negative: #d91d0b;
     --color-light-text-primary: #0b1f35;
@@ -43,20 +43,20 @@
 
     /* input */
 }
-.confirmation__component_1nv3s {
+.confirmation__component_ns4by {
     display: flex;
     flex-direction: column;
 }
-.confirmation__countdown_1nv3s {
+.confirmation__countdown_ns4by {
     max-height: 300px;
     overflow: hidden;
     transition: max-height 0.15s ease;
 }
-.confirmation__hidden_1nv3s {
+.confirmation__hidden_ns4by {
     opacity: 0;
     max-height: 0;
 }
-.confirmation__header_1nv3s {
+.confirmation__header_ns4by {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -67,19 +67,19 @@
     margin-bottom: var(--gap-3xl);
     color: var(--confirmation-title-color);
 }
-.confirmation__inputContainer_1nv3s {
+.confirmation__inputContainer_ns4by {
     display: flex;
     flex-direction: column;
 }
-.confirmation__smsComeLinkWrap_1nv3s {
+.confirmation__smsComeLinkWrap_ns4by {
     margin-top: var(--gap-l);
 }
-.confirmation__smsComeLink_1nv3s {
+.confirmation__smsComeLink_ns4by {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }
-.confirmation__error_1nv3s {
+.confirmation__error_ns4by {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -87,12 +87,12 @@
     margin-top: var(--gap-xs);
     color: var(--confirmation-error-color);
 }
-.confirmation__loaderWrap_1nv3s {
+.confirmation__loaderWrap_ns4by {
     display: flex;
     align-items: center;
     margin: var(--gap-3xl) 0 var(--gap-xs);
 }
-.confirmation__loaderText_1nv3s {
+.confirmation__loaderText_ns4by {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -102,7 +102,7 @@
     margin-left: var(--gap-s);
     color: var(--confirmation-text-color);
 }
-.confirmation__center_1nv3s .confirmation__codeInput_1nv3s,
-    .confirmation__center_1nv3s .confirmation__loaderWrap_1nv3s {
+.confirmation__center_ns4by .confirmation__codeInput_ns4by,
+    .confirmation__center_ns4by .confirmation__loaderWrap_ns4by {
         justify-content: center;
     }

package/dist/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 4oaka */
+/* hash: xa4zp */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -41,18 +41,18 @@
 
     /* input */
 }
-.confirmation__component_4oaka {
+.confirmation__component_xa4zp {
     display: flex;
     flex-direction: column;
     width: 100%;
     font-family: var(--confirmation-font-family);
 }
-.confirmation__error_4oaka {
+.confirmation__error_xa4zp {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__errorHeader_4oaka {
+.confirmation__errorHeader_xa4zp {
     font-size: var(--confirmation-title-font-size);
     line-height: var(--confirmation-title-line-height);
     font-weight: var(--confirmation-title-font-weight);
@@ -63,7 +63,7 @@
     margin-bottom: var(--gap-2xl);
     color: var(--confirmation-title-color);
 }
-.confirmation__errorText_4oaka {
+.confirmation__errorText_xa4zp {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -73,12 +73,12 @@
     margin-bottom: var(--gap-2xl);
     color: var(--confirmation-text-color);
 }
-.confirmation__phoneHintWrap_4oaka {
+.confirmation__phoneHintWrap_xa4zp {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
 }
-.confirmation__phoneHintText_4oaka {
+.confirmation__phoneHintText_xa4zp {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -88,7 +88,7 @@
     margin-bottom: var(--gap-xl);
     color: var(--confirmation-text-color);
 }
-.confirmation__phonesWrap_4oaka {
+.confirmation__phonesWrap_xa4zp {
     font-size: var(--confirmation-text-font-size);
     line-height: var(--confirmation-text-line-height);
     font-weight: var(--confirmation-text-font-weight);
@@ -99,21 +99,21 @@
     flex-direction: column;
     margin-bottom: var(--gap-4xl);
 }
-.confirmation__phoneWrap_4oaka {
+.confirmation__phoneWrap_xa4zp {
     margin-bottom: var(--gap-xs)
 }
-.confirmation__phoneWrap_4oaka:last-child {
+.confirmation__phoneWrap_xa4zp:last-child {
         margin-bottom: 0;
     }
-.confirmation__phoneDescription_4oaka {
+.confirmation__phoneDescription_xa4zp {
     color: var(--confirmation-text-color);
 }
-.confirmation__component_4oaka.confirmation__center_4oaka {
+.confirmation__component_xa4zp.confirmation__center_xa4zp {
     text-align: center;
 }
-.confirmation__center_4oaka .confirmation__phoneHintWrap_4oaka {
+.confirmation__center_xa4zp .confirmation__phoneHintWrap_xa4zp {
         align-items: center;
     }
-.confirmation__center_4oaka .confirmation__error_4oaka {
+.confirmation__center_xa4zp .confirmation__error_xa4zp {
         align-items: center;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-confirmation",
-    "version": "8.3.0",
+    "version": "8.4.0",
     "description": "Sms confirmation component",
     "keywords": [],
     "license": "MIT",
@@ -27,5 +27,5 @@
     "peerDependencies": {
         "react": "^16.9.0 || ^17.0.1"
     },
-    "gitHead": "06ce84bb0c1b831858968f9a5d0bface6a163dc0"
+    "gitHead": "f021bbf41e94cc719de8a916715dbcf923901d68"
 }