@megafon/ui-core 9.0.0-alpha.8 → 9.0.0

package/dist/lib/components/Selector/Selector.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-selector__input{height:0;left:0;opacity:0;position:absolute;top:0;width:0;z-index:-1}.mfui-9-selector__label{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:none;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-selector__custom-input,.mfui-9-selector__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-selector__custom-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;border:2px solid;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;height:28px;justify-content:center;-webkit-transition:background-color,border-color;transition:background-color,border-color;-webkit-transition-duration:.3s;transition-duration:.3s;width:28px}.mfui-9-selector__icon{display:block;height:12px;opacity:0;-webkit-transition:fill,opacity;transition:fill,opacity;-webkit-transition-duration:.3s;transition-duration:.3s;width:14px}.mfui-9-selector__label_dark .mfui-9-selector__custom-input{background-color:var(--base);border-color:var(--spbSky2)}.mfui-9-selector__label_dark .mfui-9-selector__icon{fill:var(--stcWhite)}.mfui-9-selector__label_dark:not(.mfui-9-selector__label_disabled):hover .mfui-9-selector__custom-input{border-color:var(--buttonHoverGreen)}.mfui-9-selector__label_dark:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__custom-input{border-color:var(--buttonDown)}.mfui-9-selector__label_dark:not(.mfui-9-selector__label_disabled):hover .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--buttonHoverGreen);border-color:var(--buttonHoverGreen)}.mfui-9-selector__label_dark:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-9-selector__label_dark:not(.mfui-9-selector__label_disabled) .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--brandGreen);border-color:var(--brandGreen)}.mfui-9-selector__label_light .mfui-9-selector__custom-input{background-color:var(--stcWhite);border-color:var(--stcWhite)}.mfui-9-selector__label_light .mfui-9-selector__icon{fill:var(--stcWhite)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled):hover .mfui-9-selector__custom-input{background-color:var(--buttonHoverGrey);border-color:var(--buttonHoverGrey)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__custom-input{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled):hover .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--buttonHoverGrey);border-color:var(--buttonHoverGrey)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon{fill:var(--stcWhite)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled) .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--stcWhite);border-color:var(--stcWhite)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled) .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon{fill:var(--stcBlack)}.mfui-9-selector__label_lightk.mfui-9-selector__label_disabled .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon{fill:var(--stcWhite)}.mfui-9-selector__label:not(.mfui-9-selector__label_disabled) .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon,.mfui-9-selector__label:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon,.mfui-9-selector__label:not(.mfui-9-selector__label_disabled):hover .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon,.mfui-9-selector__label_disabled .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon{opacity:1}.mfui-9-selector__label_disabled{cursor:default}.mfui-9-selector__label_disabled .mfui-9-selector__custom-input{background-color:var(--spbSky1);border-color:var(--spbSky2)}.mfui-9-selector__label_disabled .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--spbSky2)}.mfui-9-selector__label_error .mfui-9-selector__custom-input{border-color:var(--fury)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-selector__input{height:0;left:0;opacity:0;position:absolute;top:0;width:0;z-index:-1}.mfui-9-selector__input:focus-visible+.mfui-9-selector__custom-input{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-selector__label{cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;outline:none;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-selector__custom-input,.mfui-9-selector__label{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-selector__custom-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;border:2px solid;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;height:28px;justify-content:center;-webkit-transition:background-color,border-color;transition:background-color,border-color;-webkit-transition-duration:.3s;transition-duration:.3s;width:28px}.mfui-9-selector__icon{display:block;height:12px;opacity:0;-webkit-transition:fill,opacity;transition:fill,opacity;-webkit-transition-duration:.3s;transition-duration:.3s;width:14px}.mfui-9-selector__label_dark .mfui-9-selector__custom-input{background-color:var(--base);border-color:var(--spbSky2)}.mfui-9-selector__label_dark .mfui-9-selector__icon{fill:var(--stcWhite)}.mfui-9-selector__label_dark:not(.mfui-9-selector__label_disabled):hover .mfui-9-selector__custom-input{border-color:var(--buttonHoverGreen)}.mfui-9-selector__label_dark:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__custom-input{border-color:var(--buttonDown)}.mfui-9-selector__label_dark:not(.mfui-9-selector__label_disabled):hover .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--buttonHoverGreen);border-color:var(--buttonHoverGreen)}.mfui-9-selector__label_dark:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-9-selector__label_dark:not(.mfui-9-selector__label_disabled) .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--brandGreen);border-color:var(--brandGreen)}.mfui-9-selector__label_light .mfui-9-selector__custom-input{background-color:var(--stcWhite);border-color:var(--stcWhite)}.mfui-9-selector__label_light .mfui-9-selector__icon{fill:var(--stcWhite)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled):hover .mfui-9-selector__custom-input{background-color:var(--buttonHoverGrey);border-color:var(--buttonHoverGrey)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__custom-input{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled):hover .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--buttonHoverGrey);border-color:var(--buttonHoverGrey)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--buttonDown);border-color:var(--buttonDown)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon{fill:var(--stcWhite)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled) .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--stcWhite);border-color:var(--stcWhite)}.mfui-9-selector__label_light:not(.mfui-9-selector__label_disabled) .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon{fill:var(--stcBlack)}.mfui-9-selector__label_lightk.mfui-9-selector__label_disabled .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon{fill:var(--stcWhite)}.mfui-9-selector__label:not(.mfui-9-selector__label_disabled) .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon,.mfui-9-selector__label:not(.mfui-9-selector__label_disabled):active .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon,.mfui-9-selector__label:not(.mfui-9-selector__label_disabled):hover .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon,.mfui-9-selector__label_disabled .mfui-9-selector__input:checked+.mfui-9-selector__custom-input .mfui-9-selector__icon{opacity:1}.mfui-9-selector__label_disabled{cursor:default}.mfui-9-selector__label_disabled .mfui-9-selector__custom-input{background-color:var(--spbSky1);border-color:var(--spbSky2)}.mfui-9-selector__label_disabled .mfui-9-selector__input:checked+.mfui-9-selector__custom-input{background-color:var(--spbSky2)}.mfui-9-selector__label_error .mfui-9-selector__custom-input{border-color:var(--fury)}

