@megafon/ui-lk-vas 0.7.6 → 1.0.0-alpha.0

package/dist/es/components/BottomBar/BottomBar.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-bottom-bar{background-color:var(--base);border-top:1px solid var(--spbSky1);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;height:96px;left:264px;padding:12px 40px 31px 32px;position:fixed;right:12px;z-index:100}.mfui-lkvas-bottom-bar__back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;display:block;font:inherit;outline:none;padding:0;text-align:center;text-decoration:none}.mfui-lkvas-bottom-bar__back-button:hover{text-decoration:none}.mfui-lkvas-bottom-bar__back-button-inner{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;gap:12px;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-lkvas-bottom-bar__arrow-back{display:block;height:20px;width:40px;fill:var(--content)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-bottom-bar{background-color:var(--base);border-top:1px solid var(--spbSky1);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;height:96px;left:264px;padding:12px 40px 31px 32px;position:fixed;right:12px;z-index:100}.mfui-9-lkvas-bottom-bar__back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;display:block;font:inherit;outline:none;padding:0;text-align:center;text-decoration:none}.mfui-9-lkvas-bottom-bar__back-button:hover{text-decoration:none}.mfui-9-lkvas-bottom-bar__back-button-inner{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;gap:12px;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-lkvas-bottom-bar__arrow-back{display:block;height:20px;width:40px;fill:var(--content)}

package/dist/es/components/BottomBar/BottomBar.js

@@ -10,7 +10,7 @@ var ArrowBackIcon = function ArrowBackIcon(props) {
     d: "M36 11H7.8l5.6 5.6L12 18l-8-8 8-8 1.4 1.4L7.8 9H36z"
   }));
 };
