@megafon/ui-core 9.4.1-old-ui-images → 9.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/dist/es/components/Accordion/Accordion.js +1 -3
  2. package/dist/es/components/Badges/CounterBadge/CounterBadge.js +1 -1
  3. package/dist/es/components/Badges/InfoBadge/InfoBadge.js +28 -16
  4. package/dist/es/components/Badges/PriceBadge/PriceBadge.js +28 -16
  5. package/dist/es/components/Badges/PromoBadge/PromoBadge.js +1 -0
  6. package/dist/es/components/Badges/StatusBadge/StatusBadge.js +13 -9
  7. package/dist/es/components/Badges/TimerBadge/TimerBadge.js +3 -1
  8. package/dist/es/components/Buttons/Button/Button.js +1 -1
  9. package/dist/es/components/Buttons/ButtonClose/ButtonClose.js +1 -2
  10. package/dist/es/components/Calendar/components/_Month/Month.js +2 -6
  11. package/dist/es/components/Carousel/Carousel.d.ts +3 -1
  12. package/dist/es/components/Carousel/Carousel.js +8 -4
  13. package/dist/es/components/Checkbox/Checkbox.js +1 -1
  14. package/dist/es/components/Chips/Chips/Chip.js +2 -6
  15. package/dist/es/components/ContentView/ContentView.css +1 -1
  16. package/dist/es/components/ContentView/ContentView.d.ts +1 -1
  17. package/dist/es/components/ContentView/img/alarm.png +0 -0
  18. package/dist/es/components/ContentView/img/empty.png +0 -0
  19. package/dist/es/components/ContentView/img/error.png +0 -0
  20. package/dist/es/components/ContentView/img/fail.png +0 -0
  21. package/dist/es/components/ContentView/img/info.png +0 -0
  22. package/dist/es/components/ContentView/img/searchNoResult.png +0 -0
  23. package/dist/es/components/ContentView/img/submit.png +0 -0
  24. package/dist/es/components/ContentView/img/success.png +0 -0
  25. package/dist/es/components/ContentView/img/waiting.png +0 -0
  26. package/dist/es/components/Counter/Counter.js +2 -2
  27. package/dist/es/components/ErrorLoad/ErrorLoad.js +1 -3
  28. package/dist/es/components/ListData/ListData.js +9 -13
  29. package/dist/es/components/ListData/components/ListDataSortable.js +1 -3
  30. package/dist/es/components/Modal/_ModalContent/ModalContent.js +2 -3
  31. package/dist/es/components/MultipleSelect/MultipleSelect.js +2 -5
  32. package/dist/es/components/NavArrow/NavArrow.js +4 -4
  33. package/dist/es/components/Notification/Notification.js +13 -9
  34. package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +2 -4
  35. package/dist/es/components/Parameter/Parameter.js +3 -1
  36. package/dist/es/components/Row/Row.js +1 -1
  37. package/dist/es/components/Search/Search.js +3 -3
  38. package/dist/es/components/SectionAccordionGroup/SectionAccordionGroup.js +1 -3
  39. package/dist/es/components/Sliders/SliderRatio/SliderRatio.css +1 -1
  40. package/dist/es/components/Sliders/SliderRatio/SliderRatio.d.ts +3 -0
  41. package/dist/es/components/Sliders/SliderRatio/SliderRatio.js +20 -4
  42. package/dist/es/components/Sliders/SliderRatio/helpers.d.ts +1 -1
  43. package/dist/es/components/Sliders/SliderRatio/helpers.js +3 -0
  44. package/dist/es/components/Sliders/SliderRatio/types.d.ts +1 -1
  45. package/dist/es/components/Snackbar/Snackbar.js +10 -6
  46. package/dist/es/components/Stepper/Stepper.js +1 -1
  47. package/dist/es/components/Switcher/Switcher.js +3 -1
  48. package/dist/es/components/Tabs/Tabs.js +1 -1
  49. package/dist/es/components/TextField/TextField.js +13 -7
  50. package/dist/es/components/Tooltip/Tooltip.js +5 -3
  51. package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +5 -1
  52. package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.js +3 -4
  53. package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +6 -0
  54. package/dist/lib/components/Accordion/Accordion.js +1 -3
  55. package/dist/lib/components/Badges/CounterBadge/CounterBadge.js +1 -1
  56. package/dist/lib/components/Badges/InfoBadge/InfoBadge.js +28 -16
  57. package/dist/lib/components/Badges/PriceBadge/PriceBadge.js +28 -16
  58. package/dist/lib/components/Badges/PromoBadge/PromoBadge.js +1 -0
  59. package/dist/lib/components/Badges/StatusBadge/StatusBadge.js +13 -9
  60. package/dist/lib/components/Badges/TimerBadge/TimerBadge.js +3 -1
  61. package/dist/lib/components/Buttons/Button/Button.js +1 -1
  62. package/dist/lib/components/Buttons/ButtonClose/ButtonClose.js +1 -2
  63. package/dist/lib/components/Calendar/components/_Month/Month.js +2 -6
  64. package/dist/lib/components/Carousel/Carousel.d.ts +3 -1
  65. package/dist/lib/components/Carousel/Carousel.js +8 -4
  66. package/dist/lib/components/Checkbox/Checkbox.js +1 -1
  67. package/dist/lib/components/Chips/Chips/Chip.js +2 -6
  68. package/dist/lib/components/ContentView/ContentView.css +1 -1
  69. package/dist/lib/components/ContentView/ContentView.d.ts +1 -1
  70. package/dist/lib/components/ContentView/img/alarm.png +0 -0
  71. package/dist/lib/components/ContentView/img/empty.png +0 -0
  72. package/dist/lib/components/ContentView/img/error.png +0 -0
  73. package/dist/lib/components/ContentView/img/fail.png +0 -0
  74. package/dist/lib/components/ContentView/img/info.png +0 -0
  75. package/dist/lib/components/ContentView/img/searchNoResult.png +0 -0
  76. package/dist/lib/components/ContentView/img/submit.png +0 -0
  77. package/dist/lib/components/ContentView/img/success.png +0 -0
  78. package/dist/lib/components/ContentView/img/waiting.png +0 -0
  79. package/dist/lib/components/Counter/Counter.js +2 -2
  80. package/dist/lib/components/ErrorLoad/ErrorLoad.js +1 -3
  81. package/dist/lib/components/ListData/ListData.js +9 -13
  82. package/dist/lib/components/ListData/components/ListDataSortable.js +1 -3
  83. package/dist/lib/components/Modal/_ModalContent/ModalContent.js +2 -3
  84. package/dist/lib/components/MultipleSelect/MultipleSelect.js +2 -5
  85. package/dist/lib/components/NavArrow/NavArrow.js +4 -4
  86. package/dist/lib/components/Notification/Notification.js +13 -9
  87. package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +2 -4
  88. package/dist/lib/components/Parameter/Parameter.js +3 -1
  89. package/dist/lib/components/Row/Row.js +1 -1
  90. package/dist/lib/components/Search/Search.js +3 -3
  91. package/dist/lib/components/SectionAccordionGroup/SectionAccordionGroup.js +1 -3
  92. package/dist/lib/components/Sliders/SliderRatio/SliderRatio.css +1 -1
  93. package/dist/lib/components/Sliders/SliderRatio/SliderRatio.d.ts +3 -0
  94. package/dist/lib/components/Sliders/SliderRatio/SliderRatio.js +20 -4
  95. package/dist/lib/components/Sliders/SliderRatio/helpers.d.ts +1 -1
  96. package/dist/lib/components/Sliders/SliderRatio/helpers.js +3 -0
  97. package/dist/lib/components/Sliders/SliderRatio/types.d.ts +1 -1
  98. package/dist/lib/components/Snackbar/Snackbar.js +10 -6
  99. package/dist/lib/components/Stepper/Stepper.js +1 -1
  100. package/dist/lib/components/Switcher/Switcher.js +3 -1
  101. package/dist/lib/components/Tabs/Tabs.js +1 -1
  102. package/dist/lib/components/TextField/TextField.js +13 -7
  103. package/dist/lib/components/Tooltip/Tooltip.js +5 -3
  104. package/dist/lib/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +5 -1
  105. package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.js +3 -4
  106. package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +6 -0
  107. package/package.json +4 -3
  108. package/dist/es/components/ContentView/img/update.png +0 -0
  109. package/dist/lib/components/ContentView/img/update.png +0 -0