package/dist/lib/components/Sliders/Slider/Slider.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-slider__head{display:grid;font-size:15px;font-weight:500;grid-template-columns:auto 55%;line-height:24px;margin-bottom:8px}.mfui-9-slider__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--spbSky0);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;border-radius:100px;cursor:pointer;height:12px;margin:6px 0;outline:none;width:100%}.mfui-9-slider__range-input:focus{outline:none}.mfui-9-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-9-slider__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider__range-container{position:relative}.mfui-9-slider__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:12px;position:absolute;right:12px;top:0;z-index:2;-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-9-slider__scale-item{background-color:var(--base);border-radius:50%;height:4px;width:4px}.mfui-9-slider__scale-item:first-child{margin-left:-2px}.mfui-9-slider__scale-item:last-child{margin-right:-2px}.mfui-9-slider_disabled .mfui-9-slider__head{color:var(--spbSky3)}.mfui-9-slider_disabled .mfui-9-slider__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-9-slider_disabled .mfui-9-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:24px;width:24px}.mfui-9-slider_disabled .mfui-9-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}.mfui-9-slider_disabled .mfui-9-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-slider__head{display:grid;font-size:15px;font-weight:500;grid-template-columns:auto 55%;line-height:24px;margin-bottom:8px}.mfui-9-slider__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--spbSky0);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;border-radius:100px;cursor:pointer;height:12px;margin:6px 0;outline:none;width:100%}.mfui-9-slider__range-input:focus{outline:none}.mfui-9-slider__range-input:focus-visible::-webkit-slider-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider__range-input:focus-visible::-moz-range-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider__range-input:focus-visible::-ms-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:24px;width:24px}.mfui-9-slider__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-9-slider__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider__range-container{position:relative}.mfui-9-slider__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:12px;position:absolute;right:12px;top:0;z-index:2;-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-9-slider__scale-item{background-color:var(--base);border-radius:50%;height:4px;width:4px}.mfui-9-slider__scale-item:first-child{margin-left:-2px}.mfui-9-slider__scale-item:last-child{margin-right:-2px}.mfui-9-slider_disabled .mfui-9-slider__head{color:var(--spbSky3)}.mfui-9-slider_disabled .mfui-9-slider__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-9-slider_disabled .mfui-9-slider__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:24px;width:24px}.mfui-9-slider_disabled .mfui-9-slider__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}.mfui-9-slider_disabled .mfui-9-slider__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:24px;width:24px}

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-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-9-slider-range__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-9-slider-range__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-9-slider-range__range-container{cursor:pointer;height:12px;margin:6px 0;position:relative}.mfui-9-slider-range__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:0;margin:0;outline:none;pointer-events:none;position:absolute;top:50%;width:100%}.mfui-9-slider-range__range-input_left{z-index:1}.mfui-9-slider-range__range-input_left.mfui-9-slider-range__range-input_over{z-index:3}.mfui-9-slider-range__range-input_right{z-index:2}.mfui-9-slider-range__range-input:focus{outline:none}.mfui-9-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-range__range-track{background-color:var(--spbSky0);border-radius:100px;cursor:pointer;height:100%;left:0;padding:0 12px;position:absolute;right:0;z-index:0}.mfui-9-slider-range__range-track-inner{height:100%;position:relative;width:100%}.mfui-9-slider-range__range-track-segment{background-color:var(--brandGreen);border-radius:100px;height:100%;position:absolute}.mfui-9-slider-range_disabled .mfui-9-slider-range__head{color:var(--spbSky3)}.mfui-9-slider-range_disabled .mfui-9-slider-range__range-track{cursor:default}.mfui-9-slider-range_disabled .mfui-9-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-9-slider-range_disabled .mfui-9-slider-range__range-track-segment{background-color:var(--spbSky1)}.mfui-9-slider-range_disabled .mfui-9-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-range_disabled .mfui-9-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-range_disabled .mfui-9-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-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-9-slider-range__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-9-slider-range__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-9-slider-range__range-container{cursor:pointer;height:12px;margin:6px 0;position:relative}.mfui-9-slider-range__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:0;margin:0;outline:none;pointer-events:none;position:absolute;top:50%;width:100%}.mfui-9-slider-range__range-input_left{z-index:1}.mfui-9-slider-range__range-input_left.mfui-9-slider-range__range-input_over{z-index:3}.mfui-9-slider-range__range-input_right{z-index:2}.mfui-9-slider-range__range-input:focus{outline:none}.mfui-9-slider-range__range-input:focus-visible::-webkit-slider-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-range__range-input:focus-visible::-moz-range-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-range__range-input:focus-visible::-ms-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-range__range-track{background-color:var(--spbSky0);border-radius:100px;cursor:pointer;height:100%;left:0;padding:0 12px;position:absolute;right:0;z-index:0}.mfui-9-slider-range__range-track-inner{height:100%;position:relative;width:100%}.mfui-9-slider-range__range-track-segment{background-color:var(--brandGreen);border-radius:100px;height:100%;position:absolute}.mfui-9-slider-range_disabled .mfui-9-slider-range__head{color:var(--spbSky3)}.mfui-9-slider-range_disabled .mfui-9-slider-range__range-track{cursor:default}.mfui-9-slider-range_disabled .mfui-9-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-9-slider-range_disabled .mfui-9-slider-range__range-track-segment{background-color:var(--spbSky1)}.mfui-9-slider-range_disabled .mfui-9-slider-range__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-range_disabled .mfui-9-slider-range__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-range_disabled .mfui-9-slider-range__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-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-9-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-9-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-9-slider-ratio__range-container{position:relative;width:100%}.mfui-9-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;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;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-9-slider-ratio__range-input:focus{outline:none}.mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-9-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-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-9-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-9-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-9-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__head{color:var(--spbSky3)}.mfui-9-slider-ratio_disabled .mfui-9-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-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-track{cursor:default}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__scale{display:none}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-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-9-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-9-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-9-slider-ratio__range-container{position:relative;width:100%}.mfui-9-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;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;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-9-slider-ratio__range-input:focus{outline:none}.mfui-9-slider-ratio__range-input:focus-visible::-webkit-slider-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input:focus-visible::-moz-range-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input:focus-visible::-ms-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-9-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-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-9-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-9-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-9-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__head{color:var(--spbSky3)}.mfui-9-slider-ratio_disabled .mfui-9-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-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-track{cursor:default}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__scale{display:none}

