@alfalab/core-components 41.9.0-beta.1 → 41.9.0-beta.2

package/system-message/utils.js

@@ -7,7 +7,7 @@ var components_subtitle_Component = require('./components/subtitle/Component.js'
 var components_title_Component = require('./components/title/Component.js');
 require('react');
 require('classnames');
-require('./getDataTestId-ba54efbf.js');
+require('./getDataTestId-9df05b6d.js');
 require('./Context.js');
 
 function createCompound(functionComponent) {

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,19 +1,4 @@
-.backdrop__backdrop_r543o {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_r543o,
-.backdrop__enter_r543o {
-    background-color: transparent;
-} .backdrop__appearActive_r543o,
-.backdrop__enterActive_r543o,
-.backdrop__appearDone_r543o,
-.backdrop__enterDone_r543o {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exit_r543o {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exitActive_r543o,
-.backdrop__exitDone_r543o {
-    background-color: transparent;
-}.card-image__cardImage_6qz8z {
+.card-image__cardImage_6qz8z {
     background: #e7e8ea;
 } .card-image__loaded_6qz8z {
     background: transparent
@@ -77,8 +62,29 @@
         background-color: #fff;
     } .badge__dot_1rep0.badge__outlineCount_1rep0 {
     border: 1px solid #121212;
-}.divider__component_1l4xp {
-    border-bottom: 1px solid #2b2b2e;
+}.backdrop__backdrop_r543o {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_r543o,
+.backdrop__enter_r543o {
+    background-color: transparent;
+} .backdrop__appearActive_r543o,
+.backdrop__enterActive_r543o,
+.backdrop__appearDone_r543o,
+.backdrop__enterDone_r543o {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exit_r543o {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exitActive_r543o,
+.backdrop__exitDone_r543o {
+    background-color: transparent;
+}.checkbox-group__error_fy5sq {
+    border-left: 1px solid #f15045;
+} .checkbox-group__label_fy5sq {
+    color: #fff;
+} .checkbox-group__errorMessage_fy5sq {
+    color: #f15045;
+} .checkbox-group__hint_fy5sq {
+    color: rgba(235, 235, 245, 0.54);
 }.checkbox__box_1n8bp {
     color: #0e0e0e;
     background-color: #0e0e0e;
@@ -143,14 +149,8 @@
 } .checkbox__indeterminateLine_1n8bp {
     background-color: #0e0e0e;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.checkbox-group__error_fy5sq {
-    border-left: 1px solid #f15045;
-} .checkbox-group__label_fy5sq {
-    color: #fff;
-} .checkbox-group__errorMessage_fy5sq {
-    color: #f15045;
-} .checkbox-group__hint_fy5sq {
-    color: rgba(235, 235, 245, 0.54);
+}.divider__component_1l4xp {
+    border-bottom: 1px solid #2b2b2e;
 }.code-input__error_16h66 {
     color: #f15045;
 } @keyframes code-input__shake_16h66 {
@@ -393,6 +393,13 @@
 }
 .hatching-progress-bar__accent_1caza {
     background: #ef3124;
+}.icon-view__component_fqctn {
+    color: #85858d;
+} .icon-view__bg_fqctn {
+    fill: #202022;
+} .icon-view__border_fqctn {
+    stroke: rgba(255, 255, 255, 0.1);
+    fill: transparent;
 }.indicator__component_1hip1 {
     color: #fff;
     background-color: #ef3124;
@@ -411,14 +418,7 @@
     color: #fff
 } .indicator__grey_1hip1.indicator__border_1hip1 {
         outline: 2px solid #000;
-    }.icon-view__component_fqctn {
-    color: #85858d;
-} .icon-view__bg_fqctn {
-    fill: #202022;
-} .icon-view__border_fqctn {
-    stroke: rgba(255, 255, 255, 0.1);
-    fill: transparent;
-}.link__primary_15ewo {
+    }.link__primary_15ewo {
     color: #fff;
     border-bottom-color: #fff
 } .link__primary_15ewo:hover {
@@ -496,16 +496,6 @@
     }
 .progress-bar__filled_1xddd.progress-bar__accent_1xddd {
         background: #ef3124;
-    }.radio-group__error_wk4lv {
-    border-left: 1px solid #f15045;
-} .radio-group__label_wk4lv {
-    color: #fff;
-} .radio-group__errorMessage_wk4lv {
-    color: #f15045;
-} .radio-group__hint_wk4lv {
-    color: rgba(235, 235, 245, 0.54);
-} .radio-group__hiddenInput_wk4lv:focus ~ button {
-        outline: 2px solid #0072ef;
     }.pure-input__input_1xdj7 {
     color: #fff;
     caret-color: #0072ef;
@@ -545,7 +535,17 @@
     outline: 2px solid #0072ef;
 } .pure-input__component_1xdj7:not(:disabled):hover {
     background-color: #202022;
-}.radio__container_3ey3h:not(.radio__checked_3ey3h):not(.radio__disabled_3ey3h):not(.radio__inactive_3ey3h) .radio__circle_3ey3h {
+}.radio-group__error_wk4lv {
+    border-left: 1px solid #f15045;
+} .radio-group__label_wk4lv {
+    color: #fff;
+} .radio-group__errorMessage_wk4lv {
+    color: #f15045;
+} .radio-group__hint_wk4lv {
+    color: rgba(235, 235, 245, 0.54);
+} .radio-group__hiddenInput_wk4lv:focus ~ button {
+        outline: 2px solid #0072ef;
+    }.radio__container_3ey3h:not(.radio__checked_3ey3h):not(.radio__disabled_3ey3h):not(.radio__inactive_3ey3h) .radio__circle_3ey3h {
             background-color: #0e0e0e;
             border: 1.5px solid #85858d;
         } .radio__container_3ey3h:not(.radio__checked_3ey3h):not(.radio__disabled_3ey3h):not(.radio__inactive_3ey3h):hover:not(:active) .radio__circle_3ey3h {
@@ -614,25 +614,7 @@
         background-color: #2b2b2e;
     } .segmented-control__focused_1bsbk {
     outline: 2px solid #0072ef;
-}.slider__component_1j83l .noUi-base:hover .noUi-connects {
-            background: #303032;
-        } .slider__component_1j83l .noUi-base:hover .noUi-connect {
-            background: #d91d0b;
-        } .slider__component_1j83l .noUi-handle:hover .noUi-touch-area {
-        background: rgb(240, 63, 51);
-    } .slider__component_1j83l .noUi-handle:active .noUi-touch-area {
-        background: rgb(241, 80, 69);
-    } .slider__component_1j83l .noUi-connects {
-        background: #303032;
-    } .slider__component_1j83l .noUi-connect {
-        background: #d91d0b;
-    } .slider__component_1j83l .noUi-handle {
-        border: 2px solid transparent;
-    } .slider__component_1j83l .noUi-touch-area {
-        background: #ef3124;
-    } .slider__component_1j83l .noUi-pips {
-        color: rgba(235, 235, 245, 0.54);
-    }.skeleton__component_11t81 {
+}.skeleton__component_11t81 {
     color: transparent;
     background: rgba(255, 255, 255, 0.1);
 } .skeleton__component_11t81:before {
@@ -654,7 +636,25 @@
     100% {
         background: rgb(198, 205, 214);
     }
-}.sortable-list__primary_19bz7 {
+}.slider__component_1j83l .noUi-base:hover .noUi-connects {
+            background: #303032;
+        } .slider__component_1j83l .noUi-base:hover .noUi-connect {
+            background: #d91d0b;
+        } .slider__component_1j83l .noUi-handle:hover .noUi-touch-area {
+        background: rgb(240, 63, 51);
+    } .slider__component_1j83l .noUi-handle:active .noUi-touch-area {
+        background: rgb(241, 80, 69);
+    } .slider__component_1j83l .noUi-connects {
+        background: #303032;
+    } .slider__component_1j83l .noUi-connect {
+        background: #d91d0b;
+    } .slider__component_1j83l .noUi-handle {
+        border: 2px solid transparent;
+    } .slider__component_1j83l .noUi-touch-area {
+        background: #ef3124;
+    } .slider__component_1j83l .noUi-pips {
+        color: rgba(235, 235, 245, 0.54);
+    }.sortable-list__primary_19bz7 {
     background: #121212;
 } .sortable-list__secondary_19bz7 {
     background: #202022;

package/themes/dist/compiled/mobile-dark-bluetint.css

@@ -1,19 +1,4 @@
-.backdrop__backdrop_r543o {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_r543o,
-.backdrop__enter_r543o {
-    background-color: transparent;
-} .backdrop__appearActive_r543o,
-.backdrop__enterActive_r543o,
-.backdrop__appearDone_r543o,
-.backdrop__enterDone_r543o {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exit_r543o {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exitActive_r543o,
-.backdrop__exitDone_r543o {
-    background-color: transparent;
-}.card-image__cardImage_6qz8z {
+.card-image__cardImage_6qz8z {
     background: #e7e8ea;
 } .card-image__loaded_6qz8z {
     background: transparent
@@ -77,8 +62,29 @@
         background-color: #fff;
     } .badge__dot_1rep0.badge__outlineCount_1rep0 {
     border: 1px solid #121212;
-}.divider__component_1l4xp {
-    border-bottom: 1px solid #2b2b2e;
+}.backdrop__backdrop_r543o {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_r543o,
+.backdrop__enter_r543o {
+    background-color: transparent;
+} .backdrop__appearActive_r543o,
+.backdrop__enterActive_r543o,
+.backdrop__appearDone_r543o,
+.backdrop__enterDone_r543o {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exit_r543o {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exitActive_r543o,
+.backdrop__exitDone_r543o {
+    background-color: transparent;
+}.checkbox-group__error_fy5sq {
+    border-left: 1px solid #f15045;
+} .checkbox-group__label_fy5sq {
+    color: #fff;
+} .checkbox-group__errorMessage_fy5sq {
+    color: #f15045;
+} .checkbox-group__hint_fy5sq {
+    color: rgba(235, 235, 245, 0.54);
 }.checkbox__box_1n8bp {
     color: #0e0e0e;
     background-color: #0e0e0e;
@@ -143,14 +149,8 @@
 } .checkbox__indeterminateLine_1n8bp {
     background-color: #0e0e0e;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.checkbox-group__error_fy5sq {
-    border-left: 1px solid #f15045;
-} .checkbox-group__label_fy5sq {
-    color: #fff;
-} .checkbox-group__errorMessage_fy5sq {
-    color: #f15045;
-} .checkbox-group__hint_fy5sq {
-    color: rgba(235, 235, 245, 0.54);
+}.divider__component_1l4xp {
+    border-bottom: 1px solid #2b2b2e;
 }.code-input__error_16h66 {
     color: #f15045;
 } @keyframes code-input__shake_16h66 {
@@ -393,6 +393,13 @@
 }
 .hatching-progress-bar__accent_1caza {
     background: #ef3124;
+}.icon-view__component_fqctn {
+    color: #85858d;
+} .icon-view__bg_fqctn {
+    fill: #202022;
+} .icon-view__border_fqctn {
+    stroke: rgba(255, 255, 255, 0.1);
+    fill: transparent;
 }.indicator__component_1hip1 {
     color: #fff;
     background-color: #ef3124;
@@ -411,14 +418,7 @@
     color: #fff
 } .indicator__grey_1hip1.indicator__border_1hip1 {
         outline: 2px solid #000;
-    }.icon-view__component_fqctn {
-    color: #85858d;
-} .icon-view__bg_fqctn {
-    fill: #202022;
-} .icon-view__border_fqctn {
-    stroke: rgba(255, 255, 255, 0.1);
-    fill: transparent;
-}.link__primary_15ewo {
+    }.link__primary_15ewo {
     color: #fff;
     border-bottom-color: #fff
 } .link__primary_15ewo:hover {
@@ -496,16 +496,6 @@
     }
 .progress-bar__filled_1xddd.progress-bar__accent_1xddd {
         background: #ef3124;
-    }.radio-group__error_wk4lv {
-    border-left: 1px solid #f15045;
-} .radio-group__label_wk4lv {
-    color: #fff;
-} .radio-group__errorMessage_wk4lv {
-    color: #f15045;
-} .radio-group__hint_wk4lv {
-    color: rgba(235, 235, 245, 0.54);
-} .radio-group__hiddenInput_wk4lv:focus ~ button {
-        outline: 2px solid #0072ef;
     }.pure-input__input_1xdj7 {
     color: #fff;
     caret-color: #0072ef;
@@ -545,7 +535,17 @@
     outline: 2px solid #0072ef;
 } .pure-input__component_1xdj7:not(:disabled):hover {
     background-color: #202022;
-}.radio__container_3ey3h:not(.radio__checked_3ey3h):not(.radio__disabled_3ey3h):not(.radio__inactive_3ey3h) .radio__circle_3ey3h {
+}.radio-group__error_wk4lv {
+    border-left: 1px solid #f15045;
+} .radio-group__label_wk4lv {
+    color: #fff;
+} .radio-group__errorMessage_wk4lv {
+    color: #f15045;
+} .radio-group__hint_wk4lv {
+    color: rgba(235, 235, 245, 0.54);
+} .radio-group__hiddenInput_wk4lv:focus ~ button {
+        outline: 2px solid #0072ef;
+    }.radio__container_3ey3h:not(.radio__checked_3ey3h):not(.radio__disabled_3ey3h):not(.radio__inactive_3ey3h) .radio__circle_3ey3h {
             background-color: #0e0e0e;
             border: 1.5px solid #85858d;
         } .radio__container_3ey3h:not(.radio__checked_3ey3h):not(.radio__disabled_3ey3h):not(.radio__inactive_3ey3h):hover:not(:active) .radio__circle_3ey3h {
@@ -614,25 +614,7 @@
         background-color: #2b2b2e;
     } .segmented-control__focused_1bsbk {
     outline: 2px solid #0072ef;
-}.slider__component_1j83l .noUi-base:hover .noUi-connects {
-            background: #303032;
-        } .slider__component_1j83l .noUi-base:hover .noUi-connect {
-            background: #d91d0b;
-        } .slider__component_1j83l .noUi-handle:hover .noUi-touch-area {
-        background: rgb(240, 63, 51);
-    } .slider__component_1j83l .noUi-handle:active .noUi-touch-area {
-        background: rgb(241, 80, 69);
-    } .slider__component_1j83l .noUi-connects {
-        background: #303032;
-    } .slider__component_1j83l .noUi-connect {
-        background: #d91d0b;
-    } .slider__component_1j83l .noUi-handle {
-        border: 2px solid transparent;
-    } .slider__component_1j83l .noUi-touch-area {
-        background: #ef3124;
-    } .slider__component_1j83l .noUi-pips {
-        color: rgba(235, 235, 245, 0.54);
-    }.skeleton__component_11t81 {
+}.skeleton__component_11t81 {
     color: transparent;
     background: rgba(255, 255, 255, 0.1);
 } .skeleton__component_11t81:before {
@@ -654,7 +636,25 @@
     100% {
         background: rgb(198, 205, 214);
     }
-}.sortable-list__primary_19bz7 {
+}.slider__component_1j83l .noUi-base:hover .noUi-connects {
+            background: #303032;
+        } .slider__component_1j83l .noUi-base:hover .noUi-connect {
+            background: #d91d0b;
+        } .slider__component_1j83l .noUi-handle:hover .noUi-touch-area {
+        background: rgb(240, 63, 51);
+    } .slider__component_1j83l .noUi-handle:active .noUi-touch-area {
+        background: rgb(241, 80, 69);
+    } .slider__component_1j83l .noUi-connects {
+        background: #303032;
+    } .slider__component_1j83l .noUi-connect {
+        background: #d91d0b;
+    } .slider__component_1j83l .noUi-handle {
+        border: 2px solid transparent;
+    } .slider__component_1j83l .noUi-touch-area {
+        background: #ef3124;
+    } .slider__component_1j83l .noUi-pips {
+        color: rgba(235, 235, 245, 0.54);
+    }.sortable-list__primary_19bz7 {
     background: #121212;
 } .sortable-list__secondary_19bz7 {
     background: #202022;
@@ -1739,25 +1739,7 @@
 } .confirmation-v1__loaderText_ieqmr {
     color: rgba(235, 235, 245, 0.54);
     color: rgba(235, 235, 245, 0.54);
-}.custom-button__customButton_1tf3w.custom-button__white_1tf3w * {
-        color: #fff;
-    } .custom-button__customButton_1tf3w.custom-button__black_1tf3w * {
-        color: #0e0e0e;
-    } .custom-button__customButton_1tf3w:before {
-        background-color: rgba(0, 0, 0, 0);
-    } .custom-button__customButton_1tf3w.custom-button__darkening_1tf3w:hover:before {
-            background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_1tf3w.custom-button__darkening_1tf3w:active:before {
-            background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_1tf3w.custom-button__lightening_1tf3w:hover:before {
-            background-color: rgba(255, 255, 255, 0.15);
-        } .custom-button__customButton_1tf3w.custom-button__lightening_1tf3w:active:before {
-            background-color: rgba(255, 255, 255, 0.2);
-        } .custom-button__customButton_1tf3w:disabled.custom-button__white_1tf3w * {
-        color: #fff;
-    } .custom-button__customButton_1tf3w:disabled.custom-button__black_1tf3w * {
-        color: #0e0e0e;
-    }
+}
 .confirmation__component_4y5xj {
     color: rgba(235, 235, 245, 0.54);
 }
@@ -1781,7 +1763,25 @@
 }
 .confirmation__typographyTheme_118fx.confirmation__typographyTheme_118fx {
     color: rgba(235, 235, 245, 0.54);
-}.cc-icon-button.icon-button__primary_ysu2q {
+}.custom-button__customButton_1tf3w.custom-button__white_1tf3w * {
+        color: #fff;
+    } .custom-button__customButton_1tf3w.custom-button__black_1tf3w * {
+        color: #0e0e0e;
+    } .custom-button__customButton_1tf3w:before {
+        background-color: rgba(0, 0, 0, 0);
+    } .custom-button__customButton_1tf3w.custom-button__darkening_1tf3w:hover:before {
+            background-color: rgba(0, 0, 0, 0.07);
+        } .custom-button__customButton_1tf3w.custom-button__darkening_1tf3w:active:before {
+            background-color: rgba(0, 0, 0, 0.15);
+        } .custom-button__customButton_1tf3w.custom-button__lightening_1tf3w:hover:before {
+            background-color: rgba(255, 255, 255, 0.15);
+        } .custom-button__customButton_1tf3w.custom-button__lightening_1tf3w:active:before {
+            background-color: rgba(255, 255, 255, 0.2);
+        } .custom-button__customButton_1tf3w:disabled.custom-button__white_1tf3w * {
+        color: #fff;
+    } .custom-button__customButton_1tf3w:disabled.custom-button__black_1tf3w * {
+        color: #0e0e0e;
+    }.cc-icon-button.icon-button__primary_ysu2q {
         color: #fff
     } .cc-icon-button.icon-button__primary_ysu2q:hover {
             color: rgb(204, 204, 204);