@megafon/ui-core 6.2.1 → 6.4.0

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

@@ -1,4 +1,4 @@
-.mfui-slider-range {
+.mfui-v6-slider-range {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7,13 +7,13 @@
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.mfui-slider-range__head {
+.mfui-v6-slider-range__head {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
   margin-bottom: 8px;
 }
-.mfui-slider-range__display-values {
+.mfui-v6-slider-range__display-values {
   display: grid;
   grid-template-columns: 45% 45%;
   -webkit-box-pack: justify;
@@ -22,19 +22,19 @@
   width: 100%;
   margin-top: 8px;
 }
-.mfui-slider-range__display-value_left {
+.mfui-v6-slider-range__display-value_left {
   margin-right: auto;
 }
-.mfui-slider-range__display-value_right {
+.mfui-v6-slider-range__display-value_right {
   margin-left: auto;
 }
-.mfui-slider-range__range-container {
+.mfui-v6-slider-range__range-container {
   position: relative;
   height: 12px;
   margin: 6px 0;
   cursor: pointer;
 }
-.mfui-slider-range__range-input {
+.mfui-v6-slider-range__range-input {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   position: absolute;
   top: 50%;
@@ -50,19 +50,19 @@
           appearance: none;
   pointer-events: none;
 }
-.mfui-slider-range__range-input_left {
+.mfui-v6-slider-range__range-input_left {
   z-index: 1;
 }
-.mfui-slider-range__range-input_left.mfui-slider-range__range-input_over {
+.mfui-v6-slider-range__range-input_left.mfui-v6-slider-range__range-input_over {
   z-index: 3;
 }
-.mfui-slider-range__range-input_right {
+.mfui-v6-slider-range__range-input_right {
   z-index: 2;
 }
-.mfui-slider-range__range-input:focus {
+.mfui-v6-slider-range__range-input:focus {
   outline: none;
 }
-.mfui-slider-range__range-input::-webkit-slider-thumb {
+.mfui-v6-slider-range__range-input::-webkit-slider-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;
@@ -73,7 +73,7 @@
   -webkit-appearance: none;
   pointer-events: auto;
 }
-.mfui-slider-range__range-input::-moz-range-thumb {
+.mfui-v6-slider-range__range-input::-moz-range-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;
@@ -83,7 +83,7 @@
   -webkit-appearance: none;
   pointer-events: auto;
 }
-.mfui-slider-range__range-input::-ms-thumb {
+.mfui-v6-slider-range__range-input::-ms-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;
@@ -93,7 +93,7 @@
   -webkit-appearance: none;
   pointer-events: auto;
 }
-.mfui-slider-range__range-track {
+.mfui-v6-slider-range__range-track {
   position: absolute;
   right: 0;
   left: 0;
@@ -104,32 +104,32 @@
   background-color: var(--spbSky0);
   cursor: pointer;
 }
-.mfui-slider-range__range-track-inner {
+.mfui-v6-slider-range__range-track-inner {
   position: relative;
   width: 100%;
   height: 100%;
 }
-.mfui-slider-range__range-track-segment {
+.mfui-v6-slider-range__range-track-segment {
   position: absolute;
   height: 100%;
   border-radius: 100px;
   background-color: var(--brandGreen);
 }
-.mfui-slider-range_disabled .mfui-slider-range__head {
+.mfui-v6-slider-range_disabled .mfui-v6-slider-range__head {
   color: var(--spbSky3);
 }
-.mfui-slider-range_disabled .mfui-slider-range__range-track {
+.mfui-v6-slider-range_disabled .mfui-v6-slider-range__range-track {
   cursor: default;
 }
-.mfui-slider-range_disabled .mfui-slider-range__range-input {
+.mfui-v6-slider-range_disabled .mfui-v6-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 {
+.mfui-v6-slider-range_disabled .mfui-v6-slider-range__range-track-segment {
   background-color: var(--spbSky1);
 }
-.mfui-slider-range_disabled .mfui-slider-range__range-input::-webkit-slider-thumb {
+.mfui-v6-slider-range_disabled .mfui-v6-slider-range__range-input::-webkit-slider-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;
@@ -143,7 +143,7 @@
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.mfui-slider-range_disabled .mfui-slider-range__range-input::-moz-range-thumb {
+.mfui-v6-slider-range_disabled .mfui-v6-slider-range__range-input::-moz-range-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;
@@ -155,7 +155,7 @@
   background-color: var(--spbSky2);
   box-shadow: none;
 }
-.mfui-slider-range_disabled .mfui-slider-range__range-input::-ms-thumb {
+.mfui-v6-slider-range_disabled .mfui-v6-slider-range__range-input::-ms-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;

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

@@ -10,7 +10,7 @@ import { getRangeValue, removeFirstZeros } from "../helpers";
 import { getTrackSize, getRangeValueByPageX, checkForThumbAtEndOfTrack } from "./helpers";
 import "./SliderRange.css";
 var THUMB_SIZE = 24;
-var cn = cnCreate('mfui-slider-range');
+var cn = cnCreate('mfui-v6-slider-range');
 
 var SliderRange = function SliderRange(_ref) {
   var className = _ref.className,

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

@@ -1,4 +1,4 @@
-.mfui-slider-ratio {
+.mfui-v6-slider-ratio {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -7,13 +7,13 @@
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.mfui-slider-ratio__head {
+.mfui-v6-slider-ratio__head {
   font-size: 15px;
   line-height: 24px;
   font-weight: 500;
   margin-bottom: 8px;
 }
-.mfui-slider-ratio__display-values {
+.mfui-v6-slider-ratio__display-values {
   display: grid;
   grid-template-columns: 45% 45%;
   -webkit-box-pack: justify;
@@ -22,17 +22,17 @@
   width: 100%;
   margin-top: 8px;
 }
-.mfui-slider-ratio__display-value_left {
+.mfui-v6-slider-ratio__display-value_left {
   margin-right: auto;
 }
-.mfui-slider-ratio__display-value_right {
+.mfui-v6-slider-ratio__display-value_right {
   margin-left: auto;
 }
-.mfui-slider-ratio__range-container {
+.mfui-v6-slider-ratio__range-container {
   position: relative;
   width: 100%;
 }
-.mfui-slider-ratio__range-input {
+.mfui-v6-slider-ratio__range-input {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   position: relative;
   z-index: 1;
@@ -52,10 +52,10 @@
           appearance: none;
   pointer-events: none;
 }
-.mfui-slider-ratio__range-input:focus {
+.mfui-v6-slider-ratio__range-input:focus {
   outline: none;
 }
-.mfui-slider-ratio__range-input::-webkit-slider-thumb {
+.mfui-v6-slider-ratio__range-input::-webkit-slider-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;
@@ -69,7 +69,7 @@
   -webkit-appearance: none;
   pointer-events: auto;
 }
-.mfui-slider-ratio__range-input::-moz-range-thumb {
+.mfui-v6-slider-ratio__range-input::-moz-range-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;
@@ -82,7 +82,7 @@
   -webkit-appearance: none;
   pointer-events: auto;
 }
-.mfui-slider-ratio__range-input::-ms-thumb {
+.mfui-v6-slider-ratio__range-input::-ms-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;
@@ -95,26 +95,26 @@
   -webkit-appearance: none;
   pointer-events: auto;
 }
-.mfui-slider-ratio__range-input::-webkit-slider-runnable-track {
+.mfui-v6-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 {
+.mfui-v6-slider-ratio__range-input::-moz-range-track {
   border: none;
   background: transparent;
   box-shadow: none;
   -webkit-appearance: none;
 }
-.mfui-slider-ratio__range-input::-ms-track {
+.mfui-v6-slider-ratio__range-input::-ms-track {
   border: none;
   background: transparent;
   box-shadow: none;
   -webkit-appearance: none;
 }
-.mfui-slider-ratio__range-track {
+.mfui-v6-slider-ratio__range-track {
   position: absolute;
   top: 0;
   z-index: 0;
@@ -122,7 +122,7 @@
   height: 100%;
   cursor: pointer;
 }
-.mfui-slider-ratio__scale {
+.mfui-v6-slider-ratio__scale {
   position: absolute;
   top: 0;
   right: calc(var(--thumbSize) / 2);
@@ -140,28 +140,28 @@
           justify-content: space-between;
   pointer-events: none;
 }
-.mfui-slider-ratio__scale-item {
+.mfui-v6-slider-ratio__scale-item {
   width: 4px;
   height: 4px;
   border-radius: 50%;
   background-color: var(--stcWhite);
 }
-.mfui-slider-ratio__scale-item:first-child {
+.mfui-v6-slider-ratio__scale-item:first-child {
   margin-left: -2px;
 }
-.mfui-slider-ratio__scale-item:last-child {
+.mfui-v6-slider-ratio__scale-item:last-child {
   margin-right: -2px;
 }
-.mfui-slider-ratio_disabled .mfui-slider-ratio__head {
+.mfui-v6-slider-ratio_disabled .mfui-v6-slider-ratio__head {
   color: var(--spbSky3);
 }
-.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input {
+.mfui-v6-slider-ratio_disabled .mfui-v6-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 {
+.mfui-v6-slider-ratio_disabled .mfui-v6-slider-ratio__range-input::-webkit-slider-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;
@@ -179,7 +179,7 @@
   -webkit-box-shadow: none;
           box-shadow: none;
 }
-.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-moz-range-thumb {
+.mfui-v6-slider-ratio_disabled .mfui-v6-slider-ratio__range-input::-moz-range-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;
@@ -195,7 +195,7 @@
   background-image: none;
   box-shadow: none;
 }
-.mfui-slider-ratio_disabled .mfui-slider-ratio__range-input::-ms-thumb {
+.mfui-v6-slider-ratio_disabled .mfui-v6-slider-ratio__range-input::-ms-thumb {
   width: var(--thumbSize);
   height: var(--thumbSize);
   border: none;
@@ -211,9 +211,9 @@
   background-image: none;
   box-shadow: none;
 }
-.mfui-slider-ratio_disabled .mfui-slider-ratio__range-track {
+.mfui-v6-slider-ratio_disabled .mfui-v6-slider-ratio__range-track {
   cursor: default;
 }
-.mfui-slider-ratio_disabled .mfui-slider-ratio__scale {
+.mfui-v6-slider-ratio_disabled .mfui-v6-slider-ratio__scale {
   display: none;
 }

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

@@ -18,7 +18,7 @@ import "./SliderRatio.css";
 var THUMB_SIZE = 24;
 var MIN_RANGE_VALUE = 0;
 var MAX_RANGE_VALUE = 100;
-var cn = cnCreate('mfui-slider-ratio');
+var cn = cnCreate('mfui-v6-slider-ratio');
 
 var SliderRatio = function SliderRatio(_ref) {
   var className = _ref.className,

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

@@ -1,4 +1,4 @@
-.mfui-slider-display-value {
+.mfui-v6-slider-display-value {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6,7 +6,7 @@
   color: var(--content);
   font-weight: 400;
 }
-.mfui-slider-display-value_interactive {
+.mfui-v6-slider-display-value_interactive {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
@@ -18,38 +18,38 @@
   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 {
+.mfui-v6-slider-display-value_interactive.mfui-v6-slider-display-value:hover,
+.mfui-v6-slider-display-value_interactive.mfui-v6-slider-display-value_focus {
   border-color: var(--content);
 }
-.mfui-slider-display-value_disabled {
+.mfui-v6-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 {
+.mfui-v6-slider-display-value_disabled.mfui-v6-slider-display-value_interactive:hover {
   border-color: var(--spbSky0);
 }
-.mfui-slider-display-value__box {
+.mfui-v6-slider-display-value__box {
   overflow: hidden;
 }
-.mfui-slider-display-value__line {
+.mfui-v6-slider-display-value__line {
   font-weight: 500;
 }
-.mfui-slider-display-value__unit {
+.mfui-v6-slider-display-value__unit {
   margin-left: 4px;
 }
-.mfui-slider-display-value_interactive .mfui-slider-display-value__line {
+.mfui-v6-slider-display-value_interactive .mfui-v6-slider-display-value__line {
   height: 0;
   visibility: hidden;
   opacity: 0;
 }
-.mfui-slider-display-value__prefix {
+.mfui-v6-slider-display-value__prefix {
   margin-right: 4px;
   color: var(--spbSky3);
 }
-.mfui-slider-display-value__input {
+.mfui-v6-slider-display-value__input {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   display: block;
   width: 10px;
@@ -74,11 +74,11 @@
   font-size: 15px;
   line-height: 24px;
 }
-.mfui-slider-display-value__input::-webkit-outer-spin-button,
-.mfui-slider-display-value__input::-webkit-inner-spin-button {
+.mfui-v6-slider-display-value__input::-webkit-outer-spin-button,
+.mfui-v6-slider-display-value__input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
 }
-.mfui-slider-display-value__input[type='number'] {
+.mfui-v6-slider-display-value__input[type='number'] {
   -moz-appearance: textfield;
 }

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

@@ -11,7 +11,7 @@ export var DisplayValue = {
   INPUT: 'input'
 };
 var charsAllowedByNumberInput = ['e', 'E', '+', '-'];
-var cn = cnCreate('mfui-slider-display-value');
+var cn = cnCreate('mfui-v6-slider-display-value');
 
 var SliderDisplayValue = function SliderDisplayValue(_ref) {
   var className = _ref.className,

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

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

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

@@ -10,7 +10,7 @@ export var Scale = {
   BASE: 'base',
   INTERVAL: 'interval'
 };
-var cn = cnCreate('mfui-slider-scale');
+var cn = cnCreate('mfui-v6-slider-scale');
 
 var SliderScale = function SliderScale(_ref) {
   var minValue = _ref.minValue,

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

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-snackbar {
+.mfui-v6-snackbar {
   z-index: 1;
   width: 480px;
   -webkit-transition: -webkit-transform 300ms;
@@ -68,15 +68,15 @@ h5 {
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-snackbar {
+  .mfui-v6-snackbar {
     width: 304px;
   }
 }
-.mfui-snackbar_move {
+.mfui-v6-snackbar_move {
   -webkit-transition: none;
   transition: none;
 }
-.mfui-snackbar__tile {
+.mfui-v6-snackbar__tile {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -94,21 +94,21 @@ h5 {
           animation: 200ms linear 200ms 1 forwards snackbar-show;
 }
 @media screen and (max-width: 767px) {
-  .mfui-snackbar__tile {
+  .mfui-v6-snackbar__tile {
     min-height: 48px;
   }
 }
-.mfui-snackbar__tile_closed {
+.mfui-v6-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 {
+.mfui-v6-snackbar__tile_type_success .mfui-v6-snackbar__icon-container svg {
   fill: var(--brandGreen);
 }
-.mfui-snackbar__tile_type_attention .mfui-snackbar__icon-container svg {
+.mfui-v6-snackbar__tile_type_attention .mfui-v6-snackbar__icon-container svg {
   fill: var(--fury80);
 }
-.mfui-snackbar__icon-container {
+.mfui-v6-snackbar__icon-container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -123,64 +123,64 @@ h5 {
   height: 32px;
   margin-right: 8px;
 }
-.mfui-snackbar__icon-container svg {
+.mfui-v6-snackbar__icon-container svg {
   fill: var(--base);
 }
 @media screen and (max-width: 767px) {
-  .mfui-snackbar__icon-container {
+  .mfui-v6-snackbar__icon-container {
     width: 20px;
     min-width: 20px;
     height: 20px;
   }
 }
-.mfui-snackbar__icon-container_desktop {
+.mfui-v6-snackbar__icon-container_desktop {
   display: none;
 }
 @media screen and (min-width: 768px) {
-  .mfui-snackbar__icon-container_desktop {
+  .mfui-v6-snackbar__icon-container_desktop {
     display: block;
   }
 }
-.mfui-snackbar__icon-container_mobile {
+.mfui-v6-snackbar__icon-container_mobile {
   display: none;
 }
 @media screen and (max-width: 767px) {
-  .mfui-snackbar__icon-container_mobile {
+  .mfui-v6-snackbar__icon-container_mobile {
     display: block;
   }
 }
-.mfui-snackbar__text-wrapper {
+.mfui-v6-snackbar__text-wrapper {
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
   color: var(--base);
 }
-.mfui-snackbar__text {
+.mfui-v6-snackbar__text {
   display: none;
   overflow: hidden;
 }
 @media screen and (min-width: 768px) {
-  .mfui-snackbar__text_desktop {
+  .mfui-v6-snackbar__text_desktop {
     display: block;
     max-height: 48px;
   }
 }
 @media screen and (max-width: 767px) {
-  .mfui-snackbar__text_mobile {
+  .mfui-v6-snackbar__text_mobile {
     display: block;
     max-height: 36px;
   }
 }
-.mfui-snackbar__text_short {
+.mfui-v6-snackbar__text_short {
   max-width: 272px;
 }
-.mfui-snackbar__text-button {
+.mfui-v6-snackbar__text-button {
   min-width: -webkit-min-content;
   min-width: -moz-min-content;
   min-width: min-content;
   margin-left: 12px;
 }
-.mfui-snackbar__close-button {
+.mfui-v6-snackbar__close-button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -202,17 +202,17 @@ h5 {
   cursor: pointer;
 }
 @media screen and (max-width: 767px) {
-  .mfui-snackbar__close-button {
+  .mfui-v6-snackbar__close-button {
     display: none;
   }
 }
-.mfui-snackbar__close-button:hover {
+.mfui-v6-snackbar__close-button:hover {
   background-color: #99999933;
 }
-.mfui-snackbar__close-button:active {
+.mfui-v6-snackbar__close-button:active {
   background-color: #99999966;
 }
-.mfui-snackbar__close-button-icon {
+.mfui-v6-snackbar__close-button-icon {
   width: 40px;
   min-width: 40px;
   height: 40px;

package/dist/es/components/Snackbar/Snackbar.js

@@ -100,7 +100,7 @@ var DEFAULT_SNACKBARS = (_DEFAULT_SNACKBARS = {}, _defineProperty(_DEFAULT_SNACK
   desktopIcon: /*#__PURE__*/React.createElement(HeartIcon24, null),
   buttonText: 'Хорошо'
 }), _DEFAULT_SNACKBARS);
-var cn = cnCreate('mfui-snackbar');
+var cn = cnCreate('mfui-v6-snackbar');
 
 var Snackbar = function Snackbar(_ref) {
   var text = _ref.text,

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

@@ -5,7 +5,7 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-snackbar-timer {
+.mfui-v6-snackbar-timer {
   color: var(--base);
   margin-right: 8px;
 }
@@ -25,7 +25,7 @@ h5 {
     stroke-dashoffset: 0;
   }
 }
-.mfui-snackbar-timer__timer {
+.mfui-v6-snackbar-timer__timer {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -39,17 +39,17 @@ h5 {
   width: 24px;
   height: 24px;
 }
-.mfui-snackbar-timer__timer svg {
+.mfui-v6-snackbar-timer__timer svg {
   position: absolute;
   width: 24px;
   height: 24px;
 }
-.mfui-snackbar-timer__timer-bg {
+.mfui-v6-snackbar-timer__timer-bg {
   fill: none;
   stroke-width: 1px;
   stroke: var(--spbSky0);
 }
-.mfui-snackbar-timer__timer-progress {
+.mfui-v6-snackbar-timer__timer-progress {
   fill: none;
   stroke-width: 2px;
   stroke-linecap: round;

package/dist/es/components/Snackbar/SnackbarTimer/SnackbarTimer.js

@@ -6,7 +6,7 @@ import Caption from "../../Caption/Caption";
 import "./SnackbarTimer.css";
 var TIMER_END_DELAY_MS = 100;
 var MS_IN_SECOND = 1000;
-var cn = cnCreate('mfui-snackbar-timer');
+var cn = cnCreate('mfui-v6-snackbar-timer');
 
 var SnackbarTimer = function SnackbarTimer(_ref) {
   var isTimerType = _ref.isTimerType,