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

package/dist/es/components/Sliders/SliderRange/SliderRange.css

@@ -1,169 +0,0 @@
-.mfui-slider-range {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.mfui-slider-range__head {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 500;
-  margin-bottom: 8px;
-}
-.mfui-slider-range__display-values {
-  display: grid;
-  grid-template-columns: 45% 45%;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  width: 100%;
-  margin-top: 8px;
-}
-.mfui-slider-range__display-value_left {
-  margin-right: auto;
-}
-.mfui-slider-range__display-value_right {
-  margin-left: auto;
-}
-.mfui-slider-range__range-container {
-  position: relative;
-  height: 12px;
-  margin: 6px 0;
-  cursor: pointer;
-}
-.mfui-slider-range__range-input {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  position: absolute;
-  top: 50%;
-  width: 100%;
-  height: 0;
-  margin: 0;
-  border: none;
-  background: none;
-  outline: none;
-  cursor: pointer;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  pointer-events: none;
-}
-.mfui-slider-range__range-input_left {
-  z-index: 1;
-}
-.mfui-slider-range__range-input_left.mfui-slider-range__range-input_over {
-  z-index: 3;
-}
-.mfui-slider-range__range-input_right {
-  z-index: 2;
-}
-.mfui-slider-range__range-input:focus {
-  outline: none;
-}
-.mfui-slider-range__range-input::-webkit-slider-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-}
-.mfui-slider-range__range-input::-moz-range-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-}
-.mfui-slider-range__range-input::-ms-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-}
-.mfui-slider-range__range-track {
-  position: absolute;
-  right: 0;
-  left: 0;
-  z-index: 0;
-  height: 100%;
-  padding: 0 12px;
-  border-radius: 100px;
-  background-color: var(--spbSky0);
-  cursor: pointer;
-}
-.mfui-slider-range__range-track-inner {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-.mfui-slider-range__range-track-segment {
-  position: absolute;
-  height: 100%;
-  border-radius: 100px;
-  background-color: var(--brandGreen);
-}
-.mfui-slider-range_disabled .mfui-slider-range__head {
-  color: var(--spbSky3);
-}
-.mfui-slider-range_disabled .mfui-slider-range__range-track {
-  cursor: default;
-}
-.mfui-slider-range_disabled .mfui-slider-range__range-input {
-  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--spbSky1)), to(var(--spbSky1)));
-  background-image: linear-gradient(var(--spbSky1), var(--spbSky1));
-  cursor: default;
-}
-.mfui-slider-range_disabled .mfui-slider-range__range-track-segment {
-  background-color: var(--spbSky1);
-}
-.mfui-slider-range_disabled .mfui-slider-range__range-input::-webkit-slider-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-  background-color: var(--spbSky2);
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.mfui-slider-range_disabled .mfui-slider-range__range-input::-moz-range-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-  background-color: var(--spbSky2);
-  box-shadow: none;
-}
-.mfui-slider-range_disabled .mfui-slider-range__range-input::-ms-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-  background-color: var(--spbSky2);
-  box-shadow: none;
-}

package/dist/es/components/Sliders/SliderRatio/SliderRatio.css