@@ -10,14 +10,14 @@ var IconMinus = function IconMinus(props) {
10
10
  return /*#__PURE__*/React.createElement("svg", _extends({
11
11
  viewBox: "0 0 20 20"
12
12
  }, props), /*#__PURE__*/React.createElement("path", {
13
- d: "M5 9h10v2H5z"
13
+ d: "M14 9a1 1 0 110 2H6a1 1 0 110-2h8z"
14
14
  }));
15
15
  };
16
16
  var IconPlus = function IconPlus(props) {
17
17
  return /*#__PURE__*/React.createElement("svg", _extends({
18
18
  viewBox: "0 0 20 20"
19
19
  }, props), /*#__PURE__*/React.createElement("path", {
20
- d: "M11 5H9v4H5v2h4v4h2v-4h4V9h-4V5z"
20
+ d: "M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z"
21
21
  }));
22
22
  };
23
23
  var cn = cnCreate('mfui-9-counter');
@@ -10,9 +10,7 @@ var RefreshIcon24 = function RefreshIcon24(props) {
10
10
  return /*#__PURE__*/React.createElement("svg", _extends({
11
11
  viewBox: "0 0 32 32"
12
12
  }, props), /*#__PURE__*/React.createElement("path", {
13
- fillRule: "evenodd",
14
- clipRule: "evenodd",
15
- d: "M16.064 8C11.604 8 8 11.588 8 16s3.604 8 8.064 8c4.1 0 7.478-3.033 7.995-6.948l1.983.262C25.393 22.223 21.17 26 16.064 26 10.513 26 6 21.53 6 16S10.513 6 16.064 6c3.456 0 6.507 1.731 8.32 4.371l.704-2.345 1.915.575-1.419 4.726a1 1 0 01-1.228.675l-4.855-1.364.541-1.925 2.664.748A8.074 8.074 0 0016.064 8z"
13
+ d: "M15.698 5.172a11.6 11.6 0 019.24 4.562l.079-.83a1.547 1.547 0 013.083.285l-.353 3.797a2.323 2.323 0 01-2.526 2.098l-3.796-.352a1.549 1.549 0 01.286-3.083l.854.079a8.508 8.508 0 00-6.867-3.46c-4.703 0-8.493 3.776-8.493 8.406 0 4.63 3.79 8.405 8.493 8.405 3.787 0 6.989-2.452 8.086-5.828a1.549 1.549 0 012.946.957c-1.505 4.628-5.879 7.968-11.032 7.968-6.387 0-11.588-5.137-11.589-11.502 0-6.365 5.202-11.502 11.59-11.502z"
16
14
  }));
17
15
  };
18
16
  var cn = cnCreate('mfui-9-error-load');
