@megafon/ui-core 9.4.1-old-ui-icons → 9.5.0

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 (85) 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/Counter/Counter.js +2 -2
  16. package/dist/es/components/ErrorLoad/ErrorLoad.js +1 -3
  17. package/dist/es/components/ListData/ListData.js +9 -13
  18. package/dist/es/components/ListData/components/ListDataSortable.js +1 -3
  19. package/dist/es/components/Modal/_ModalContent/ModalContent.js +2 -3
  20. package/dist/es/components/MultipleSelect/MultipleSelect.js +2 -5
  21. package/dist/es/components/NavArrow/NavArrow.js +4 -4
  22. package/dist/es/components/Notification/Notification.js +13 -9
  23. package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +2 -4
  24. package/dist/es/components/Parameter/Parameter.js +3 -1
  25. package/dist/es/components/Row/Row.js +1 -1
  26. package/dist/es/components/Search/Search.js +3 -3
  27. package/dist/es/components/SectionAccordionGroup/SectionAccordionGroup.js +1 -3
  28. package/dist/es/components/Sliders/SliderRatio/SliderRatio.css +1 -1
  29. package/dist/es/components/Sliders/SliderRatio/SliderRatio.d.ts +3 -0
  30. package/dist/es/components/Sliders/SliderRatio/SliderRatio.js +20 -4
  31. package/dist/es/components/Sliders/SliderRatio/helpers.d.ts +1 -1
  32. package/dist/es/components/Sliders/SliderRatio/helpers.js +3 -0
  33. package/dist/es/components/Sliders/SliderRatio/types.d.ts +1 -1
  34. package/dist/es/components/Snackbar/Snackbar.js +10 -6
  35. package/dist/es/components/Stepper/Stepper.js +1 -1
  36. package/dist/es/components/Switcher/Switcher.js +3 -1
  37. package/dist/es/components/Tabs/Tabs.js +1 -1
  38. package/dist/es/components/TextField/TextField.js +13 -7
  39. package/dist/es/components/Tooltip/Tooltip.js +5 -3
  40. package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +5 -1
  41. package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.js +3 -4
  42. package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +6 -0
  43. package/dist/lib/components/Accordion/Accordion.js +1 -3
  44. package/dist/lib/components/Badges/CounterBadge/CounterBadge.js +1 -1
  45. package/dist/lib/components/Badges/InfoBadge/InfoBadge.js +28 -16
  46. package/dist/lib/components/Badges/PriceBadge/PriceBadge.js +28 -16
  47. package/dist/lib/components/Badges/PromoBadge/PromoBadge.js +1 -0
  48. package/dist/lib/components/Badges/StatusBadge/StatusBadge.js +13 -9
  49. package/dist/lib/components/Badges/TimerBadge/TimerBadge.js +3 -1
  50. package/dist/lib/components/Buttons/Button/Button.js +1 -1
  51. package/dist/lib/components/Buttons/ButtonClose/ButtonClose.js +1 -2
  52. package/dist/lib/components/Calendar/components/_Month/Month.js +2 -6
  53. package/dist/lib/components/Carousel/Carousel.d.ts +3 -1
  54. package/dist/lib/components/Carousel/Carousel.js +8 -4
  55. package/dist/lib/components/Checkbox/Checkbox.js +1 -1
  56. package/dist/lib/components/Chips/Chips/Chip.js +2 -6
  57. package/dist/lib/components/Counter/Counter.js +2 -2
  58. package/dist/lib/components/ErrorLoad/ErrorLoad.js +1 -3
  59. package/dist/lib/components/ListData/ListData.js +9 -13
  60. package/dist/lib/components/ListData/components/ListDataSortable.js +1 -3
  61. package/dist/lib/components/Modal/_ModalContent/ModalContent.js +2 -3
  62. package/dist/lib/components/MultipleSelect/MultipleSelect.js +2 -5
  63. package/dist/lib/components/NavArrow/NavArrow.js +4 -4
  64. package/dist/lib/components/Notification/Notification.js +13 -9
  65. package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +2 -4
  66. package/dist/lib/components/Parameter/Parameter.js +3 -1
  67. package/dist/lib/components/Row/Row.js +1 -1
  68. package/dist/lib/components/Search/Search.js +3 -3
  69. package/dist/lib/components/SectionAccordionGroup/SectionAccordionGroup.js +1 -3
  70. package/dist/lib/components/Sliders/SliderRatio/SliderRatio.css +1 -1
  71. package/dist/lib/components/Sliders/SliderRatio/SliderRatio.d.ts +3 -0
  72. package/dist/lib/components/Sliders/SliderRatio/SliderRatio.js +20 -4
  73. package/dist/lib/components/Sliders/SliderRatio/helpers.d.ts +1 -1
  74. package/dist/lib/components/Sliders/SliderRatio/helpers.js +3 -0
  75. package/dist/lib/components/Sliders/SliderRatio/types.d.ts +1 -1
  76. package/dist/lib/components/Snackbar/Snackbar.js +10 -6
  77. package/dist/lib/components/Stepper/Stepper.js +1 -1
  78. package/dist/lib/components/Switcher/Switcher.js +3 -1
  79. package/dist/lib/components/Tabs/Tabs.js +1 -1
  80. package/dist/lib/components/TextField/TextField.js +13 -7
  81. package/dist/lib/components/Tooltip/Tooltip.js +5 -3
  82. package/dist/lib/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +5 -1
  83. package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.js +3 -4
  84. package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +6 -0
  85. package/package.json +4 -3
