@megafon/ui-shared 2.0.0-beta.224 → 2.0.0-beta.228

package/dist/lib/components/Container/Container.css

@@ -8,22 +8,6 @@ h5 {
 .mfui-beta-container {
   padding-bottom: 96px;
 }
-.mfui-beta-container_disable-padding-top {
-  padding-top: 0 !important;
-}
-.mfui-beta-container_disable-padding-bottom {
-  padding-bottom: 0 !important;
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-beta-container {
-    padding-bottom: 72px;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-beta-container {
-    padding-bottom: 48px;
-  }
-}
 .mfui-beta-container_bg-color_default {
   background-color: #FFFFFF;
 }
@@ -39,6 +23,16 @@ h5 {
 .mfui-beta-container_bg-color_purple {
   background-color: #731982;
 }
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-beta-container {
+    padding-bottom: 72px;
+  }
+}
+@media screen and (max-width: 767px) {
+  .mfui-beta-container {
+    padding-bottom: 48px;
+  }
+}
 .mfui-beta-container_bg-color_default + .mfui-beta-container_bg-color_light-gray {
   padding-top: 96px;
 }
@@ -2806,3 +2800,9 @@ h5 {
 .mfui-beta-container .mfui-beta-page-title + .mfui-beta-button-link-box {
   margin-top: 0 !important;
 }
+.mfui-beta-container_disable-padding-top {
+  padding-top: 0 !important;
+}
+.mfui-beta-container_disable-padding-bottom {
+  padding-bottom: 0 !important;
+}

package/dist/lib/components/Instructions/Instructions.css

@@ -6,8 +6,8 @@ h5 {
   margin: 0;
 }
 .mfui-beta-instructions__title_resolution_mobile {
-  text-align: center;
   margin-bottom: 32px;
+  text-align: center;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-beta-instructions__title_resolution_mobile {
@@ -67,10 +67,10 @@ h5 {
 }
 @media screen and (min-width: 1024px) {
   .mfui-beta-instructions__picture {
-    width: 50%;
     -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
             order: 2;
+    width: 50%;
   }
 }
 @media screen and (min-width: 1024px) {
@@ -103,15 +103,15 @@ h5 {
   .mfui-beta-instructions__img-wrapper:before {
     content: '';
     position: absolute;
-    display: block;
+    right: 0;
     bottom: 0;
     left: 0;
-    right: 0;
+    z-index: 2;
+    display: block;
     width: 324px;
     height: 1px;
     margin: 0 auto;
     background: #D8D8D8;
-    z-index: 2;
   }
 }
 .mfui-beta-instructions__device-screen {
@@ -136,8 +136,8 @@ h5 {
 .mfui-beta-instructions_mask_android .mfui-beta-instructions__swiper {
   position: absolute;
   top: 59px;
-  left: 0;
   right: 0;
+  left: 0;
   width: 204px;
   height: 363px;
   margin: auto;
@@ -171,24 +171,24 @@ h5 {
 }
 .mfui-beta-instructions_mask_new-iphone .mfui-beta-instructions__device-screen {
   position: relative;
+  z-index: 2;
   width: 100%;
   height: 490px;
   margin: auto;
   background: url('./img/newIphone.png') 50% no-repeat;
   background-size: contain;
-  z-index: 2;
 }
 .mfui-beta-instructions_mask_new-iphone .mfui-beta-instructions__swiper {
   position: absolute;
   top: 14px;
-  left: 0;
   right: 0;
+  left: 0;
+  z-index: 1;
   width: 214px;
   height: 462px;
   margin: auto;
-  overflow: hidden;
   border-radius: 20px;
-  z-index: 1;
+  overflow: hidden;
 }
 @media screen and (max-width: 1023px) {
   .mfui-beta-instructions_mask_iphone-12 .mfui-beta-instructions__img-wrapper:before {
@@ -197,24 +197,24 @@ h5 {
 }
 .mfui-beta-instructions_mask_iphone-12 .mfui-beta-instructions__device-screen {
   position: relative;
+  z-index: 2;
   width: 100%;
   height: 490px;
   margin: auto;
   background: url('./img/iphone12.png') 50% no-repeat;
   background-size: contain;
-  z-index: 2;
 }
 .mfui-beta-instructions_mask_iphone-12 .mfui-beta-instructions__swiper {
   position: absolute;
   top: 14px;
-  left: 0;
   right: 0;
+  left: 0;
+  z-index: 1;
   width: 214px;
   height: 462px;
   margin: auto;
-  overflow: hidden;
   border-radius: 20px;
-  z-index: 1;
+  overflow: hidden;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-beta-instructions_mask_laptop .mfui-beta-instructions__img-wrapper {
@@ -278,8 +278,8 @@ h5 {
 .mfui-beta-instructions_mask_laptop .mfui-beta-instructions__swiper {
   position: absolute;
   top: 50%;
-  left: 50%;
   right: 0;
+  left: 50%;
   width: 78%;
   margin: auto;
   overflow: hidden;
@@ -311,10 +311,10 @@ h5 {
 }
 @media screen and (min-width: 1024px) {
   .mfui-beta-instructions__articles {
-    width: 50%;
     -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
             order: 1;
+    width: 50%;
   }
 }
 @media screen and (min-width: 1024px) {
@@ -323,9 +323,9 @@ h5 {
   }
 }
 .mfui-beta-instructions__articles-list {
-  list-style-type: none;
-  padding: 0;
   margin: 0;
+  padding: 0;
+  list-style-type: none;
 }
 .mfui-beta-instructions__articles-list_text-after {
   margin-bottom: 48px;
@@ -341,8 +341,8 @@ h5 {
   }
 }
 .mfui-beta-instructions__articles-item {
-  opacity: 0.5;
   position: relative;
+  opacity: 0.5;
 }
 @media screen and (min-width: 1024px) {
   .mfui-beta-instructions__articles-item {
@@ -360,9 +360,9 @@ h5 {
 .mfui-beta-instructions__articles-item:hover .mfui-beta-instructions__articles-item-dot:before,
 .mfui-beta-instructions__articles-item_active .mfui-beta-instructions__articles-item-dot:before {
   top: 0;
-  left: 0;
   right: 0;
   bottom: 0;
+  left: 0;
   background: #00B956;
 }
 @media screen and (min-width: 1024px) {
@@ -376,11 +376,11 @@ h5 {
   display: inline-block;
   width: 40px;
   height: 40px;
+  border-radius: 50%;
+  font-weight: 500;
   font-size: 15px;
   line-height: 40px;
-  font-weight: 500;
   text-align: center;
-  border-radius: 50%;
   -webkit-box-shadow: inset 0 0 0 1px #B2B2B2;
           box-shadow: inset 0 0 0 1px #B2B2B2;
   cursor: pointer;
@@ -396,12 +396,12 @@ h5 {
   content: '';
   position: absolute;
   top: 50%;
-  left: 50%;
   right: 50%;
   bottom: 50%;
+  left: 50%;
+  border-radius: 50%;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
-  border-radius: 50%;
 }
 .mfui-beta-instructions__articles-item-dot-number,
 .mfui-beta-instructions__articles-dot-number {
@@ -427,8 +427,8 @@ h5 {
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  padding: 0;
   margin: 0;
+  padding: 0;
   list-style-type: none;
 }
 .mfui-beta-instructions__articles-dots_text-after {
@@ -454,9 +454,9 @@ h5 {
 .mfui-beta-instructions__articles-dot:hover:before,
 .mfui-beta-instructions__articles-dot_active:before {
   top: 0;
-  left: 0;
   right: 0;
   bottom: 0;
+  left: 0;
   background: #00B956;
 }
 .mfui-beta-instructions__articles-dot:last-child {

package/dist/lib/components/PageTitle/PageTitle.css

@@ -41,9 +41,9 @@ h5 {
   display: inline-block;
   margin-top: 16px;
   padding: 2px 14px;
+  color: #FFFFFF;
   font-weight: 500;
   background-color: #731982;
-  color: #FFFFFF;
 }
 @media screen and (min-width: 1280px) {
   .mfui-beta-page-title__badge_under-breadcrumbs {

package/dist/lib/components/Partners/Partners.css

@@ -46,8 +46,8 @@ h5 {
   position: absolute;
   top: 50%;
   left: 50%;
+  max-width: 100%;
+  max-height: 100%;
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
-  max-height: 100%;
-  max-width: 100%;
 }

package/dist/lib/components/PictureWithDescription/PictureWithDescription.css

@@ -34,10 +34,10 @@ h5 {
 }
 @media screen and (min-width: 1024px) {
   .mfui-beta-picture-with-description__picture {
-    width: 50%;
     -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
             order: 2;
+    width: 50%;
   }
 }
 @media screen and (min-width: 1024px) {
@@ -61,10 +61,10 @@ h5 {
 }
 @media screen and (min-width: 1024px) {
   .mfui-beta-picture-with-description__articles {
-    width: 50%;
     -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
             order: 1;
+    width: 50%;
   }
 }
 @media screen and (min-width: 1024px) {

package/dist/lib/components/Property/Property.css

@@ -35,19 +35,19 @@ h5 {
   display: flex;
 }
 .mfui-beta-property__icon {
+  display: inline-block;
   width: 24px;
   height: 24px;
-  overflow: hidden;
   margin-right: 9px;
   margin-left: 1px;
-  display: inline-block;
+  overflow: hidden;
   vertical-align: bottom;
 }
 .mfui-beta-property__badge {
-  border-radius: 2px;
-  font-size: 12px;
   padding: 2px 8px;
+  border-radius: 2px;
   color: #FFFFFF;
+  font-size: 12px;
   background: #FFA717;
 }
 .mfui-beta-property__inner {
@@ -70,18 +70,18 @@ h5 {
   width: 100%;
 }
 .mfui-beta-property__value-wrapper {
-  width: 35%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  width: 35%;
 }
 @media screen and (max-width: 479px) {
   .mfui-beta-property__value-wrapper {
@@ -90,10 +90,10 @@ h5 {
   }
 }
 .mfui-beta-property__value-wrapper_merged {
-  border-left: 1px solid #D8D8D8;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  border-left: 1px solid #D8D8D8;
 }
 .mfui-beta-property__desc {
   margin-top: 8px;
@@ -105,9 +105,9 @@ h5 {
   max-width: 234px;
   white-space: pre-line;
   text-align: right;
+  font-weight: 500;
   font-size: 18px;
   line-height: 24px;
-  font-weight: 500;
   letter-spacing: 0.5px;
 }
 @media screen and (min-width: 1280px) {

package/dist/lib/components/Property/PropertyDescription.css

@@ -6,8 +6,8 @@ h5 {
   margin: 0;
 }
 .mfui-beta-property-description__collapse {
-  font-size: 12px;
   color: #34AAF2;
+  font-size: 12px;
   -webkit-text-decoration: underline dashed #34AAF2;
           text-decoration: underline dashed #34AAF2;
   cursor: pointer;

package/dist/lib/components/Steps/Steps.css

@@ -7,8 +7,8 @@ h5 {
 }
 .mfui-beta-steps {
   width: 66%;
-  margin-left: auto;
   margin-right: auto;
+  margin-left: auto;
 }
 @media screen and (min-width: 1280px) {
   .mfui-beta-steps {
@@ -24,9 +24,9 @@ h5 {
   margin-bottom: 40px;
 }
 .mfui-beta-steps__list {
-  list-style: none;
   margin: 0;
   padding: 0;
+  list-style: none;
 }
 .mfui-beta-steps__item {
   margin-bottom: 48px;

package/dist/lib/components/Steps/StepsItem.css

@@ -17,19 +17,19 @@ h5 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
   width: 40px;
   height: 40px;
   border-radius: 50%;
-  background-color: #00B956;
   color: #FFFFFF;
+  background-color: #00B956;
 }
 .mfui-beta-steps-item__text-wrapper {
   padding-top: 8px;

package/dist/lib/components/StoreBanner/StoreBanner.css

@@ -29,8 +29,8 @@ h5 {
   background-image: url('./img/new-iphone.png');
 }
 .mfui-beta-store-banner_mask_new-iphone .mfui-beta-store-banner__screen {
-  z-index: 1;
   top: 13px;
+  z-index: 1;
   width: 87%;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
@@ -110,9 +110,9 @@ h5 {
 }
 @media screen and (max-width: 767px) {
   .mfui-beta-store-banner__content {
+    padding-right: 15px;
     padding-bottom: 32px;
     padding-left: 15px;
-    padding-right: 15px;
     text-align: center;
   }
 }
@@ -122,12 +122,12 @@ h5 {
   background-size: cover;
 }
 .mfui-beta-store-banner__device-wrapper {
-  width: 235px;
   position: relative;
   bottom: calc(2 * (32px - 1px));
+  width: 235px;
   height: calc(100% + 2 * 32px + 30px);
-  margin-left: auto;
   margin-right: auto;
+  margin-left: auto;
   overflow: hidden;
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
@@ -192,12 +192,12 @@ h5 {
   margin-bottom: 10px;
 }
 .mfui-beta-store-banner__stores {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
@@ -242,10 +242,10 @@ h5 {
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
-    max-width: 305px;
     -webkit-box-pack: start;
         -ms-flex-pack: start;
             justify-content: flex-start;
+    max-width: 305px;
   }
 }
 .mfui-beta-store-banner__links_three .mfui-beta-store-banner__qr-code + .mfui-beta-store-banner__stores .mfui-beta-store-banner__store-link {
@@ -255,8 +255,8 @@ h5 {
   margin-right: 0;
 }
 .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link {
-  height: 35px;
   width: 119px;
+  height: 35px;
 }
 @media screen and (max-width: 1023px) {
   .mfui-beta-store-banner__links_three .mfui-beta-store-banner__store-link:not(:first-child) {

package/dist/lib/components/StoreButton/StoreButton.css

@@ -1,8 +1,8 @@
 .mfui-beta-store-button {
-  background-size: cover;
+  border-radius: 8px;
   background-repeat: no-repeat;
   background-position: center;
-  border-radius: 8px;
+  background-size: cover;
 }
 .mfui-beta-store-button_theme_app-store {
   background-image: url('./img/app-store.png');

package/dist/lib/components/Table/Table.css

@@ -6,20 +6,38 @@ h5 {
   margin: 0;
 }
 .mfui-beta-table {
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-track {
+  background-color: #EDEDED;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: #D8D8D8;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-corner {
+  background-color: #FFFFFF;
+}
+.mfui-beta-table:not(.mfui-beta-table_touch) .mfui-beta-table__scroll {
+  scrollbar-color: #D8D8D8 #EDEDED;
+  scrollbar-width: thin;
 }
 .mfui-beta-table__scroll {
+  position: relative;
   display: grid;
   grid-template-columns: auto auto auto;
   max-width: 100%;
-  overflow: auto;
-  position: relative;
   border: 1px solid #D8D8D8;
+  overflow: auto;
 }
 @media screen and (min-width: 1024px) {
   .mfui-beta-table__scroll {
@@ -30,76 +48,76 @@ h5 {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
-  width: 100%;
+  z-index: 2;
   display: block;
-  grid-column-end: 4;
   grid-column-start: 1;
-  z-index: 2;
-  margin-bottom: -6px;
+  grid-column-end: 4;
+  width: 100%;
   height: 6px;
+  margin-bottom: -6px;
   background: linear-gradient(359.94deg, rgba(0, 0, 0, 0.0001) 0.06%, rgba(0, 0, 0, 0.03) 38.08%, rgba(0, 0, 0, 0.08) 74.98%);
 }
 .mfui-beta-table__left-shadow {
   position: -webkit-sticky;
   position: sticky;
-  z-index: 2;
-  width: 6px;
-  left: 0;
   top: 0;
   bottom: 0;
+  left: 0;
+  z-index: 2;
+  width: 6px;
   margin-right: -6px;
   background: -webkit-gradient(linear, right top, left top, color-stop(16.3%, rgba(0, 0, 0, 0.0001)), color-stop(51.81%, rgba(0, 0, 0, 0.03)), color-stop(86.27%, rgba(0, 0, 0, 0.08)));
   background: linear-gradient(270deg, rgba(0, 0, 0, 0.0001) 16.3%, rgba(0, 0, 0, 0.03) 51.81%, rgba(0, 0, 0, 0.08) 86.27%);
 }
 .mfui-beta-table__bottom-gradient {
-  display: block;
-  height: 48px;
-  width: 100%;
-  margin-top: -48px;
   position: -webkit-sticky;
   position: sticky;
-  z-index: 1;
   bottom: 0;
+  z-index: 1;
+  display: block;
+  grid-column-start: 1;
+  grid-column-end: 4;
+  width: 100%;
+  height: 48px;
+  margin-top: -48px;
   background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #FFFFFF), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to top, #FFFFFF 25%, rgba(255, 255, 255, 0));
-  grid-column-end: 4;
-  grid-column-start: 1;
 }
 .mfui-beta-table__right-gradient {
-  display: block;
-  height: 100%;
-  width: 48px;
   position: -webkit-sticky;
   position: sticky;
-  z-index: 1;
   right: 0;
+  z-index: 1;
+  display: block;
+  width: 48px;
+  height: 100%;
   margin-left: -48px;
   background: -webkit-gradient(linear, right top, left top, color-stop(25%, #FFFFFF), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to left, #FFFFFF 25%, rgba(255, 255, 255, 0));
 }
 .mfui-beta-table__table {
-  border-spacing: 0;
   border-width: 0;
   border-collapse: separate;
+  border-spacing: 0;
   background-color: #FFFFFF;
 }
 .mfui-beta-table__cell {
-  padding: 24px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
+  padding: 24px;
   background-color: #FFFFFF;
 }
 @media screen and (max-width: 767px) {
   .mfui-beta-table__cell {
-    padding-left: 16px;
     padding-right: 16px;
+    padding-left: 16px;
   }
 }
 .mfui-beta-table__cell:first-child {
+  position: relative;
   left: 0;
-  min-width: 144px;
   width: 144px;
-  position: relative;
+  min-width: 144px;
   border-right: 1px solid #D8D8D8;
 }
 .mfui-beta-table__cell:not(:first-child) {
@@ -109,10 +127,10 @@ h5 {
   font-size: 12px;
   line-height: 16px;
   height: 72px;
-  background-color: #F6F6F6;
-  color: rgba(51, 51, 51, 0.5);
   padding-bottom: 12px;
+  color: rgba(51, 51, 51, 0.5);
   vertical-align: bottom;
+  background-color: #F6F6F6;
 }
 .mfui-beta-table__row:not(:last-child) .mfui-beta-table__cell {
   border-bottom: 1px solid #D8D8D8;
@@ -133,21 +151,3 @@ h5 {
 .mfui-beta-table_fix-column .mfui-beta-table__bottom-gradient {
   z-index: 3;
 }
-.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-track {
-  background-color: #EDEDED;
-}
-.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-  background-color: #D8D8D8;
-}
-.mfui-beta-table:not(.mfui-beta-table_touch) ::-webkit-scrollbar-corner {
-  background-color: #FFFFFF;
-}
-.mfui-beta-table:not(.mfui-beta-table_touch) .mfui-beta-table__scroll {
-  scrollbar-color: #D8D8D8 #EDEDED;
-  scrollbar-width: thin;
-}