package/dist/lib/components/Snackbar/Snackbar.css

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

package/dist/lib/components/Snackbar/Snackbar.js

@@ -11,8 +11,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 require("core-js/modules/web.timers.js");
 var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
+var _useResolution2 = _interopRequireDefault(require("../../hooks/useResolution"));
 var _useSwipe2 = _interopRequireWildcard(require("../../hooks/useSwipe"));
 var _Button = _interopRequireDefault(require("../Buttons/Button/Button"));
+var _ButtonClose = _interopRequireDefault(require("../Buttons/ButtonClose/ButtonClose"));
 var _Caption = _interopRequireDefault(require("../Caption/Caption"));
 var _Header = _interopRequireDefault(require("../Header/Header"));
 var _Tile = _interopRequireDefault(require("../Tile/Tile"));
@@ -24,49 +26,46 @@ var HeartIcon16 = function HeartIcon16(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M13.25 3A3.78 3.78 0 0010 4.82 3.78 3.78 0 006.75 3C4.6 3 3 5.18 3 7.13a3.42 3.42 0 00.49 1.77c1.2 2 5 7.64 5.15 7.88l.15.22h2.51l.15-.22c.16-.24 4-5.83 5.1-7.92A4.14 4.14 0 0017 7.13C17 5.18 15.4 3 13.25 3zm2.41 5.4c-.94 1.81-4.16 6.53-4.89 7.59H9.32c-.73-1.09-3.92-5.87-5-7.62A2.42 2.42 0 014 7.13C4 5.71 5.23 4 6.75 4a2.73 2.73 0 012.67 2h1.15a2.73 2.73 0 012.67-2C14.77 4 16 5.71 16 7.13a3.14 3.14 0 01-.34 1.27z"
+    d: "M13.463 2.75c.603 0 1.2.122 1.752.359a4.363 4.363 0 011.456 1.017A4.841 4.841 0 0118 7.45c0 1.433-.65 2.621-1.586 3.59l.003.004-5.694 5.9a1.004 1.004 0 01-1.443 0l-5.95-6.166A4.84 4.84 0 012 7.454 4.84 4.84 0 013.33 4.13c.408-.434.903-.78 1.455-1.017a4.445 4.445 0 013.503 0A4.364 4.364 0 019.745 4.13l.253.263.257-.267a4.37 4.37 0 011.457-1.017 4.443 4.443 0 011.75-.359z"
   }));
 };
 var HeartIcon24 = function HeartIcon24(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M20.5 6A5.55 5.55 0 0016 8.27 5.55 5.55 0 0011.5 6C8.35 6 6 9.18 6 12a5 5 0 00.73 2.61c1.67 2.77 6.92 10.59 7.14 10.93l.3.44H18l.3-.43c.23-.33 5.58-8.09 7.09-11A6 6 0 0026 12c0-2.82-2.35-6-5.5-6zm3.07 7.65c-1.25 2.42-5.5 8.65-6.66 10.35h-1.68c-1.16-1.73-5.37-8-6.79-10.4A3 3 0 018 12c0-1.82 1.56-4 3.5-4a3.47 3.47 0 013.38 2.51h2.24A3.47 3.47 0 0120.5 8c1.94 0 3.5 2.2 3.5 4a4 4 0 01-.43 1.65z"
+    d: "M21.195 7c.904 0 1.798.18 2.626.526a6.55 6.55 0 012.186 1.487C27.288 10.336 28 12.071 28 13.873c0 2.094-.975 3.831-2.379 5.249l.005.005-8.197 8.28a2.01 2.01 0 01-2.853 0l-8.583-8.67A6.978 6.978 0 014 13.879c0-1.801.712-3.536 1.993-4.859A6.55 6.55 0 018.18 7.531a6.814 6.814 0 015.253 0 6.55 6.55 0 012.185 1.488l.38.383.386-.389a6.55 6.55 0 012.185-1.487A6.813 6.813 0 0121.195 7z"
   }));
 };
 var AttentionIcon16 = function AttentionIcon16(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M9 5h2v6H9V5zm1 8c-.2 0-.5.1-.7.3s-.3.4-.3.7.1.5.3.7.5.3.7.3.5-.1.7-.3.3-.4.3-.7-.1-.5-.3-.7c-.1-.2-.4-.3-.7-.3zm0 4c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm-8-7c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8-8 3.6-8 8z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8.249 3.014a1.96 1.96 0 013.45-.006l6.045 10.973c.739 1.342-.213 2.999-1.724 2.999H3.979c-1.508 0-2.46-1.651-1.727-2.993L8.25 3.014zM9.999 13a1 1 0 100 2 1 1 0 000-2zm0-7a1 1 0 00-1 1v4a1 1 0 002 0V7a1 1 0 00-1-1z"
   }));
 };
 var CheckedIcon16 = function CheckedIcon16(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 20 20"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M8.832 11.547L6.619 9.335l-1.414 1.413 2.462 2.462 1.445 1.446 5.932-8.486-1.638-1.148-4.574 6.525z"
+    d: "M6.805 9.324l2.26 2.26 4.383-4.334a.935.935 0 011.323-.01.936.936 0 01-.025 1.323L9.693 13.56a.936.936 0 01-1.319.013l-2.908-2.909a.935.935 0 01.017-1.322.935.935 0 011.322-.017z"
   }));
 };
 var AttentionIcon24 = function AttentionIcon24(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M15 22h2v-2h-2v2zm0-4h2v-8h-2v8zm1 10C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zM6 16c0 5.5 4.5 10 10 10s10-4.5 10-10S21.5 6 16 6 6 10.5 6 16z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.373 6.516c1.128-2.018 4.041-2.023 5.176-.008l9.067 16.094C28.725 24.571 27.296 27 25.03 27H6.97c-2.263 0-3.691-2.42-2.591-4.389l8.994-16.095zM16 21.163c-.829 0-1.5.657-1.5 1.467s.671 1.466 1.5 1.466c.828 0 1.5-.656 1.5-1.466 0-.81-.672-1.467-1.5-1.467zm0-10.3a1.5 1.5 0 00-1.5 1.5v5.867a1.5 1.5 0 003 0v-5.867a1.5 1.5 0 00-1.5-1.5z"
   }));
 };
 var CheckedIcon24 = function CheckedIcon24(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M22.2 9l-7.8 9.4-3.6-3.7L9 16.5c3.6 3.7 5.4 5.5 5.5 5.5.1 0 3.3-3.8 9.5-11.3L22.2 9z"
-  }));
-};
-var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 40 40"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M20 18.586l6.364-6.364 1.414 1.414L21.414 20l6.364 6.364-1.414 1.414L20 21.414l-6.364 6.364-1.414-1.414L18.586 20l-6.364-6.364 1.414-1.414L20 18.586z"
+    d: "M11.033 15.1l3.39 3.39 6.817-6.742c.578-.572 1.483-.595 2.02-.051.538.544.504 1.449-.075 2.021l-7.858 7.773c-.576.57-1.476.595-2.015.056L8.95 17.185c-.54-.541-.512-1.446.063-2.021.576-.576 1.48-.604 2.021-.063z"
   }));
 };
 var DEFAULT_MAX_TIMER_SECONDS = 4;