@@ -22,18 +22,14 @@ var ArrowDown = function ArrowDown(props) {
22
22
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
23
23
  viewBox: "0 0 20 20"
24
24
  }, props), /*#__PURE__*/React.createElement("path", {
25
- d: "M6 8h8l-4 5z",
26
- fillRule: "evenodd",
27
- clipRule: "evenodd"
25
+ 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
26
  }));
29
27
  };
30
28
  var ArrowUp = function ArrowUp(props) {
31
29
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
32
30
  viewBox: "0 0 20 20"
33
31
  }, props), /*#__PURE__*/React.createElement("path", {
34
- d: "M14 12H6l4-5z",
35
- fillRule: "evenodd",
36
- clipRule: "evenodd"
32
+ d: "M9.535 8.202a.609.609 0 01.907 0l2.371 2.547c.41.44.1 1.251-.476 1.251H7.658c-.576 0-.879-.811-.47-1.25l2.347-2.548z"
37
33
  }));
38
34
  };
39
35
  var ChipColors = exports.ChipColors = {
@@ -19,14 +19,14 @@ var IconMinus = function IconMinus(props) {
19
19
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
20
20
  viewBox: "0 0 20 20"
21
21
  }, props), /*#__PURE__*/React.createElement("path", {
22
- d: "M5 9h10v2H5z"
22
+ d: "M14 9a1 1 0 110 2H6a1 1 0 110-2h8z"
23
23
  }));
24
24
  };
25
25
  var IconPlus = function IconPlus(props) {
26
26
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
27
27
  viewBox: "0 0 20 20"
28
28
  }, props), /*#__PURE__*/React.createElement("path", {
29
- d: "M11 5H9v4H5v2h4v4h2v-4h4V9h-4V5z"
29
+ 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"
30
30
  }));
31
31
  };
32
32
  var cn = (0, _uiHelpers.cnCreate)('mfui-9-counter');
@@ -19,9 +19,7 @@ var RefreshIcon24 = function RefreshIcon24(props) {
19
19
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
20
20
  viewBox: "0 0 32 32"
21
21
  }, props), /*#__PURE__*/React.createElement("path", {
22
- fillRule: "evenodd",
23
- clipRule: "evenodd",
24
- 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"
22
+ 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"
25
23
  }));
26
24
  };
27
25
  var cn = (0, _uiHelpers.cnCreate)('mfui-9-error-load');
@@ -18,24 +18,20 @@ var DeleteIcon = function DeleteIcon(props) {
18
18
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
19
19
  viewBox: "0 0 20 20"
20
20
  }, props), /*#__PURE__*/React.createElement("path", {
21
- 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"
21
+ fillRule: "evenodd",
22
+ clipRule: "evenodd",
23
+ 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"
24
+ }), /*#__PURE__*/React.createElement("path", {
25
+ 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"
22
26
  }));
23
27
  };
