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

package/dist/lib/components/AudioPlayer/style/AudioRange.css

@@ -1,68 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-audio-range {
-  width: 100%;
-  height: 4px;
-  border-radius: 2px;
-  background: var(--spbSky2);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#00B956), to(#00B956));
-  background-image: linear-gradient(#00B956, #00B956);
-  background-repeat: no-repeat;
-  cursor: pointer;
-  -webkit-appearance: none;
-}
-.mfui-audio-range:focus {
-  outline: none;
-}
-.mfui-audio-range::-webkit-slider-thumb {
-  width: 16px;
-  height: 16px;
-  border: none;
-  border-radius: 50%;
-  background: var(--stcWhite);
-  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-  -webkit-appearance: none;
-}
-.mfui-audio-range::-moz-range-thumb {
-  width: 16px;
-  height: 16px;
-  border: none;
-  border-radius: 50%;
-  background: var(--stcWhite);
-  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-  -webkit-appearance: none;
-}
-.mfui-audio-range::-ms-thumb {
-  width: 16px;
-  height: 16px;
-  border: none;
-  border-radius: 50%;
-  background: var(--stcWhite);
-  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-  -webkit-appearance: none;
-}
-.mfui-audio-range::-webkit-slider-runnable-track {
-  border: none;
-  background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  -webkit-appearance: none;
-}
-.mfui-audio-range::-moz-range-track {
-  border: none;
-  background: transparent;
-  box-shadow: none;
-  -webkit-appearance: none;
-}
-.mfui-audio-range::-ms-track {
-  border: none;
-  background: transparent;
-  box-shadow: none;
-  -webkit-appearance: none;
-}

package/dist/lib/components/AudioPlayer/style/AudioVolume.css

@@ -1,34 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-audio-volume {
-  width: 24px;
-}
-.mfui-audio-volume__tooltip-content {
-  padding: 7px 16px 14px;
-  border-radius: 12px;
-}
-.mfui-audio-volume__tooltip-content-shadow {
-  border-radius: 12px;
-}
-.mfui-audio-volume__icon {
-  display: none;
-  width: 24px;
-  min-width: 24px;
-  height: 24px;
-  cursor: pointer;
-  fill: var(--brandGreen);
-}
-.mfui-audio-volume__icon_visible {
-  display: block;
-}
-.mfui-audio-volume__icon:hover {
-  fill: var(--buttonHoverGreen);
-}
-.mfui-audio-volume__range {
-  max-width: 128px;
-}

package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css

@@ -1,38 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-benefits-icons {
-  overflow: hidden;
-}
-.mfui-benefits-icons__inner {
-  margin-bottom: -20px;
-}
-.mfui-benefits-icons_background_transparent .mfui-benefits-icons__inner {
-  margin-bottom: -48px;
-}
-.mfui-benefits-icons__column {
-  margin-bottom: 20px;
-}
-.mfui-benefits-icons_background_transparent .mfui-benefits-icons__column {
-  margin-bottom: 48px;
-}
-.mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
-  margin-bottom: -24px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
-    margin-bottom: -32px;
-  }
-}
-.mfui-benefits-icons_one-column .mfui-benefits-icons__column {
-  margin-bottom: 24px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-benefits-icons_one-column .mfui-benefits-icons__column {
-    margin-bottom: 32px;
-  }
-}

package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css