-var cn = cnCreate('mfui-lkvas-bottom-bar');
+var cn = cnCreate('mfui-9-lkvas-bottom-bar');
 var BottomBar = function BottomBar(_ref) {
   var className = _ref.className,
     _ref$actionButtonType = _ref.actionButtonType,

package/dist/es/components/Cards/CardBig/CardBig.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-card-big{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-rows:1fr;overflow:hidden;width:100%}.mfui-lkvas-card-big__item{padding:16px 12px}.mfui-lkvas-card-big__item:first-child{padding-left:24px;padding-right:24px}.mfui-lkvas-card-big__item:nth-child(2){padding-left:24px}.mfui-lkvas-card-big__item:last-child{padding-right:24px}.mfui-lkvas-card-big_multiline{grid-template-rows:repeat(2,-webkit-min-content);grid-template-rows:repeat(2,min-content)}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(2){padding-left:24px;padding-right:24px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(3),.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(4){padding-left:24px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-last-child(2){padding-right:24px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(2n){padding-top:6px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(odd){padding-bottom:6px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-card-big{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-rows:1fr;overflow:hidden;width:100%}.mfui-9-lkvas-card-big__item{padding:16px 12px}.mfui-9-lkvas-card-big__item:first-child{padding-left:24px;padding-right:24px}.mfui-9-lkvas-card-big__item:nth-child(2){padding-left:24px}.mfui-9-lkvas-card-big__item:last-child{padding-right:24px}.mfui-9-lkvas-card-big_multiline{grid-template-rows:repeat(2,-webkit-min-content);grid-template-rows:repeat(2,min-content)}.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-child(2){padding-left:24px;padding-right:24px}.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-child(3),.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-child(4){padding-left:24px}.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-last-child(2){padding-right:24px}.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-child(2n){padding-top:6px}.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-child(odd){padding-bottom:6px}

package/dist/es/components/Cards/CardBig/CardBig.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
 import CardCell from "../components/_CardCell/CardCell";
 import "./CardBig.css";
-var cn = cnCreate('mfui-lkvas-card-big');
+var cn = cnCreate('mfui-9-lkvas-card-big');
 var CardSmall = function CardSmall(_ref) {
   var className = _ref.className,
     _ref$items = _ref.items,

package/dist/es/components/Cards/CardSmall/CardSmall.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-card-small{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;padding:16px;width:233px}.mfui-lkvas-card-small_adaptive{max-width:100%;width:100%}.mfui-lkvas-card-small__close-button{background-color:var(--spbSky0);border:none;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:28px;min-width:28px;padding:4px;position:absolute;right:8px;top:8px;width:28px}.mfui-lkvas-card-small__close-icon{height:100%;width:100%;fill:var(--spbSky3)}.mfui-lkvas-card-small__buttons,.mfui-lkvas-card-small__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-lkvas-card-small__item:first-child{padding-right:28px}.mfui-lkvas-card-small__buttons{border-top:1px solid var(--spbSky1);margin-top:16px;padding-top:16px}.mfui-lkvas-card-small__button{background-color:transparent;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--systemBlue);cursor:pointer;font:inherit;padding:0;text-decoration:none}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-card-small{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;padding:16px;width:233px}.mfui-9-lkvas-card-small_adaptive{max-width:100%;width:100%}.mfui-9-lkvas-card-small__close-button{background-color:var(--spbSky0);border:none;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:28px;min-width:28px;padding:4px;position:absolute;right:8px;top:8px;width:28px}.mfui-9-lkvas-card-small__close-icon{height:100%;width:100%;fill:var(--spbSky3)}.mfui-9-lkvas-card-small__buttons,.mfui-9-lkvas-card-small__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-lkvas-card-small__item:first-child{padding-right:28px}.mfui-9-lkvas-card-small__buttons{border-top:1px solid var(--spbSky1);margin-top:16px;padding-top:16px}.mfui-9-lkvas-card-small__button{background-color:transparent;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--systemBlue);cursor:pointer;font:inherit;padding:0;text-decoration:none}

package/dist/es/components/Cards/CardSmall/CardSmall.js

@@ -13,7 +13,7 @@ var CancelIcon = function CancelIcon(props) {
     d: "M10 8.8L6.2 5 5 6.2 8.8 10 5 13.8 6.2 15l3.8-3.8 3.8 3.8 1.2-1.2-3.8-3.8L15 6.2 13.8 5 10 8.8z"
   }));
 };
-var cn = cnCreate('mfui-lkvas-card-small');
+var cn = cnCreate('mfui-9-lkvas-card-small');
 var CardSmall = function CardSmall(_ref) {
   var className = _ref.className,
     _ref$actionButtons = _ref.actionButtons,

package/dist/es/components/Cards/components/_CardCell/CardCell.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-card-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:left;width:100%}.mfui-lkvas-card-cell__text-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.mfui-lkvas-card-cell__actions-box,.mfui-lkvas-card-cell__switcher-box{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px 0}.mfui-lkvas-card-cell__switcher-box,.mfui-lkvas-card-cell__text-box{color:var(--spbSky3);font-size:12px;font-weight:400;line-height:18px}.mfui-lkvas-card-cell__actions-box{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.mfui-lkvas-card-cell__text-box-title{color:var(--content);font-size:15px;font-weight:400;line-height:24px;margin-top:4px}.mfui-lkvas-card-cell__text-box-title_color_green{color:var(--brandGreen)}.mfui-lkvas-card-cell__text-box_highlight,.mfui-lkvas-card-cell__text-box_highlight .mfui-lkvas-card-cell__text-box-title{font-weight:500}.mfui-lkvas-card-cell__actions-box-button{background-color:var(--spbSky0);border:none;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;height:28px;min-width:28px;padding:4px;width:28px}.mfui-lkvas-card-cell__actions-box-icon{height:100%;width:100%;fill:var(--content)}.mfui-lkvas-card-cell__actions-box-icon_type_cancel{fill:var(--spbSky3)}.mfui-lkvas-card-cell_fill{background-color:var(--spbSky0)}.mfui-lkvas-card-cell_align_center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-lkvas-card-cell_align_right{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-card-cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:left;width:100%}.mfui-9-lkvas-card-cell__text-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.mfui-9-lkvas-card-cell__actions-box,.mfui-9-lkvas-card-cell__switcher-box{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:9px 0}.mfui-9-lkvas-card-cell__switcher-box,.mfui-9-lkvas-card-cell__text-box{color:var(--spbSky3);font-size:12px;font-weight:400;line-height:18px}.mfui-9-lkvas-card-cell__actions-box{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.mfui-9-lkvas-card-cell__text-box-title{color:var(--content);font-size:15px;font-weight:400;line-height:24px;margin-top:4px}.mfui-9-lkvas-card-cell__text-box-title_color_green{color:var(--brandGreen)}.mfui-9-lkvas-card-cell__text-box_highlight,.mfui-9-lkvas-card-cell__text-box_highlight .mfui-9-lkvas-card-cell__text-box-title{font-weight:500}.mfui-9-lkvas-card-cell__actions-box-button{background-color:var(--spbSky0);border:none;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;height:28px;min-width:28px;padding:4px;width:28px}.mfui-9-lkvas-card-cell__actions-box-icon{height:100%;width:100%;fill:var(--content)}.mfui-9-lkvas-card-cell__actions-box-icon_type_cancel{fill:var(--spbSky3)}.mfui-9-lkvas-card-cell_fill{background-color:var(--spbSky0)}.mfui-9-lkvas-card-cell_align_center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-lkvas-card-cell_align_right{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}

package/dist/es/components/Cards/components/_CardCell/CardCell.js

@@ -26,7 +26,7 @@ var CancelIcon = function CancelIcon(props) {
     d: "M10 8.8L6.2 5 5 6.2 8.8 10 5 13.8 6.2 15l3.8-3.8 3.8 3.8 1.2-1.2-3.8-3.8L15 6.2 13.8 5 10 8.8z"
   }));
 };
-var cn = cnCreate('mfui-lkvas-card-cell');
+var cn = cnCreate('mfui-9-lkvas-card-cell');
 var CardCell = function CardCell(_ref) {
   var className = _ref.className,
     _ref$type = _ref.type,

package/dist/es/components/Charts/Chart/Chart.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;gap:24px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:24px 32px 32px}.mfui-lkvas-chart,.mfui-lkvas-chart__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-lkvas-chart__header{display:grid;gap:20px;grid-template-columns:1fr auto minmax(-webkit-min-content,1fr);grid-template-columns:1fr auto minmax(min-content,1fr)}.mfui-lkvas-chart__title{font-size:18px;font-weight:500;grid-column-start:2;letter-spacing:.5px;line-height:24px;text-align:center}@media screen and (min-width:1280px){.mfui-lkvas-chart__title{font-size:20px;line-height:28px}}.mfui-lkvas-chart__button{grid-column-start:3;justify-self:end}.mfui-lkvas-chart__image{background-image:url(img/chart.png);background-repeat:no-repeat;background-size:cover;display:block;height:96px;width:96px}.mfui-lkvas-chart__empty-text{font-size:15px;font-weight:400;line-height:24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;gap:24px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:24px 32px 32px}.mfui-9-lkvas-chart,.mfui-9-lkvas-chart__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-9-lkvas-chart__header{display:grid;gap:20px;grid-template-columns:1fr auto minmax(-webkit-min-content,1fr);grid-template-columns:1fr auto minmax(min-content,1fr)}.mfui-9-lkvas-chart__title{font-size:18px;font-weight:500;grid-column-start:2;letter-spacing:.5px;line-height:24px;text-align:center}@media screen and (min-width:1280px){.mfui-9-lkvas-chart__title{font-size:20px;line-height:28px}}.mfui-9-lkvas-chart__button{grid-column-start:3;justify-self:end}.mfui-9-lkvas-chart__image{background-image:url(img/chart.png);background-repeat:no-repeat;background-size:cover;display:block;height:96px;width:96px}.mfui-9-lkvas-chart__empty-text{font-size:15px;font-weight:400;line-height:24px}

package/dist/es/components/Charts/Chart/Chart.js

@@ -17,7 +17,7 @@ var DownloadIcon = function DownloadIcon(props) {
     d: "M8 17H6a10 10 0 0020 0h-2a8 8 0 01-16 0z"
   }));
 };
