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

package/dist/es/components/Header/Header.css

@@ -1,122 +0,0 @@
-.mfui-header {
-  font-family: inherit;
-  font-weight: 400;
-}
-.mfui-header__addition {
-  display: inline-block;
-  margin-left: 12px;
-}
-.mfui-header_level_h1 {
-  font-weight: 700;
-  font-size: 30px;
-  line-height: 36px;
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-header_level_h1 {
-    font-size: 36px;
-    line-height: 40px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-header_level_h1 {
-    font-size: 44px;
-    line-height: 48px;
-    letter-spacing: 0.5px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-header_level_h1 {
-    font-size: 52px;
-    line-height: 56px;
-  }
-}
-.mfui-header_margin.mfui-header_level_h1 {
-  margin: 0 0 32px 0;
-}
-.mfui-header_level_h2 {
-  font-weight: 600;
-  font-size: 22px;
-  line-height: 28px;
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-header_level_h2 {
-    font-size: 26px;
-    line-height: 32px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-header_level_h2 {
-    font-size: 28px;
-    line-height: 36px;
-    letter-spacing: 0.5px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-header_level_h2 {
-    font-size: 32px;
-    line-height: 40px;
-  }
-}
-.mfui-header_margin.mfui-header_level_h2 {
-  margin: 56px 0 24px 0;
-}
-.mfui-header_level_h3 {
-  font-weight: 500;
-  font-size: 18px;
-  line-height: 24px;
-}
-@media screen and (min-width: 1024px) {
-  .mfui-header_level_h3 {
-    letter-spacing: 0.5px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-header_level_h3 {
-    font-size: 20px;
-    line-height: 28px;
-  }
-}
-.mfui-header_margin.mfui-header_level_h3 {
-  margin: 32px 0 24px 0;
-}
-.mfui-header_level_h5 {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 500;
-}
-.mfui-header_space_tight.mfui-header_level_h5 {
-  line-height: 18px;
-}
-.mfui-header_margin.mfui-header_level_h5 {
-  margin: 24px 0 16px 0;
-}
-.mfui-header_color_default {
-  color: var(--content);
-}
-.mfui-header_color_black {
-  color: var(--stcBlack);
-}
-.mfui-header_color_green {
-  color: var(--brandGreen);
-}
-.mfui-header_color_purple {
-  color: var(--brandPurple);
-}
-.mfui-header_color_white {
-  color: var(--stcWhite);
-}
-.mfui-header_color_blue {
-  color: var(--systemBlue);
-}
-.mfui-header_color_inherit {
-  color: inherit;
-}
-.mfui-header_h-align_left {
-  text-align: left;
-}
-.mfui-header_h-align_center {
-  text-align: center;
-}
-.mfui-header_h-align_right {
-  text-align: right;
-}

package/dist/es/components/List/List.css

@@ -1,66 +0,0 @@
-.mfui-list {
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-  margin: 12px 0 12px 40px;
-  font-style: normal;
-}
-.mfui-list_h-align_center {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.mfui-list_h-align_right {
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-}
-.mfui-list_color_default {
-  color: var(--content);
-}
-.mfui-list_color_black {
-  color: var(--stcBlack);
-}
-.mfui-list_color_white {
-  color: var(--stcWhite);
-}
-.mfui-list_color_gray {
-  color: var(--spbSky2);
-}
-.mfui-list_color_green {
-  color: var(--brandGreen);
-}
-.mfui-list_color_purple {
-  color: var(--brandPurple);
-}
-.mfui-list_color_red {
-  color: var(--fury);
-}
-.mfui-list_color_inherit {
-  color: inherit;
-}
-.mfui-list_weight_light {
-  font-weight: 300;
-}
-.mfui-list_weight_regular {
-  font-weight: 400;
-}
-.mfui-list_weight_bold {
-  font-weight: 600;
-}
-.mfui-list__inner {
-  margin: 0;
-  padding: 0;
-}
-.mfui-list__inner_type_ul {
-  list-style: disc;
-}
-.mfui-list_inner_type_ol {
-  list-style: decimal;
-}

package/dist/es/components/List/ListItem.css

@@ -1,6 +0,0 @@
-.mfui-list-item {
-  margin-bottom: 12px;
-}
-.mfui-list-item:last-child {
-  margin-bottom: 0;
-}

package/dist/es/components/ListData/ListData.css

@@ -1,162 +0,0 @@
-.mfui-list-data {
-  position: relative;
-  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;
-  width: 100%;
-  height: -webkit-fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-  padding: 8px 16px 8px 12px;
-  border: none;
-  color: var(--content);
-  text-decoration: none;
-  background-color: transparent;
-  -webkit-transition: background-color, opacity;
-  transition: background-color, opacity;
-  -webkit-transition-duration: 0.3s;
-          transition-duration: 0.3s;
-}
-.mfui-list-data__icon-container {
-  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;
-  width: 40px;
-  height: 40px;
-  margin-right: 8px;
-}
-.mfui-list-data__icon-container svg {
-  fill: var(--content);
-}
-.mfui-list-data__icon-container_colored {
-  border-radius: 50%;
-  background-color: var(--brandGreen20);
-}
-.mfui-list-data__icon-container_colored svg {
-  fill: var(--brandGreen);
-}
-.mfui-list-data__icon {
-  width: 32px;
-  min-width: 32px;
-  height: 32px;
-}
-.mfui-list-data__icon_small {
-  width: 20px;
-  min-width: 20px;
-  height: 20px;
-}
-.mfui-list-data__header {
-  display: grid;
-  grid-template-columns: 100%;
-  margin-right: auto;
-  padding-left: 4px;
-}
-.mfui-list-data__header_gap {
-  padding-right: 8px;
-}
-.mfui-list-data__header_align {
-  -ms-flex-item-align: end;
-      align-self: flex-end;
-}
-.mfui-list-data__title {
-  font-size: 15px;
-  line-height: 24px;
-  /* stylelint-disable-next-line value-no-vendor-prefix */
-  display: -webkit-box;
-  overflow: hidden;
-  white-space: normal;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  font-weight: 500;
-  line-height: 18px;
-}
-.mfui-list-data__title-link {
-  color: var(--content);
-}
-.mfui-list-data__sub-title {
-  font-size: 12px;
-  line-height: 18px;
-  margin-top: 4px;
-  overflow: hidden;
-  color: var(--spbSky3);
-  font-weight: 400;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.mfui-list-data__value-container {
-  display: grid;
-  grid-template-columns: -webkit-min-content;
-  grid-template-columns: min-content;
-  align-self: flex-start;
-  padding-left: 12px;
-}
-.mfui-list-data__value {
-  font-size: 15px;
-  line-height: 24px;
-  /* stylelint-disable-next-line value-no-vendor-prefix */
-  display: -webkit-box;
-  overflow: hidden;
-  white-space: normal;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  max-width: 110px;
-  line-height: 18px;
-}
-.mfui-list-data__value_color_green {
-  color: var(--brandGreen);
-}
-.mfui-list-data__sub-value {
-  font-size: 12px;
-  line-height: 18px;
-  max-width: 110px;
-  margin-top: 4px;
-  overflow: hidden;
-  color: var(--spbSky3);
-  font-weight: 400;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.mfui-list-data__action-icon {
-  fill: var(--spbSky3);
-}
-.mfui-list-data__action-icon_active {
-  cursor: pointer;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  -webkit-transition: fill 0.3s;
-  transition: fill 0.3s;
-}
-.mfui-list-data__action-icon_active:hover {
-  fill: var(--content);
-}
-.mfui-list-data__children_event-none {
-  pointer-events: none;
-}
-.mfui-list-data_active:not(.mfui-list-data_disabled) {
-  border-radius: 12px;
-  cursor: pointer;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.mfui-list-data_active:not(.mfui-list-data_disabled):hover {
-  background-color: var(--spbSky0);
-}
-.mfui-list-data_disabled {
-  opacity: 0.5;
-}
-.mfui-list-data_disabled .mfui-list-data__title-link {
-  pointer-events: none;
-}

package/dist/es/components/ListData/ListDataGroup.css

@@ -1,15 +0,0 @@
-.mfui-list-data-group {
-  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-sizing: border-box;
-          box-sizing: border-box;
-  overflow-y: hidden;
-}
-.mfui-list-data-group__item_divider:not(:last-child) {
-  border-bottom: 1px solid var(--spbSky1);
-}

package/dist/es/components/ListData/components/ListDataSortable.css

@@ -1,79 +0,0 @@
-.mfui-list-data-sortable {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.mfui-list-data-sortable__wrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  border-radius: 12px;
-}
-.mfui-list-data-sortable__item {
-  padding-right: 0;
-}
-.mfui-list-data-sortable__control {
-  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;
-  margin: 12px 16px 12px 8px;
-}
-.mfui-list-data-sortable__icon {
-  width: 32px;
-  height: 32px;
-  fill: var(--spbSky2);
-}
-.mfui-list-data-sortable_gap_small {
-  padding: 2px 0;
-}
-.mfui-list-data-sortable_gap_medium {
-  padding: 4px 0;
-}
-.mfui-list-data-sortable_gap_large {
-  padding: 6px 0;
-}
-.mfui-list-data-sortable_dragging {
-  opacity: 0;
-}
-.mfui-list-data-sortable_drag-overlay .mfui-list-data-sortable__wrapper {
-  background-color: var(--spbSky0);
-  -webkit-animation-duration: 0.3s;
-          animation-duration: 0.3s;
-  -webkit-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
-}
-.mfui-list-data-sortable_activator_cell:not(.mfui-list-data-sortable_disabled) {
-  cursor: -webkit-grab;
-  cursor: grab;
-}
-.mfui-list-data-sortable_activator_cell:not(.mfui-list-data-sortable_disabled).mfui-list-data-sortable_drag-overlay {
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-}
-.mfui-list-data-sortable_activator_control:not(.mfui-list-data-sortable_disabled) .mfui-list-data-sortable__control {
-  cursor: -webkit-grab;
-  cursor: grab;
-}
-.mfui-list-data-sortable_activator_control:not(.mfui-list-data-sortable_disabled).mfui-list-data-sortable_drag-overlay .mfui-list-data-sortable__control {
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-}

package/dist/es/components/Logo/Logo.css

@@ -1,43 +0,0 @@
-.mfui-logo {
-  display: inline-block;
-  vertical-align: top;
-}
-.mfui-logo_view_horizontal,
-.mfui-logo_view_vertical {
-  width: 129px;
-  vertical-align: top;
-}
-@media screen and (min-width: 1024px) {
-  .mfui-logo_view_horizontal,
-  .mfui-logo_view_vertical {
-    width: 146px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-logo_view_horizontal,
-  .mfui-logo_view_vertical {
-    width: 158px;
-  }
-}
-.mfui-logo__svg {
-  display: block;
-  width: 100%;
-}
-.mfui-logo__img {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mfui-logo_view_horizontal .mfui-logo__img {
-  min-height: 23px;
-}
-@media screen and (min-width: 1024px) {
-  .mfui-logo_view_horizontal .mfui-logo__img {
-    height: 26px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-logo_view_horizontal .mfui-logo__img {
-    min-height: 28px;
-  }
-}

package/dist/es/components/NavArrow/NavArrow.css

@@ -1,63 +0,0 @@
-.mfui-nav-arrow {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 40px;
-  height: 40px;
-  margin: 0;
-  padding: 4px;
-  border: none;
-  border-radius: 50%;
-  outline: none;
-  cursor: pointer;
-  -webkit-transition: background-color 0.3s, opacity 0.3s;
-  transition: background-color 0.3s, opacity 0.3s;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.mfui-nav-arrow:disabled {
-  cursor: default;
-  opacity: 0.3;
-  pointer-events: none;
-}
-.mfui-nav-arrow__icon {
-  display: block;
-  width: 100%;
-  height: 100%;
-  fill: var(--stcWhite);
-}
-.mfui-nav-arrow_theme_purple {
-  background-color: var(--brandPurple);
-}
-.mfui-nav-arrow_theme_purple:hover {
-  background-color: var(--buttonHoverPurple);
-}
-.mfui-nav-arrow_theme_purple:active {
-  background-color: var(--buttonDown);
-}
-.mfui-nav-arrow_theme_dark {
-  background-color: var(--stcBlack20);
-}
-.mfui-nav-arrow_theme_dark:hover {
-  background-color: var(--stcBlack50);
-}
-.mfui-nav-arrow_theme_dark:active {
-  background-color: var(--buttonDown);
-}
-.mfui-nav-arrow_theme_white {
-  background-color: var(--stcWhite);
-  -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-nav-arrow_theme_white: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-nav-arrow_theme_white:active {
-  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
-          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
-}
-.mfui-nav-arrow_theme_white .mfui-nav-arrow__icon {
-  fill: var(--stcBlack);
-}