@@ -1,90 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-benefits-icons-tile {
-  min-height: 100%;
-  padding: 24px;
-  border-radius: 12px;
-}
-.mfui-benefits-icons-tile_background_transparent {
-  padding: 0;
-}
-.mfui-benefits-icons-tile_background_gray {
-  background-color: var(--spbSky0);
-}
-.mfui-benefits-icons-tile_background_green {
-  background-color: var(--brandGreen20);
-}
-.mfui-benefits-icons-tile_background_purple {
-  background-color: var(--brandPurple20);
-}
-.mfui-benefits-icons-tile .mfui-benefits-icons-tile__svg-icon {
-  margin-bottom: 10px;
-}
-.mfui-benefits-icons-tile__content {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 400;
-}
-.mfui-benefits-icons-tile__title + .mfui-benefits-icons-tile__content {
-  margin-top: 4px;
-}
-.mfui-benefits-icons-tile__text {
-  margin-bottom: 0;
-}
-.mfui-benefits-icons-tile__img-icon {
-  width: 64px;
-  height: 64px;
-  border-radius: 8px;
-}
-.mfui-benefits-icons-tile__svg-icon {
-  width: 40px;
-  height: 40px;
-  overflow: hidden;
-}
-.mfui-benefits-icons-tile__svg-icon svg {
-  fill: var(--brandGreen) !important;
-}
-.mfui-benefits-icons-tile_background_purple .mfui-benefits-icons-tile__svg-icon svg {
-  fill: var(--brandPurple) !important;
-}
-.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__inner {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__content-wrapper {
-  padding-top: 8px;
-}
-.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__svg-icon,
-.mfui-benefits-icons-tile_icon-position_left-side .mfui-benefits-icons-tile__img-icon {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  margin-right: 14px;
-  margin-bottom: 0;
-}
-.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__inner {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__content-wrapper {
-  padding-top: 0;
-}
-.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__svg-icon,
-.mfui-benefits-icons-tile_icon-position_left-side.mfui-benefits-icons-tile_image .mfui-benefits-icons-tile__img-icon {
-  -ms-flex-item-align: start;
-      align-self: start;
-}
-.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__inner {
-  text-align: center;
-}
-.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__svg-icon,
-.mfui-benefits-icons-tile_icon-position_center-top .mfui-benefits-icons-tile__img-icon {
-  margin-right: auto;
-  margin-left: auto;
-}

package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css

@@ -1,16 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-breadcrumbs-item_color_default {
-  color: var(--content);
-}
-.mfui-breadcrumbs-item_color_black {
-  color: var(--stcBlack);
-}
-.mfui-breadcrumbs-item_color_white {
-  color: var(--stcWhite);
-}

package/dist/lib/components/Card/Card.css

@@ -1,354 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-card {
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 400;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  padding: 16px 16px 24px;
-  border-radius: 24px;
-  color: var(--content);
-  text-decoration: none !important;
-  background-color: var(--base);
-  -webkit-transition: background-color 0.3s, 0.3s, -webkit-box-shadow;
-  transition: background-color 0.3s, 0.3s, -webkit-box-shadow;
-  transition: background-color 0.3s, box-shadow, 0.3s;
-  transition: background-color 0.3s, box-shadow, 0.3s, -webkit-box-shadow;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card {
-    padding: 24px 24px 32px;
-  }
-}
-.mfui-card_full-height {
-  height: 100%;
-}
-.mfui-card_link {
-  cursor: pointer;
-}
-.mfui-card_view_shadow {
-  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.mfui-card_link.mfui-card_view_hover-shadow:hover,
-.mfui-card_link.mfui-card_view_shadow:hover {
-  -webkit-box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
-          box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
-}
-.mfui-card_view_background {
-  background-color: var(--spbSky0);
-}
-.mfui-card_link.mfui-card_view_background:hover {
-  background-color: var(--spbSky1);
-}
-.mfui-card_only-title {
-  padding: 24px;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card_only-title {
-    padding: 32px;
-  }
-}
-.mfui-card__header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  gap: 12px;
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: start;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.mfui-card__icon {
-  width: 40px;
-  height: 40px;
-  margin-bottom: 32px;
-}
-.mfui-card__img-box {
-  position: relative;
-  padding-bottom: 56.25%;
-  border-radius: 24px;
-  overflow: hidden;
-}
-.mfui-card__img-box_position_top {
-  margin: -6px -6px 24px -6px;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card__img-box_position_top {
-    margin: -12px -12px 32px -12px;
-  }
-}
-.mfui-card__img-box_position_bottom {
-  margin: 24px -6px 0 -6px;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card__img-box_position_bottom {
-    margin: 32px -12px 0 -12px;
-  }
-}
-.mfui-card__img {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
-  -webkit-transition: -webkit-transform 0.3s;
-  transition: -webkit-transform 0.3s;
-  transition: transform 0.3s;
-  transition: transform 0.3s, -webkit-transform 0.3s;
-}
-.mfui-card_link:hover .mfui-card__img {
-  -webkit-transform: scale(1.2);
-          transform: scale(1.2);
-}
-.mfui-card__marker-list {
-  margin: 16px 0 0 0;
-  padding: 0;
-  list-style-type: none;
-}
-.mfui-card__marker-item {
-  position: relative;
-  padding-left: 20px;
-}
-.mfui-card__marker-item:not(:last-child) {
-  margin-bottom: 12px;
-}
-.mfui-card__marker-item:before {
-  content: '';
-  position: absolute;
-  top: 7px;
-  left: 0;
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background-color: var(--stcBlack20);
-  opacity: 0.8;
-}
-.mfui-card__marker-note {
-  display: block;
-  margin: 4px 0 0 0;
-  padding: 0;
-  font-weight: 500;
-}
-.mfui-card__texts {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  gap: 12px;
-  margin-top: 16px;
-}
-.mfui-card__texts ol,
-.mfui-card__texts ul {
-  margin: 0;
-  padding-left: 24px;
-}
-.mfui-card__texts ul {
-  list-style-type: disc;
-}
-.mfui-card__texts-title {
-  font-weight: 500;
-}
-.mfui-card__features {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  gap: 12px;
-  margin-top: 16px;
-  overflow: hidden;
-}
-.mfui-card__features-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.mfui-card__features-item {
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.mfui-card__features-item:before {
-  content: '';
-  position: absolute;
-  bottom: 0.4em;
-  width: 100%;
-  height: 2px;
-  background-image: radial-gradient(circle, var(--spbSky3) 1px, transparent 1px);
-  background-size: 6px 2px;
-}
-.mfui-card__features-item-value {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  text-align: end;
-}
-.mfui-card__features-item-text {
-  position: relative;
-  z-index: 1;
-  background-color: var(--base);
-  -webkit-transition: background-color 0.3s;
-  transition: background-color 0.3s;
-}
-.mfui-card_view_background .mfui-card__features-item-text {
-  background-color: var(--spbSky0);
-}
-.mfui-card_link.mfui-card_view_background:hover .mfui-card__features-item-text {
-  background-color: var(--spbSky1);
-}
-.mfui-card__features-item-title .mfui-card__features-item-text {
-  padding-right: 4px;
-}
-.mfui-card__features-item-value .mfui-card__features-item-text {
-  padding-left: 4px;
-}
-.mfui-card__icons {
-  margin-top: 16px;
-}
-.mfui-card__icons-desc {
-  margin-bottom: 12px;
-}
-.mfui-card__icons-list {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  gap: 12px;
-}
-.mfui-card__icons-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mfui-card__icons-item-icon {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  width: 32px;
-  height: 32px;
-  margin-right: 8px;
-}
-.mfui-card__icons-item-text {
-  margin-top: 4px;
-}
-.mfui-card__price {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  gap: 8px;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  margin-top: 24px;
-  padding-top: 24px;
-  border-top: 1px solid var(--spbSky1);
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card__price {
-    margin-top: 32px;
-  }
-}
-.mfui-card__img-box + .mfui-card__price {
-  padding-top: 0;
-  border: none;
-}
-.mfui-card__price-old-value {
-  position: relative;
-  color: var(--spbSky3);
-}
-.mfui-card__price-old-value:before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  right: -1px;
-  left: -1px;
-  height: 1px;
-  background-color: var(--warmRedC);
-}
-.mfui-card__price-value {
-  font-weight: 600;
-  font-size: 22px;
-  line-height: 28px;
-  letter-spacing: 0.5px;
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-card__price-value {
-    font-size: 26px;
-    line-height: 32px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-card__price-value {
-    font-size: 28px;
-    line-height: 36px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card__price-value {
-    font-size: 32px;
-    line-height: 40px;
-  }
-}
-.mfui-card__buttons {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  gap: 16px;
-  margin-top: 32px;
-}
-.mfui-card__price + .mfui-card__buttons {
-  margin-top: 24px;
-}
-.mfui-card__buttons_centered {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.mfui-card__button {
-  -ms-flex-preferred-size: 190px;
-      flex-basis: 190px;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -ms-flex-negative: 1;
-      flex-shrink: 1;
-  max-width: 320px;
-}
-.mfui-card__footer {
-  margin-top: auto;
-}