@@ -119,6 +118,8 @@ var Snackbar = function Snackbar(_ref) {
     dataAttrs = _ref.dataAttrs,
     onClose = _ref.onClose,
     onButtonClick = _ref.onButtonClick;
+  var _useResolution = (0, _useResolution2["default"])(),
+    isMobile = _useResolution.isMobile;
   var _React$useState = React.useState(true),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     isOpened = _React$useState2[0],
@@ -230,13 +231,11 @@ var Snackbar = function Snackbar(_ref) {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.textButton
     },
     onClick: handleTextButtonClick
-  }, currentButtonText), /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({
-    type: "button",
-    className: cn('close-button')
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.closeButton), {
+  }, currentButtonText), !isMobile && /*#__PURE__*/React.createElement(_ButtonClose["default"], (0, _extends2["default"])({
+    className: cn('close-button'),
+    size: "medium",
+    theme: "black",
     onClick: handleClose
-  }), /*#__PURE__*/React.createElement(CancelIcon, {
-    className: cn('close-button-icon')
-  }))));
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.closeButton)))));
 };
 var _default = exports["default"] = Snackbar;

package/dist/lib/components/Stepper/Stepper.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-9-stepper{gap:16px}.mfui-9-stepper,.mfui-9-stepper__items-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-stepper__items-wrap{gap:12px;overflow-x:auto}.mfui-9-stepper::-webkit-scrollbar{height:8px}.mfui-9-stepper::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:8px}.mfui-9-stepper_is-horizontal .mfui-9-stepper__items-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}