@@ -9,24 +9,20 @@ var DeleteIcon = function DeleteIcon(props) {
9
9
  return /*#__PURE__*/React.createElement("svg", _extends({
10
10
  viewBox: "0 0 20 20"
11
11
  }, props), /*#__PURE__*/React.createElement("path", {
12
- d: "M16 4h-3.2c-.4-1.2-1.5-2-2.8-2s-2.4.8-2.8 2H4v4h1l1 10h8l1-10h1V4zM5 5h3v-.4C8.2 3.7 9.1 3 10 3s1.8.7 2 1.6V5h3v2H5V5zm8 12H7l-.9-9H14l-1 9z"
12
+ fillRule: "evenodd",
13
+ clipRule: "evenodd",
14
+ d: "M15.009 14.31c-.137 1.75-.205 2.626-.78 3.158-.574.532-1.452.532-3.207.532H8.98c-1.755 0-2.633 0-3.208-.532-.574-.532-.642-1.407-.779-3.158l-.571-7.326H15.58l-.571 7.326zm-2.846-4.97a.499.499 0 00-.706 0l-1.388 1.391-1.386-1.39a.498.498 0 00-.706 0 .502.502 0 000 .709l1.386 1.39-1.396 1.4a.502.502 0 000 .709.498.498 0 00.706 0l1.396-1.401 1.398 1.4a.498.498 0 00.706 0 .502.502 0 000-.707l-1.398-1.401 1.388-1.391a.502.502 0 000-.708z"
15
+ }), /*#__PURE__*/React.createElement("path", {
16
+ d: "M16.006 4a1 1 0 010 2h-12a1 1 0 110-2h12zm-3.979-2c.551 0 .997.446.997.997H6.977c0-.55.446-.997.997-.997h4.053z"
13
17
  }));
14
18
  };
15
19
  var NothingIcon = function NothingIcon(props) {
16
20
  return /*#__PURE__*/React.createElement("svg", _extends({
17
21
  viewBox: "0 0 32 32"
18
- }, props), /*#__PURE__*/React.createElement("circle", {
19
- cx: 21,
20
- cy: 16,
21
- r: 1.5
22
- }), /*#__PURE__*/React.createElement("circle", {
23
- cx: 16,
24
- cy: 16,
25
- r: 1.5
26
- }), /*#__PURE__*/React.createElement("circle", {
27
- cx: 11,
28
- cy: 16,
29
- r: 1.5
22
+ }, props), /*#__PURE__*/React.createElement("path", {
23
+ fillRule: "evenodd",
24
+ clipRule: "evenodd",
25
+ d: "M28 16c0 6.627-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4s12 5.373 12 12zM9.6 17.6a1.6 1.6 0 100-3.2 1.6 1.6 0 000 3.2zm6.4 0a1.6 1.6 0 100-3.2 1.6 1.6 0 000 3.2zm6.4 0a1.6 1.6 0 100-3.2 1.6 1.6 0 000 3.2z"
30
26
  }));
31
27
  };
32
28
  var LINE_COUNT = 2;
@@ -12,9 +12,7 @@ var DragIcon = function DragIcon(props) {
12
12
  return /*#__PURE__*/React.createElement("svg", _extends({
13
13
  viewBox: "0 0 32 32"
14
14
  }, props), /*#__PURE__*/React.createElement("path", {
15
- fillRule: "evenodd",
16
- clipRule: "evenodd",
17
- d: "M24 14H8v-2h16v2zm0 6H8v-2h16v2z"
15
+ d: "M22.4 17.799a1.6 1.6 0 110 3.199H9.6a1.6 1.6 0 110-3.2h12.8zm0-6.797a1.6 1.6 0 110 3.2H9.6a1.6 1.6 0 110-3.2h12.8z"
18
16
  }));
19
17
  };