24
28
  var NothingIcon = function NothingIcon(props) {
25
29
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
26
30
  viewBox: "0 0 32 32"
27
- }, props), /*#__PURE__*/React.createElement("circle", {
28
- cx: 21,
29
- cy: 16,
30
- r: 1.5
31
- }), /*#__PURE__*/React.createElement("circle", {
32
- cx: 16,
33
- cy: 16,
34
- r: 1.5
35
- }), /*#__PURE__*/React.createElement("circle", {
36
- cx: 11,
37
- cy: 16,
38
- r: 1.5
31
+ }, props), /*#__PURE__*/React.createElement("path", {
32
+ fillRule: "evenodd",
33
+ clipRule: "evenodd",
34
+ 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"
39
35
  }));
40
36
  };
41
37
  var LINE_COUNT = 2;
@@ -21,9 +21,7 @@ var DragIcon = function DragIcon(props) {
21
21
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
22
22
  viewBox: "0 0 32 32"
23
23
  }, props), /*#__PURE__*/React.createElement("path", {
24
- fillRule: "evenodd",
25
- clipRule: "evenodd",
26
- d: "M24 14H8v-2h16v2zm0 6H8v-2h16v2z"
24
+ 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"
27
25
  }));
28
26
  };
29
27
  var ActivatorNodes = exports.ActivatorNodes = {
@@ -18,15 +18,14 @@ var ArrowLeft24 = function ArrowLeft24(props) {
18
18
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
19
19
  viewBox: "0 0 32 32"
20
20
  }, props), /*#__PURE__*/React.createElement("path", {
21
- d: "M19.5 20.8L14.7 16l4.8-4.8-1.6-1.7-6.4 6.5 6.4 6.5z"
21
+ 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"
22
22
  }));
23
23
  };
24
24
  var Cancel24 = function Cancel24(props) {
25
25
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
26
26
  viewBox: "0 0 32 32"
27
27
  }, props), /*#__PURE__*/React.createElement("path", {
28
- className: "Cancel24__st0",
29
- 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"
28
+ 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"
30
29
  }));
31
30
  };
32
31
  var cn = (0, _uiHelpers.cnCreate)('mfui-9-modal-content');
@@ -26,17 +26,14 @@ var ClearIcon = function ClearIcon(props) {
26
26
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
27
27
  viewBox: "0 0 20 20"
28
28
  }, props), /*#__PURE__*/React.createElement("path", {
29
- className: "ClearIcon__st0",
30
- 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"
29
+ 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"
31
30
  }));
32
31
  };
33
32
  var ArrowIcon = function ArrowIcon(props) {
34
33
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
35
34
  viewBox: "0 0 32 32"
36
35
  }, props), /*#__PURE__*/React.createElement("path", {
37
- d: "M11 14h10l-5 6z",
38
- fillRule: "evenodd",
39
- clipRule: "evenodd"
36
+ 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"
40
37
  }));
41
38
  };
42
39
  var isItemSelected = function isItemSelected(item, selectedItems) {
@@ -15,28 +15,28 @@ var ArrowLeft24 = function ArrowLeft24(props) {
15
15
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
16
16
  viewBox: "0 0 32 32"
17
17
  }, props), /*#__PURE__*/React.createElement("path", {
18
- d: "M19.5 20.8L14.7 16l4.8-4.8-1.6-1.7-6.4 6.5 6.4 6.5z"
18
+ 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"
19
19
  }));
20
20
  };
21
21
  var ArrowRight24 = function ArrowRight24(props) {
22
22
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
23
23
  viewBox: "0 0 32 32"
24
24
  }, props), /*#__PURE__*/React.createElement("path", {
25
- d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
25
+ 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"
26
26
  }));
27
27
  };
28
28
  var ArrowLeft32 = function ArrowLeft32(props) {
29
29
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
30
30
  viewBox: "0 0 40 40"
31
31
  }, props), /*#__PURE__*/React.createElement("path", {
32
- d: "M24 26l-6-6 6-6-2-2-8 8 8 8z"
32
+ 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"
33
33
  }));
34
34
  };
35
35
  var ArrowRight32 = function ArrowRight32(props) {
36
36
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
37
37
  viewBox: "0 0 40 40"
38
38
  }, props), /*#__PURE__*/React.createElement("path", {
39
- d: "M16 26l6-6-6-6 2-2 8 8-8 8z"
39
+ 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"
40
40
  }));
41
41
  };