package/dist/lib/components/Stepper/Stepper.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import type { IStepperItemProps } from './StepperItem';
+import './Stepper.scss';
+export type StepperItemType = Pick<IStepperItemProps, 'title' | 'text' | 'icon' | 'linkText' | 'linkUrl'>;
+export interface IStepperProps {
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные классы элементов */
+    classes?: {
+        root?: string;
+        itemsWrap?: string;
+        item?: string;
+        itemIconButton?: string;
+        itemTitle?: string;
+        itemText?: string;
+        itemLink?: string;
+    };
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+    /** Индекс активного шага */
+    activeStep?: number;
+    /** Количество шагов */
+    stepCount?: number;
+    /** Шаги */
+    items?: StepperItemType[];
+    /** Направление */
+    isHorizontal?: boolean;
+    /** Цифры вместо галочек */
+    isNumeric?: boolean;
+    /** Отключение кнопок */
+    isDisabled?: boolean;
+    /** Все шаги пройдены */
+    isAllChecked?: boolean;
+    /** Отображение контента только активного шага */
+    showActiveStepContent?: boolean;
+    /** Выравнивание */
+    align?: 'center' | 'left';
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        itemsWrap?: Record<string, string>;
+        item?: Record<string, string>;
+        itemIconButton?: Record<string, string>;
+        itemTitle?: Record<string, string>;
+        itemText?: Record<string, string>;
+        itemLink?: Record<string, string>;
+    };
+    /** Обработчик события смены шага */
+    onChange?: (index: number) => void;
+}
+declare const Stepper: React.FC<IStepperProps>;
+export default Stepper;

package/dist/lib/components/Stepper/Stepper.js