20
18
  export var ActivatorNodes = {
@@ -9,15 +9,14 @@ var ArrowLeft24 = function ArrowLeft24(props) {
9
9
  return /*#__PURE__*/React.createElement("svg", _extends({
10
10
  viewBox: "0 0 32 32"
11
11
  }, props), /*#__PURE__*/React.createElement("path", {
12
- d: "M19.5 20.8L14.7 16l4.8-4.8-1.6-1.7-6.4 6.5 6.4 6.5z"
12
+ d: "M13.906 9.114a1.25 1.25 0 111.764 1.772l-3.871 3.853H23a1.25 1.25 0 110 2.5H11.777l3.893 3.875a1.25 1.25 0 01-1.764 1.772l-5.618-5.592a1.825 1.825 0 010-2.588l5.618-5.592z"
13
13
  }));
14
14
  };
15
15
  var Cancel24 = function Cancel24(props) {
16
16
  return /*#__PURE__*/React.createElement("svg", _extends({
17
17
  viewBox: "0 0 32 32"
18
18
  }, props), /*#__PURE__*/React.createElement("path", {
19
- className: "Cancel24__st0",
20
- d: "M16 14.5L11.5 10 10 11.5l4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5-1.5-1.5-4.5 4.5z"
19
+ d: "M9.405 9.402a1.558 1.558 0 012.201 0l4.348 4.344 4.337-4.333a1.555 1.555 0 112.201 2.2l-4.338 4.331 4.339 4.335a1.555 1.555 0 11-2.201 2.2l-4.34-4.336-4.348 4.346a1.554 1.554 0 11-2.2-2.2l4.348-4.344L9.405 11.6a1.554 1.554 0 010-2.2z"
21
20
  }));
22
21
  };
23
22
  var cn = cnCreate('mfui-9-modal-content');
@@ -17,17 +17,14 @@ var ClearIcon = function ClearIcon(props) {
17
17
  return /*#__PURE__*/React.createElement("svg", _extends({
18
18
  viewBox: "0 0 20 20"
19
19
  }, props), /*#__PURE__*/React.createElement("path", {
20
- className: "ClearIcon__st0",
21
- 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"
20
+ d: "M5.762 5.76a1 1 0 011.415 0l2.795 2.79 2.788-2.785a1.001 1.001 0 011.415 1.414l-2.788 2.785 2.789 2.787a1 1 0 01-1.414 1.414l-2.79-2.787-2.796 2.794A1 1 0 115.76 12.76l2.796-2.794-2.795-2.792a1 1 0 010-1.414z"
22
21
  }));
23
22
  };
24
23
  var ArrowIcon = function ArrowIcon(props) {
25
24
  return /*#__PURE__*/React.createElement("svg", _extends({
26
25
  viewBox: "0 0 32 32"
27
26
  }, props), /*#__PURE__*/React.createElement("path", {
28
- d: "M11 14h10l-5 6z",
29
- fillRule: "evenodd",
30
- clipRule: "evenodd"
27
+ d: "M16.774 18.697a1.092 1.092 0 01-1.51 0l-3.953-3.82c-.682-.66-.165-1.877.794-1.877h7.798c.96 0 1.465 1.217.783 1.876l-3.912 3.82z"
31
28
  }));
32
29
  };
33
30
  var isItemSelected = function isItemSelected(item, selectedItems) {
@@ -6,28 +6,28 @@ var ArrowLeft24 = function ArrowLeft24(props) {
6
6
  return /*#__PURE__*/React.createElement("svg", _extends({
7
7
  viewBox: "0 0 32 32"
8
8
  }, props), /*#__PURE__*/React.createElement("path", {
9
- d: "M19.5 20.8L14.7 16l4.8-4.8-1.6-1.7-6.4 6.5 6.4 6.5z"
9
+ d: "M13.906 9.114a1.25 1.25 0 111.764 1.772l-3.871 3.853H23a1.25 1.25 0 110 2.5H11.777l3.893 3.875a1.25 1.25 0 01-1.764 1.772l-5.618-5.592a1.825 1.825 0 010-2.588l5.618-5.592z"
10
10
  }));
11
11
  };
12
12
  var ArrowRight24 = function ArrowRight24(props) {
13
13
  return /*#__PURE__*/React.createElement("svg", _extends({
14
14
  viewBox: "0 0 32 32"
15
15
  }, props), /*#__PURE__*/React.createElement("path", {
16
- d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
16
+ d: "M16.326 9.118a1.25 1.25 0 011.768-.004l5.618 5.592a1.825 1.825 0 010 2.588l-5.618 5.592a1.25 1.25 0 01-1.764-1.772l3.871-3.853H9a1.25 1.25 0 010-2.5h11.223l-3.893-3.875a1.25 1.25 0 01-.004-1.768z"
17
17
  }));
18
18
  };
19
19
  var ArrowLeft32 = function ArrowLeft32(props) {
20
20
  return /*#__PURE__*/React.createElement("svg", _extends({
21
21
  viewBox: "0 0 40 40"
22
22
  }, props), /*#__PURE__*/React.createElement("path", {
23
- d: "M24 26l-6-6 6-6-2-2-8 8 8 8z"
23
+ d: "M16.964 10.562a1.972 1.972 0 112.757 2.822l-4.732 4.628h14.538a1.973 1.973 0 010 3.947H14.96l4.762 4.657a1.973 1.973 0 11-2.757 2.822l-7.633-7.465a2.76 2.76 0 010-3.946l7.633-7.465z"
24
24
  }));
25
25
  };
26
26
  var ArrowRight32 = function ArrowRight32(props) {
27
27
  return /*#__PURE__*/React.createElement("svg", _extends({
28
28
  viewBox: "0 0 40 40"
29
29
  }, props), /*#__PURE__*/React.createElement("path", {
30
- d: "M16 26l6-6-6-6 2-2 8 8-8 8z"
30
+ d: "M19.996 10.594a1.972 1.972 0 012.79-.032l7.633 7.465a2.759 2.759 0 010 3.946l-7.634 7.465a1.972 1.972 0 11-2.756-2.822l4.732-4.628H10.223a1.973 1.973 0 010-3.947H24.79l-4.761-4.657a1.974 1.974 0 01-.033-2.79z"
31
31
  }));
32
32
  };
33
33
  export var Theme = {
@@ -13,46 +13,50 @@ var ErrorIcon = function ErrorIcon(props) {
13
13
  return /*#__PURE__*/React.createElement("svg", _extends({
14
14
  viewBox: "0 0 32 32"
15
15
  }, props), /*#__PURE__*/React.createElement("path", {
16
- d: "M15 20.72V23h2v-2.28a2 2 0 10-2 0z"
16
+ fillRule: "evenodd",
17
+ clipRule: "evenodd",
18
+ d: "M23.5 13.008a1.5 1.5 0 011.5 1.5v7.513a6 6 0 01-6 6h-6a6 6 0 01-6-6v-7.513a1.5 1.5 0 011.5-1.5h15zm-7.501 4.398a1.501 1.501 0 00-.702 2.825v2.493a.751.751 0 001.5 0v-2.55a1.498 1.498 0 00-.798-2.768z"
17
19
  }), /*#__PURE__*/React.createElement("path", {
18
- d: "M16 4a6 6 0 00-6 6v2H8v8a8 8 0 0016 0v-8h-2v-2a6 6 0 00-6-6zm-4 6a4 4 0 018 0v2h-8zm10 10a6 6 0 01-12 0v-6h12z"
20
+ d: "M16 4.022a5.25 5.25 0 015.25 5.25v2.255h-1.5V9.272a3.75 3.75 0 00-7.5 0v2.255h-1.5V9.272A5.25 5.25 0 0116 4.022z"
19
21
  }));
20
22
  };
21
23
  var ArrowDown = function ArrowDown(props) {
22
24
  return /*#__PURE__*/React.createElement("svg", _extends({
23
25
  viewBox: "0 0 20 20"
24
26
  }, props), /*#__PURE__*/React.createElement("path", {
25
- d: "M6 8h8l-4 5z",
26
- fillRule: "evenodd",
27
- clipRule: "evenodd"
27
+ d: "M10.465 11.798a.609.609 0 01-.907 0L7.187 9.25c-.41-.44-.1-1.25.476-1.25h4.679c.575 0 .879.811.47 1.25l-2.347 2.548z"
28
28
  }));
29
29
  };
30
30
  var RightArrow = function RightArrow(props) {
31
31
  return /*#__PURE__*/React.createElement("svg", _extends({
32
32
  viewBox: "0 0 20 20"
33
33
  }, props), /*#__PURE__*/React.createElement("path", {
34
- d: "M8 13l3-3-3-3 1-1 4 4-4 4z"
34
+ d: "M10.084 5.282a1 1 0 011.414.022l3.61 3.726c.522.54.523 1.4 0 1.94l-3.61 3.726a1 1 0 01-1.436-1.392l2.225-2.297H5.5a1 1 0 010-2h6.8l-2.239-2.31a1 1 0 01.023-1.415z"
35
35
  }));
36
36
  };
37
37
  var WarningIcon = function WarningIcon(props) {
38
38
  return /*#__PURE__*/React.createElement("svg", _extends({
39
39
  viewBox: "0 0 32 32"
40
40
  }, props), /*#__PURE__*/React.createElement("path", {
41
- 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"
41
+ fillRule: "evenodd",
42
+ clipRule: "evenodd",
43
+ 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"
42
44
  }));
43
45
  };
44
46
  var SuccessIcon = function SuccessIcon(props) {
45
47
  return /*#__PURE__*/React.createElement("svg", _extends({
46
48
  viewBox: "0 0 32 32"
47
49
  }, props), /*#__PURE__*/React.createElement("path", {
48
- 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"
50
+ 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"
49
51
  }));
50
52
  };
51
53
  var InfoIcon = function InfoIcon(props) {
52
54
  return /*#__PURE__*/React.createElement("svg", _extends({
53
55
  viewBox: "0 0 32 32"
54
56
  }, props), /*#__PURE__*/React.createElement("path", {
55
- d: "M15 12h2v-2h-2v2zm0 10h2v-8h-2v8zm1 6C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zm0-22C10.5 6 6 10.5 6 16s4.5 10 10 10 10-4.5 10-10S21.5 6 16 6z"
57
+ fillRule: "evenodd",
58
+ clipRule: "evenodd",
59
+ d: "M16 4c6.627 0 12 5.373 12 12s-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4zm0 9.25c-.78 0-1.412.633-1.412 1.412v7.059a1.412 1.412 0 102.824 0v-7.059c0-.78-.632-1.412-1.412-1.412zm-.144-4.477a1.412 1.412 0 100 2.824 1.412 1.412 0 000-2.824z"
56
60
  }));
57
61
  };
58
62
  var TIMEOUT_DELAY = 400;
@@ -10,16 +10,14 @@ var MoreIcon = function MoreIcon(props) {
10
10
  return /*#__PURE__*/React.createElement("svg", _extends({
11
11
  viewBox: "0 0 20 20"
12
12
  }, props), /*#__PURE__*/React.createElement("path", {
13
- fillRule: "evenodd",
14
- clipRule: "evenodd",
15
- d: "M2.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 1a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm7.5-1a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 1a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm9-2.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm1 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"
13
+ d: "M4 8a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z"
16
14
  }));
17
15
  };
18
16
  var ArrowRightIcon = function ArrowRightIcon(props) {
19
17
  return /*#__PURE__*/React.createElement("svg", _extends({
20
18
  viewBox: "0 0 32 32"
21
19
  }, props), /*#__PURE__*/React.createElement("path", {
22
- d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
20
+ d: "M16.326 9.118a1.25 1.25 0 011.768-.004l5.618 5.592a1.825 1.825 0 010 2.588l-5.618 5.592a1.25 1.25 0 01-1.764-1.772l3.871-3.853H9a1.25 1.25 0 010-2.5h11.223l-3.893-3.875a1.25 1.25 0 01-.004-1.768z"
23
21
  }));
24
22
  };
25
23
  var ArrowsRightIcon = function ArrowsRightIcon(props) {
@@ -16,7 +16,9 @@ var InfoIcon = function InfoIcon(props) {
16
16
  return /*#__PURE__*/React.createElement("svg", _extends({
17
17
  viewBox: "0 0 20 20"
18
18
  }, props), /*#__PURE__*/React.createElement("path", {
19
- d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 5c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1zm1 8V9H9v6h2z"
19
+ fillRule: "evenodd",
20
+ clipRule: "evenodd",
21
+ d: "M10 1.5a8.5 8.5 0 110 17 8.5 8.5 0 010-17zm0 6.553a1 1 0 00-1 1v5a1 1 0 002 0v-5a1 1 0 00-1-1zM9.898 4.88a1 1 0 100 2 1 1 0 000-2z"
20
22
  }));
21
23
  };
22
24
  var cn = cnCreate('mfui-9-parameter');
@@ -9,7 +9,7 @@ var ArrowRight = function ArrowRight(props) {
9
9
  return /*#__PURE__*/React.createElement("svg", _extends({
10
10
  viewBox: "0 0 32 32"
11
11
  }, props), /*#__PURE__*/React.createElement("path", {
12
- d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
12
+ d: "M16.326 9.118a1.25 1.25 0 011.768-.004l5.618 5.592a1.825 1.825 0 010 2.588l-5.618 5.592a1.25 1.25 0 01-1.764-1.772l3.871-3.853H9a1.25 1.25 0 010-2.5h11.223l-3.893-3.875a1.25 1.25 0 01-.004-1.768z"
13
13
  }));
14
14
  };
15
15
  var cn = cnCreate('mfui-9-row');
@@ -37,14 +37,14 @@ var ClearIcon = function ClearIcon(props) {
37
37
  return /*#__PURE__*/React.createElement("svg", _extends({
38
38
  viewBox: "0 0 20 20"
39
39
  }, props), /*#__PURE__*/React.createElement("path", {
40
- className: "ClearIcon__st0",
41
- 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"
40
+ d: "M5.762 5.76a1 1 0 011.415 0l2.795 2.79 2.788-2.785a1.001 1.001 0 011.415 1.414l-2.788 2.785 2.789 2.787a1 1 0 01-1.414 1.414l-2.79-2.787-2.796 2.794A1 1 0 115.76 12.76l2.796-2.794-2.795-2.792a1 1 0 010-1.414z"
42
41
  }));
43
42
  };
44
43
  var ResizeIcon = function ResizeIcon(props) {
45
44
  return /*#__PURE__*/React.createElement("svg", _extends({
46
45
  width: 12,
47
- height: 12
46
+ height: 12,
47
+ viewBox: "0 0 12 12"
48
48
  }, props), /*#__PURE__*/React.createElement("path", {
49
49
  d: "M1 11L11 1M7 11l4-4"
50
50
  }));
@@ -14,9 +14,7 @@ var ArrowDown = function ArrowDown(props) {
14
14
  return /*#__PURE__*/React.createElement("svg", _extends({
15
15
  viewBox: "0 0 20 20"
16
16
  }, props), /*#__PURE__*/React.createElement("path", {
17
- d: "M6 8h8l-4 5z",
18
- fillRule: "evenodd",
19
- clipRule: "evenodd"
17
+ d: "M10.465 11.798a.609.609 0 01-.907 0L7.187 9.25c-.41-.44-.1-1.25.476-1.25h4.679c.575 0 .879.811.47 1.25l-2.347 2.548z"
20
18
  }));
21
19
  };
22
20
  var SCROLL_PADDING = 20;
@@ -1 +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: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}
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_hidden-left-value.mfui-9-slider-ratio_label .mfui-9-slider-ratio__head{display:grid;grid-template-columns:auto 55%;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.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_hidden-left-value .mfui-9-slider-ratio__display-values{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-top:0}.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__custom-scale{height:18px;margin-top:8px;position:relative}.mfui-9-slider-ratio__custom-scale-item{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.mfui-9-slider-ratio__custom-scale-item:first-child{-webkit-transform:translateX(0);transform:translateX(0)}.mfui-9-slider-ratio__custom-scale-item:last-child{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.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}
@@ -26,6 +26,8 @@ export interface ISliderRatio {
26
26
  disabled?: boolean;
27
27
  /** Включает отображение шкалы */
28
28
  showScale?: boolean;
29
+ /** Кастомная шкала */
30
+ customScale?: string[];
29
31
  /** Дополнительные data атрибуты к внутренним элементам */
30
32
  dataAttrs?: {
31
33
  root?: Record<string, string>;
@@ -33,6 +35,7 @@ export interface ISliderRatio {
33
35
  rightInput?: Record<string, string>;
34
36
  rangeInput?: Record<string, string>;
35
37
  scale?: Record<string, string>;
38
+ customScale?: Record<string, string>;
36
39
  };
37
40
  /** Обработчик изменения значения */
38
41
  onChange?: (index: number) => void;
@@ -35,6 +35,7 @@ var SliderRatio = function SliderRatio(_ref) {
35
35
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
36
36
  _ref$showScale = _ref.showScale,
37
37
  showScale = _ref$showScale === void 0 ? false : _ref$showScale,
38
+ customScale = _ref.customScale,
38
39
  dataAttrs = _ref.dataAttrs,
39
40
  onChange = _ref.onChange;
40
41
  var _a, _b;
@@ -65,6 +66,7 @@ var SliderRatio = function SliderRatio(_ref) {
65
66
  var leftInputValue = (_a = rawInputValue.left) !== null && _a !== void 0 ? _a : values[currentIndex].leftValue;
66
67
  var rightInputValue = (_b = rawInputValue.right) !== null && _b !== void 0 ? _b : values[currentIndex].rightValue;
67
68
  var trackSize = getTrackSize(rangeValue, MIN_RANGE_VALUE, MAX_RANGE_VALUE);
69
+ var hideLeftValue = leftInputValue === undefined;
68
70
  var handleInputChange = function handleInputChange(key) {
69
71
  return function (e) {
70
72
  var targetValue = removeFirstZeros(e.target.value);
@@ -108,6 +110,7 @@ var SliderRatio = function SliderRatio(_ref) {
108
110
  };
109
111
  var handleRangeTrackPointerLeave = React.useCallback(function () {
110
112
  var _a, _b;
113
+ // fix for bug where dragging breaks if mouse is pressed outside slider and released over thumb (Chrome bug)
111
114
  (_a = rangeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
112
115
  (_b = rangeTrackRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerleave', handleRangeTrackPointerLeave);
113
116
  }, []);
@@ -129,7 +132,9 @@ var SliderRatio = function SliderRatio(_ref) {
129
132
  };
130
133
  return /*#__PURE__*/React.createElement("div", _extends({
131
134
  className: cn({
132
- disabled: disabled
135
+ disabled: disabled,
136
+ 'hidden-left-value': hideLeftValue,
137
+ label: !!label
133
138
  }, [className])
134
139
  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
135
140
  style: {
@@ -141,7 +146,7 @@ var SliderRatio = function SliderRatio(_ref) {
141
146
  className: cn('label')
142
147
  }, label), /*#__PURE__*/React.createElement("div", {
143
148
  className: cn('display-values')
144
- }, /*#__PURE__*/React.createElement(ValueField, {
149
+ }, !hideLeftValue && /*#__PURE__*/React.createElement(ValueField, {
145
150
  isControlled: true,
146
151
  position: "left",
147
152
  value: leftInputValue,
@@ -187,7 +192,8 @@ var SliderRatio = function SliderRatio(_ref) {
187
192
  className: cn('range-track'),
188
193
  onPointerUp: handleRangeTrackPointerUp,
189
194
  onPointerDown: handleRangeTrackPointerDown,
190
- ref: rangeTrackRef
195
+ ref: rangeTrackRef,
196
+ tabIndex: -1 // preventing focus-visible on thumb after rangeInputRef.current?.focus()
191
197
  }), showScale && /*#__PURE__*/React.createElement("div", _extends({
192
198
  className: cn('scale')
193
199
  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.scale)), values.map(function (_, i) {
@@ -195,6 +201,16 @@ var SliderRatio = function SliderRatio(_ref) {
195
201
  className: cn('scale-item'),
196
202
  key: i
197
203
  });
198
- }))));
204
+ }))), !!(customScale === null || customScale === void 0 ? void 0 : customScale.length) && /*#__PURE__*/React.createElement("div", _extends({
205
+ className: cn('custom-scale')
206
+ }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.customScale)), customScale.map(function (item, i) {
207
+ return /*#__PURE__*/React.createElement("div", {
208
+ className: cn('custom-scale-item'),
209
+ style: {
210
+ left: "calc(".concat(100 / (customScale.length - 1) * i, "%)")
211
+ },
212
+ key: i
213
+ }, item);
214
+ })));
199
215
  };
200
216
  export default SliderRatio;
@@ -12,4 +12,4 @@ export declare const inputReducer: (state: {
12
12
  export declare const getRangeValueByPageX: (pageX: number, trackInnerNode: HTMLDivElement, thumbSize: number) => number;
13
13
  export declare const getRangeStepValue: (valuesCount: number, index: number) => number;
14
14
  export declare const getIndexByRangeValue: (rangeValue: number, valuesCount: number) => number;
15
- export declare const findClosestValue: (values: ValueType[], target: number, key: KeyValueEnum) => number;
15
+ export declare const findClosestValue: (values: ValueType[], target: number, key: KeyValueEnum) => number | undefined;
@@ -27,6 +27,9 @@ export var getIndexByRangeValue = function getIndexByRangeValue(rangeValue, valu
27
27
  };
28
28
  export var findClosestValue = function findClosestValue(values, target, key) {
29
29
  return values.reduce(function (closest, value) {
30
+ if (value[key] === undefined || closest === undefined) {
31
+ return closest;
32
+ }
30
33
  return Math.abs(value[key] - target) > Math.abs(closest - target) ? closest : value[key];
31
34
  }, values[0][key]);
32
35
  };
@@ -3,6 +3,6 @@ export declare enum KeyValueEnum {
3
3
  RIGHT = "rightValue"
4
4
  }
5
5
  export type ValueType = {
6
- [KeyValueEnum.LEFT]: number;
6
+ [KeyValueEnum.LEFT]?: number;
7
7
  [KeyValueEnum.RIGHT]: number;
8
8
  };
@@ -17,42 +17,46 @@ var HeartIcon16 = function HeartIcon16(props) {
17
17
  return /*#__PURE__*/React.createElement("svg", _extends({
18
18
  viewBox: "0 0 20 20"
19
19
  }, props), /*#__PURE__*/React.createElement("path", {
20
- 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"
20
+ 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"
21
21
  }));
22
22
  };
23
23
  var HeartIcon24 = function HeartIcon24(props) {
24
24
  return /*#__PURE__*/React.createElement("svg", _extends({
25
25
  viewBox: "0 0 32 32"
26
26
  }, props), /*#__PURE__*/React.createElement("path", {
27
- 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"
27
+ 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"
28
28
  }));
29
29
  };
30
30
  var AttentionIcon16 = function AttentionIcon16(props) {
31
31
  return /*#__PURE__*/React.createElement("svg", _extends({
32
32
  viewBox: "0 0 20 20"
33
33
  }, props), /*#__PURE__*/React.createElement("path", {
34
- 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"
34
+ fillRule: "evenodd",
35
+ clipRule: "evenodd",
36
+ 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"
35
37
  }));
36
38
  };
37
39
  var CheckedIcon16 = function CheckedIcon16(props) {
38
40
  return /*#__PURE__*/React.createElement("svg", _extends({
39
41
  viewBox: "0 0 20 20"
40
42
  }, props), /*#__PURE__*/React.createElement("path", {
41
- 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"
43
+ 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"
42
44
  }));
43
45
  };
44
46
  var AttentionIcon24 = function AttentionIcon24(props) {
45
47
  return /*#__PURE__*/React.createElement("svg", _extends({
46
48
  viewBox: "0 0 32 32"
47
49
  }, props), /*#__PURE__*/React.createElement("path", {
48
- 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"
50
+ fillRule: "evenodd",
51
+ clipRule: "evenodd",
52
+ 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"
49
53
  }));
50
54
  };
51
55
  var CheckedIcon24 = function CheckedIcon24(props) {
52
56
  return /*#__PURE__*/React.createElement("svg", _extends({
53
57
  viewBox: "0 0 32 32"
54
58
  }, props), /*#__PURE__*/React.createElement("path", {
55
- 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"
59
+ 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"
56
60
  }));
57
61
  };
58
62
  var DEFAULT_MAX_TIMER_SECONDS = 4;
@@ -11,7 +11,7 @@ var CheckedIcon = function CheckedIcon(props) {
11
11
  return /*#__PURE__*/React.createElement("svg", _extends({
12
12
  viewBox: "0 0 20 20"
13
13
  }, props), /*#__PURE__*/React.createElement("path", {
14
- 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"
14
+ 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"
15
15
  }));
16
16
  };
17
17
  var cn = cnCreate('mfui-9-stepper');
@@ -9,7 +9,9 @@ var WaitingIcon = function WaitingIcon(props) {
9
9
  }, props), /*#__PURE__*/React.createElement("path", {
10
10
  fillRule: "evenodd",
11
11
  clipRule: "evenodd",
12
- d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
12
+ d: "M10.006 3.998c3.857 0 7 3.127 7 6.985 0 3.857-3.143 6.984-7 6.984s-7-3.127-7.001-6.984c0-3.858 3.143-6.985 7-6.985zM10 7.004a.5.5 0 00-.5.5v3.501H7a.5.5 0 000 1h3a.5.5 0 00.5-.5v-4a.5.5 0 00-.5-.5z"
13
+ }), /*#__PURE__*/React.createElement("path", {
14
+ d: "M14.594 3.124a.514.514 0 01.715 0l2.15 2.105a.487.487 0 010 .7.515.515 0 01-.714 0l-2.15-2.105a.487.487 0 010-.7zM4.92 3.109a.515.515 0 01.716.005.487.487 0 01-.005.698l-2.165 2.09a.514.514 0 01-.715-.004.487.487 0 01.005-.7l2.164-2.09z"
13
15
  }));
14
16
  };
15
17
  var cn = cnCreate('mfui-9-switcher');
@@ -21,7 +21,7 @@ var ArrowLeft = function ArrowLeft(props) {
21
21
  return /*#__PURE__*/React.createElement("svg", _extends({
22
22
  viewBox: "0 0 20 20"
23
23
  }, props), /*#__PURE__*/React.createElement("path", {
24
- d: "M12 13l-3-3 3-3-1-1-4 4 4 4z"
24
+ d: "M8.502 5.304a1 1 0 011.436 1.392L7.713 8.993H14.5a1 1 0 110 2H7.7l2.238 2.31a1 1 0 01-1.436 1.393l-3.61-3.726a1.396 1.396 0 010-1.94l3.61-3.726z"
25
25
  }));
26
26
  };
27
27
  var Swiper = null;
@@ -20,37 +20,43 @@ var Hide = function Hide(props) {
20
20
  return /*#__PURE__*/React.createElement("svg", _extends({
21
21
  viewBox: "0 0 32 32"
22
22
  }, props), /*#__PURE__*/React.createElement("path", {
23
- d: "M5.82 17.45l-1.65 2.31L5.8 21l1.65-2.3a15.9 15.9 0 002.67 1.3l-.87 2.71 1.92.63.86-2.7a15.64 15.64 0 003 .48V24h2v-2.84a15.64 15.64 0 003-.48l.86 2.7 1.92-.63-.93-2.75a15.9 15.9 0 002.67-1.38L26.2 21l1.63-1.2-1.65-2.31a16.16 16.16 0 001.82-1.8l-1.51-1.35a13.8 13.8 0 01-21 0L4 15.69a16.15 16.15 0 001.82 1.76zM23 11.92l1-1.77a16 16 0 00-16 0l1 1.77a14 14 0 0114 0z"
23
+ fillRule: "evenodd",
24
+ clipRule: "evenodd",
25
+ d: "M23.036 7.588c.553-.55 1.45-.55 2.004 0a1.4 1.4 0 01-.001 1.99l-1.221 1.21c.464.367.907.771 1.324 1.213l2.306 2.441c.74.784.736 1.995-.01 2.774l-2.335 2.437c-3.536 3.69-8.827 4.73-13.353 3.123l-1.646 1.636c-.553.55-1.45.55-2.003 0a1.401 1.401 0 010-1.99L23.036 7.588zm-7.865 11.79c.268.054.545.084.83.084 2.339 0 4.235-1.884 4.235-4.208 0-.282-.03-.558-.083-.824l-4.982 4.949z"
26
+ }), /*#__PURE__*/React.createElement("path", {
27
+ d: "M6.832 12c3.113-3.295 7.619-4.511 11.76-3.65l-2.719 2.699c-2.238.065-4.04 1.855-4.105 4.079L7.06 19.806a12.697 12.697 0 01-.168-.172l-2.334-2.448a2.005 2.005 0 01-.007-2.771l2.28-2.414z"
24
28
  }));
25
29
  };
26
30
  var Show = function Show(props) {
27
31
  return /*#__PURE__*/React.createElement("svg", _extends({
28
32
  viewBox: "0 0 32 32"
29
33
  }, props), /*#__PURE__*/React.createElement("path", {
30
- d: "M26 11.69l1.73-2-1.49-1.34-1.82 2.15a15.67 15.67 0 00-2.59-1.34l1.1-2.8-1.86-.73-1.14 2.9A15.53 15.53 0 0017 8.07V5h-2v3.07a15.53 15.53 0 00-2.93.47l-1.14-2.9-1.86.73 1.1 2.8a15.67 15.67 0 00-2.59 1.33L5.76 8.35l-1.52 1.3 1.73 2A19.78 19.78 0 004 13.5L5.46 15A13.72 13.72 0 0116 10a13.55 13.55 0 0110.52 5L28 13.5a19.78 19.78 0 00-2-1.81z"
34
+ fillRule: "evenodd",
35
+ clipRule: "evenodd",
36
+ d: "M6.833 12.31c4.936-5.08 13.373-5.08 18.31 0l2.305 2.373a1.91 1.91 0 01-.01 2.698l-2.335 2.369c-4.933 5.007-13.287 4.999-18.209-.019l-2.335-2.38a1.91 1.91 0 01-.007-2.693l2.28-2.348zM16 10.45a5.55 5.55 0 100 11.101 5.55 5.55 0 000-11.101z"
31
37
  }), /*#__PURE__*/React.createElement("path", {
32
- d: "M20 16a4 4 0 10-4 4 4 4 0 004-4zm-6 0a2 2 0 112 2 2 2 0 01-2-2z"
38
+ d: "M18.824 13.273c0 .753-.633 1.364-1.412 1.364-.78 0-1.412-.611-1.412-1.364 0-.753.632-1.364 1.412-1.364.78 0 1.412.61 1.412 1.364z"
33
39
  }));
34
40
  };
35
41
  var ClearIcon = function ClearIcon(props) {
36
42
  return /*#__PURE__*/React.createElement("svg", _extends({
37
43
  viewBox: "0 0 32 32"
38
44
  }, props), /*#__PURE__*/React.createElement("path", {
39
- className: "ClearIcon__st0",
40
- d: "M16 14.5L11.5 10 10 11.5l4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5-1.5-1.5-4.5 4.5z"
45
+ d: "M9.405 9.402a1.558 1.558 0 012.201 0l4.348 4.344 4.337-4.333a1.555 1.555 0 112.201 2.2l-4.338 4.331 4.339 4.335a1.555 1.555 0 11-2.201 2.2l-4.34-4.336-4.348 4.346a1.554 1.554 0 11-2.2-2.2l4.348-4.344L9.405 11.6a1.554 1.554 0 010-2.2z"
41
46
  }));
42
47
  };
43
48
  var CheckedIcon = function CheckedIcon(props) {
44
49
  return /*#__PURE__*/React.createElement("svg", _extends({
45
50
  viewBox: "0 0 32 32"
46
51
  }, props), /*#__PURE__*/React.createElement("path", {
47
- 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"
52
+ 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"
48
53
  }));
49
54
  };
50
55
  var ResizeIcon = function ResizeIcon(props) {
51
56
  return /*#__PURE__*/React.createElement("svg", _extends({
52
57
  width: 12,
53
- height: 12
58
+ height: 12,
59
+ viewBox: "0 0 12 12"
54
60
  }, props), /*#__PURE__*/React.createElement("path", {
55
61
  d: "M1 11L11 1M7 11l4-4"
56
62
  }));