42
42
  var Theme = exports.Theme = {
@@ -22,46 +22,50 @@ var ErrorIcon = function ErrorIcon(props) {
22
22
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
23
23
  viewBox: "0 0 32 32"
24
24
  }, props), /*#__PURE__*/React.createElement("path", {
25
- d: "M15 20.72V23h2v-2.28a2 2 0 10-2 0z"
25
+ fillRule: "evenodd",
26
+ clipRule: "evenodd",
27
+ 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"
26
28
  }), /*#__PURE__*/React.createElement("path", {
27
- 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"
29
+ 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"
28
30
  }));
29
31
  };
30
32
  var ArrowDown = function ArrowDown(props) {
31
33
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
32
34
  viewBox: "0 0 20 20"
33
35
  }, props), /*#__PURE__*/React.createElement("path", {
34
- d: "M6 8h8l-4 5z",
35
- fillRule: "evenodd",
36
- clipRule: "evenodd"
36
+ 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"
37
37
  }));
38
38
  };
39
39
  var RightArrow = function RightArrow(props) {
40
40
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
41
41
  viewBox: "0 0 20 20"
42
42
  }, props), /*#__PURE__*/React.createElement("path", {
43
- d: "M8 13l3-3-3-3 1-1 4 4-4 4z"
43
+ 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"
44
44
  }));
45
45
  };
46
46
  var WarningIcon = function WarningIcon(props) {
47
47
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
48
48
  viewBox: "0 0 32 32"
49
49
  }, props), /*#__PURE__*/React.createElement("path", {
50
- 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"
51
53
  }));
52
54
  };
53
55
  var SuccessIcon = function SuccessIcon(props) {
54
56
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
55
57
  viewBox: "0 0 32 32"
56
58
  }, props), /*#__PURE__*/React.createElement("path", {
57
- 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"
58
60
  }));
59
61
  };
60
62
  var InfoIcon = function InfoIcon(props) {
61
63
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
62
64
  viewBox: "0 0 32 32"
63
65
  }, props), /*#__PURE__*/React.createElement("path", {
64
- 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"
66
+ fillRule: "evenodd",
67
+ clipRule: "evenodd",
68
+ 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"
65
69
  }));
66
70
  };
67
71
  var TIMEOUT_DELAY = 400;
@@ -16,16 +16,14 @@ var MoreIcon = function MoreIcon(props) {
16
16
  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
17
17
  viewBox: "0 0 20 20"
18
18
  }, props), /*#__PURE__*/_react["default"].createElement("path", {
19
- fillRule: "evenodd",
20
- clipRule: "evenodd",
21
- 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"
19
+ 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"
22
20
  }));
23
21
  };
24
22
  var ArrowRightIcon = function ArrowRightIcon(props) {
25
23
  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
26
24
  viewBox: "0 0 32 32"
27
25
  }, props), /*#__PURE__*/_react["default"].createElement("path", {
28
- d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
26
+ 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"
29
27
  }));
30
28
  };
31
29
  var ArrowsRightIcon = function ArrowsRightIcon(props) {
@@ -25,7 +25,9 @@ var InfoIcon = function InfoIcon(props) {
25
25
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
26
26
  viewBox: "0 0 20 20"
27
27
  }, props), /*#__PURE__*/React.createElement("path", {
28
- 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"
28
+ fillRule: "evenodd",
29
+ clipRule: "evenodd",
30
+ 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"
29
31
  }));
30
32
  };
31
33
  var cn = (0, _uiHelpers.cnCreate)('mfui-9-parameter');
@@ -18,7 +18,7 @@ var ArrowRight = function ArrowRight(props) {
18
18
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
19
19
  viewBox: "0 0 32 32"
20
20
  }, props), /*#__PURE__*/React.createElement("path", {
21
- d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
21
+ 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"
22
22
  }));
23
23
  };
24
24
  var cn = (0, _uiHelpers.cnCreate)('mfui-9-row');
@@ -46,14 +46,14 @@ var ClearIcon = function ClearIcon(props) {
46
46
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
47
47
  viewBox: "0 0 20 20"
48
48
  }, props), /*#__PURE__*/React.createElement("path", {
49
- className: "ClearIcon__st0",
50
- 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"
49
+ 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"
51
50
  }));
52
51
  };