@@ -0,0 +1,168 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.string.iterator.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+var _StepperItem = _interopRequireWildcard(require("./StepperItem"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var CheckedIcon = function CheckedIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M6.805 9.324l2.26 2.26 4.383-4.334a.935.935 0 011.323-.01.936.936 0 01-.025 1.323L9.693 13.56a.936.936 0 01-1.319.013l-2.908-2.909a.935.935 0 01.017-1.322.935.935 0 011.322-.017z"
+  }));
+};
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-stepper');
+var Stepper = function Stepper(_ref) {
+  var className = _ref.className,
+    _ref$classes = _ref.classes,
+    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
+    rootClassName = _ref$classes2.root,
+    itemsWrapClassName = _ref$classes2.itemsWrap,
+    itemClassName = _ref$classes2.item,
+    itemIconButtonClassName = _ref$classes2.itemIconButton,
+    itemTitleClassName = _ref$classes2.itemTitle,
+    itemTextClassname = _ref$classes2.itemText,
+    itemLinkClassName = _ref$classes2.itemLink,
+    rootRef = _ref.rootRef,
+    _ref$activeStep = _ref.activeStep,
+    activeStep = _ref$activeStep === void 0 ? 0 : _ref$activeStep,
+    _ref$stepCount = _ref.stepCount,
+    stepCount = _ref$stepCount === void 0 ? 2 : _ref$stepCount,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$isHorizontal = _ref.isHorizontal,
+    isHorizontal = _ref$isHorizontal === void 0 ? true : _ref$isHorizontal,
+    isNumeric = _ref.isNumeric,
+    isDisabled = _ref.isDisabled,
+    isAllChecked = _ref.isAllChecked,
+    _ref$showActiveStepCo = _ref.showActiveStepContent,
+    showActiveStepContent = _ref$showActiveStepCo === void 0 ? false : _ref$showActiveStepCo,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'center' : _ref$align,
+    _ref$dataAttrs = _ref.dataAttrs,
+    _ref$dataAttrs2 = _ref$dataAttrs === void 0 ? {} : _ref$dataAttrs,
+    rootAttrs = _ref$dataAttrs2.root,
+    itemsWrapAttrs = _ref$dataAttrs2.itemsWrap,
+    itemAttrs = _ref$dataAttrs2.item,
+    itemIconButtonAttrs = _ref$dataAttrs2.itemIconButton,
+    itemTitleAttrs = _ref$dataAttrs2.itemTitle,
+    itemTextAttrs = _ref$dataAttrs2.itemText,
+    itemLinkAttrs = _ref$dataAttrs2.itemLink,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {
+      return null;
+    } : _ref$onChange;
+  var _React$useState = React.useState(activeStep),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    currentIndex = _React$useState2[0],
+    setCurrentIndex = _React$useState2[1];
+  var hasCustomItems = !!items.length;
+  var isHorizontalContent = isHorizontal || showActiveStepContent;
+  var currentItems = hasCustomItems ? items : Array.from({
+    length: stepCount
+  });
+  var isCorrectDisabled = React.useMemo(function () {
+    return !!isAllChecked || !!isDisabled;
+  }, [isAllChecked, isDisabled]);
+  var defineItemTheme = React.useCallback(function (index) {
+    switch (true) {
+      case isAllChecked:
+      case index < currentIndex:
+        {
+          return _StepperItem.STEPPER_ITEM_THEME_ENUM.CHECKED;
+        }
+      case index === currentIndex:
+        {
+          return _StepperItem.STEPPER_ITEM_THEME_ENUM.ACTIVE;
+        }
+      default:
+        {
+          return _StepperItem.STEPPER_ITEM_THEME_ENUM.DEFAULT;
+        }
+    }
+  }, [currentIndex, isAllChecked]);
+  var handleClickItem = React.useCallback(function (index) {
+    return function () {
+      if (isCorrectDisabled) {
+        return;
+      }
+      setCurrentIndex(index);
+      onChange(index);
+    };
+  }, [isCorrectDisabled, onChange]);
+  React.useEffect(function () {
+    if (activeStep === undefined) {
+      return;
+    }
+    setCurrentIndex(activeStep);
+  }, [activeStep]);
+  var renderIcon = React.useCallback(function (index, theme) {
+    var isChecked = theme === _StepperItem.STEPPER_ITEM_THEME_ENUM.CHECKED;
+    if (isNumeric || !isChecked) {
+      return index + 1;
+    }
+    return /*#__PURE__*/React.createElement(CheckedIcon, null);
+  }, [isNumeric]);
+  var renderItem = React.useCallback(function (props, index) {
+    return /*#__PURE__*/React.createElement(_StepperItem["default"], (0, _extends2["default"])({}, props, {
+      key: index,
+      className: itemClassName,
+      classes: {
+        iconButton: itemIconButtonClassName,
+        title: itemTitleClassName,
+        text: itemTextClassname,
+        link: itemLinkClassName
+      },
+      dataAttrs: {
+        root: itemAttrs,
+        iconButton: itemIconButtonAttrs,
+        title: itemTitleAttrs,
+        text: itemTextAttrs,
+        link: itemLinkAttrs
+      }
+    }));
+  }, [itemAttrs, itemIconButtonAttrs, itemIconButtonClassName, itemClassName, itemLinkAttrs, itemLinkClassName, itemTextAttrs, itemTextClassname, itemTitleAttrs, itemTitleClassName]);
+  var renderItems = React.useMemo(function () {
+    return currentItems.map(function (elem, i) {
+      var item = elem || {};
+      var itemTheme = defineItemTheme(i);
+      var itemIcon = item.icon || renderIcon(i, itemTheme);
+      return renderItem((0, _extends2["default"])((0, _extends2["default"])({}, item), {
+        icon: itemIcon,
+        hasSeparator: i < currentItems.length - 1,
+        isHorizontal: isHorizontalContent,
+        isDisabled: isCorrectDisabled,
+        align: align,
+        theme: itemTheme,
+        view: showActiveStepContent ? _StepperItem.STEPPER_ITEM_VIEW_ENUM.ICON : _StepperItem.STEPPER_ITEM_VIEW_ENUM.DEFAULT,
+        onClick: handleClickItem(i)
+      }), i);
+    });
+  }, [align, currentItems, isCorrectDisabled, showActiveStepContent, isHorizontalContent, defineItemTheme, handleClickItem, renderIcon, renderItem]);
+  var renderSingleItem = renderItem((0, _extends2["default"])((0, _extends2["default"])({}, currentItems[currentIndex]), {
+    isDisabled: isCorrectDisabled,
+    align: align,
+    view: _StepperItem.STEPPER_ITEM_VIEW_ENUM.CONTENT
+  }));
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(rootAttrs), {
+    className: cn([className, rootClassName], {
+      'is-horizontal': isHorizontalContent
+    }),
+    ref: rootRef
+  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(itemsWrapAttrs), {
+    className: cn('items-wrap', [itemsWrapClassName])
+  }), renderItems), showActiveStepContent && renderSingleItem);
+};
+var _default = exports["default"] = Stepper;

