@megafon/ui-shared 5.17.0 → 6.0.0-beta.2

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

@@ -1,157 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-table {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-}
-.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-track {
-  background-color: var(--spbSky1);
-}
-.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-  background-color: var(--spbSky2);
-}
-.mfui-table:not(.mfui-table_touch) ::-webkit-scrollbar-corner {
-  background-color: var(--base);
-}
-.mfui-table:not(.mfui-table_touch) .mfui-table__scroll {
-  scrollbar-color: var(--spbSky2) var(--spbSky1);
-  scrollbar-width: thin;
-}
-.mfui-table__scroll {
-  position: relative;
-  display: grid;
-  grid-template-columns: auto auto auto;
-  max-width: 100%;
-  border: 1px solid var(--spbSky2);
-  overflow: auto;
-}
-@media screen and (min-width: 1024px) {
-  .mfui-table__scroll_limit {
-    max-height: 500px;
-  }
-}
-.mfui-table__top-shadow {
-  position: sticky;
-  top: 0;
-  z-index: 2;
-  display: block;
-  grid-column-start: 1;
-  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-table__left-shadow {
-  position: sticky;
-  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-table__bottom-gradient {
-  position: sticky;
-  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%, var(--base)), to(rgba(255, 255, 255, 0)));
-  background: linear-gradient(to top, var(--base) 25%, rgba(255, 255, 255, 0));
-}
-.mfui-table__right-gradient {
-  position: sticky;
-  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%, var(--base)), to(rgba(255, 255, 255, 0)));
-  background: linear-gradient(to left, var(--base) 25%, rgba(255, 255, 255, 0));
-}
-.mfui-table__table {
-  border-width: 0;
-  border-collapse: separate;
-  border-spacing: 0;
-  background-color: var(--base);
-}
-.mfui-table__cell {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding: 24px;
-  background-color: var(--base);
-}
-@media screen and (max-width: 767px) {
-  .mfui-table__cell {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-}
-.mfui-table__cell:first-child {
-  position: relative;
-  left: 0;
-  width: 144px;
-  min-width: 144px;
-  border-right: 1px solid var(--spbSky2);
-}
-.mfui-table__cell:not(:first-child) {
-  max-width: 288px;
-}
-.mfui-table__row_head .mfui-table__cell {
-  font-size: 12px;
-  line-height: 18px;
-  height: 72px;
-  padding-bottom: 12px;
-  color: var(--spbSky3);
-  vertical-align: bottom;
-  background-color: var(--spbSky0);
-}
-.mfui-table__row:not(:last-child) .mfui-table__cell {
-  border-bottom: 1px solid var(--spbSky2);
-}
-.mfui-table__row_align_bottom .mfui-table__cell {
-  vertical-align: bottom;
-}
-.mfui-table__row_align_top .mfui-table__cell {
-  vertical-align: top;
-}
-.mfui-table__row_align_top.mfui-table__row_head .mfui-table__cell {
-  padding-top: 12px;
-}
-.mfui-table_min-cell-size_small .mfui-table__cell:not(:first-child) {
-  min-width: 72px;
-}
-.mfui-table_min-cell-size_large .mfui-table__cell:not(:first-child) {
-  min-width: 144px;
-}
-.mfui-table_fix-column .mfui-table__cell:first-child {
-  position: sticky;
-}
-.mfui-table_fix-column .mfui-table__left-shadow {
-  left: 144px;
-}
-.mfui-table_fix-column .mfui-table__bottom-gradient {
-  z-index: 3;
-}

package/dist/lib/components/TextBox/TextBox.css

@@ -1,25 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-text-box__content :first-child {
-  margin-top: 0 !important;
-}
-.mfui-text-box__content :last-child {
-  margin-bottom: 0 !important;
-}
-.mfui-text-box_text-center {
-  text-align: center;
-}
-.mfui-text-box .mfui-text-with-icon {
-  margin: 24px 0;
-}
-.mfui-text-box .mfui-text-with-icon + .mfui-header {
-  margin-top: 32px;
-}
-.mfui-text-box .mfui-text-box-picture + .mfui-text-with-icon {
-  margin: 32px 0 24px;
-}

package/dist/lib/components/TextBox/TextBoxPicture.css

@@ -1,27 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-text-box-picture_margin_default {
-  margin: 16px 0;
-}
-.mfui-text-box-picture_margin_big-top {
-  margin: 24px 0 16px;
-}
-.mfui-text-box-picture_margin_big-bottom {
-  margin: 16px 0 24px;
-}
-.mfui-text-box-picture_margin_big-vertical {
-  margin: 24px 0;
-}
-.mfui-text-box-picture__img {
-  display: block;
-  max-width: 100%;
-  border: 1px solid var(--spbSky1);
-}
-.mfui-text-box-picture__img_no-border {
-  border: none;
-}

package/dist/lib/components/TextWithIcon/TextWithIcon.css

@@ -1,10 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-text-with-icon__header {
-  margin-bottom: 24px;
-}

package/dist/lib/components/TextWithIcon/TextWithIconItem.css

@@ -1,29 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-text-with-icon-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.mfui-text-with-icon-item:not(:first-of-type) {
-  margin-top: 12px;
-}
-.mfui-text-with-icon-item__svg-icon {
-  width: 44px;
-  min-width: 44px;
-  height: 44px;
-  min-height: 44px;
-  margin-right: 16px;
-  padding: 6px;
-  border: 1px solid var(--spbSky2);
-  border-radius: 50%;
-  overflow: hidden;
-}

package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css

@@ -1,31 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-title-description-box {
-  font-family: inherit;
-  color: var(--content);
-}
-.mfui-title-description-box__item_header {
-  white-space: pre-wrap;
-}
-.mfui-title-description-box__item:not(:last-child) {
-  margin-bottom: 16px;
-}
-.mfui-title-description-box_text-color_white {
-  color: var(--stcWhite);
-}
-.mfui-title-description-box_h-align_center {
-  text-align: center;
-}
-.mfui-title-description-box__description {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 400;
-}
-.mfui-title-description-box__description :last-child {
-  margin-bottom: 0 !important;
-}

package/dist/lib/components/VideoBanner/VideoBanner.css

@@ -1,225 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-video-banner {
-  position: relative;
-  overflow: hidden;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-video-banner {
-    margin-right: -80px;
-    margin-left: -80px;
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-video-banner {
-    margin-right: -64px;
-    margin-left: -64px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-video-banner {
-    margin-right: -48px;
-    margin-left: -48px;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-video-banner {
-    margin-right: -16px;
-    margin-left: -16px;
-  }
-}
-.mfui-video-banner_bottom-shadow:after {
-  content: '';
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(95.25%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.024)));
-  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 95.25%, rgba(0, 0, 0, 0.024) 100%);
-}
-.mfui-video-banner__wrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  min-height: 400px;
-}
-@media screen and (min-width: 1440px) {
-  .mfui-video-banner__wrapper {
-    height: 562px;
-  }
-}
-@media screen and (min-width: 1280px) and (max-width: 1439px) {
-  .mfui-video-banner__wrapper {
-    height: 500px;
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-video-banner__wrapper {
-    max-height: 440px;
-    padding-top: 52px;
-    padding-bottom: 52px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-video-banner__wrapper {
-    max-height: 440px;
-    padding-top: 64px;
-    padding-bottom: 64px;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-video-banner__wrapper {
-    max-height: 488px;
-    padding-top: 42px;
-    padding-bottom: 42px;
-  }
-}
-.mfui-video-banner__background-image,
-.mfui-video-banner__video {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
-}
-.mfui-video-banner__background-image {
-  width: 100%;
-  height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
-}
-.mfui-video-banner__content {
-  position: relative;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-@media screen and (min-width: 1440px) {
-  .mfui-video-banner__content {
-    max-height: calc(562px - 2 * 70px);
-  }
-}
-@media screen and (min-width: 1280px) and (max-width: 1439px) {
-  .mfui-video-banner__content {
-    max-height: calc(500px - 2 * 70px);
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-video-banner__content {
-    max-height: calc(440px - 2 * 52px);
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-video-banner__content {
-    max-height: calc(440px - 2 * 64px);
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-video-banner__content {
-    max-height: calc(488px - 2 * 42px);
-  }
-}
-.mfui-video-banner__content_text-color_black {
-  color: var(--stcBlack);
-}
-.mfui-video-banner__content_text-color_white {
-  color: var(--stcWhite);
-}
-@media screen and (max-width: 767px) {
-  .mfui-video-banner__content_text-color-mobile_black {
-    color: var(--stcBlack);
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-video-banner__content_text-color-mobile_white {
-    color: var(--stcWhite);
-  }
-}
-.mfui-video-banner__description {
-  margin-bottom: 32px;
-  white-space: pre-wrap;
-}
-.mfui-video-banner__title {
-  margin-bottom: 24px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-video-banner__title {
-    margin-bottom: 20px;
-  }
-}
-.mfui-video-banner__title,
-.mfui-video-banner__text {
-  white-space: pre-wrap;
-}
-@media screen and (max-width: 767px) {
-  .mfui-video-banner__title,
-  .mfui-video-banner__text {
-    text-align: center;
-  }
-}
-.mfui-video-banner__btns-wrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-  margin: -24px -10px 0;
-}
-@media screen and (max-width: 767px) {
-  .mfui-video-banner__btns-wrapper {
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-  }
-}
-@media screen and (max-width: 479px) {
-  .mfui-video-banner__btns-wrapper {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-  }
-}
-.mfui-video-banner__link,
-.mfui-video-banner__button {
-  margin: 24px 10px 0;
-}
-.mfui-video-banner__cost {
-  font-size: 12px;
-  line-height: 18px;
-  margin-bottom: 18px;
-}
-.mfui-video-banner__value {
-  display: inline;
-  margin: 0 3px;
-}
-.mfui-video-banner__content,
-.mfui-video-banner__breadcrumbs {
-  z-index: 1;
-}
-.mfui-video-banner__breadcrumbs {
-  position: absolute;
-  top: 32px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-video-banner__breadcrumbs {
-    display: none;
-  }
-}
-.mfui-video-banner__grid {
-  width: 100%;
-}

package/dist/lib/components/VideoBlock/VideoBlock.css

@@ -1,106 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-video-block {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.mfui-video-block__content {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-@media screen and (max-width: 767px) {
-  .mfui-video-block__content {
-    margin-top: 24px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-video-block__content {
-    margin-top: 32px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-video-block__content {
-    height: 100%;
-    margin-right: 20px;
-    padding-right: 20px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-video-block__content_position-right {
-    margin: 0 0 0 20px;
-    padding: 0 0 0 20px;
-  }
-}
-.mfui-video-block__header {
-  margin-bottom: 24px;
-}
-@media screen and (max-width: 1023px) {
-  .mfui-video-block__header {
-    margin-bottom: 16px;
-  }
-}
-.mfui-video-block__description {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 400;
-}
-.mfui-video-block__button {
-  -ms-flex-item-align: start;
-      align-self: flex-start;
-  max-width: 100%;
-  margin-top: 32px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-video-block__button {
-    -ms-flex-item-align: center;
-        align-self: center;
-  }
-}
-.mfui-video-block__video {
-  width: 100%;
-  -o-object-fit: contain;
-     object-fit: contain;
-}
-.mfui-video-block__video_fix-background {
-  -webkit-filter: brightness(108.5%);
-          filter: brightness(108.5%);
-}
-.mfui-video-block__youtube {
-  position: relative;
-  padding-bottom: 56.25%;
-}
-.mfui-video-block__iframe {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-.mfui-video-block__grid {
-  width: 100%;
-}
-.mfui-video-block__content-column_position-right {
-  -webkit-box-ordinal-group: 3;
-      -ms-flex-order: 2;
-          order: 2;
-}
-.mfui-video-block__video-column_position-left {
-  -webkit-box-ordinal-group: 2;
-      -ms-flex-order: 1;
-          order: 1;
-}