53
52
  var ResizeIcon = function ResizeIcon(props) {
54
53
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
55
54
  width: 12,
56
- height: 12
55
+ height: 12,
56
+ viewBox: "0 0 12 12"
57
57
  }, props), /*#__PURE__*/React.createElement("path", {
58
58
  d: "M1 11L11 1M7 11l4-4"
59
59
  }));
@@ -23,9 +23,7 @@ var ArrowDown = function ArrowDown(props) {
23
23
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
24
24
  viewBox: "0 0 20 20"
25
25
  }, props), /*#__PURE__*/React.createElement("path", {
26
- d: "M6 8h8l-4 5z",
27
- fillRule: "evenodd",
28
- clipRule: "evenodd"
26
+ 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"
29
27
  }));
30
28
  };
31
29
  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;
@@ -44,6 +44,7 @@ var SliderRatio = function SliderRatio(_ref) {
44
44
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
45
45
  _ref$showScale = _ref.showScale,
46
46
  showScale = _ref$showScale === void 0 ? false : _ref$showScale,
47
+ customScale = _ref.customScale,
47
48
  dataAttrs = _ref.dataAttrs,
48
49
  onChange = _ref.onChange;
49
50
  var _a, _b;
@@ -74,6 +75,7 @@ var SliderRatio = function SliderRatio(_ref) {
74
75
  var leftInputValue = (_a = rawInputValue.left) !== null && _a !== void 0 ? _a : values[currentIndex].leftValue;
75
76
  var rightInputValue = (_b = rawInputValue.right) !== null && _b !== void 0 ? _b : values[currentIndex].rightValue;
76
77
  var trackSize = (0, _helpers.getTrackSize)(rangeValue, MIN_RANGE_VALUE, MAX_RANGE_VALUE);
78
+ var hideLeftValue = leftInputValue === undefined;
77
79
  var handleInputChange = function handleInputChange(key) {
78
80
  return function (e) {
79
81
  var targetValue = (0, _helpers.removeFirstZeros)(e.target.value);
@@ -117,6 +119,7 @@ var SliderRatio = function SliderRatio(_ref) {
117
119
  };
118
120
  var handleRangeTrackPointerLeave = React.useCallback(function () {
119
121
  var _a, _b;
122
+ // fix for bug where dragging breaks if mouse is pressed outside slider and released over thumb (Chrome bug)
120
123
  (_a = rangeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
121
124
  (_b = rangeTrackRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerleave', handleRangeTrackPointerLeave);
122
125
  }, []);
@@ -138,7 +141,9 @@ var SliderRatio = function SliderRatio(_ref) {
138
141
  };
139
142
  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
140
143
  className: cn({
141
- disabled: disabled
144
+ disabled: disabled,
145
+ 'hidden-left-value': hideLeftValue,
146
+ label: !!label
142
147
  }, [className])
143
148
  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
144
149
  style: {
@@ -150,7 +155,7 @@ var SliderRatio = function SliderRatio(_ref) {
150
155
  className: cn('label')
151
156
  }, label), /*#__PURE__*/React.createElement("div", {
152
157
  className: cn('display-values')
153
- }, /*#__PURE__*/React.createElement(_ValueField["default"], {
158
+ }, !hideLeftValue && /*#__PURE__*/React.createElement(_ValueField["default"], {
154
159
  isControlled: true,
155
160
  position: "left",
156
161
  value: leftInputValue,
@@ -196,7 +201,8 @@ var SliderRatio = function SliderRatio(_ref) {
196
201
  className: cn('range-track'),
197
202
  onPointerUp: handleRangeTrackPointerUp,
198
203
  onPointerDown: handleRangeTrackPointerDown,
199
- ref: rangeTrackRef
204
+ ref: rangeTrackRef,
205
+ tabIndex: -1 // preventing focus-visible on thumb after rangeInputRef.current?.focus()
200
206
  }), showScale && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
201
207
  className: cn('scale')
202
208
  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.scale)), values.map(function (_, i) {
@@ -204,6 +210,16 @@ var SliderRatio = function SliderRatio(_ref) {
204
210
  className: cn('scale-item'),
205
211
  key: i
206
212
  });
207
- }))));
213
+ }))), !!(customScale === null || customScale === void 0 ? void 0 : customScale.length) && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
214
+ className: cn('custom-scale')
215
+ }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.customScale)), customScale.map(function (item, i) {
216
+ return /*#__PURE__*/React.createElement("div", {
217
+ className: cn('custom-scale-item'),
218
+ style: {
219
+ left: "calc(".concat(100 / (customScale.length - 1) * i, "%)")
220
+ },
221
+ key: i
222
+ }, item);
223
+ })));
208
224
  };