package/dist/lib/components/Stepper/StepperItem.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-9-stepper-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:16px}.mfui-9-stepper-item_is-horizontal{-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}.mfui-9-stepper-item_is-horizontal .mfui-9-stepper-item__separator{-o-border-image:url(img/separator-mobile.png) 2 round;border-image:url(img/separator-mobile.png) 2 round;border-left:none;border-radius:100px;border-top:2px solid transparent;height:2px;left:calc(50% + 22px);min-height:2px;position:absolute;top:19px;width:calc(100% - 32px)}@media screen and (min-width:768px){.mfui-9-stepper-item_is-horizontal .mfui-9-stepper-item__separator{-o-border-image:url(img/separator.png) 2 repeat;border-image:url(img/separator.png) 2 repeat}}@media screen and (min-width:1024px){.mfui-9-stepper-item_is-horizontal .mfui-9-stepper-item__separator{left:calc(50% + 32px);width:calc(100% - 52px)}}.mfui-9-stepper-item_theme_active .mfui-9-stepper-item__icon-button{background-color:var(--night20)}.mfui-9-stepper-item_theme_active .mfui-9-stepper-item__icon{background-color:var(--night)}.mfui-9-stepper-item_theme_checked .mfui-9-stepper-item__icon-button{background-color:var(--brandGreen20)}.mfui-9-stepper-item_theme_checked .mfui-9-stepper-item__icon{background-color:var(--brandGreen)}.mfui-9-stepper-item_theme_checked .mfui-9-stepper-item__separator{border-color:var(--brandGreen);-o-border-image:none;border-image:none}.mfui-9-stepper-item_align_left{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-stepper-item_align_left .mfui-9-stepper-item__separator{left:42px;right:0}@media screen and (min-width:1024px){.mfui-9-stepper-item_align_left .mfui-9-stepper-item__separator{left:auto}}.mfui-9-stepper-item_align_left .mfui-9-stepper-item__content,.mfui-9-stepper-item_align_left .mfui-9-stepper-item__icon-button-area{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-stepper-item__icon-button-area{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-ms-flex-align:center;-ms-flex-item-align:stretch;align-self:stretch}.mfui-9-stepper-item__icon-button,.mfui-9-stepper-item__icon-button-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.mfui-9-stepper-item__icon-button{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border:none;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:40px;justify-content:center;outline:none;-webkit-transition:background-color .25s ease-out;transition:background-color .25s ease-out;width:40px}.mfui-9-stepper-item__icon-button:disabled{cursor:default}.mfui-9-stepper-item__icon{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;background-color:var(--spbSky2);border-radius:100%;color:var(--stcWhite);font-weight:500;height:24px;justify-content:center;-webkit-transition:background-color .25s ease-out;transition:background-color .25s ease-out;width:24px}.mfui-9-stepper-item__icon svg{height:20px;width:20px;fill:var(--stcWhite)}.mfui-9-stepper-item__separator{-o-border-image:url(img/separator-vertical.png) 2 repeat;border-image:url(img/separator-vertical.png) 2 repeat;border-left:2px solid transparent;border-top:none;height:100%;min-height:20px;position:static;-webkit-transition:border-color .25s ease-out;transition:border-color .25s ease-out;width:2px}.mfui-9-stepper-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:160px;padding-bottom:20px}.mfui-9-stepper-item__link{margin-top:13px}

package/dist/lib/components/Stepper/StepperItem.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import './StepperItem.scss';
+export declare enum STEPPER_ITEM_THEME_ENUM {
+    CHECKED = "checked",
+    ACTIVE = "active",
+    DEFAULT = "default"
+}
+export declare enum STEPPER_ITEM_VIEW_ENUM {
+    ICON = "icon",
+    CONTENT = "content",
+    DEFAULT = "default"
+}
+export interface IStepperItemProps {
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные классы элементов */
+    classes?: {
+        iconButton?: string;
+        title?: string;
+        text?: string;
+        link?: string;
+    };
+    /** Тема */
+    theme?: STEPPER_ITEM_THEME_ENUM;
+    /** Заголовок */
+    title?: string;
+    /** Текст */
+    text?: string;
+    /** Текст ссылки */
+    linkText?: string;
+    /** Адрес ссылки */
+    linkUrl?: string;
+    /** Иконка */
+    icon?: string | number | JSX.Element;
+    /** Наличие разделителя */
+    hasSeparator?: boolean;
+    /** Направление */
+    isHorizontal?: boolean;
+    /** Отключение */
+    isDisabled?: boolean;
+    /** Выравнивание */
+    align?: 'center' | 'left';
+    /** Варианты отображения */
+    view?: STEPPER_ITEM_VIEW_ENUM;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        iconButton?: Record<string, string>;
+        title?: Record<string, string>;
+        text?: Record<string, string>;
+        link?: Record<string, string>;
+    };
+    /** Обработчик события клика */
+    onClick?: () => void;
+}
+declare const StepperItem: React.FC<IStepperItemProps>;
+export default StepperItem;

package/dist/lib/components/Stepper/StepperItem.js