@@ -1,219 +0,0 @@
-.mfui-slider-ratio {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.mfui-slider-ratio__head {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 500;
-  margin-bottom: 8px;
-}
-.mfui-slider-ratio__display-values {
-  display: grid;
-  grid-template-columns: 45% 45%;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  width: 100%;
-  margin-top: 8px;
-}
-.mfui-slider-ratio__display-value_left {
-  margin-right: auto;
-}
-.mfui-slider-ratio__display-value_right {
-  margin-left: auto;
-}
-.mfui-slider-ratio__range-container {
-  position: relative;
-  width: 100%;
-}
-.mfui-slider-ratio__range-input {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  position: relative;
-  z-index: 1;
-  display: block;
-  width: 100%;
-  height: 12px;
-  margin: 6px 0;
-  border-radius: 100px;
-  background: var(--brandPurple);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--brandGreen)), to(var(--brandGreen)));
-  background-image: linear-gradient(var(--brandGreen), var(--brandGreen));
-  background-repeat: no-repeat;
-  outline: none;
-  cursor: pointer;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  pointer-events: none;
-}
-.mfui-slider-ratio__range-input:focus {
-  outline: none;
-}
-.mfui-slider-ratio__range-input::-webkit-slider-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  background-image: url('./i/thumb.png');
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-}
-.mfui-slider-ratio__range-input::-moz-range-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  background-image: url('./i/thumb.png');
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-}
-.mfui-slider-ratio__range-input::-ms-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  background-image: url('./i/thumb.png');
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-}
-.mfui-slider-ratio__range-input::-webkit-slider-runnable-track {
-  border: none;
-  background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  -webkit-appearance: none;
-}
-.mfui-slider-ratio__range-input::-moz-range-track {
-  border: none;
-  background: transparent;
-  box-shadow: none;
-  -webkit-appearance: none;
-}
-.mfui-slider-ratio__range-input::-ms-track {
-  border: none;
-  background: transparent;
-  box-shadow: none;
-  -webkit-appearance: none;
-}
-.mfui-slider-ratio__range-track {
-  position: absolute;
-  top: 0;
-  z-index: 0;
-  width: 100%;
-  height: 100%;
-  cursor: pointer;
-}
-.mfui-slider-ratio__scale {
-  position: absolute;
-  top: 0;
-  right: calc(var(--thumbSize) / 2);
-  bottom: 0;
-  left: calc(var(--thumbSize) / 2);
-  z-index: 2;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  pointer-events: none;
-}
-.mfui-slider-ratio__scale-item {
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-}
-.mfui-slider-ratio__scale-item:first-child {
-  margin-left: -2px;
-}
-.mfui-slider-ratio__scale-item:last-child {
-  margin-right: -2px;
-}
-.mfui-slider-ratio_disabled .mfui-slider-ratio__head {
-  color: var(--spbSky3);
-}
-.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input {
-  background-color: var(--spbSky1);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--spbSky0)), to(var(--spbSky0)));
-  background-image: linear-gradient(var(--spbSky0), var(--spbSky0));
-  cursor: default;
-}
-.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-webkit-slider-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  background-image: url('./i/thumb.png');
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-  background-color: var(--spbSky2);
-  background-image: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-moz-range-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  background-image: url('./i/thumb.png');
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-  background-color: var(--spbSky2);
-  background-image: none;
-  box-shadow: none;
-}
-.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-ms-thumb {
-  width: var(--thumbSize);
-  height: var(--thumbSize);
-  border: none;
-  border-radius: 50%;
-  background-color: var(--stcWhite);
-  background-image: url('./i/thumb.png');
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
-  -webkit-appearance: none;
-  pointer-events: auto;
-  background-color: var(--spbSky2);
-  background-image: none;
-  box-shadow: none;
-}
-.mfui-slider-ratio_disabled .mfui-slider-ratio__range-track {
-  cursor: default;
-}
-.mfui-slider-ratio_disabled .mfui-slider-ratio__scale {
-  display: none;
-}

package/dist/es/components/Sliders/components/SliderDisplayValue/SliderDisplayValue.css

@@ -1,84 +0,0 @@
-.mfui-slider-display-value {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  max-width: 100%;
-  color: var(--content);
-  font-weight: 400;
-}
-.mfui-slider-display-value_interactive {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  min-width: 90px;
-  padding: 7px 16px;
-  border: 1px solid var(--spbSky2);
-  border-radius: 12px;
-  overflow: hidden;
-  background-color: var(--base);
-  cursor: text;
-}
-.mfui-slider-display-value_interactive.mfui-slider-display-value:hover,
-.mfui-slider-display-value_interactive.mfui-slider-display-value_focus {
-  border-color: var(--content);
-}
-.mfui-slider-display-value_disabled {
-  border-color: var(--spbSky0);
-  color: var(--spbSky3);
-  background-color: var(--spbSky0);
-  cursor: default;
-}
-.mfui-slider-display-value_disabled.mfui-slider-display-value_interactive:hover {
-  border-color: var(--spbSky0);
-}
-.mfui-slider-display-value__box {
-  overflow: hidden;
-}
-.mfui-slider-display-value__line {
-  font-weight: 500;
-}
-.mfui-slider-display-value__unit {
-  margin-left: 4px;
-}
-.mfui-slider-display-value_interactive .mfui-slider-display-value__line {
-  height: 0;
-  visibility: hidden;
-  opacity: 0;
-}
-.mfui-slider-display-value__prefix {
-  margin-right: 4px;
-  color: var(--spbSky3);
-}
-.mfui-slider-display-value__input {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  display: block;
-  width: 10px;
-  min-width: 100%;
-  margin: 0;
-  padding: 0;
-  border: none;
-  border-radius: 0;
-  color: inherit;
-  font-weight: 400;
-  background-color: transparent;
-  outline: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  cursor: text;
-  opacity: 1;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  caret-color: var(--brandGreen);
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-}
-.mfui-slider-display-value__input::-webkit-outer-spin-button,
-.mfui-slider-display-value__input::-webkit-inner-spin-button {
-  margin: 0;
-  -webkit-appearance: none;
-}
-.mfui-slider-display-value__input[type='number'] {
-  -moz-appearance: textfield;
-}

package/dist/es/components/Sliders/components/SliderScale/SliderScale.css

@@ -1,15 +0,0 @@
-.mfui-slider-scale {
-  font-size: 12px;
-  line-height: 18px;
-  position: relative;
-  height: 18px;
-  margin: 8px 12px 0 12px;
-}
-.mfui-slider-scale_disabled {
-  color: var(--spbSky3);
-}
-.mfui-slider-scale__item {
-  position: absolute;
-  translate: -50% 0;
-  white-space: nowrap;
-}

