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

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

@@ -1,23 +1,4 @@
-.backdrop__backdrop_14p7c {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_14p7c,
-.backdrop__enter_14p7c {
-    background-color: transparent;
-} .backdrop__appearActive_14p7c,
-.backdrop__enterActive_14p7c,
-.backdrop__appearDone_14p7c,
-.backdrop__enterDone_14p7c {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_14p7c {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_14p7c,
-.backdrop__exitDone_14p7c {
-    background-color: transparent;
-}.card-image__cardImage_bvs5x {
-    background: #e7e8ea;
-} .card-image__loaded_bvs5x {
-    background: transparent
-}.badge__component_1x6bo.badge__background-accent_1x6bo {
+.badge__component_1x6bo.badge__background-accent_1x6bo {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_1x6bo.badge__background-specialbg-secondary-transparent_1x6bo {
@@ -77,6 +58,25 @@
         background-color: #fff;
     } .badge__dot_1x6bo.badge__outlineCount_1x6bo {
     border: 1px solid #121213;
+}.backdrop__backdrop_14p7c {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_14p7c,
+.backdrop__enter_14p7c {
+    background-color: transparent;
+} .backdrop__appearActive_14p7c,
+.backdrop__enterActive_14p7c,
+.backdrop__appearDone_14p7c,
+.backdrop__enterDone_14p7c {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_14p7c {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_14p7c,
+.backdrop__exitDone_14p7c {
+    background-color: transparent;
+}.card-image__cardImage_bvs5x {
+    background: #e7e8ea;
+} .card-image__loaded_bvs5x {
+    background: transparent
 }.divider__component_wc83h {
     border-bottom: 1px solid #353539;
 }.dropzone__component_14isj {
@@ -193,7 +193,6 @@
 } .icon-view__border_14i8j {
     stroke: rgba(225, 225, 248, 0.09);
     fill: transparent;
-}@keyframes loader__blink_1pw7m {
 }.link__primary_ntmi4 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -260,7 +259,8 @@
         }
     } .link__defaultView_1qr6m:active {
         color: #2453b4;
-    }.progress-bar__container_1s9v6 {
+    }@keyframes loader__blink_1pw7m {
+}.progress-bar__container_1s9v6 {
     background: rgba(222, 222, 238, 0.13)
 } .progress-bar__filled_1s9v6.progress-bar__positive_1s9v6 {
         background: #17d055;
@@ -359,43 +359,64 @@
 }
 .spinner__component_1b5um {
     color: #121213;
-}.status__soft_1keqd.status__green_1keqd {
-        background: #d1f1d7;
-        color: #0d9336;
-    } .status__soft_1keqd.status__orange_1keqd {
-        background: #fde6c8;
-        color: #ea8313;
-    } .status__soft_1keqd.status__red_1keqd {
-        background: #ffdfdf;
-        color: #ec2d20;
-    } .status__soft_1keqd.status__blue_1keqd {
-        background: #d8eaff;
-        color: #2a77ef;
-    } .status__soft_1keqd.status__grey_1keqd {
+}.status__muted-alt_1keqd.status__green_1keqd {
+            background: #d1f1d7;
+            color: #0d9336;
+        } .status__muted-alt_1keqd.status__orange_1keqd {
+            background: #fde6c8;
+            color: #ea8313;
+        } .status__muted-alt_1keqd.status__red_1keqd {
+            background: #ffdfdf;
+            color: #ec2d20;
+        } .status__muted-alt_1keqd.status__blue_1keqd {
+            background: #d8eaff;
+            color: #2a77ef;
+        } .status__muted-alt_1keqd.status__teal_1keqd {
+            background: #c8f1f3;
+            color: #058a8f;
+        } .status__muted-alt_1keqd.status__grey_1keqd {
         background: rgba(222, 222, 238, 0.13);
         color: rgba(238, 238, 251, 0.55);
-    } .status__soft_1keqd.status__teal_1keqd {
-        background: #c8f1f3;
-        color: #058a8f;
-    } .status__soft_1keqd.status__purple_1keqd {
+    } .status__muted-alt_1keqd.status__purple_1keqd {
         background: #e3e6fe;
         color: #7a63f1;
     } .status__contrast_1keqd {
     color: rgba(3, 3, 6, 0.88)
 } .status__contrast_1keqd.status__green_1keqd {
-        background: #0cc44d;
-    } .status__contrast_1keqd.status__orange_1keqd {
-        background: #fa9313;
-    } .status__contrast_1keqd.status__red_1keqd {
-        background: #fe5e48;
-    } .status__contrast_1keqd.status__blue_1keqd {
-        background: #3193fc;
-    } .status__contrast_1keqd.status__grey_1keqd {
+            background: #0cc44d;
+        } .status__contrast_1keqd.status__orange_1keqd {
+            background: #fa9313;
+        } .status__contrast_1keqd.status__red_1keqd {
+            background: #fe5e48;
+        } .status__contrast_1keqd.status__blue_1keqd {
+            background: #3193fc;
+        } .status__contrast_1keqd.status__teal_1keqd {
+            background: #09b9be;
+        } .status__contrast_1keqd.status__grey_1keqd {
         background: #898991;
-    } .status__contrast_1keqd.status__teal_1keqd {
-        background: #09b9be;
     } .status__contrast_1keqd.status__purple_1keqd {
         background: #897eff;
+    } .status__muted_1keqd.status__green_1keqd {
+            background: #dff8e5;
+            color: #0d9336;
+        } .status__muted_1keqd.status__orange_1keqd {
+            background: #ffefd9;
+            color: #ea8313;
+        } .status__muted_1keqd.status__red_1keqd {
+            background: #ffebeb;
+            color: #ec2d20;
+        } .status__muted_1keqd.status__blue_1keqd {
+            background: #e4f0ff;
+            color: #2a77ef;
+        } .status__muted_1keqd.status__teal_1keqd {
+            background: #daf7f8;
+            color: #058a8f;
+        } .status__muted_1keqd.status__grey_1keqd {
+        background: rgba(225, 225, 248, 0.09);
+        color: rgba(238, 238, 251, 0.55);
+    } .status__muted_1keqd.status__purple_1keqd {
+        background: #eeedff;
+        color: #7a63f1;
     }.status-badge__positive-checkmark_77dqz {
     background-color: #17d055;
 } .status-badge__negative-cross_77dqz,
@@ -424,4 +445,143 @@
 .status-badge__neutral-operation_1ez6y,
 .status-badge__neutral-cross_1ez6y {
     background-color: #898991;
-}
+}.underlay__background-accent_hkejj {
+            background-color: #ef3124;
+        } .underlay__background-info_hkejj {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_hkejj {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_hkejj {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_hkejj {
+            background-color: #392523;
+        } .underlay__background-primary_hkejj {
+            background-color: #0e0e0e;
+        } .underlay__background-primary-inverted_hkejj {
+            background-color: #fff;
+        } .underlay__background-secondary_hkejj {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_hkejj {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_hkejj {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_hkejj {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_hkejj {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_hkejj {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_hkejj {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_hkejj {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_hkejj {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_hkejj {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_hkejj {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_hkejj {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_hkejj {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_hkejj {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_hkejj {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_hkejj {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_hkejj {
+        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
+        0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-m_hkejj {
+        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-l_hkejj {
+        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
+        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-xl_hkejj {
+        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
+        0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-xs-hard_hkejj {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_hkejj {
+        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
+        0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-m-hard_hkejj {
+        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-hard_hkejj {
+        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
+        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xl-hard_hkejj {
+        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
+        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xs-up_hkejj {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_hkejj {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_hkejj {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_hkejj {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_hkejj {
+        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
+    } .underlay__shadow-xs-hard-up_hkejj {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
+        0 -2px 4px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard-up_hkejj {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
+        0 -4px 8px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-m-hard-up_hkejj {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
+        0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-hard-up_hkejj {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
+        0 -12px 24px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xl-hard-up_hkejj {
+        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
+        0 -16px 32px rgba(0, 0, 0, 0.16);
+    } .underlay__border-color-accent_hkejj {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_hkejj {
+        border-color: #fff;
+    } .underlay__border-color-key-inverted_hkejj {
+        border-color: #121213;
+    } .underlay__border-color-link_hkejj {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_hkejj {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_hkejj {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_hkejj {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_hkejj {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_hkejj {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_hkejj {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_hkejj {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_hkejj {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_hkejj {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_hkejj {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_hkejj {
+        border-color: #ff4837;
+    } .underlay__border-color-graphic-positive_hkejj {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_hkejj {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_hkejj {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_hkejj {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_hkejj {
+        border-color: rgba(15, 25, 55, 0.1);
+    }