@@ -0,0 +1,110 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.STEPPER_ITEM_VIEW_ENUM = exports.STEPPER_ITEM_THEME_ENUM = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.string.link.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+var _Button = _interopRequireDefault(require("../Buttons/Button/Button"));
+var _Header = _interopRequireDefault(require("../Header/Header"));
+var _Paragraph = _interopRequireDefault(require("../Paragraph/Paragraph"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var STEPPER_ITEM_THEME_ENUM;
+(function (STEPPER_ITEM_THEME_ENUM) {
+  STEPPER_ITEM_THEME_ENUM["CHECKED"] = "checked";
+  STEPPER_ITEM_THEME_ENUM["ACTIVE"] = "active";
+  STEPPER_ITEM_THEME_ENUM["DEFAULT"] = "default";
+})(STEPPER_ITEM_THEME_ENUM || (exports.STEPPER_ITEM_THEME_ENUM = STEPPER_ITEM_THEME_ENUM = {}));
+var STEPPER_ITEM_VIEW_ENUM;
+(function (STEPPER_ITEM_VIEW_ENUM) {
+  STEPPER_ITEM_VIEW_ENUM["ICON"] = "icon";
+  STEPPER_ITEM_VIEW_ENUM["CONTENT"] = "content";
+  STEPPER_ITEM_VIEW_ENUM["DEFAULT"] = "default";
+})(STEPPER_ITEM_VIEW_ENUM || (exports.STEPPER_ITEM_VIEW_ENUM = STEPPER_ITEM_VIEW_ENUM = {}));
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-stepper-item');
+var StepperItem = function StepperItem(_ref) {
+  var className = _ref.className,
+    _ref$classes = _ref.classes,
+    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
+    iconButtonClassName = _ref$classes2.iconButton,
+    titleClassName = _ref$classes2.title,
+    textClassName = _ref$classes2.text,
+    linkClassName = _ref$classes2.link,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? STEPPER_ITEM_THEME_ENUM.DEFAULT : _ref$theme,
+    title = _ref.title,
+    text = _ref.text,
+    linkText = _ref.linkText,
+    linkUrl = _ref.linkUrl,
+    icon = _ref.icon,
+    hasSeparator = _ref.hasSeparator,
+    _ref$isHorizontal = _ref.isHorizontal,
+    isHorizontal = _ref$isHorizontal === void 0 ? true : _ref$isHorizontal,
+    isDisabled = _ref.isDisabled,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'center' : _ref$align,
+    _ref$view = _ref.view,
+    view = _ref$view === void 0 ? STEPPER_ITEM_VIEW_ENUM.DEFAULT : _ref$view,
+    _ref$dataAttrs = _ref.dataAttrs,
+    _ref$dataAttrs2 = _ref$dataAttrs === void 0 ? {} : _ref$dataAttrs,
+    rootAttrs = _ref$dataAttrs2.root,
+    iconButtonAttrs = _ref$dataAttrs2.iconButton,
+    titleAttrs = _ref$dataAttrs2.title,
+    textAttrs = _ref$dataAttrs2.text,
+    linkAttrs = _ref$dataAttrs2.link,
+    onClick = _ref.onClick;
+  var hasLink = !!linkText && !!linkUrl;
+  var hasContent = !!title || !!text || hasLink;
+  var showContent = view !== STEPPER_ITEM_VIEW_ENUM.ICON && hasContent;
+  var showIcon = view !== STEPPER_ITEM_VIEW_ENUM.CONTENT;
+  var renderContent = /*#__PURE__*/React.createElement("div", {
+    className: cn('content')
+  }, title && /*#__PURE__*/React.createElement(_Header["default"], {
+    className: cn([titleClassName]),
+    dataAttrs: {
+      root: titleAttrs
+    },
+    as: "h5",
+    align: align
+  }, title), text && /*#__PURE__*/React.createElement(_Paragraph["default"], {
+    className: cn([textClassName]),
+    dataAttrs: {
+      root: textAttrs
+    },
+    hasMargin: false,
+    align: align
+  }, text), hasLink && /*#__PURE__*/React.createElement(_Button["default"], {
+    className: cn('link', [linkClassName]),
+    dataAttrs: {
+      root: linkAttrs
+    },
+    href: linkUrl,
+    type: "text",
+    sizeAll: "extra-small"
+  }, linkText));
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(rootAttrs), {
+    className: cn([className], {
+      theme: theme,
+      align: align,
+      'is-horizontal': isHorizontal
+    })
+  }), showIcon && /*#__PURE__*/React.createElement("div", {
+    className: cn('icon-button-area')
+  }, /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(iconButtonAttrs), {
+    className: cn('icon-button', [iconButtonClassName]),
+    type: "button",
+    disabled: isDisabled,
+    onClick: onClick
+  }), /*#__PURE__*/React.createElement("span", {
+    className: cn('icon')
+  }, icon)), hasSeparator && /*#__PURE__*/React.createElement("span", {
+    className: cn('separator')
+  })), showContent && renderContent);
+};
+var _default = exports["default"] = StepperItem;