@megafon/ui-core 5.18.1 → 6.0.0-beta.2

package/dist/es/components/Chips/Chip.css

@@ -1,132 +0,0 @@
-.mfui-chip {
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 500;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding: 8px 20px;
-  border: none;
-  border-radius: 20px;
-  overflow: hidden;
-  color: var(--content);
-  text-align: center;
-  text-decoration: none;
-  background-color: var(--spbSky0);
-  outline: none;
-  cursor: pointer;
-  -webkit-transition: background-color 0.3s, color 0.3s;
-  transition: background-color 0.3s, color 0.3s;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
-.mfui-chip svg {
-  -webkit-transition: fill 0.3s;
-  transition: fill 0.3s;
-  fill: var(--content);
-}
-@media screen and (max-width: 767px) {
-  .mfui-chip {
-    padding: 4px 12px;
-  }
-}
-.mfui-chip:hover {
-  background-color: var(--spbSky1);
-}
-.mfui-chip__inner {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.mfui-chip__counter {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  margin-left: 6px;
-  color: var(--spbSky3);
-}
-@media screen and (max-width: 767px) {
-  .mfui-chip__counter {
-    margin-left: 4px;
-  }
-}
-.mfui-chip__icon,
-.mfui-chip__icon-arrow {
-  display: block;
-  width: 20px;
-  min-width: 20px;
-  max-height: 20px;
-}
-.mfui-chip__icon svg,
-.mfui-chip__icon-arrow svg {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-.mfui-chip__icon {
-  margin-right: 6px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-chip__icon {
-    margin-right: 4px;
-  }
-}
-.mfui-chip_disabled,
-.mfui-chip_disabled:hover {
-  color: var(--spbSky3);
-  background-color: var(--spbSky0);
-  cursor: default;
-  pointer-events: none;
-}
-.mfui-chip_disabled svg,
-.mfui-chip_disabled:hover svg {
-  fill: var(--spbSky3);
-}
-.mfui-chip_disabled .mfui-chip__counter,
-.mfui-chip_disabled:hover .mfui-chip__counter {
-  color: var(--spbSky2);
-}
-.mfui-chip_checked,
-.mfui-chip_checked:hover {
-  color: var(--stcWhite);
-  background-color: var(--reflexBlue);
-}
-.mfui-chip_checked svg,
-.mfui-chip_checked:hover svg {
-  fill: var(--stcWhite);
-}
-.mfui-chip_checked .mfui-chip__counter,
-.mfui-chip_checked:hover .mfui-chip__counter {
-  color: var(--stcWhite);
-}
-.mfui-chip_checked.mfui-chip_color_black,
-.mfui-chip_checked.mfui-chip_color_black:hover {
-  color: var(--base);
-  background-color: var(--content);
-}
-.mfui-chip_checked.mfui-chip_color_black svg,
-.mfui-chip_checked.mfui-chip_color_black:hover svg {
-  fill: var(--base);
-}
-.mfui-chip_checked.mfui-chip_color_black .mfui-chip__counter,
-.mfui-chip_checked.mfui-chip_color_black:hover .mfui-chip__counter {
-  color: var(--base);
-}
-.mfui-chip_with-icon {
-  padding-left: 16px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-chip_with-icon {
-    padding-left: 8px;
-  }
-}

package/dist/es/components/Chips/Chips.css

@@ -1,19 +0,0 @@
-.mfui-chips {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  gap: 12px;
-  width: 100%;
-}
-@media screen and (max-width: 767px) {
-  .mfui-chips {
-    gap: 8px;
-  }
-}
-.mfui-chips_hidden {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minMax(0, -webkit-min-content));
-  grid-template-columns: repeat(auto-fit, minMax(0, min-content));
-}

package/dist/es/components/Chips/components/ChipsDropdown.css

@@ -1,106 +0,0 @@
-@-webkit-keyframes listAppear {
-  from {
-    -webkit-transform: translateY(-25px);
-            transform: translateY(-25px);
-    opacity: 0;
-  }
-  to {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
-    opacity: 1;
-  }
-}
-@keyframes listAppear {
-  from {
-    -webkit-transform: translateY(-25px);
-            transform: translateY(-25px);
-    opacity: 0;
-  }
-  to {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
-    opacity: 1;
-  }
-}
-.mfui-chips-dropdown {
-  position: relative;
-}
-.mfui-chips-dropdown__button {
-  width: 100%;
-}
-.mfui-chips-dropdown__list {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 100;
-  display: block;
-  border-radius: 12px;
-  background-color: var(--base);
-  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-  -webkit-animation-name: listAppear;
-          animation-name: listAppear;
-  -webkit-animation-duration: 0.3s;
-          animation-duration: 0.3s;
-  -webkit-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
-}
-.mfui-chips-dropdown__list-inner {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  max-height: 320px;
-  width: -webkit-max-content;
-  width: -moz-max-content;
-  width: max-content;
-  max-width: 256px;
-  padding: 16px;
-  overflow-y: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--spbSky2) transparent;
-  overflow-wrap: normal;
-}
-.mfui-chips-dropdown__list-inner::-webkit-scrollbar {
-  width: 16px;
-}
-.mfui-chips-dropdown__list-inner::-webkit-scrollbar-thumb {
-  border: 6px solid transparent;
-  border-radius: 16px;
-  background-color: var(--spbSky2);
-  background-clip: padding-box;
-}
-.mfui-chips-dropdown__list-inner::-webkit-scrollbar-thumb:hover {
-  background-color: var(--spbSky3);
-}
-.mfui-chips-dropdown__list-item {
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 500;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 12px 32px;
-  border-radius: 12px;
-  background-color: transparent;
-  cursor: pointer;
-}
-.mfui-chips-dropdown__list-item:hover {
-  background-color: var(--spbSky0);
-}
-.mfui-chips-dropdown__list-item_with-icon {
-  padding-left: 16px;
-  padding-right: 16px;
-}
-.mfui-chips-dropdown__icon {
-  display: block;
-  width: 24px;
-  min-width: 24px;
-  max-height: 24px;
-  margin-right: 16px;
-}
-.mfui-chips-dropdown__icon svg {
-  display: block;
-  width: 100%;
-  height: 100%;
-  fill: var(--content);
-}

package/dist/es/components/Collapse/Collapse.css

@@ -1,3 +0,0 @@
-.mfui-collapse {
-  overflow: hidden;
-}

package/dist/es/components/ContentArea/ContentArea.css

@@ -1,109 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-content-area_background-color_transparent {
-  background-color: transparent;
-}
-.mfui-content-area_background-color_black {
-  background-color: var(--stcBlack);
-}
-.mfui-content-area_background-color_white {
-  background-color: var(--stcWhite);
-}
-.mfui-content-area_background-color_green {
-  background-color: var(--brandGreen);
-}
-.mfui-content-area_background-color_purple {
-  background-color: var(--brandPurple);
-}
-.mfui-content-area_background-color_spbSky0 {
-  background-color: var(--spbSky0);
-}
-.mfui-content-area_background-color_spbSky1 {
-  background-color: var(--spbSky1);
-}
-.mfui-content-area_background-color_spbSky2 {
-  background-color: var(--spbSky2);
-}
-.mfui-content-area__inner {
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  max-width: 1440px;
-  margin: 0 auto;
-  padding-right: 80px;
-  padding-left: 80px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-content-area__inner {
-    padding-right: 16px;
-    padding-left: 16px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-content-area__inner {
-    padding-right: 48px;
-    padding-left: 48px;
-  }
-}
-@media screen and (min-width: 1024px) and (max-width: 1279px) {
-  .mfui-content-area__inner {
-    padding-right: 64px;
-    padding-left: 64px;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-content-area__inner_disable-indents_mobile {
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-@media screen and (max-width: 1023px) {
-  .mfui-content-area__inner_disable-indents_mobile-tablet {
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-@media screen and (min-width: 768px) {
-  .mfui-content-area__inner_disable-indents_tablet-desktop {
-    padding-right: 0;
-    padding-left: 0;
-  }
-}
-.mfui-content-area__inner_disable-indents_all {
-  padding-right: 0;
-  padding-left: 0;
-}
-@media screen and (max-width: 359px) {
-  .mfui-content-area__inner_indents_small-mobile {
-    padding-right: 8px;
-    padding-left: 8px;
-  }
-}
-.mfui-content-area__inner_background-color_transparent {
-  background-color: transparent;
-}
-.mfui-content-area__inner_background-color_black {
-  background-color: var(--stcBlack);
-}
-.mfui-content-area__inner_background-color_white {
-  background-color: var(--stcWhite);
-}
-.mfui-content-area__inner_background-color_green {
-  background-color: var(--brandGreen);
-}
-.mfui-content-area__inner_background-color_purple {
-  background-color: var(--brandPurple);
-}
-.mfui-content-area__inner_background-color_spbSky0 {
-  background-color: var(--spbSky0);
-}
-.mfui-content-area__inner_background-color_spbSky1 {
-  background-color: var(--spbSky1);
-}
-.mfui-content-area__inner_background-color_spbSky2 {
-  background-color: var(--spbSky2);
-}

package/dist/es/components/ContentView/ContentView.css

@@ -1,103 +0,0 @@
-.mfui-content-view {
-  min-width: 240px;
-  padding: 0 16px;
-  color: var(--content);
-  text-align: center;
-}
-.mfui-content-view__image {
-  display: inline-block;
-  max-width: 144px;
-  margin-bottom: 24px;
-  vertical-align: top;
-}
-.mfui-content-view__bg-image {
-  display: inline-block;
-  width: 144px;
-  height: 144px;
-  margin-bottom: 24px;
-  vertical-align: top;
-  background-repeat: no-repeat;
-  background-size: 100%;
-}
-.mfui-content-view__bg-image_type_waiting {
-  background-image: url('./i/waiting.png');
-}
-.mfui-content-view__bg-image_type_error {
-  background-image: url('./i/error.png');
-}
-.mfui-content-view__bg-image_type_submit {
-  background-image: url('./i/submit.png');
-}
-.mfui-content-view__bg-image_type_success {
-  background-image: url('./i/success.png');
-}
-.mfui-content-view__bg-image_type_fail {
-  background-image: url('./i/fail.png');
-}
-.mfui-content-view__bg-image_type_update {
-  background-image: url('./i/update.png');
-}
-.mfui-content-view__bg-image_type_alarm {
-  background-image: url('./i/alarm.png');
-}
-.mfui-content-view__bg-image_type_empty {
-  background-image: url('./i/empty.png');
-}
-.mfui-content-view__bg-image_type_searchNoResult {
-  background-image: url('./i/searchNoResult.png');
-}
-.mfui-content-view__title {
-  font-weight: 500;
-  font-size: 18px;
-  line-height: 24px;
-}
-@media screen and (min-width: 768px) {
-  .mfui-content-view__title {
-    font-size: 20px;
-    line-height: 28px;
-    letter-spacing: 0.5px;
-  }
-}
-.mfui-content-view__text {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 400;
-  margin-top: 4px;
-}
-.mfui-content-view__buttons {
-  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;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding-top: 32px;
-}
-.mfui-content-view_fullscreen {
-  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-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  min-height: 100%;
-}
-.mfui-content-view_fullscreen .mfui-content-view__content {
-  margin-top: auto;
-}
-.mfui-content-view_fullscreen .mfui-content-view__buttons {
-  margin-top: auto;
-  padding-bottom: 24px;
-}

package/dist/es/components/Counter/Counter.css

@@ -1,123 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-counter {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 120px;
-  height: 32px;
-}
-.mfui-counter__btn {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -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;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  max-width: 32px;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  border: 1px solid var(--spbSky2);
-  font-size: 20px;
-  text-decoration: none;
-  background-color: var(--base);
-  outline: none;
-  cursor: pointer;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  fill: var(--content);
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.mfui-counter__btn:hover {
-  background-color: var(--spbSky0);
-}
-.mfui-counter__btn:disabled {
-  background-color: var(--spbSky1);
-  cursor: default;
-}
-.mfui-counter__btn:disabled .mfui-counter__icon {
-  fill: var(--spbSky2);
-}
-.mfui-counter__btn_left {
-  border-top-left-radius: 50px;
-  border-bottom-left-radius: 50px;
-}
-.mfui-counter__btn_right {
-  border-top-right-radius: 50px;
-  border-bottom-right-radius: 50px;
-}
-.mfui-counter__icon {
-  display: block;
-  width: 20px;
-  height: 20px;
-}
-.mfui-counter__input-box {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  height: 100%;
-  border-top: 1px solid var(--spbSky2);
-  border-bottom: 1px solid var(--spbSky2);
-  overflow: hidden;
-}
-.mfui-counter__input {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  border: none;
-  border-radius: 0;
-  overflow: auto;
-  color: var(--content);
-  text-align: center;
-  background: var(--base);
-  outline: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  cursor: text;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
-.mfui-counter_disabled .mfui-counter__btn {
-  background-color: var(--spbSky1);
-  cursor: default;
-}
-.mfui-counter_disabled .mfui-counter__input {
-  background-color: var(--spbSky1);
-  cursor: default;
-  color: var(--spbSky3);
-}
-.mfui-counter_disabled .mfui-counter__icon {
-  fill: var(--spbSky2);
-}

package/dist/es/components/Grid/Grid.css

@@ -1,102 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-grid__container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-}
-.mfui-grid__container_multi-row {
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-.mfui-grid__container_h-align_right {
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-}
-.mfui-grid__container_h-align_center {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.mfui-grid__container_h-align_between {
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.mfui-grid__container_h-align_around {
-  -ms-flex-pack: distribute;
-      justify-content: space-around;
-}
-.mfui-grid__container_v-align_top {
-  -webkit-box-align: start;
-      -ms-flex-align: start;
-          align-items: flex-start;
-}
-.mfui-grid__container_v-align_bottom {
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-}
-.mfui-grid__container_v-align_center {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.mfui-grid__container_v-align_baseline {
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
-}
-.mfui-grid__container_gutters-left_large {
-  margin-left: -32px;
-}
-.mfui-grid__container_gutters-left_medium {
-  margin-left: -20px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-grid__container_gutters-left_medium {
-    margin-left: -16px;
-  }
-}
-.mfui-grid__container_gutters-bottom_large {
-  margin-bottom: -32px;
-}
-.mfui-grid__container_gutters-bottom_medium {
-  margin-bottom: -20px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-grid__container_gutters-bottom_medium {
-    margin-bottom: -16px;
-  }
-}
-.mfui-grid__column_gutter-left_large {
-  padding-left: 32px;
-}
-.mfui-grid__column_gutter-left_medium {
-  padding-left: 20px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-grid__column_gutter-left_medium {
-    padding-left: 16px;
-  }
-}
-.mfui-grid__column_gutter-bottom_large {
-  padding-bottom: 32px;
-}
-.mfui-grid__column_gutter-bottom_medium {
-  padding-bottom: 20px;
-}
-@media screen and (max-width: 767px) {
-  .mfui-grid__column_gutter-bottom_medium {
-    padding-bottom: 16px;
-  }
-}