package/dist/es/components/Snackbar/Snackbar.css

@@ -1,220 +0,0 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-snackbar {
-  z-index: 1;
-  width: 480px;
-  -webkit-transition: -webkit-transform 300ms;
-  transition: -webkit-transform 300ms;
-  transition: transform 300ms;
-  transition: transform 300ms, -webkit-transform 300ms;
-}
-@-webkit-keyframes snackbar-show {
-  from {
-    -webkit-transform: scale(90%);
-            transform: scale(90%);
-    opacity: 0;
-  }
-  to {
-    -webkit-transform: scale(100%);
-            transform: scale(100%);
-    opacity: 1;
-  }
-}
-@keyframes snackbar-show {
-  from {
-    -webkit-transform: scale(90%);
-            transform: scale(90%);
-    opacity: 0;
-  }
-  to {
-    -webkit-transform: scale(100%);
-            transform: scale(100%);
-    opacity: 1;
-  }
-}
-@-webkit-keyframes snackbar-hide {
-  0% {
-    -webkit-transform: scale(100%);
-            transform: scale(100%);
-    opacity: 1;
-  }
-  99% {
-    -webkit-transform: scale(90%);
-            transform: scale(90%);
-    opacity: 0;
-  }
-  100% {
-    display: none;
-  }
-}
-@keyframes snackbar-hide {
-  0% {
-    -webkit-transform: scale(100%);
-            transform: scale(100%);
-    opacity: 1;
-  }
-  99% {
-    -webkit-transform: scale(90%);
-            transform: scale(90%);
-    opacity: 0;
-  }
-  100% {
-    display: none;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-snackbar {
-    width: 304px;
-  }
-}
-.mfui-snackbar_move {
-  -webkit-transition: none;
-  transition: none;
-}
-.mfui-snackbar__tile {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  min-height: 64px;
-  padding: 12px 16px 12px 12px;
-  background-color: var(--content);
-  opacity: 0;
-  -webkit-animation: 200ms linear 200ms 1 forwards snackbar-show;
-          animation: 200ms linear 200ms 1 forwards snackbar-show;
-}
-@media screen and (max-width: 767px) {
-  .mfui-snackbar__tile {
-    min-height: 48px;
-  }
-}
-.mfui-snackbar__tile_closed {
-  -webkit-animation: 100ms linear 1 snackbar-hide;
-          animation: 100ms linear 1 snackbar-hide;
-}
-.mfui-snackbar__tile_type_success .mfui-snackbar__icon-container svg {
-  fill: var(--brandGreen);
-}
-.mfui-snackbar__tile_type_attention .mfui-snackbar__icon-container svg {
-  fill: var(--fury80);
-}
-.mfui-snackbar__icon-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  width: 32px;
-  min-width: 32px;
-  height: 32px;
-  margin-right: 8px;
-}
-.mfui-snackbar__icon-container svg {
-  fill: var(--base);
-}
-@media screen and (max-width: 767px) {
-  .mfui-snackbar__icon-container {
-    width: 20px;
-    min-width: 20px;
-    height: 20px;
-  }
-}
-.mfui-snackbar__icon-container_desktop {
-  display: none;
-}
-@media screen and (min-width: 768px) {
-  .mfui-snackbar__icon-container_desktop {
-    display: block;
-  }
-}
-.mfui-snackbar__icon-container_mobile {
-  display: none;
-}
-@media screen and (max-width: 767px) {
-  .mfui-snackbar__icon-container_mobile {
-    display: block;
-  }
-}
-.mfui-snackbar__text-wrapper {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  color: var(--base);
-}
-.mfui-snackbar__text {
-  display: none;
-  overflow: hidden;
-}
-@media screen and (min-width: 768px) {
-  .mfui-snackbar__text_desktop {
-    display: block;
-    max-height: 48px;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-snackbar__text_mobile {
-    display: block;
-    max-height: 36px;
-  }
-}
-.mfui-snackbar__text_short {
-  max-width: 272px;
-}
-.mfui-snackbar__text-button {
-  min-width: -webkit-min-content;
-  min-width: -moz-min-content;
-  min-width: min-content;
-  margin-left: 12px;
-}
-.mfui-snackbar__close-button {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -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: 32px;
-  height: 32px;
-  margin-left: 24px;
-  padding: 0;
-  border: none;
-  border-radius: 40px;
-  background-color: transparent;
-  cursor: pointer;
-}
-@media screen and (max-width: 767px) {
-  .mfui-snackbar__close-button {
-    display: none;
-  }
-}
-.mfui-snackbar__close-button:hover {
-  background-color: #99999933;
-}
-.mfui-snackbar__close-button:active {
-  background-color: #99999966;
-}
-.mfui-snackbar__close-button-icon {
-  width: 40px;
-  min-width: 40px;
-  height: 40px;
-  fill: var(--spbSky3);
-}