-var cn = cnCreate('mfui-lkvas-chart');
+var cn = cnCreate('mfui-9-lkvas-chart');
 var Chart = function Chart(_ref) {
   var className = _ref.className,
     type = _ref.type,

package/dist/es/components/Charts/Chart/components/_ChartBar/ChartBar.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-lkvas-chart-bar__chart{cursor:pointer;height:230px;width:100%}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-chart-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-9-lkvas-chart-bar__chart{cursor:pointer;height:230px;width:100%}

package/dist/es/components/Charts/Chart/components/_ChartBar/ChartBar.js

@@ -8,7 +8,7 @@ import ChartBase from "../_ChartBase/ChartBase";
 import ChartLegend from "../_ChartLegend/ChartLegend";
 import { CHART_BAR_COLORS, SCALES_COLORS, POINT_BORDER_COLOR } from "../chartColors";
 import "./ChartBar.css";
-var cn = cnCreate('mfui-lkvas-chart-bar');
+var cn = cnCreate('mfui-9-lkvas-chart-bar');
 var ChartBar = function ChartBar(_ref) {
   var type = _ref.type,
     datasets = _ref.datasets,

package/dist/es/components/Charts/Chart/components/_ChartBase/ChartBase.js

@@ -4,7 +4,7 @@ import { ArcElement, BarController, BarElement, CategoryScale, Chart, DoughnutCo
 import setChartDefaultSettings from "./helpers";
 Chart.register(ArcElement, BarController, BarElement, CategoryScale, DoughnutController, LinearScale, LineController, LineElement, PointElement, Tooltip);
 setChartDefaultSettings();
-var cn = cnCreate('mfui-lkvas-chart-base');
+var cn = cnCreate('mfui-9-lkvas-chart-base');
 var ChartBase = function ChartBase(_ref) {
   var data = _ref.data,
     options = _ref.options,

package/dist/es/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart-doughnut{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-lkvas-chart-doughnut__chart{margin:-4px;pointer-events:none}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-chart-doughnut{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-9-lkvas-chart-doughnut__chart{margin:-4px;pointer-events:none}

package/dist/es/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.js

@@ -8,7 +8,7 @@ import ChartLegend from "../_ChartLegend/ChartLegend";
 import CHART_COLORS, { DOUGHNUT_BORDER_COLOR } from "../chartColors";
 import "./ChartDoughnut.css";
 var DOUGHNUT_SIZE = 220;
-var cn = cnCreate('mfui-lkvas-chart-doughnut');
+var cn = cnCreate('mfui-9-lkvas-chart-doughnut');
 var ChartDoughnut = function ChartDoughnut(_ref) {
   var type = _ref.type,
     datasets = _ref.datasets,

package/dist/es/components/Charts/Chart/components/_ChartLegend/ChartLegend.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart-legend{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;border:1px solid var(--spbSky1);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-evenly;padding:12px;width:100%}.mfui-lkvas-chart-legend,.mfui-lkvas-chart-legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-lkvas-chart-legend__item-point{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:12px;margin-top:6px;width:12px}.mfui-lkvas-chart-legend__item-title{display:block;font-size:15px;font-weight:400;line-height:24px}.mfui-lkvas-chart-legend__item-value{display:block;font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-lkvas-chart-legend__item-value{font-size:20px;line-height:28px}}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-chart-legend{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;border:1px solid var(--spbSky1);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-evenly;padding:12px;width:100%}.mfui-9-lkvas-chart-legend,.mfui-9-lkvas-chart-legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-9-lkvas-chart-legend__item-point{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:12px;margin-top:6px;width:12px}.mfui-9-lkvas-chart-legend__item-title{display:block;font-size:15px;font-weight:400;line-height:24px}.mfui-9-lkvas-chart-legend__item-value{display:block;font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-9-lkvas-chart-legend__item-value{font-size:20px;line-height:28px}}

package/dist/es/components/Charts/Chart/components/_ChartLegend/ChartLegend.js

@@ -2,7 +2,7 @@ import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
 import "./ChartLegend.css";
-var cn = cnCreate('mfui-lkvas-chart-legend');
+var cn = cnCreate('mfui-9-lkvas-chart-legend');
 var ChartLegend = function ChartLegend(_ref) {
   var items = _ref.items;
   return /*#__PURE__*/React.createElement("div", {

package/dist/es/components/Charts/Chart/components/_ChartLine/ChartLine.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-lkvas-chart-line__chart{cursor:pointer;height:230px;width:100%}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-chart-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-9-lkvas-chart-line__chart{cursor:pointer;height:230px;width:100%}

package/dist/es/components/Charts/Chart/components/_ChartLine/ChartLine.js

@@ -8,7 +8,7 @@ import ChartBase from "../_ChartBase/ChartBase";
 import ChartLegend from "../_ChartLegend/ChartLegend";
 import CHART_COLORS, { SCALES_COLORS, POINT_BORDER_COLOR } from "../chartColors";
 import "./ChartLine.css";
-var cn = cnCreate('mfui-lkvas-chart-line');
+var cn = cnCreate('mfui-9-lkvas-chart-line');
 var ChartLine = function ChartLine(_ref) {
   var type = _ref.type,
     datasets = _ref.datasets,

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;position:relative;z-index:100;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--base);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:400;height:72px;padding:0 32px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;position:relative;z-index:100;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--base);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:400;height:72px;padding:0 32px}

package/dist/es/components/Header/Header.js

@@ -8,7 +8,7 @@ import HeaderLkSelect from "./components/_HeaderLkSelect/HeaderLkSelect";
 import HeaderLogo from "./components/_HeaderLogo/HeaderLogo";
 import HeaderSupport from "./components/_HeaderSupport/HeaderSupport";
 import "./Header.css";
-var cn = cnCreate('mfui-lkvas-header');
+var cn = cnCreate('mfui-9-lkvas-header');
 var Header = function Header(_ref) {
   var logo = _ref.logo,
     lkSelect = _ref.lkSelect,

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-account{max-width:256px;min-width:130px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-account{max-width:256px;min-width:130px}

package/dist/es/components/Header/components/_HeaderAccount/HeaderAccount.js

@@ -6,7 +6,7 @@ import Dropdown from "../../../_Dropdown/Dropdown";
 import DropdownItem from "../../../_DropdownItem/DropdownItem";
 import HeaderButton from "../_HeaderButton/HeaderButton";
 import "./HeaderAccount.css";
-var cn = cnCreate('mfui-lkvas-account');
+var cn = cnCreate('mfui-9-lkvas-account');
 var HeaderAccount = function HeaderAccount(_ref) {
   var dataAttrs = _ref.dataAttrs,
     className = _ref.className,

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:52px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;display:inline-block;font-weight:400;height:40px;max-width:100%;min-width:100%;outline:none;overflow:hidden;padding:0;text-align:left;text-decoration:none;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-lkvas-button_color_green{background-color:var(--brandGreen);color:var(--stcWhite)}@media (pointer:fine){.mfui-lkvas-button_color_green:hover{background-color:var(--buttonHoverGreen)}}.mfui-lkvas-button_color_green:active{background-color:var(--brandGreen)}.mfui-lkvas-button_color_green-soft{background-color:var(--brandGreen20)}@media (pointer:fine){.mfui-lkvas-button_color_green-soft:hover{background-color:var(--buttonHoverGreenSoft)}}.mfui-lkvas-button_color_green-soft:active{background-color:var(--brandGreen20)}.mfui-lkvas-button__inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:inherit;padding:0 8px;width:100%}.mfui-lkvas-button__support-svg{-ms-flex-negative:0;flex-shrink:0;height:32px;width:32px;fill:currentColor}.mfui-lkvas-button__profile-svg{-ms-flex-negative:0;flex-shrink:0;height:20px;width:20px;fill:currentColor}.mfui-lkvas-button__text{margin:0 4px 0 8px;overflow:hidden}.mfui-lkvas-button_has-icon .mfui-lkvas-button__text{margin-left:4px}.mfui-lkvas-button__title{font-size:15px;font-weight:500;line-height:18px}.mfui-lkvas-button__subtitle,.mfui-lkvas-button__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfui-lkvas-button__subtitle{font-size:12px;line-height:14px}.mfui-lkvas-button__arrow{-ms-flex-negative:0;background-color:var(--stcWhite);border-radius:50%;flex-shrink:0;height:24px;-webkit-transition:rotate .3s;transition:rotate .3s;width:24px}.mfui-lkvas-button_opened .mfui-lkvas-button__arrow{rotate:-180deg}.mfui-lkvas-button__arrow-svg{height:100%;width:100%;fill:var(--content)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:52px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;display:inline-block;font-weight:400;height:40px;max-width:100%;min-width:100%;outline:none;overflow:hidden;padding:0;text-align:left;text-decoration:none;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-9-lkvas-button_color_green{background-color:var(--brandGreen);color:var(--stcWhite)}@media (pointer:fine){.mfui-9-lkvas-button_color_green:hover{background-color:var(--buttonHoverGreen)}}.mfui-9-lkvas-button_color_green:active{background-color:var(--brandGreen)}.mfui-9-lkvas-button_color_green-soft{background-color:var(--brandGreen20)}@media (pointer:fine){.mfui-9-lkvas-button_color_green-soft:hover{background-color:var(--buttonHoverGreenSoft)}}.mfui-9-lkvas-button_color_green-soft:active{background-color:var(--brandGreen20)}.mfui-9-lkvas-button__inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:inherit;padding:0 8px;width:100%}.mfui-9-lkvas-button__support-svg{-ms-flex-negative:0;flex-shrink:0;height:32px;width:32px;fill:currentColor}.mfui-9-lkvas-button__profile-svg{-ms-flex-negative:0;flex-shrink:0;height:20px;width:20px;fill:currentColor}.mfui-9-lkvas-button__text{margin:0 4px 0 8px;overflow:hidden}.mfui-9-lkvas-button_has-icon .mfui-9-lkvas-button__text{margin-left:4px}.mfui-9-lkvas-button__title{font-size:15px;font-weight:500;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfui-9-lkvas-button__subtitle{font-size:12px;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfui-9-lkvas-button__arrow{-ms-flex-negative:0;background-color:var(--stcWhite);border-radius:50%;flex-shrink:0;height:24px;-webkit-transition:rotate .3s;transition:rotate .3s;width:24px}.mfui-9-lkvas-button_opened .mfui-9-lkvas-button__arrow{rotate:-180deg}.mfui-9-lkvas-button__arrow-svg{height:100%;width:100%;fill:var(--content)}

package/dist/es/components/Header/components/_HeaderButton/HeaderButton.js

@@ -33,7 +33,7 @@ var ArrowIcon = function ArrowIcon(props) {
     clipRule: "evenodd"
   }));
 };
-var cn = cnCreate('mfui-lkvas-button');
+var cn = cnCreate('mfui-9-lkvas-button');
 var HeaderButton = function HeaderButton(_ref) {
   var className = _ref.className,
     title = _ref.title,

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-favorites{max-width:256px;min-width:100px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-favorites{max-width:256px;min-width:100px}

package/dist/es/components/Header/components/_HeaderFavorites/HeaderFavorites.js

@@ -6,7 +6,7 @@ import Dropdown from "../../../_Dropdown/Dropdown";
 import DropdownItem from "../../../_DropdownItem/DropdownItem";
 import HeaderButton from "../_HeaderButton/HeaderButton";
 import "./HeaderFavorites.css";
-var cn = cnCreate('mfui-lkvas-favorites');
+var cn = cnCreate('mfui-9-lkvas-favorites');
 var HeaderFavorites = function HeaderFavorites(_ref) {
   var dataAttrs = _ref.dataAttrs,
     className = _ref.className,

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-finance{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-lkvas-finance__item{white-space:nowrap}.mfui-lkvas-finance__value{font-weight:500}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-finance{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-9-lkvas-finance__item{white-space:nowrap}.mfui-9-lkvas-finance__value{font-weight:500}

package/dist/es/components/Header/components/_HeaderFinance/HeaderFinance.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import "./HeaderFinance.css";
-var cn = cnCreate('mfui-lkvas-finance');
+var cn = cnCreate('mfui-9-lkvas-finance');
 var HeaderFinance = function HeaderFinance(_ref) {
   var className = _ref.className,
     balance = _ref.balance,

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-lk-select{margin-right:auto;position:relative}.mfui-lkvas-lk-select:before{border-left:1px solid var(--spbSky3);content:"";height:20px;left:-8px;position:absolute;top:50%;translate:0 -50%;width:1px}.mfui-lkvas-lk-select__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-weight:500;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}@media (pointer:fine){.mfui-lkvas-lk-select__title:hover{color:var(--brandGreen)}}.mfui-lkvas-lk-select__title:active{color:var(--content)}.mfui-lkvas-lk-select__arrow-svg{-webkit-box-sizing:border-box;box-sizing:border-box;height:20px;-webkit-transition:rotate .3s;transition:rotate .3s;width:20px;fill:currentColor}.mfui-lkvas-lk-select__arrow-svg_opened{rotate:-180deg}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-lk-select{margin-right:auto;position:relative}.mfui-9-lkvas-lk-select:before{border-left:1px solid var(--spbSky3);content:"";height:20px;left:-8px;position:absolute;top:50%;translate:0 -50%;width:1px}.mfui-9-lkvas-lk-select__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-weight:500;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}@media (pointer:fine){.mfui-9-lkvas-lk-select__title:hover{color:var(--brandGreen)}}.mfui-9-lkvas-lk-select__title:active{color:var(--content)}.mfui-9-lkvas-lk-select__arrow-svg{-webkit-box-sizing:border-box;box-sizing:border-box;height:20px;-webkit-transition:rotate .3s;transition:rotate .3s;width:20px;fill:currentColor}.mfui-9-lkvas-lk-select__arrow-svg_opened{rotate:-180deg}

package/dist/es/components/Header/components/_HeaderLkSelect/HeaderLkSelect.js

@@ -14,7 +14,7 @@ var ArrowIcon = function ArrowIcon(props) {
     clipRule: "evenodd"
   }));
 };
-var cn = cnCreate('mfui-lkvas-lk-select');
+var cn = cnCreate('mfui-9-lkvas-lk-select');
 var HeaderLkSelect = function HeaderLkSelect(_ref) {
   var dataAttrs = _ref.dataAttrs,
     className = _ref.className,

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

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-lk-logo{display:block;-ms-flex-negative:0;flex-shrink:0;height:20px;width:113px}.mfui-lkvas-lk-logo_clickable{cursor:pointer}.mfui-lkvas-lk-logo__svg{display:block;height:100%;width:100%}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-lk-logo{display:block;-ms-flex-negative:0;flex-shrink:0;height:20px;width:113px}.mfui-9-lkvas-lk-logo_clickable{cursor:pointer}.mfui-9-lkvas-lk-logo__svg{display:block;height:100%;width:100%}

package/dist/es/components/Header/components/_HeaderLogo/HeaderLogo.js

@@ -36,7 +36,7 @@ var LogoSvg = function LogoSvg(props) {
     d: "M0 0h113v20H0z"
   }))));
 };
-var cn = cnCreate('mfui-lkvas-lk-logo');
+var cn = cnCreate('mfui-9-lkvas-lk-logo');
 var HeaderLogo = function HeaderLogo(_ref) {
   var dataAttrs = _ref.dataAttrs,
     className = _ref.className,

package/dist/es/components/Header/components/_HeaderSupport/HeaderSupport.js

@@ -6,7 +6,7 @@ import Dropdown from "../../../_Dropdown/Dropdown";
 import DropdownInfo from "../../../_DropdownInfo/DropdownInfo";
 import DropdownItem from "../../../_DropdownItem/DropdownItem";
 import HeaderButton from "../_HeaderButton/HeaderButton";
-var cn = cnCreate('mfui-lkvas-support');
+var cn = cnCreate('mfui-9-lkvas-support');
 var HeaderSupport = function HeaderSupport(_ref) {
   var dataAttrs = _ref.dataAttrs,
     className = _ref.className,

package/dist/es/components/Layout/Layout.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-layout{font-family:inherit;font-size:15px;height:100vh;line-height:24px;overflow-x:auto;overflow-y:hidden}.mfui-lkvas-layout ::-webkit-scrollbar{width:12px}.mfui-lkvas-layout ::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-lkvas-layout ::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-lkvas-layout__container{background-color:var(--base);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-areas:"header header" "navbar main";grid-template-columns:264px auto;grid-template-rows:72px minmax(0,auto);height:100%;min-width:1280px}.mfui-lkvas-layout__header{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:header}.mfui-lkvas-layout__navbar{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:navbar}.mfui-lkvas-layout__main{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:main;overflow-y:auto}.mfui-lkvas-layout__content{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1656px;padding:32px 32px 96px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-layout{font-family:inherit;font-size:15px;height:100vh;line-height:24px;overflow-x:auto;overflow-y:hidden}.mfui-9-lkvas-layout ::-webkit-scrollbar{width:12px}.mfui-9-lkvas-layout ::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-9-lkvas-layout ::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-9-lkvas-layout__container{background-color:var(--base);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-areas:"header header" "navbar main";grid-template-columns:264px auto;grid-template-rows:72px minmax(0,auto);height:100%;min-width:1280px}.mfui-9-lkvas-layout__header{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:header}.mfui-9-lkvas-layout__navbar{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:navbar}.mfui-9-lkvas-layout__main{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:main;overflow-y:auto}.mfui-9-lkvas-layout__content{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1656px;padding:32px 32px 96px}

package/dist/es/components/Layout/Layout.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
 import "./Layout.css";
-var cn = cnCreate('mfui-lkvas-layout');
+var cn = cnCreate('mfui-9-lkvas-layout');
 var Header = function Header(_ref) {
   var header = _ref.header,
     navBar = _ref.navBar,

package/dist/es/components/NavBar/NavBar.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-navbar{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--spbSky0);-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;max-width:264px;padding:20px 20px 32px;width:100%}.mfui-lkvas-navbar,.mfui-lkvas-navbar__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-lkvas-navbar__nav{gap:2px;overflow-y:auto}.mfui-lkvas-navbar__nav::-webkit-scrollbar{width:12px}.mfui-lkvas-navbar__nav::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-lkvas-navbar__nav::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-lkvas-navbar__button{-ms-flex-negative:0;flex-shrink:0;margin-top:24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-navbar{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--spbSky0);-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;max-width:264px;padding:20px 20px 32px;width:100%}.mfui-9-lkvas-navbar,.mfui-9-lkvas-navbar__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-9-lkvas-navbar__nav{gap:2px;overflow-y:auto}.mfui-9-lkvas-navbar__nav::-webkit-scrollbar{width:12px}.mfui-9-lkvas-navbar__nav::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-9-lkvas-navbar__nav::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-9-lkvas-navbar__button{-ms-flex-negative:0;flex-shrink:0;margin-top:24px}

package/dist/es/components/NavBar/NavBar.js

@@ -5,7 +5,7 @@ import { Button } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
 import NavBarItem from "./components/_NavBarItem/NavBarItem";
 import "./NavBar.css";
-var cn = cnCreate('mfui-lkvas-navbar');
+var cn = cnCreate('mfui-9-lkvas-navbar');
 var NavBar = function NavBar(_ref) {
   var className = _ref.className,
     items = _ref.items,

package/dist/es/components/NavBar/components/_NavBarItem/NavBarItem.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-navbar-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;justify-content:flex-start;padding:10px;text-decoration:none;-webkit-transition:background-color;transition:background-color;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.mfui-lkvas-navbar-item:hover{background-color:var(--base);text-decoration:none}.mfui-lkvas-navbar-item__icon{display:block;height:32px;max-width:32px;-o-object-fit:cover;object-fit:cover;width:32px}.mfui-lkvas-navbar-item__title{font-size:15px;font-weight:500;line-height:24px;line-height:18px}.mfui-lkvas-navbar-item_active{background-color:var(--base)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-navbar-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;justify-content:flex-start;padding:10px;text-decoration:none;-webkit-transition:background-color;transition:background-color;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.mfui-9-lkvas-navbar-item:hover{background-color:var(--base);text-decoration:none}.mfui-9-lkvas-navbar-item__icon{display:block;height:32px;max-width:32px;-o-object-fit:cover;object-fit:cover;width:32px}.mfui-9-lkvas-navbar-item__title{font-size:15px;font-weight:500;line-height:24px;line-height:18px}.mfui-9-lkvas-navbar-item_active{background-color:var(--base)}

package/dist/es/components/NavBar/components/_NavBarItem/NavBarItem.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
 import { setRelAttribute } from "../../../../helpers/setRelAttribute";
 import "./NavBarItem.css";
-var cn = cnCreate('mfui-lkvas-navbar-item');
+var cn = cnCreate('mfui-9-lkvas-navbar-item');
 var NavBarItem = function NavBarItem(_ref) {
   var title = _ref.title,
     iconSrc = _ref.iconSrc,

package/dist/es/components/Table/Table.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table{border-radius:12px 12px 0 0;overflow:auto hidden;position:relative;z-index:1}.mfui-lkvas-table::-webkit-scrollbar{height:12px}.mfui-lkvas-table::-webkit-scrollbar,.mfui-lkvas-table::-webkit-scrollbar-track{background-color:var(--spbSky1);border-radius:100px}.mfui-lkvas-table::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-lkvas-table__table{background-color:var(--base);border-collapse:collapse;border-spacing:0;border-width:0;width:100%}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-table{border-radius:12px 12px 0 0;overflow:auto hidden;position:relative;z-index:1}.mfui-9-lkvas-table::-webkit-scrollbar{height:12px}.mfui-9-lkvas-table::-webkit-scrollbar,.mfui-9-lkvas-table::-webkit-scrollbar-track{background-color:var(--spbSky1);border-radius:100px}.mfui-9-lkvas-table::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-9-lkvas-table__table{background-color:var(--base);border-collapse:collapse;border-spacing:0;border-width:0;width:100%}

package/dist/es/components/Table/Table.js

@@ -5,7 +5,7 @@ import throttle from 'lodash.throttle';
 import TableContext from "./contexts/TableContext";
 import { calculateScrollPosition } from "./helpers";
 import "./Table.css";
-var cn = cnCreate('mfui-lkvas-table');
+var cn = cnCreate('mfui-9-lkvas-table');
 var Table = function Table(_ref) {
   var children = _ref.children;
   var rootRef = React.useRef(null);

package/dist/es/components/Table/components/TableBody/TableBody.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
-var cn = cnCreate('mfui-lkvas-table-body');
+var cn = cnCreate('mfui-9-lkvas-table-body');
 var TableBody = function TableBody(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("tbody", {

package/dist/es/components/Table/components/TableHead/TableHead.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
-var cn = cnCreate('mfui-lkvas-table-head');
+var cn = cnCreate('mfui-9-lkvas-table-head');
 var TableHead = function TableHead(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("thead", {

package/dist/es/components/Table/components/TableSettings/TableSettings.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table-settings__dots,.mfui-lkvas-table-settings__dots-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-lkvas-table-settings__dots-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:24px;width:24px}.mfui-lkvas-table-settings__dot{background-color:var(--content);border-radius:50%;height:4px;-webkit-transition:background-color .3s;transition:background-color .3s;width:4px}.mfui-lkvas-table-settings__dots:hover .mfui-lkvas-table-settings__dot{background-color:var(--brandGreen)}.mfui-lkvas-table-settings__tooltip{width:276px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-table-settings__dots,.mfui-9-lkvas-table-settings__dots-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-lkvas-table-settings__dots-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:24px;width:24px}.mfui-9-lkvas-table-settings__dot{background-color:var(--content);border-radius:50%;height:4px;-webkit-transition:background-color .3s;transition:background-color .3s;width:4px}.mfui-9-lkvas-table-settings__dots:hover .mfui-9-lkvas-table-settings__dot{background-color:var(--brandGreen)}.mfui-9-lkvas-table-settings__tooltip{width:276px}

package/dist/es/components/Table/components/TableSettings/TableSettings.js

@@ -5,7 +5,7 @@ import { Tooltip } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
 import DropdownItem from "../../../_DropdownItem/DropdownItem";
 import "./TableSettings.css";
-var cn = cnCreate('mfui-lkvas-table-settings');
+var cn = cnCreate('mfui-9-lkvas-table-settings');
 var TableSettings = function TableSettings(_ref) {
   var className = _ref.className,
     items = _ref.items,

package/dist/es/components/Table/components/TableTd/TableTd.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table-td{background-color:var(--base);font-size:15px;font-weight:400;line-height:24px;padding:12px}.mfui-lkvas-table-td_pinned:first-child{left:0;position:sticky}.mfui-lkvas-table-td_pinned:first-child:not(.mfui-lkvas-table-td_scroll_start,.mfui-lkvas-table-td_scroll_none):after{background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";position:absolute;right:-18px;top:0;width:18px}.mfui-lkvas-table-td_pinned:last-child{position:sticky;right:0}.mfui-lkvas-table-td_pinned:last-child:not(.mfui-lkvas-table-td_scroll_end,.mfui-lkvas-table-td_scroll_none):after{background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(270deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";left:-18px;position:absolute;top:0;width:18px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-table-td{background-color:var(--base);font-size:15px;font-weight:400;line-height:24px;padding:12px}.mfui-9-lkvas-table-td_pinned:first-child{left:0;position:sticky}.mfui-9-lkvas-table-td_pinned:first-child:not(.mfui-9-lkvas-table-td_scroll_start,.mfui-9-lkvas-table-td_scroll_none):after{background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";position:absolute;right:-18px;top:0;width:18px}.mfui-9-lkvas-table-td_pinned:last-child{position:sticky;right:0}.mfui-9-lkvas-table-td_pinned:last-child:not(.mfui-9-lkvas-table-td_scroll_end,.mfui-9-lkvas-table-td_scroll_none):after{background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(270deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";left:-18px;position:absolute;top:0;width:18px}

package/dist/es/components/Table/components/TableTd/TableTd.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
 import TableContext from "../../contexts/TableContext";
 import "./TableTd.css";
-var cn = cnCreate('mfui-lkvas-table-td');
+var cn = cnCreate('mfui-9-lkvas-table-td');
 var TableTd = function TableTd(_ref) {
   var pinned = _ref.pinned,
     children = _ref.children;

package/dist/es/components/Table/components/TableTh/TableTh.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table-th{background-color:var(--spbSky0);color:var(--spbSky3);font-size:15px;font-weight:500;line-height:24px;padding:16px 12px;text-align:left}.mfui-lkvas-table-th:first-child{border-radius:12px 0 0 12px}.mfui-lkvas-table-th:last-child{border-radius:0 12px 12px 0}.mfui-lkvas-table-th__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:4px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-lkvas-table-th_pinned:first-child{left:0;position:sticky;z-index:1}.mfui-lkvas-table-th_pinned:first-child:not(.mfui-lkvas-table-th_scroll_start,.mfui-lkvas-table-th_scroll_none):after{background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";position:absolute;right:-18px;top:0;width:18px}.mfui-lkvas-table-th_pinned:last-child{position:sticky;right:0;z-index:1}.mfui-lkvas-table-th_pinned:last-child:not(.mfui-lkvas-table-th_scroll_end,.mfui-lkvas-table-th_scroll_none):after{background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(270deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";left:-18px;position:absolute;top:0;width:18px}.mfui-lkvas-table-th__sorting{display:-webkit-box;display:-ms-flexbox;display:flex;left:100%;position:absolute;top:50%;translate:4px -50%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-lkvas-table-th__sorting-down,.mfui-lkvas-table-th__sorting-up{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;height:20px;justify-content:center;width:20px}.mfui-lkvas-table-th__sorting-down:after,.mfui-lkvas-table-th__sorting-up:after{border-left:3px solid transparent;border-right:3px solid transparent;content:"";height:0;width:0}.mfui-lkvas-table-th__sorting-up{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.mfui-lkvas-table-th__sorting-up:after{border-bottom:4px solid var(--spbSky3)}.mfui-lkvas-table-th__sorting-up:hover:after{border-bottom-color:var(--content)}.mfui-lkvas-table-th__sorting-down{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-lkvas-table-th__sorting-down:after{border-top:4px solid var(--spbSky3);content:""}.mfui-lkvas-table-th__sorting-down:hover:after{border-top-color:var(--content)}.mfui-lkvas-table-th__notice-icon{cursor:pointer;display:block;height:24px;width:24px;fill:var(--spbSky3)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-table-th{background-color:var(--spbSky0);color:var(--spbSky3);font-size:15px;font-weight:500;line-height:24px;padding:16px 12px;text-align:left}.mfui-9-lkvas-table-th:first-child{border-radius:12px 0 0 12px}.mfui-9-lkvas-table-th:last-child{border-radius:0 12px 12px 0}.mfui-9-lkvas-table-th__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:4px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-9-lkvas-table-th_pinned:first-child{left:0;position:sticky;z-index:1}.mfui-9-lkvas-table-th_pinned:first-child:not(.mfui-9-lkvas-table-th_scroll_start,.mfui-9-lkvas-table-th_scroll_none):after{background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";position:absolute;right:-18px;top:0;width:18px}.mfui-9-lkvas-table-th_pinned:last-child{position:sticky;right:0;z-index:1}.mfui-9-lkvas-table-th_pinned:last-child:not(.mfui-9-lkvas-table-th_scroll_end,.mfui-9-lkvas-table-th_scroll_none):after{background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(270deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";left:-18px;position:absolute;top:0;width:18px}.mfui-9-lkvas-table-th__sorting{display:-webkit-box;display:-ms-flexbox;display:flex;left:100%;position:absolute;top:50%;translate:4px -50%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-9-lkvas-table-th__sorting-down,.mfui-9-lkvas-table-th__sorting-up{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;height:20px;justify-content:center;width:20px}.mfui-9-lkvas-table-th__sorting-down:after,.mfui-9-lkvas-table-th__sorting-up:after{border-left:3px solid transparent;border-right:3px solid transparent;content:"";height:0;width:0}.mfui-9-lkvas-table-th__sorting-up{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.mfui-9-lkvas-table-th__sorting-up:after{border-bottom:4px solid var(--spbSky3)}.mfui-9-lkvas-table-th__sorting-up:hover:after{border-bottom-color:var(--content)}.mfui-9-lkvas-table-th__sorting-down{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-9-lkvas-table-th__sorting-down:after{border-top:4px solid var(--spbSky3);content:""}.mfui-9-lkvas-table-th__sorting-down:hover:after{border-top-color:var(--content)}.mfui-9-lkvas-table-th__notice-icon{cursor:pointer;display:block;height:24px;width:24px;fill:var(--spbSky3)}

package/dist/es/components/Table/components/TableTh/TableTh.js

@@ -11,7 +11,7 @@ var InfoIcon = function InfoIcon(props) {
     d: "M16 4C9.4 4 4 9.4 4 16s5.4 12 12 12 12-5.4 12-12S22.6 4 16 4zm1 18h-2v-8h2v8zm0-10h-2v-2h2v2z"
   }));
 };
-var cn = cnCreate('mfui-lkvas-table-th');
+var cn = cnCreate('mfui-9-lkvas-table-th');
 var TableTh = function TableTh(_ref) {
   var pinned = _ref.pinned,
     _ref$showSorting = _ref.showSorting,

package/dist/es/components/Table/components/TableTooltip/TableTooltip.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-lkvas-table-tooltip__trigger{cursor:pointer}.mfui-lkvas-table-tooltip__tooltip{width:288px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-table-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-lkvas-table-tooltip__trigger{cursor:pointer}.mfui-9-lkvas-table-tooltip__tooltip{width:288px}

package/dist/es/components/Table/components/TableTooltip/TableTooltip.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Tooltip } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
 import "./TableTooltip.css";
-var cn = cnCreate('mfui-lkvas-table-tooltip');
+var cn = cnCreate('mfui-9-lkvas-table-tooltip');
 var TableTooltip = function TableTooltip(_ref) {
   var className = _ref.className,
     trigger = _ref.trigger,

package/dist/es/components/Table/components/TableTr/TableTr.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table-tr:not(:last-child) td{border-bottom:1px solid var(--spbSky1)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-table-tr:not(:last-child) td{border-bottom:1px solid var(--spbSky1)}

package/dist/es/components/Table/components/TableTr/TableTr.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
 import "./TableTr.css";
-var cn = cnCreate('mfui-lkvas-table-tr');
+var cn = cnCreate('mfui-9-lkvas-table-tr');
 var TableTr = function TableTr(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("tr", {

package/dist/es/components/_Dropdown/Dropdown.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-dropdown{position:relative}.mfui-lkvas-dropdown__modal{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:8px;min-width:300px;opacity:0;padding:16px;position:absolute;top:100%;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;visibility:hidden;z-index:100}.mfui-lkvas-dropdown_position_right .mfui-lkvas-dropdown__modal{right:-2px}.mfui-lkvas-dropdown_position_left .mfui-lkvas-dropdown__modal{left:-2px}.mfui-lkvas-dropdown_opened .mfui-lkvas-dropdown__modal{opacity:1;visibility:visible}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-dropdown{position:relative}.mfui-9-lkvas-dropdown__modal{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:8px;min-width:300px;opacity:0;padding:16px;position:absolute;top:100%;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;visibility:hidden;z-index:100}.mfui-9-lkvas-dropdown_position_right .mfui-9-lkvas-dropdown__modal{right:-2px}.mfui-9-lkvas-dropdown_position_left .mfui-9-lkvas-dropdown__modal{left:-2px}.mfui-9-lkvas-dropdown_opened .mfui-9-lkvas-dropdown__modal{opacity:1;visibility:visible}

package/dist/es/components/_Dropdown/Dropdown.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import "./Dropdown.css";
-var cn = cnCreate('mfui-lkvas-dropdown');
+var cn = cnCreate('mfui-9-lkvas-dropdown');
 var Dropdown = function Dropdown(_ref) {
   var className = _ref.className,
     _ref$position = _ref.position,

package/dist/es/components/_DropdownInfo/DropdownInfo.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-dropdown-info_top-border{border-top:1px solid var(--spbSky1);margin-top:8px;padding-top:8px}.mfui-lkvas-dropdown-info__inner{border-radius:12px;padding:12px 16px}.mfui-lkvas-dropdown-info__title{color:var(--spbSky3)}.mfui-lkvas-dropdown-info__subtitle{font-size:15px;font-weight:500;line-height:24px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-dropdown-info_top-border{border-top:1px solid var(--spbSky1);margin-top:8px;padding-top:8px}.mfui-9-lkvas-dropdown-info__inner{border-radius:12px;padding:12px 16px}.mfui-9-lkvas-dropdown-info__title{color:var(--spbSky3)}.mfui-9-lkvas-dropdown-info__subtitle{font-size:15px;font-weight:500;line-height:24px}

package/dist/es/components/_DropdownInfo/DropdownInfo.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
 import "./DropdownInfo.css";
-var cn = cnCreate('mfui-lkvas-dropdown-info');
+var cn = cnCreate('mfui-9-lkvas-dropdown-info');
 var DropdownInfo = function DropdownInfo(_ref) {
   var title = _ref.title,
     subtitle = _ref.subtitle,

package/dist/es/components/_DropdownItem/DropdownItem.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-dropdown-item_top-border{border-top:1px solid var(--spbSky1);margin-top:16px;padding-top:16px}.mfui-lkvas-dropdown-item__inner{border-radius:12px;cursor:pointer;display:block;padding:12px 16px;text-decoration:none;-webkit-transition:background-color .3s;transition:background-color .3s}@media (pointer:fine){.mfui-lkvas-dropdown-item__inner:hover{background-color:var(--spbSky0);text-decoration:none}}.mfui-lkvas-dropdown-item_color_white .mfui-lkvas-dropdown-item__inner{color:var(--stcWhite)}@media (pointer:fine){.mfui-lkvas-dropdown-item_color_white .mfui-lkvas-dropdown-item__inner:hover{background-color:var(--stcWhite10)}}.mfui-lkvas-dropdown-item_color_black .mfui-lkvas-dropdown-item__inner{color:var(--content)}.mfui-lkvas-dropdown-item_color_green .mfui-lkvas-dropdown-item__inner{color:var(--brandGreen)}.mfui-lkvas-dropdown-item_color_red .mfui-lkvas-dropdown-item__inner{color:var(--fury)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-dropdown-item_top-border{border-top:1px solid var(--spbSky1);margin-top:16px;padding-top:16px}.mfui-9-lkvas-dropdown-item__inner{border-radius:12px;cursor:pointer;display:block;padding:12px 16px;text-decoration:none;-webkit-transition:background-color .3s;transition:background-color .3s}@media (pointer:fine){.mfui-9-lkvas-dropdown-item__inner:hover{background-color:var(--spbSky0);text-decoration:none}}.mfui-9-lkvas-dropdown-item_color_white .mfui-9-lkvas-dropdown-item__inner{color:var(--stcWhite)}@media (pointer:fine){.mfui-9-lkvas-dropdown-item_color_white .mfui-9-lkvas-dropdown-item__inner:hover{background-color:var(--stcWhite10)}}.mfui-9-lkvas-dropdown-item_color_black .mfui-9-lkvas-dropdown-item__inner{color:var(--content)}.mfui-9-lkvas-dropdown-item_color_green .mfui-9-lkvas-dropdown-item__inner{color:var(--brandGreen)}.mfui-9-lkvas-dropdown-item_color_red .mfui-9-lkvas-dropdown-item__inner{color:var(--fury)}

package/dist/es/components/_DropdownItem/DropdownItem.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import "./DropdownItem.css";
-var cn = cnCreate('mfui-lkvas-dropdown-item');
+var cn = cnCreate('mfui-9-lkvas-dropdown-item');
 var DropdownItem = function DropdownItem(_ref) {
   var id = _ref.id,
     title = _ref.title,

package/dist/lib/components/BottomBar/BottomBar.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-bottom-bar{background-color:var(--base);border-top:1px solid var(--spbSky1);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;height:96px;left:264px;padding:12px 40px 31px 32px;position:fixed;right:12px;z-index:100}.mfui-lkvas-bottom-bar__back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;display:block;font:inherit;outline:none;padding:0;text-align:center;text-decoration:none}.mfui-lkvas-bottom-bar__back-button:hover{text-decoration:none}.mfui-lkvas-bottom-bar__back-button-inner{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;gap:12px;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-lkvas-bottom-bar__arrow-back{display:block;height:20px;width:40px;fill:var(--content)}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-bottom-bar{background-color:var(--base);border-top:1px solid var(--spbSky1);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;height:96px;left:264px;padding:12px 40px 31px 32px;position:fixed;right:12px;z-index:100}.mfui-9-lkvas-bottom-bar__back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;display:block;font:inherit;outline:none;padding:0;text-align:center;text-decoration:none}.mfui-9-lkvas-bottom-bar__back-button:hover{text-decoration:none}.mfui-9-lkvas-bottom-bar__back-button-inner{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;font-weight:500;gap:12px;line-height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-lkvas-bottom-bar__arrow-back{display:block;height:20px;width:40px;fill:var(--content)}

package/dist/lib/components/BottomBar/BottomBar.js

@@ -19,7 +19,7 @@ var ArrowBackIcon = function ArrowBackIcon(props) {
     d: "M36 11H7.8l5.6 5.6L12 18l-8-8 8-8 1.4 1.4L7.8 9H36z"
   }));
 };
-var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-bottom-bar');
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-lkvas-bottom-bar');
 var BottomBar = function BottomBar(_ref) {
   var className = _ref.className,
     _ref$actionButtonType = _ref.actionButtonType,

package/dist/lib/components/Cards/CardBig/CardBig.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-card-big{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-rows:1fr;overflow:hidden;width:100%}.mfui-lkvas-card-big__item{padding:16px 12px}.mfui-lkvas-card-big__item:first-child{padding-left:24px;padding-right:24px}.mfui-lkvas-card-big__item:nth-child(2){padding-left:24px}.mfui-lkvas-card-big__item:last-child{padding-right:24px}.mfui-lkvas-card-big_multiline{grid-template-rows:repeat(2,-webkit-min-content);grid-template-rows:repeat(2,min-content)}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(2){padding-left:24px;padding-right:24px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(3),.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(4){padding-left:24px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-last-child(2){padding-right:24px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(2n){padding-top:6px}.mfui-lkvas-card-big_multiline .mfui-lkvas-card-big__item:nth-child(odd){padding-bottom:6px}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-lkvas-card-big{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-rows:1fr;overflow:hidden;width:100%}.mfui-9-lkvas-card-big__item{padding:16px 12px}.mfui-9-lkvas-card-big__item:first-child{padding-left:24px;padding-right:24px}.mfui-9-lkvas-card-big__item:nth-child(2){padding-left:24px}.mfui-9-lkvas-card-big__item:last-child{padding-right:24px}.mfui-9-lkvas-card-big_multiline{grid-template-rows:repeat(2,-webkit-min-content);grid-template-rows:repeat(2,min-content)}.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-child(2){padding-left:24px;padding-right:24px}.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-child(3),.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-child(4){padding-left:24px}.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-last-child(2){padding-right:24px}.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-child(2n){padding-top:6px}.mfui-9-lkvas-card-big_multiline .mfui-9-lkvas-card-big__item:nth-child(odd){padding-bottom:6px}

package/dist/lib/components/Cards/CardBig/CardBig.js

@@ -13,7 +13,7 @@ var _CardCell = _interopRequireDefault(require("../components/_CardCell/CardCell
 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 cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-card-big');
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-lkvas-card-big');
 var CardSmall = function CardSmall(_ref) {
   var className = _ref.className,
     _ref$items = _ref.items,