209
225
  var _default = exports["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;
@@ -34,6 +34,9 @@ var getIndexByRangeValue = exports.getIndexByRangeValue = function getIndexByRan
34
34
  };
35
35
  var findClosestValue = exports.findClosestValue = function findClosestValue(values, target, key) {
36
36
  return values.reduce(function (closest, value) {
37
+ if (value[key] === undefined || closest === undefined) {
38
+ return closest;
39
+ }
37
40
  return Math.abs(value[key] - target) > Math.abs(closest - target) ? closest : value[key];
38
41
  }, values[0][key]);
39
42
  };
@@ -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
  };
@@ -26,42 +26,46 @@ var HeartIcon16 = function HeartIcon16(props) {
26
26
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
27
27
  viewBox: "0 0 20 20"
28
28
  }, props), /*#__PURE__*/React.createElement("path", {
29
- 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"
29
+ 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"
30
30
  }));
31
31
  };
32
32
  var HeartIcon24 = function HeartIcon24(props) {
33
33
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
34
34
  viewBox: "0 0 32 32"
35
35
  }, props), /*#__PURE__*/React.createElement("path", {
36
- 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"
36
+ 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"
37
37
  }));
38
38
  };
39
39
  var AttentionIcon16 = function AttentionIcon16(props) {
40
40
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
41
41
  viewBox: "0 0 20 20"
42
42
  }, props), /*#__PURE__*/React.createElement("path", {
43
- 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"
43
+ fillRule: "evenodd",
44
+ clipRule: "evenodd",
45
+ 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"
44
46
  }));
45
47
  };
46
48
  var CheckedIcon16 = function CheckedIcon16(props) {
47
49
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
48
50
  viewBox: "0 0 20 20"
49
51
  }, props), /*#__PURE__*/React.createElement("path", {
50
- 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"
52
+ 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"
51
53
  }));
52
54
  };
53
55
  var AttentionIcon24 = function AttentionIcon24(props) {
54
56
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
55
57
  viewBox: "0 0 32 32"
56
58
  }, props), /*#__PURE__*/React.createElement("path", {
57
- 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"
59
+ fillRule: "evenodd",
60
+ clipRule: "evenodd",
61
+ 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"
58
62
  }));
59
63
  };
60
64
  var CheckedIcon24 = function CheckedIcon24(props) {
61
65
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
62
66
  viewBox: "0 0 32 32"
63
67
  }, props), /*#__PURE__*/React.createElement("path", {
64
- 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"
68
+ 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"
65
69
  }));
66
70
  };
67
71
  var DEFAULT_MAX_TIMER_SECONDS = 4;
@@ -20,7 +20,7 @@ var CheckedIcon = function CheckedIcon(props) {
20
20
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
21
21
  viewBox: "0 0 20 20"
22
22
  }, props), /*#__PURE__*/React.createElement("path", {
23
- 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"
23
+ 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"
24
24
  }));
25
25
  };
26
26
  var cn = (0, _uiHelpers.cnCreate)('mfui-9-stepper');
@@ -18,7 +18,9 @@ var WaitingIcon = function WaitingIcon(props) {
18
18
  }, props), /*#__PURE__*/React.createElement("path", {
19
19
  fillRule: "evenodd",
20
20
  clipRule: "evenodd",
21
- d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
21
+ 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"
22
+ }), /*#__PURE__*/React.createElement("path", {
23
+ 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"
22
24
  }));
23
25
  };
24
26
  var cn = (0, _uiHelpers.cnCreate)('mfui-9-switcher');
@@ -31,7 +31,7 @@ var ArrowLeft = function ArrowLeft(props) {
31
31
  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
32
32
  viewBox: "0 0 20 20"
33
33
  }, props), /*#__PURE__*/React.createElement("path", {
34
- d: "M12 13l-3-3 3-3-1-1-4 4 4 4z"
34
+ 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"
35
35
  }));
36
36
  };
37
37
  var Swiper = null;