@epam/uui 5.4.0 → 5.4.1

package/index.esm.js

@@ -13,519 +13,490 @@ import sortBy from 'lodash.sortby';
 import isoWeek from 'dayjs/plugin/isoWeek.js';
 import FocusLock from 'react-focus-lock';
 
-var _path$1d;
-function _extends$1f() { _extends$1f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1f.apply(this, arguments); }
+var _path$1c;
+function _extends$1e() { _extends$1e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1e.apply(this, arguments); }
 var SvgBtnCross12 = function SvgBtnCross12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1f({
+  return /*#__PURE__*/React.createElement("svg", _extends$1e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9.5 3.205 8.795 2.5 6 5.295 3.205 2.5l-.705.705L5.295 6 2.5 8.795l.705.705L6 6.705 8.795 9.5l.705-.705L6.705 6z"
   })));
 };
-var ForwardRef$1f = /*#__PURE__*/forwardRef(SvgBtnCross12);
+var ForwardRef$1e = /*#__PURE__*/forwardRef(SvgBtnCross12);
 
-var _path$1c;
-function _extends$1e() { _extends$1e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1e.apply(this, arguments); }
+var _path$1b;
+function _extends$1d() { _extends$1d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1d.apply(this, arguments); }
 var SvgBtnCross18 = function SvgBtnCross18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1e({
+  return /*#__PURE__*/React.createElement("svg", _extends$1d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M14.25 4.808 13.193 3.75 9 7.942 4.808 3.75 3.75 4.808 7.942 9 3.75 13.193l1.058 1.057L9 10.057l4.193 4.193 1.057-1.057L10.057 9z"
   })));
 };
-var ForwardRef$1e = /*#__PURE__*/forwardRef(SvgBtnCross18);
+var ForwardRef$1d = /*#__PURE__*/forwardRef(SvgBtnCross18);
 
-var _path$1b;
-function _extends$1d() { _extends$1d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1d.apply(this, arguments); }
+var _path$1a;
+function _extends$1c() { _extends$1c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1c.apply(this, arguments); }
 var SvgBtnCross24 = function SvgBtnCross24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1d({
+  return /*#__PURE__*/React.createElement("svg", _extends$1c({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
   })));
 };
-var ForwardRef$1d = /*#__PURE__*/forwardRef(SvgBtnCross24);
+var ForwardRef$1c = /*#__PURE__*/forwardRef(SvgBtnCross24);
 
-var _path$1a;
-function _extends$1c() { _extends$1c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1c.apply(this, arguments); }
+var _path$19;
+function _extends$1b() { _extends$1b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }
 var SvgFoldingArrow12 = function SvgFoldingArrow12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1c({
+  return /*#__PURE__*/React.createElement("svg", _extends$1b({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M8.295 4.295 6 6.585l-2.295-2.29L3 5l3 3 3-3z"
   })));
 };
-var ForwardRef$1c = /*#__PURE__*/forwardRef(SvgFoldingArrow12);
+var ForwardRef$1b = /*#__PURE__*/forwardRef(SvgFoldingArrow12);
 
-var _path$19;
-function _extends$1b() { _extends$1b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }
+var _path$18;
+function _extends$1a() { _extends$1a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
 var SvgFoldingArrow18 = function SvgFoldingArrow18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1b({
+  return /*#__PURE__*/React.createElement("svg", _extends$1a({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12.443 6.442 9 9.877 5.558 6.442 4.5 7.5 9 12l4.5-4.5z"
   })));
 };
-var ForwardRef$1b = /*#__PURE__*/forwardRef(SvgFoldingArrow18);
+var ForwardRef$1a = /*#__PURE__*/forwardRef(SvgFoldingArrow18);
 
-var _path$18;
-function _extends$1a() { _extends$1a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
+var _path$17;
+function _extends$19() { _extends$19 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
 var SvgFoldingArrow24 = function SvgFoldingArrow24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1a({
+  return /*#__PURE__*/React.createElement("svg", _extends$19({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
   })));
 };
-var ForwardRef$1a = /*#__PURE__*/forwardRef(SvgFoldingArrow24);
+var ForwardRef$19 = /*#__PURE__*/forwardRef(SvgFoldingArrow24);
 
-var _path$17;
-function _extends$19() { _extends$19 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
+var _path$16;
+function _extends$18() { _extends$18 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
 var SvgAccept12 = function SvgAccept12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$19({
+  return /*#__PURE__*/React.createElement("svg", _extends$18({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M4.846 6.8 9.462 2 11 3.6 4.846 10l-.77-.8L1 6l1.538-1.6 2.308 2.4z"
   })));
 };
-var ForwardRef$19 = /*#__PURE__*/forwardRef(SvgAccept12);
+var ForwardRef$18 = /*#__PURE__*/forwardRef(SvgAccept12);
 
-var _path$16;
-function _extends$18() { _extends$18 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
+var _path$15;
+function _extends$17() { _extends$17 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
 var SvgAccept18 = function SvgAccept18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$18({
+  return /*#__PURE__*/React.createElement("svg", _extends$17({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.136 11.91 4.034 8.776 3 9.821 7.136 14 16 5.045 14.966 4z"
   })));
 };
-var ForwardRef$18 = /*#__PURE__*/forwardRef(SvgAccept18);
+var ForwardRef$17 = /*#__PURE__*/forwardRef(SvgAccept18);
 
-var _path$15;
-function _extends$17() { _extends$17 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
+var _path$14;
+function _extends$16() { _extends$16 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
 var SvgAccept24 = function SvgAccept24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$17({
+  return /*#__PURE__*/React.createElement("svg", _extends$16({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "m9.727 16.075-4.295-4.388L4 13.149 9.727 19 22 6.463 20.568 5z"
   })));
 };
-var ForwardRef$17 = /*#__PURE__*/forwardRef(SvgAccept24);
+var ForwardRef$16 = /*#__PURE__*/forwardRef(SvgAccept24);
 
-var _path$14;
-function _extends$16() { _extends$16 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
+var _path$13;
+function _extends$15() { _extends$15 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
 var SvgSearch12 = function SvgSearch12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$16({
+  return /*#__PURE__*/React.createElement("svg", _extends$15({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9.016 8.309 10.707 10l-.707.707-1.691-1.691a4.5 4.5 0 1 1 .707-.707zM5.5 9a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"
   })));
 };
-var ForwardRef$16 = /*#__PURE__*/forwardRef(SvgSearch12);
+var ForwardRef$15 = /*#__PURE__*/forwardRef(SvgSearch12);
 
-var _path$13;
-function _extends$15() { _extends$15 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
+var _path$12;
+function _extends$14() { _extends$14 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }
 var SvgSearch18 = function SvgSearch18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$15({
+  return /*#__PURE__*/React.createElement("svg", _extends$14({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M13.749 12.335 16.414 15 15 16.414l-2.665-2.665a6.5 6.5 0 1 1 1.414-1.414zM8.5 13a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9z"
   })));
 };
-var ForwardRef$15 = /*#__PURE__*/forwardRef(SvgSearch18);
+var ForwardRef$14 = /*#__PURE__*/forwardRef(SvgSearch18);
 
-var _path$12;
-function _extends$14() { _extends$14 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }
+var _path$11;
+function _extends$13() { _extends$13 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }
 var SvgSearch24 = function SvgSearch24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$14({
+  return /*#__PURE__*/React.createElement("svg", _extends$13({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M17.32 15.906 21.414 20 20 21.414l-4.094-4.094a8 8 0 1 1 1.414-1.414zM11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12z"
   })));
 };
-var ForwardRef$14 = /*#__PURE__*/forwardRef(SvgSearch24);
+var ForwardRef$13 = /*#__PURE__*/forwardRef(SvgSearch24);
 
-var _path$11;
-function _extends$13() { _extends$13 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }
+var _path$10;
+function _extends$12() { _extends$12 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
 var SvgCalendar12 = function SvgCalendar12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$13({
+  return /*#__PURE__*/React.createElement("svg", _extends$12({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     ref: ref
-  }, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M10 2H9V1H8v1H4V1H3v1H2c-.55 0-1 .45-1 1v7c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm0 8H2V4h8v6z"
   })));
 };
-var ForwardRef$13 = /*#__PURE__*/forwardRef(SvgCalendar12);
+var ForwardRef$12 = /*#__PURE__*/forwardRef(SvgCalendar12);
 
-var _path$10;
-function _extends$12() { _extends$12 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
+var _path$$;
+function _extends$11() { _extends$11 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
 var SvgCalendar18 = function SvgCalendar18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$12({
+  return /*#__PURE__*/React.createElement("svg", _extends$11({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M14 3V1h-2v2H6V1H4v2C3 3 2 4 2 5v10c0 1 1 2 2 2h10c1 0 2-1 2-2V5c0-1-1-2-2-2zm0 12-10 .048V7h10v8z"
   })));
 };
-var ForwardRef$12 = /*#__PURE__*/forwardRef(SvgCalendar18);
+var ForwardRef$11 = /*#__PURE__*/forwardRef(SvgCalendar18);
 
-var _path$$;
-function _extends$11() { _extends$11 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
+var _path$_;
+function _extends$10() { _extends$10 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
 var SvgCalendar24 = function SvgCalendar24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$11({
+  return /*#__PURE__*/React.createElement("svg", _extends$10({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"
   })));
 };
-var ForwardRef$11 = /*#__PURE__*/forwardRef(SvgCalendar24);
+var ForwardRef$10 = /*#__PURE__*/forwardRef(SvgCalendar24);
 
-var _path$_;
-function _extends$10() { _extends$10 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
+var _path$Z;
+function _extends$$() { _extends$$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
 var SvgInfo12 = function SvgInfo12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$10({
+  return /*#__PURE__*/React.createElement("svg", _extends$$({
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
     d: "M6 1C3.24 1 1 3.24 1 6s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm1 8H5V5h2zm0-5c-.471.471-1.529.471-2 0s-.471-1.529 0-2 1.529-.471 2 0 .471 1.529 0 2z",
     fillRule: "evenodd"
   })));
 };
-var ForwardRef$10 = /*#__PURE__*/forwardRef(SvgInfo12);
+var ForwardRef$$ = /*#__PURE__*/forwardRef(SvgInfo12);
 
-var _path$Z;
-function _extends$$() { _extends$$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
+var _path$Y;
+function _extends$_() { _extends$_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
 var SvgInfo18 = function SvgInfo18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$$({
+  return /*#__PURE__*/React.createElement("svg", _extends$_({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M8 13h2V8H8v5zM9 1C4.584 1 1 4.584 1 9s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm0 15c-3.859 0-7-3.141-7-7s3.141-7 7-7 7 3.141 7 7-3.141 7-7 7zM8 7h2V5H8v2z"
   })));
 };
-var ForwardRef$$ = /*#__PURE__*/forwardRef(SvgInfo18);
+var ForwardRef$_ = /*#__PURE__*/forwardRef(SvgInfo18);
 
-var _path$Y;
-function _extends$_() { _extends$_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
+var _path$X;
+function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
 var SvgInfo24 = function SvgInfo24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$_({
+  return /*#__PURE__*/React.createElement("svg", _extends$Z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"
   })));
 };
-var ForwardRef$_ = /*#__PURE__*/forwardRef(SvgInfo24);
+var ForwardRef$Z = /*#__PURE__*/forwardRef(SvgInfo24);
 
-var _path$X;
-function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
+var _path$W;
+function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
 var SvgHelpFill10 = function SvgHelpFill10(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Z({
+  return /*#__PURE__*/React.createElement("svg", _extends$Y({
     width: 10,
     height: 10,
     viewBox: "0 0 10 10",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
     d: "M5 0C2.24 0 0 2.24 0 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5Zm.5 7.5h-1v-3h1v3Zm0-4h-1v-1h1v1Z"
   })));
 };
-var ForwardRef$Z = /*#__PURE__*/forwardRef(SvgHelpFill10);
+var ForwardRef$Y = /*#__PURE__*/forwardRef(SvgHelpFill10);
 
-var _path$W;
-function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
+var _path$V;
+function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
 var SvgHelpFill16 = function SvgHelpFill16(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Y({
+  return /*#__PURE__*/React.createElement("svg", _extends$X({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
-    d: "M7 12h2V7H7v5ZM8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8Zm0 15c-3.859 0-7-3.141-7-7s3.141-7 7-7 7 3.141 7 7-3.141 7-7 7ZM7 6h2V4H7v2Z"
-  })));
-};
-var ForwardRef$Y = /*#__PURE__*/forwardRef(SvgHelpFill16);
-
-var _path$V;
-function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
-var SvgFileFileWord24 = function SvgFileFileWord24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$X({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    viewBox: "0 0 24 24",
-    ref: ref
   }, props), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.2 18h-1.4L12 13.2 10.2 20H8.8l-2.2-9h1.5l1.4 6.8 1.8-6.8h1.3l1.8 6.8 1.4-6.8h1.5l-2.1 9zM13 9V3.5L18.5 9H13z",
-    clipRule: "evenodd"
+    d: "M7 12h2V7H7v5ZM8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8Zm0 15c-3.859 0-7-3.141-7-7s3.141-7 7-7 7 3.141 7 7-3.141 7-7 7ZM7 6h2V4H7v2Z"
   })));
 };
-var ForwardRef$X = /*#__PURE__*/forwardRef(SvgFileFileWord24);
+var ForwardRef$X = /*#__PURE__*/forwardRef(SvgHelpFill16);
 
 var _path$U;
 function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
-var SvgFileFileExcel24 = function SvgFileFileExcel24(props, ref) {
+var SvgFileFileWord24 = function SvgFileFileWord24(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$W({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
+    width: 25,
     height: 24,
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 25 24",
     ref: ref
   }, props), _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.8 18H14l-2-3.4-2 3.4H8.2l2.9-4.5L8.2 11H10l2 3.4 2-3.4h1.8l-2.9 4.5 2.9 4.5zM13 9V3.5L18.5 9H13z",
+    d: "M14.5 2h-8a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.2 18h-1.4l-1.8-6.8-1.8 6.8H9.3l-2.2-9h1.5l1.4 6.8 1.8-6.8h1.3l1.8 6.8 1.4-6.8h1.5l-2.1 9zM13.5 9V3.5L19 9h-5.5z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$W = /*#__PURE__*/forwardRef(SvgFileFileExcel24);
+var ForwardRef$W = /*#__PURE__*/forwardRef(SvgFileFileWord24);
 
 var _path$T;
 function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
-var SvgFileFilePdf24 = function SvgFileFilePdf24(props, ref) {
+var SvgFileFileExcel24 = function SvgFileFileExcel24(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$V({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
+    width: 25,
     height: 24,
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 25 24",
     ref: ref
   }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm4.1 9.4c-.02.04-.29 1.76-2.1 4.69 0 0-3.5 1.82-2.67 3.18.67 1.08 2.32-.04 3.74-2.68 0 0 1.82-.64 4.24-.82 0 0 3.86 1.73 4.39-.11.52-1.86-3.06-1.44-3.7-1.25 0 0-2-1.35-2.5-3.21 0 0 1.14-3.95-.61-3.9-1.75.05-1.09 3.13-.79 4.1zm.81 1.04c.03.01.47 1.21 1.89 2.46 0 0-2.33.46-3.39.9 0 0 1-1.73 1.5-3.36zm3.93 2.72c.58-.16 2.33.15 2.26.48-.06.33-2.26-.48-2.26-.48zM7.77 17c-.53 1.24-1.44 2-1.67 2-.23 0 .7-1.6 1.67-2zm3.14-6.93c0-.07-.36-2.2 0-2.15.54.08 0 2.08 0 2.15z",
+    d: "M14.5 2h-8a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.8 18h-1.8l-2-3.4-2 3.4H8.7l2.9-4.5L8.7 11h1.8l2 3.4 2-3.4h1.8l-2.9 4.5 2.9 4.5zM13.5 9V3.5L19 9h-5.5z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$V = /*#__PURE__*/forwardRef(SvgFileFilePdf24);
+var ForwardRef$V = /*#__PURE__*/forwardRef(SvgFileFileExcel24);
 
 var _path$S;
 function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
-var SvgFileFileImage24 = function SvgFileFileImage24(props, ref) {
+var SvgFileFilePdf24 = function SvgFileFilePdf24(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$U({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
+    width: 25,
     height: 24,
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 25 24",
     ref: ref
   }, props), _path$S || (_path$S = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm0 18h12v-8l-4 4-2-2-6 6zM8 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4z",
+    d: "M13.5 9H19l-5.5-5.5V9zm-7-7h8l6 6v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm4.1 9.4c-.02.04-.29 1.76-2.1 4.69 0 0-3.5 1.82-2.67 3.18.67 1.08 2.32-.04 3.74-2.68 0 0 1.82-.64 4.24-.82 0 0 3.86 1.73 4.39-.11.52-1.86-3.06-1.44-3.7-1.25 0 0-2-1.35-2.5-3.21 0 0 1.14-3.95-.61-3.9-1.75.05-1.09 3.13-.79 4.1zm.81 1.04c.03.01.47 1.21 1.89 2.46 0 0-2.33.46-3.39.9 0 0 1-1.73 1.5-3.36zm3.93 2.72c.58-.16 2.33.15 2.26.48-.06.33-2.26-.48-2.26-.48zM8.27 17c-.53 1.24-1.44 2-1.67 2-.23 0 .7-1.6 1.67-2zm3.14-6.93c0-.07-.36-2.2 0-2.15.54.08 0 2.08 0 2.15z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$U = /*#__PURE__*/forwardRef(SvgFileFileImage24);
+var ForwardRef$U = /*#__PURE__*/forwardRef(SvgFileFilePdf24);
 
-var _path$R, _path2$2;
+var _path$R;
 function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
-var SvgFileFileVideo24 = function SvgFileFileVideo24(props, ref) {
+var SvgFileFileImage24 = function SvgFileFileImage24(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
+    width: 25,
     height: 24,
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 25 24",
     ref: ref
   }, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
-    d: "M14.992 14 9.5 17.138v-6.276L14.992 14z"
-  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M4 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm9-.5V9h5.5L13 3.5zM8.5 9.138v9.724L17.008 14 8.5 9.138z",
+    d: "M13.5 9H19l-5.5-5.5V9zm-7-7h8l6 6v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm0 18h12v-8l-4 4-2-2-6 6zm2-11a2 2 0 1 0 0 4 2 2 0 0 0 0-4z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$T = /*#__PURE__*/forwardRef(SvgFileFileVideo24);
+var ForwardRef$T = /*#__PURE__*/forwardRef(SvgFileFileImage24);
 
-var _path$Q;
+var _path$Q, _path2$5;
 function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
-var SvgFileFileTable24 = function SvgFileFileTable24(props, ref) {
+var SvgFileFileVideo24 = function SvgFileFileVideo24(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
+    width: 25,
     height: 24,
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 25 24",
     ref: ref
   }, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
+    d: "M15.492 14 10 17.138v-6.276L15.492 14z"
+  })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-4 17H7v-2h3v2zm0-3H7v-2h3v2zm0-3H7v-2h3v2zm4 6h-3v-2h3v2zm0-3h-3v-2h3v2zm0-3h-3v-2h3v2zm-1-4V3.5L18.5 9H13z",
+    d: "M4.5 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V4zm9-.5V9H19l-5.5-5.5zM9 9.138v9.724L17.508 14 9 9.138z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$S = /*#__PURE__*/forwardRef(SvgFileFileTable24);
+var ForwardRef$S = /*#__PURE__*/forwardRef(SvgFileFileVideo24);
 
 var _path$P;
 function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
-var SvgFileFileText24 = function SvgFileFileText24(props, ref) {
+var SvgFileFileTable24 = function SvgFileFileTable24(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
+    width: 25,
     height: 24,
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 25 24",
     ref: ref
   }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm9 16v-2H6v2h9zm3-4v-2H6v2h12z",
+    d: "M14.5 2h-8a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-4 17h-3v-2h3v2zm0-3h-3v-2h3v2zm0-3h-3v-2h3v2zm4 6h-3v-2h3v2zm0-3h-3v-2h3v2zm0-3h-3v-2h3v2zm-1-4V3.5L19 9h-5.5z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$R = /*#__PURE__*/forwardRef(SvgFileFileText24);
+var ForwardRef$R = /*#__PURE__*/forwardRef(SvgFileFileTable24);
 
 var _path$O;
 function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
-var SvgFileFileEml24 = function SvgFileFileEml24(props, ref) {
+var SvgFileFileText24 = function SvgFileFileText24(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$Q({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
+    width: 25,
     height: 24,
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 25 24",
     ref: ref
   }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M4 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm9-.5V9h5.5L13 3.5zM7 18v-4.732l5 3.333 5-3.333V18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1zm5-2.6 4.688-3.126A.997.997 0 0 0 16 12H8a.997.997 0 0 0-.688.274L12 15.399z",
+    d: "M13.5 9H19l-5.5-5.5V9zm-7-7h8l6 6v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm9 16v-2h-9v2h9zm3-4v-2h-12v2h12z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$Q = /*#__PURE__*/forwardRef(SvgFileFileEml24);
+var ForwardRef$Q = /*#__PURE__*/forwardRef(SvgFileFileText24);
 
 var _path$N;
 function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
-var SvgFileFile24 = function SvgFileFile24(props, ref) {
+var SvgFileFileEml24 = function SvgFileFileEml24(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
+    width: 25,
     height: 24,
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 25 24",
     ref: ref
   }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M13 9V3.5L18.5 9H13zM6 2c-1.11 0-2 .89-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6H6z",
+    d: "M4.5 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V4zm9-.5V9H19l-5.5-5.5zM7.5 18v-4.732l5 3.333 5-3.333V18a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1zm5-2.6 4.688-3.126A.997.997 0 0 0 16.5 12h-8a.997.997 0 0 0-.688.274l4.688 3.125z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$P = /*#__PURE__*/forwardRef(SvgFileFile24);
+var ForwardRef$P = /*#__PURE__*/forwardRef(SvgFileFileEml24);
+
+var _path$M;
+function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
+var SvgFileFile24 = function SvgFileFile24(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$O({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 25,
+    height: 24,
+    viewBox: "0 0 25 24",
+    ref: ref
+  }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
+    d: "M6.5 22c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 4.5 20V4c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 6.5 2h8l6 6v12a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 18.5 22h-12zm7-13h5l-5-5v5z"
+  })));
+};
+var ForwardRef$O = /*#__PURE__*/forwardRef(SvgFileFile24);
 
 const fileIcons = {
-    docIcon: ForwardRef$X,
-    exelIcon: ForwardRef$W,
-    pdfIcon: ForwardRef$V,
-    imgIcon: ForwardRef$U,
-    videoIcon: ForwardRef$T,
-    tableIcon: ForwardRef$S,
-    textIcon: ForwardRef$R,
-    mailIcon: ForwardRef$Q,
-    fileIcon: ForwardRef$P,
+    docIcon: ForwardRef$W,
+    exelIcon: ForwardRef$V,
+    pdfIcon: ForwardRef$U,
+    imgIcon: ForwardRef$T,
+    videoIcon: ForwardRef$S,
+    tableIcon: ForwardRef$R,
+    textIcon: ForwardRef$Q,
+    mailIcon: ForwardRef$P,
+    fileIcon: ForwardRef$O,
 };
 const systemIcons = {
     18: {
-        clear: ForwardRef$1f,
-        foldingArrow: ForwardRef$1c,
-        accept: ForwardRef$19,
-        search: ForwardRef$16,
-        calendar: ForwardRef$13,
-        info: ForwardRef$10,
-        help: ForwardRef$Z,
-    },
-    24: {
-        clear: ForwardRef$1f,
-        foldingArrow: ForwardRef$1c,
-        accept: ForwardRef$19,
-        search: ForwardRef$16,
-        calendar: ForwardRef$13,
-        info: ForwardRef$10,
-        help: ForwardRef$Z,
-    },
-    30: {
-        clear: ForwardRef$1e,
-        foldingArrow: ForwardRef$1b,
-        accept: ForwardRef$18,
-        search: ForwardRef$15,
-        calendar: ForwardRef$12,
-        info: ForwardRef$$,
-        help: ForwardRef$Z,
-    },
-    36: {
         clear: ForwardRef$1e,
         foldingArrow: ForwardRef$1b,
         accept: ForwardRef$18,
@@ -534,7 +505,7 @@ const systemIcons = {
         info: ForwardRef$$,
         help: ForwardRef$Y,
     },
-    42: {
+    24: {
         clear: ForwardRef$1e,
         foldingArrow: ForwardRef$1b,
         accept: ForwardRef$18,
@@ -543,7 +514,7 @@ const systemIcons = {
         info: ForwardRef$$,
         help: ForwardRef$Y,
     },
-    48: {
+    30: {
         clear: ForwardRef$1d,
         foldingArrow: ForwardRef$1a,
         accept: ForwardRef$17,
@@ -552,31 +523,58 @@ const systemIcons = {
         info: ForwardRef$_,
         help: ForwardRef$Y,
     },
-    60: {
+    36: {
         clear: ForwardRef$1d,
         foldingArrow: ForwardRef$1a,
         accept: ForwardRef$17,
         search: ForwardRef$14,
         calendar: ForwardRef$11,
         info: ForwardRef$_,
-        help: ForwardRef$Y,
+        help: ForwardRef$X,
+    },
+    42: {
+        clear: ForwardRef$1d,
+        foldingArrow: ForwardRef$1a,
+        accept: ForwardRef$17,
+        search: ForwardRef$14,
+        calendar: ForwardRef$11,
+        info: ForwardRef$_,
+        help: ForwardRef$X,
+    },
+    48: {
+        clear: ForwardRef$1c,
+        foldingArrow: ForwardRef$19,
+        accept: ForwardRef$16,
+        search: ForwardRef$13,
+        calendar: ForwardRef$10,
+        info: ForwardRef$Z,
+        help: ForwardRef$X,
+    },
+    60: {
+        clear: ForwardRef$1c,
+        foldingArrow: ForwardRef$19,
+        accept: ForwardRef$16,
+        search: ForwardRef$13,
+        calendar: ForwardRef$10,
+        info: ForwardRef$Z,
+        help: ForwardRef$X,
     },
     none: {
-        clear: ForwardRef$1e,
-        foldingArrow: ForwardRef$1b,
-        accept: ForwardRef$18,
-        search: ForwardRef$15,
-        calendar: ForwardRef$12,
-        info: ForwardRef$$,
-        help: ForwardRef$Y,
+        clear: ForwardRef$1d,
+        foldingArrow: ForwardRef$1a,
+        accept: ForwardRef$17,
+        search: ForwardRef$14,
+        calendar: ForwardRef$11,
+        info: ForwardRef$_,
+        help: ForwardRef$X,
     },
 };
 
-var css$1m = {"root":"WpCPUn"};
+var css$1m = {"root":"NrLoGz"};
 
 const AvatarStack = withMods(AvatarStack$1, () => [css$1m.root]);
 
-var css$1l = {"root":"u99aR-","size-24":"GmWBkg","size-18":"YJZt1K","size-12":"-ZANQZ","size24":"GmWBkg","size18":"YJZt1K","size12":"-ZANQZ"};
+var css$1l = {"root":"QfyBG0","size-24":"PY7xgA","size-18":"Y6pS80","size-12":"K8DUd7","size24":"PY7xgA","size18":"Y6pS80","size12":"K8DUd7"};
 
 const CountIndicator = forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -588,7 +586,7 @@ const CountIndicator = forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1k = {"uui-typography":"SypADw","hero-header":"opC9nS","promo-header":"B9oe6A","uui-critical":"Vf1087","uui-info":"tW2PAF","uui-success":"oAtxtb","uui-warning":"zETl7t","uui-highlight":"jFfNzA","uui-typography-size-12":"glwgyC","uui-typography-size-14":"_1oBJKo","uui-typography-size-16":"KHJS27","root":"SJ-ef4","size-18":"tjQiDc","size-24":"_0ynPy9","size-30":"ZMJChZ","size-36":"akC9IJ","size-42":"_0pzG3Q","size-48":"nF8cRF","uuiTypography":"SypADw","heroHeader":"opC9nS","promoHeader":"B9oe6A","uuiCritical":"Vf1087","uuiInfo":"tW2PAF","uuiSuccess":"oAtxtb","uuiWarning":"zETl7t","uuiHighlight":"jFfNzA","uuiTypographySize12":"glwgyC","uuiTypographySize14":"_1oBJKo","uuiTypographySize16":"KHJS27","size18":"tjQiDc","size24":"_0ynPy9","size30":"ZMJChZ","size36":"akC9IJ","size42":"_0pzG3Q","size48":"nF8cRF"};
+var css$1k = {"uui-typography":"-akWuT","hero-header":"JGJxwx","promo-header":"_8P7JKH","uui-critical":"y4yjv5","uui-info":"MKIW-M","uui-success":"-GoKJO","uui-warning":"YlTAqE","uui-highlight":"fh2DWw","uui-typography-size-12":"_20FNZB","uui-typography-size-14":"_64ZrFp","uui-typography-size-16":"MzvRJp","root":"_8zk-jf","size-18":"gEYvm-","size-24":"HitIUM","size-30":"RFzykC","size-36":"_1Ce-iw","size-42":"Um4nYO","size-48":"mYpTc2","uuiTypography":"-akWuT","heroHeader":"JGJxwx","promoHeader":"_8P7JKH","uuiCritical":"y4yjv5","uuiInfo":"MKIW-M","uuiSuccess":"-GoKJO","uuiWarning":"YlTAqE","uuiHighlight":"fh2DWw","uuiTypographySize12":"_20FNZB","uuiTypographySize14":"_64ZrFp","uuiTypographySize16":"MzvRJp","size18":"gEYvm-","size24":"HitIUM","size30":"RFzykC","size36":"_1Ce-iw","size42":"Um4nYO","size48":"mYpTc2"};
 
 const defaultSize$b = '36';
 const mapSize$1 = {
@@ -636,7 +634,7 @@ const Badge = withMods(Button$1, applyBadgeMods, (props) => {
     };
 });
 
-var css$1j = {"uui-typography":"NRwevP","hero-header":"o3gAJD","promo-header":"lYSeR-","uui-critical":"MhLYsP","uui-info":"xo8irZ","uui-success":"-iRjOa","uui-warning":"SVhnw-","uui-highlight":"_8yQwHp","uui-typography-size-12":"a1P5GO","uui-typography-size-14":"-yl5gk","uui-typography-size-16":"JVKfW0","root":"n5g34A","size-18":"X0a3iH","size-24":"IzTIdU","size-30":"_49vZzq","size-36":"bwXeCT","size-42":"tMVxmq","size-48":"S8rDwZ","uuiTypography":"NRwevP","heroHeader":"o3gAJD","promoHeader":"lYSeR-","uuiCritical":"MhLYsP","uuiInfo":"xo8irZ","uuiSuccess":"-iRjOa","uuiWarning":"SVhnw-","uuiHighlight":"_8yQwHp","uuiTypographySize12":"a1P5GO","uuiTypographySize14":"-yl5gk","uuiTypographySize16":"JVKfW0","size18":"X0a3iH","size24":"IzTIdU","size30":"_49vZzq","size36":"bwXeCT","size42":"tMVxmq","size48":"S8rDwZ"};
+var css$1j = {"uui-typography":"T74y0l","hero-header":"mNG2yz","promo-header":"xnE0vb","uui-critical":"MnGhyo","uui-info":"qCSNJn","uui-success":"uuzRY1","uui-warning":"zURsNN","uui-highlight":"C8t-cJ","uui-typography-size-12":"ub5-qH","uui-typography-size-14":"Dx6LRN","uui-typography-size-16":"WaTw5w","root":"MGlfll","size-18":"JOFZzG","size-24":"hPyg7E","size-30":"zOinHk","size-36":"Y0Hp4G","size-42":"_95CitI","size-48":"NW-K6O","uuiTypography":"T74y0l","heroHeader":"mNG2yz","promoHeader":"xnE0vb","uuiCritical":"MnGhyo","uuiInfo":"qCSNJn","uuiSuccess":"uuzRY1","uuiWarning":"zURsNN","uuiHighlight":"C8t-cJ","uuiTypographySize12":"ub5-qH","uuiTypographySize14":"Dx6LRN","uuiTypographySize16":"WaTw5w","size18":"JOFZzG","size24":"hPyg7E","size30":"zOinHk","size36":"Y0Hp4G","size42":"_95CitI","size48":"NW-K6O"};
 
 const defaultSize$a = '36';
 const mapSize = {
@@ -655,102 +653,103 @@ const mapCountIndicatorSizes = {
     42: '24',
     48: '24',
 };
-function applyTagMods(mods) {
+function applyTagMods(props) {
     return [
-        css$1j['size-' + (mods.size || defaultSize$a)],
+        css$1j['size-' + (props.size || defaultSize$a)],
         css$1j.root,
-        'uui-color-neutral',
+        `uui-color-${props.color || 'neutral'}`,
+        `uui-fill-${props.fill || 'solid'}`,
         'uui-tag',
     ];
 }
 const Tag = withMods(Button$1, applyTagMods, (props) => ({
     dropdownIcon: systemIcons[mapSize[props.size] || defaultSize$a].foldingArrow,
     clearIcon: systemIcons[mapSize[props.size] || defaultSize$a].clear,
-    countIndicator: (countIndicatorProps) => (React__default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: "white", size: mapCountIndicatorSizes[props.size || defaultSize$a] }))),
+    countIndicator: (countIndicatorProps) => (React__default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: mapCountIndicatorSizes[props.size || defaultSize$a] }))),
 }));
 
-var css$1i = {"root":"zKvhc5","uui-spinner":"uvepoX","uuiSpinner":"uvepoX"};
+var css$1i = {"root":"eh-eh1","uui-spinner":"i7T6N0","uuiSpinner":"i7T6N0"};
 
 function applySpinnerMods() {
     return [css$1i.root, 'uui-spinner'];
 }
 const Spinner = withMods(Spinner$1, applySpinnerMods);
 
-var css$1h = {"root":"D1fbkL","spacer":"cPfiln","mode-ghost":"o7lkr5","size-24":"KF7oxw","size-30":"F8PHAo","navigation-size-24":"OfuJ2o","navigation-size-30":"RWaWD3","modeGhost":"o7lkr5","size24":"KF7oxw","size30":"F8PHAo","navigationSize24":"OfuJ2o","navigationSize30":"RWaWD3"};
+var css$1h = {"root":"-PRx7y","spacer":"JHnLL1","mode-ghost":"_-7hsPv","size-24":"_0Wh5ss","size-30":"k245vA","navigation-size-24":"_1wGax-","navigation-size-30":"_2SacKI","modeGhost":"_-7hsPv","size24":"_0Wh5ss","size30":"k245vA","navigationSize24":"_1wGax-","navigationSize30":"_2SacKI"};
 
-var _path$M;
-function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
+var _path$L;
+function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
 var SvgNavigationChevronLeft12 = function SvgNavigationChevronLeft12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$O({
+  return /*#__PURE__*/React.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 12,
+    width: 13,
     height: 12,
-    viewBox: "0 0 12 12",
+    viewBox: "0 0 13 12",
     ref: ref
-  }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M7.705 3.705 7 3 4 6l3 3 .705-.705L5.415 6l2.29-2.295z",
+    d: "M8.205 3.705 7.5 3l-3 3 3 3 .705-.705L5.915 6l2.29-2.295z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$O = /*#__PURE__*/forwardRef(SvgNavigationChevronLeft12);
+var ForwardRef$N = /*#__PURE__*/forwardRef(SvgNavigationChevronLeft12);
 
-var _path$L;
-function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
+var _path$K;
+function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
 var SvgNavigationChevronRight12 = function SvgNavigationChevronRight12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$N({
+  return /*#__PURE__*/React.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 12,
+    width: 13,
     height: 12,
-    viewBox: "0 0 12 12",
+    viewBox: "0 0 13 12",
     ref: ref
-  }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "m5 3-.705.705L6.585 6l-2.29 2.295L5 9l3-3-3-3z",
+    d: "m5.5 3-.705.705L7.085 6l-2.29 2.295L5.5 9l3-3-3-3z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$N = /*#__PURE__*/forwardRef(SvgNavigationChevronRight12);
+var ForwardRef$M = /*#__PURE__*/forwardRef(SvgNavigationChevronRight12);
 
-var _path$K;
-function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
+var _path$J;
+function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
 var SvgNavigationChevronLeft18 = function SvgNavigationChevronLeft18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$M({
+  return /*#__PURE__*/React.createElement("svg", _extends$L({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M11.557 5.558 10.5 4.5 6 9l4.5 4.5 1.057-1.057L8.123 9l3.434-3.442z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$M = /*#__PURE__*/forwardRef(SvgNavigationChevronLeft18);
+var ForwardRef$L = /*#__PURE__*/forwardRef(SvgNavigationChevronLeft18);
 
-var _path$J;
-function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
+var _path$I;
+function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
 var SvgNavigationChevronRight18 = function SvgNavigationChevronRight18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$L({
+  return /*#__PURE__*/React.createElement("svg", _extends$K({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.5 4.5 6.442 5.558 9.877 9l-3.435 3.443L7.5 13.5 12 9 7.5 4.5z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$L = /*#__PURE__*/forwardRef(SvgNavigationChevronRight18);
+var ForwardRef$K = /*#__PURE__*/forwardRef(SvgNavigationChevronRight18);
 
 function Paginator(props) {
     const renderPaginator = (params) => {
         var _a, _b;
         return (React__default.createElement("nav", Object.assign({ role: "navigation", className: cx(css$1h.root, 'uui-paginator') }, params.rawProps),
-            React__default.createElement(Button, { cx: css$1h[`navigation-size-${(_a = params.size) !== null && _a !== void 0 ? _a : '30'}`], size: params.size, icon: params.size === '30' ? ForwardRef$M : ForwardRef$O, onClick: params.goToPrev, isDisabled: params.isFirst, fill: "outline", color: "secondary" }),
+            React__default.createElement(Button, { cx: css$1h[`navigation-size-${(_a = params.size) !== null && _a !== void 0 ? _a : '30'}`], size: params.size, icon: params.size === '30' ? ForwardRef$L : ForwardRef$N, onClick: params.goToPrev, isDisabled: params.isFirst, fill: "outline", color: "secondary" }),
             params.pages.map((page, index) => {
                 var _a, _b;
                 if (page.type === 'spacer') {
@@ -760,19 +759,19 @@ function Paginator(props) {
                     return (React__default.createElement(Button, { cx: cx(css$1h[`size-${(_b = params.size) !== null && _b !== void 0 ? _b : '30'}`], css$1h[`mode-${!page.isActive && 'ghost'}`]), size: params.size, key: page.pageNumber, caption: page.pageNumber, onClick: () => { var _a; return (_a = page.onClick) === null || _a === void 0 ? void 0 : _a.call(page); }, rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary" }));
                 }
             }),
-            React__default.createElement(Button, { cx: css$1h[`navigation-size-${(_b = params.size) !== null && _b !== void 0 ? _b : '30'}`], size: params.size, icon: params.size === '30' ? ForwardRef$L : ForwardRef$N, onClick: params.goToNext, isDisabled: params.isLast, fill: "outline", color: "secondary" })));
+            React__default.createElement(Button, { cx: css$1h[`navigation-size-${(_b = params.size) !== null && _b !== void 0 ? _b : '30'}`], size: params.size, icon: params.size === '30' ? ForwardRef$K : ForwardRef$M, onClick: params.goToNext, isDisabled: params.isLast, fill: "outline", color: "secondary" })));
     };
     return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
 }
 
-var css$1g = {"root":"eEk45r","progress-bar":"_2159Z6","progressBar-indeterminate":"_0OmAoK","size-12":"ejMvIT","size-18":"POHonE","size-24":"BLH-jX","progressBar":"_2159Z6","progressBarIndeterminate":"_0OmAoK","size12":"ejMvIT","size18":"POHonE","size24":"BLH-jX"};
+var css$1g = {"root":"tl0T-s","progress-bar":"ITHLfV","progressBar-indeterminate":"oYgN4l","size-12":"_1s3QjG","size-18":"_64OCZi","size-24":"HkRY4o","progressBar":"ITHLfV","progressBarIndeterminate":"oYgN4l","size12":"_1s3QjG","size18":"_64OCZi","size24":"HkRY4o"};
 
 const IndeterminateBar = React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$1g.root, css$1g[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(css$1g.progressBar) })));
 });
 
-var css$1f = {"root":"_3qiD7T","striped":"_4Ccn-c","animate-stripes":"Dlvelu","size-12":"Oi06HI","size-18":"Alu94i","size-24":"y2grzv","animateStripes":"Dlvelu","size12":"Oi06HI","size18":"Alu94i","size24":"y2grzv"};
+var css$1f = {"root":"cHrEv7","striped":"prlax3","animate-stripes":"T1--ZB","size-12":"szWaHn","size-18":"anuNQk","size-24":"R1Z5IN","animateStripes":"T1--ZB","size12":"szWaHn","size18":"anuNQk","size24":"R1Z5IN"};
 
 const defaultSize$9 = '12';
 function applyProgressBarMods(mods) {
@@ -787,14 +786,14 @@ const ProgressBar = withMods(ProgressBar$1, applyProgressBarMods, (props) => ({
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$1e = {"root":"aU8Czc"};
+var css$1e = {"root":"P0Y-R1"};
 
 const IndicatorBar = React.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$1e.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$1e.root, props.cx) }));
 });
 
-var css$1d = {"root":"eT7zr2","size-12":"_9cjTxF","size-18":"bV9Zus","size-24":"uy0d8F","size12":"_9cjTxF","size18":"bV9Zus","size24":"uy0d8F"};
+var css$1d = {"root":"H1B8Uz","size-12":"QkXGBI","size-18":"gV1IRM","size-24":"_9FMq61","size12":"QkXGBI","size18":"gV1IRM","size24":"_9FMq61"};
 
 const StatusIndicator = forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -809,11 +808,8 @@ const StatusIndicator = forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
 });
 
-var css$1c = {"uui-typography":"bE70KD","hero-header":"oDdXjC","promo-header":"UotDvr","uui-critical":"s9eVFe","uui-info":"YubmKC","uui-success":"uggMG2","uui-warning":"_6IDEOi","uui-highlight":"Azsbvi","uui-typography-size-12":"FybzX9","uui-typography-size-14":"_6WEYqw","uui-typography-size-16":"_5pZIMO","root":"XprW-8","uuiTypography":"bE70KD","heroHeader":"oDdXjC","promoHeader":"UotDvr","uuiCritical":"s9eVFe","uuiInfo":"YubmKC","uuiSuccess":"uggMG2","uuiWarning":"_6IDEOi","uuiHighlight":"Azsbvi","uuiTypographySize12":"FybzX9","uuiTypographySize14":"_6WEYqw","uuiTypographySize16":"_5pZIMO"};
+var css$1c = {"uui-typography":"gq5eIv","hero-header":"-UaDar","promo-header":"Qivptp","uui-critical":"EvtLeP","uui-info":"L9BjlN","uui-success":"z4D3pl","uui-warning":"_5cL9FZ","uui-highlight":"VajIfA","uui-typography-size-12":"LyPili","uui-typography-size-14":"_8H8g8I","uui-typography-size-16":"_0W8mSU","root":"n9QggH","uuiTypography":"gq5eIv","heroHeader":"-UaDar","promoHeader":"Qivptp","uuiCritical":"EvtLeP","uuiInfo":"L9BjlN","uuiSuccess":"z4D3pl","uuiWarning":"_5cL9FZ","uuiHighlight":"VajIfA","uuiTypographySize12":"LyPili","uuiTypographySize14":"_8H8g8I","uuiTypographySize16":"_0W8mSU"};
 
-const allButtonColors = [
-    'accent', 'primary', 'critical', 'secondary', 'neutral',
-];
 const defaultSize$8 = '36';
 function applyButtonMods(mods) {
     return [
@@ -830,7 +826,7 @@ const Button = withMods(Button$1, applyButtonMods, (props) => ({
     countIndicator: (countIndicatorProps) => React__default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: "white" })),
 }));
 
-var css$1b = {"root":"S5HIHN"};
+var css$1b = {"root":"sudd16"};
 
 const allIconColors = [
     'info', 'success', 'warning', 'error', 'secondary', 'neutral',
@@ -840,7 +836,7 @@ function applyIconButtonMods(mods) {
 }
 const IconButton = withMods(IconButton$1, applyIconButtonMods);
 
-var css$1a = {"root":"hG6Q-Y"};
+var css$1a = {"root":"IyZtrY"};
 
 function getIconClass(props) {
     const classList = {
@@ -875,7 +871,7 @@ const LinkButton = withMods(Button$1, applyLinkButtonMods, (props) => ({
     clearIcon: systemIcons[props.size || defaultSize$7].clear,
 }));
 
-var css$19 = {"uui-typography":"lT8LSF","hero-header":"i1rENA","promo-header":"KSb-Zu","uui-critical":"BQJzkv","uui-info":"_5N3zxB","uui-success":"eVdump","uui-warning":"j2EtKi","uui-highlight":"G6oWj9","uui-typography-size-12":"A44qU3","uui-typography-size-14":"Nmz2nr","uui-typography-size-16":"x7d1C7","root":"F0HJK7","withNotify":"fcAzV0","size-36":"_3L8Sak","size-48":"VGZxW4","size-60":"AurYFn","uuiTypography":"lT8LSF","heroHeader":"i1rENA","promoHeader":"KSb-Zu","uuiCritical":"BQJzkv","uuiInfo":"_5N3zxB","uuiSuccess":"eVdump","uuiWarning":"j2EtKi","uuiHighlight":"G6oWj9","uuiTypographySize12":"A44qU3","uuiTypographySize14":"Nmz2nr","uuiTypographySize16":"x7d1C7","size36":"_3L8Sak","size48":"VGZxW4","size60":"AurYFn"};
+var css$19 = {"uui-typography":"Q-Ixy0","hero-header":"L5yyO-","promo-header":"wIMt1Z","uui-critical":"dJ59EC","uui-info":"_4xQdur","uui-success":"eZ9LMq","uui-warning":"TxWaxq","uui-highlight":"u1hPbL","uui-typography-size-12":"Pnqks2","uui-typography-size-14":"gzcXCO","uui-typography-size-16":"_9a-Ojo","root":"HSLomC","withNotify":"-lKTrW","size-36":"_3bZ75o","size-48":"-BExUz","size-60":"N99o5P","uuiTypography":"Q-Ixy0","heroHeader":"L5yyO-","promoHeader":"wIMt1Z","uuiCritical":"dJ59EC","uuiInfo":"_4xQdur","uuiSuccess":"eZ9LMq","uuiWarning":"TxWaxq","uuiHighlight":"u1hPbL","uuiTypographySize12":"Pnqks2","uuiTypographySize14":"gzcXCO","uuiTypographySize16":"_9a-Ojo","size36":"_3bZ75o","size48":"-BExUz","size60":"N99o5P"};
 
 function applyTabButtonMods(mods) {
     return [
@@ -888,38 +884,13 @@ function applyTabButtonMods(mods) {
 }
 const TabButton = withMods(Button$1, applyTabButtonMods, (props) => (Object.assign(Object.assign({ dropdownIcon: systemIcons['36'].foldingArrow, clearIcon: systemIcons['36'].clear }, props), { rawProps: Object.assign({ role: 'tab' }, props.rawProps), countIndicator: (countIndicatorProps) => (React__default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: props.isLinkActive ? 'info' : 'neutral', size: "18" }))) })));
 
-var css$18 = {"uui-typography":"vtQR0c","hero-header":"neDZe1","promo-header":"hJch3y","uui-critical":"i0wN15","uui-info":"SRDiZf","uui-success":"Ej4bsO","uui-warning":"sdeX66","uui-highlight":"IZRirS","uui-typography-size-12":"wJPlq6","uui-typography-size-14":"_5DGJCv","uui-typography-size-16":"C22-gE","root":"NS8OK5","uuiTypography":"vtQR0c","heroHeader":"neDZe1","promoHeader":"hJch3y","uuiCritical":"i0wN15","uuiInfo":"SRDiZf","uuiSuccess":"Ej4bsO","uuiWarning":"sdeX66","uuiHighlight":"IZRirS","uuiTypographySize12":"wJPlq6","uuiTypographySize14":"_5DGJCv","uuiTypographySize16":"C22-gE"};
+var css$18 = {"uui-typography":"BQfKnC","hero-header":"HQ-FyG","promo-header":"CYCKY6","uui-critical":"k2-0UJ","uui-info":"AuBsYg","uui-success":"Ytvknu","uui-warning":"rDaf7b","uui-highlight":"DAHF--","uui-typography-size-12":"xbtUcL","uui-typography-size-14":"bToYlM","uui-typography-size-16":"_0Ht1sE","root":"s-ARa7","uuiTypography":"BQfKnC","heroHeader":"HQ-FyG","promoHeader":"CYCKY6","uuiCritical":"k2-0UJ","uuiInfo":"AuBsYg","uuiSuccess":"Ytvknu","uuiWarning":"rDaf7b","uuiHighlight":"DAHF--","uuiTypographySize12":"xbtUcL","uuiTypographySize14":"bToYlM","uuiTypographySize16":"_0Ht1sE"};
 
 function applyVerticalTabButtonMods() {
     return [css$18.root];
-}
-const VerticalTabButton = withMods(TabButton, applyVerticalTabButtonMods);
-
-const allButtonFills = [
-    'solid', 'outline', 'ghost', 'none',
-];
-const allFillStyles = allButtonFills;
-const allSizes = [
-    '24', '30', '36', '42', '48',
-];
-const allRowSizes = [
-    null, '24', '30', '36', '42', '48',
-];
-const allSemanticColors = [
-    'info', 'success', 'warning', 'error',
-];
-const allEpamBadgeSemanticColors = [
-    'info', 'success', 'warning', 'critical', 'neutral',
-];
-const allTextSizes = [
-    '18', '24', '30', '36', '48',
-];
-const allFontStyles = [
-    'normal', 'italic',
-];
-const allFontWeights = [
-    '200', '300', '400', '600', '700', '900',
-];
+}
+const VerticalTabButton = withMods(TabButton, applyVerticalTabButtonMods);
+
 var EditMode;
 (function (EditMode) {
     EditMode["FORM"] = "form";
@@ -927,71 +898,71 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var _path$I;
-function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
+var _path$H;
+function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
 var SvgCheck12 = function SvgCheck12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$K({
+  return /*#__PURE__*/React.createElement("svg", _extends$J({
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9.491 3.449 10.51 4.55 5.663 9.024 2.487 6.047l1.026-1.094L5.67 6.975z"
   })));
 };
-var ForwardRef$K = /*#__PURE__*/forwardRef(SvgCheck12);
+var ForwardRef$J = /*#__PURE__*/forwardRef(SvgCheck12);
 
-var _path$H;
-function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
+var _path$G;
+function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
 var SvgCheck18 = function SvgCheck18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$J({
+  return /*#__PURE__*/React.createElement("svg", _extends$I({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "m14.247 4.341 1.506 1.318-7.704 8.804-4.756-4.756 1.414-1.414 3.244 3.243z"
   })));
 };
-var ForwardRef$J = /*#__PURE__*/forwardRef(SvgCheck18);
+var ForwardRef$I = /*#__PURE__*/forwardRef(SvgCheck18);
 
-var _path$G;
-function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
+var _path$F;
+function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
 var SvgPartlySelect12 = function SvgPartlySelect12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$I({
+  return /*#__PURE__*/React.createElement("svg", _extends$H({
     width: 12,
     height: 12,
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9 5v2H3V5z"
   })));
 };
-var ForwardRef$I = /*#__PURE__*/forwardRef(SvgPartlySelect12);
+var ForwardRef$H = /*#__PURE__*/forwardRef(SvgPartlySelect12);
 
-var _path$F;
-function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
+var _path$E;
+function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
 var SvgPartlySelect18 = function SvgPartlySelect18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$H({
+  return /*#__PURE__*/React.createElement("svg", _extends$G({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M14 8v2H4V8z"
   })));
 };
-var ForwardRef$H = /*#__PURE__*/forwardRef(SvgPartlySelect18);
+var ForwardRef$G = /*#__PURE__*/forwardRef(SvgPartlySelect18);
 
-var css$17 = {"uui-typography":"K1Rj7r","hero-header":"xcdZea","promo-header":"ELwTJv","uui-critical":"pDzlzI","uui-info":"wdciLS","uui-success":"_7dgbVY","uui-warning":"jsdm9a","uui-highlight":"_-80zjt","uui-typography-size-12":"xbwe3Z","uui-typography-size-14":"cvGhVB","uui-typography-size-16":"_6MzKXr","root":"guafHi","size-18":"qw6MYb","size-12":"KcRld3","mode-cell":"shwRIJ","uuiTypography":"K1Rj7r","heroHeader":"xcdZea","promoHeader":"ELwTJv","uuiCritical":"pDzlzI","uuiInfo":"wdciLS","uuiSuccess":"_7dgbVY","uuiWarning":"jsdm9a","uuiHighlight":"_-80zjt","uuiTypographySize12":"xbwe3Z","uuiTypographySize14":"cvGhVB","uuiTypographySize16":"_6MzKXr","size18":"qw6MYb","size12":"KcRld3","modeCell":"shwRIJ"};
+var css$17 = {"uui-typography":"ffMfmg","hero-header":"Zqk9wu","promo-header":"_2ip7yR","uui-critical":"QUf-0w","uui-info":"HHcfd5","uui-success":"lOFaqw","uui-warning":"WW14ZY","uui-highlight":"n3j0yp","uui-typography-size-12":"_8ZD0Br","uui-typography-size-14":"WL2H6V","uui-typography-size-16":"esMRJe","root":"ceN76m","size-18":"BZCcjv","size-12":"_54cJTn","mode-cell":"nuC0ih","uuiTypography":"ffMfmg","heroHeader":"Zqk9wu","promoHeader":"_2ip7yR","uuiCritical":"QUf-0w","uuiInfo":"HHcfd5","uuiSuccess":"lOFaqw","uuiWarning":"WW14ZY","uuiHighlight":"n3j0yp","uuiTypographySize12":"_8ZD0Br","uuiTypographySize14":"WL2H6V","uuiTypographySize16":"esMRJe","size18":"BZCcjv","size12":"_54cJTn","modeCell":"nuC0ih"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1002,17 +973,17 @@ function applyCheckboxMods(mods) {
     ];
 }
 const applyUUICheckboxProps = (props) => ({
-    icon: props.size === '12' ? ForwardRef$K : ForwardRef$J,
-    indeterminateIcon: props.size === '12' ? ForwardRef$I : ForwardRef$H,
+    icon: props.size === '12' ? ForwardRef$J : ForwardRef$I,
+    indeterminateIcon: props.size === '12' ? ForwardRef$H : ForwardRef$G,
 });
 const Checkbox = withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$16 = {"uui-typography":"ObTsOl","hero-header":"_9JwhjC","promo-header":"_1ICu9T","uui-critical":"JuNg06","uui-info":"_1CIRXq","uui-success":"FSUXJG","uui-warning":"_6Zzxk3","uui-highlight":"wzNLRr","uui-typography-size-12":"w-31lg","uui-typography-size-14":"akDJ8k","uui-typography-size-16":"-fdplU","root":"l2oYIw","size-18":"NF3fv-","size-12":"-SaPhP","uuiTypography":"ObTsOl","heroHeader":"_9JwhjC","promoHeader":"_1ICu9T","uuiCritical":"JuNg06","uuiInfo":"_1CIRXq","uuiSuccess":"FSUXJG","uuiWarning":"_6Zzxk3","uuiHighlight":"wzNLRr","uuiTypographySize12":"w-31lg","uuiTypographySize14":"akDJ8k","uuiTypographySize16":"-fdplU","size18":"NF3fv-","size12":"-SaPhP"};
+var css$16 = {"uui-typography":"dc24f1","hero-header":"QTU8Yt","promo-header":"nnu1pI","uui-critical":"oI8k5l","uui-info":"bIpbWu","uui-success":"Zh2-WX","uui-warning":"imEiRH","uui-highlight":"_5xtsTH","uui-typography-size-12":"TP60jf","uui-typography-size-14":"mRsTbD","uui-typography-size-16":"_86l5jC","root":"_1ZZuBa","size-18":"_0K41sk","size-12":"_2npppT","uuiTypography":"dc24f1","heroHeader":"QTU8Yt","promoHeader":"nnu1pI","uuiCritical":"oI8k5l","uuiInfo":"bIpbWu","uuiSuccess":"Zh2-WX","uuiWarning":"imEiRH","uuiHighlight":"_5xtsTH","uuiTypographySize12":"TP60jf","uuiTypographySize14":"mRsTbD","uuiTypographySize16":"_86l5jC","size18":"_0K41sk","size12":"_2npppT"};
 
 var _circle;
-function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
+function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
 var SvgRadioPoint = function SvgRadioPoint(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$G({
+  return /*#__PURE__*/React.createElement("svg", _extends$F({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
@@ -1024,14 +995,14 @@ var SvgRadioPoint = function SvgRadioPoint(props, ref) {
     r: 6
   })));
 };
-var ForwardRef$G = /*#__PURE__*/forwardRef(SvgRadioPoint);
+var ForwardRef$F = /*#__PURE__*/forwardRef(SvgRadioPoint);
 
 function applyRadioInputMods(mods) {
     return [css$16.root, css$16['size-' + (mods.size || '18')], 'uui-color-primary'];
 }
-const RadioInput = withMods(RadioInput$1, applyRadioInputMods, () => ({ icon: ForwardRef$G }));
+const RadioInput = withMods(RadioInput$1, applyRadioInputMods, () => ({ icon: ForwardRef$F }));
 
-var css$15 = {"root":"LpFGKP","size-12":"i4Db4Y","size-18":"_9Wddb-","size-24":"QtSKEG","size12":"i4Db4Y","size18":"_9Wddb-","size24":"QtSKEG"};
+var css$15 = {"root":"aa2BSD","size-12":"XyPq3H","size-18":"pfYACf","size-24":"uKdapd","size12":"XyPq3H","size18":"pfYACf","size24":"uKdapd"};
 
 function applySwitchMods(mods) {
     return [
@@ -1084,7 +1055,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var textInputCss = {"uui-typography":"vZwEpk","hero-header":"eZvITd","promo-header":"AtCQCY","uui-critical":"-xhMau","uui-info":"IjLwss","uui-success":"I3p4p0","uui-warning":"Gw2C9j","uui-highlight":"Ge7Zcz","uui-typography-size-12":"L3xS-G","uui-typography-size-14":"zD0Gtk","uui-typography-size-16":"Mwyl2C","root":"pwHm3a","mode-form":"Ku6utG","mode-inline":"o5Hcgz","mode-cell":"_4hMTjs","size-24":"_4zzG7I","size-30":"G88CoT","size-36":"JEoa-d","size-42":"_16eU99","size-48":"DCwLGq","uuiTypography":"vZwEpk","heroHeader":"eZvITd","promoHeader":"AtCQCY","uuiCritical":"-xhMau","uuiInfo":"IjLwss","uuiSuccess":"I3p4p0","uuiWarning":"Gw2C9j","uuiHighlight":"Ge7Zcz","uuiTypographySize12":"L3xS-G","uuiTypographySize14":"zD0Gtk","uuiTypographySize16":"Mwyl2C","modeForm":"Ku6utG","modeInline":"o5Hcgz","modeCell":"_4hMTjs","size24":"_4zzG7I","size30":"G88CoT","size36":"JEoa-d","size42":"_16eU99","size48":"DCwLGq"};
+var textInputCss = {"uui-typography":"ri3-EZ","hero-header":"lOPEyB","promo-header":"MmO1Qt","uui-critical":"ZWSD3H","uui-info":"PzzwM3","uui-success":"OSqm3O","uui-warning":"kB2f73","uui-highlight":"v13iKm","uui-typography-size-12":"kO4Kky","uui-typography-size-14":"K2uxm0","uui-typography-size-16":"bxR8NJ","root":"FdtaBx","mode-form":"syKSvf","mode-inline":"G23-Mc","mode-cell":"Kw-GOf","size-24":"_9ueilw","size-30":"qHEjOa","size-36":"lB2cIb","size-42":"G6ukjy","size-48":"MPKGGX","uuiTypography":"ri3-EZ","heroHeader":"lOPEyB","promoHeader":"MmO1Qt","uuiCritical":"ZWSD3H","uuiInfo":"PzzwM3","uuiSuccess":"OSqm3O","uuiWarning":"kB2f73","uuiHighlight":"v13iKm","uuiTypographySize12":"kO4Kky","uuiTypographySize14":"K2uxm0","uuiTypographySize16":"bxR8NJ","modeForm":"syKSvf","modeInline":"G23-Mc","modeCell":"Kw-GOf","size24":"_9ueilw","size30":"qHEjOa","size36":"lB2cIb","size42":"G6ukjy","size48":"MPKGGX"};
 
 const defaultSize$6 = '36';
 const defaultMode$5 = EditMode.FORM;
@@ -1113,7 +1084,7 @@ const SearchInput = React__default.forwardRef((props, ref) => {
                 : undefined, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable))) })));
 });
 
-var css$14 = {"root":"hZ-9cH"};
+var css$14 = {"root":"-XNJ9P"};
 
 const ControlGroup = withMods(ControlGroup$1, () => [css$14.root]);
 
@@ -1122,7 +1093,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = React.forwardRef(MultiSwitchComponent);
 
-var css$13 = {"uui-typography":"OtrqkB","hero-header":"FGBdpY","promo-header":"L7YWGQ","uui-critical":"n0CkVP","uui-info":"yA-23k","uui-success":"GQxIyZ","uui-warning":"rZiABz","uui-highlight":"_0C-ccW","uui-typography-size-12":"_0-mXsJ","uui-typography-size-14":"AOSaph","uui-typography-size-16":"kpMS1u","root":"_9w4vAm","size-24":"vO21Vo","size-30":"Df4fvT","size-36":"Gxo1YJ","size-42":"flCKT8","size-48":"n8M4ym","mode-form":"d6ADS4","mode-cell":"_7u6UOg","uuiTypography":"OtrqkB","heroHeader":"FGBdpY","promoHeader":"L7YWGQ","uuiCritical":"n0CkVP","uuiInfo":"yA-23k","uuiSuccess":"GQxIyZ","uuiWarning":"rZiABz","uuiHighlight":"_0C-ccW","uuiTypographySize12":"_0-mXsJ","uuiTypographySize14":"AOSaph","uuiTypographySize16":"kpMS1u","size24":"vO21Vo","size30":"Df4fvT","size36":"Gxo1YJ","size42":"flCKT8","size48":"n8M4ym","modeForm":"d6ADS4","modeCell":"_7u6UOg"};
+var css$13 = {"uui-typography":"Bn0USv","hero-header":"xxG8Hx","promo-header":"h9Qlvu","uui-critical":"RU-Cis","uui-info":"gTDXVY","uui-success":"s602QZ","uui-warning":"_7iXQCt","uui-highlight":"Fp1V26","uui-typography-size-12":"_5pbTO2","uui-typography-size-14":"i72Wao","uui-typography-size-16":"OzEmrV","root":"pkzQQP","size-24":"_06Q3LV","size-30":"Nr-apR","size-36":"OLQXPr","size-42":"gXtQl0","size-48":"AYSCtH","mode-form":"oTCwqT","mode-cell":"_0szZSF","uuiTypography":"Bn0USv","heroHeader":"xxG8Hx","promoHeader":"h9Qlvu","uuiCritical":"RU-Cis","uuiInfo":"gTDXVY","uuiSuccess":"s602QZ","uuiWarning":"_7iXQCt","uuiHighlight":"Fp1V26","uuiTypographySize12":"_5pbTO2","uuiTypographySize14":"i72Wao","uuiTypographySize16":"OzEmrV","size24":"_06Q3LV","size30":"Nr-apR","size36":"OLQXPr","size42":"gXtQl0","size48":"AYSCtH","modeForm":"oTCwqT","modeCell":"_0szZSF"};
 
 const defaultSize$5 = '36';
 const defaultMode$4 = EditMode.FORM;
@@ -1141,7 +1112,7 @@ const NumericInput = withMods(NumericInput$1, applyNumericInputMods, (props) =>
     });
 });
 
-var css$12 = {"uui-typography":"DGlpfb","hero-header":"j-RQ6l","promo-header":"-VsUfF","uui-critical":"-fFwsV","uui-info":"h8x4FI","uui-success":"U5LJ0m","uui-warning":"tKIQPW","uui-highlight":"TpYdvS","uui-typography-size-12":"RmwVWW","uui-typography-size-14":"AZd2aG","uui-typography-size-16":"dnvk9l","root":"MOxFrd","mode-form":"LfeNbg","mode-cell":"FjUgRa","mode-inline":"BR6P50","size-24":"caLM1F","size-30":"UVax46","size-36":"UCdOUc","size-42":"_9sQE5W","size-48":"qXmh7X","uuiTypography":"DGlpfb","heroHeader":"j-RQ6l","promoHeader":"-VsUfF","uuiCritical":"-fFwsV","uuiInfo":"h8x4FI","uuiSuccess":"U5LJ0m","uuiWarning":"tKIQPW","uuiHighlight":"TpYdvS","uuiTypographySize12":"RmwVWW","uuiTypographySize14":"AZd2aG","uuiTypographySize16":"dnvk9l","modeForm":"LfeNbg","modeCell":"FjUgRa","modeInline":"BR6P50","size24":"caLM1F","size30":"UVax46","size36":"UCdOUc","size42":"_9sQE5W","size48":"qXmh7X"};
+var css$12 = {"uui-typography":"hdD1WL","hero-header":"_0wAelX","promo-header":"iREwKE","uui-critical":"YIrR87","uui-info":"HKmxqq","uui-success":"_2bqsYu","uui-warning":"WHasee","uui-highlight":"J40khJ","uui-typography-size-12":"E-W0HU","uui-typography-size-14":"iR1DjY","uui-typography-size-16":"_1npoHZ","root":"CbkP1-","mode-form":"BMgc4n","mode-cell":"Q45Ani","mode-inline":"F7jmIZ","size-24":"_4jCVyJ","size-30":"dSeZrM","size-36":"_3VsFK-","size-42":"_7EzGdG","size-48":"iCt3nh","uuiTypography":"hdD1WL","heroHeader":"_0wAelX","promoHeader":"iREwKE","uuiCritical":"YIrR87","uuiInfo":"HKmxqq","uuiSuccess":"_2bqsYu","uuiWarning":"WHasee","uuiHighlight":"J40khJ","uuiTypographySize12":"E-W0HU","uuiTypographySize14":"iR1DjY","uuiTypographySize16":"_1npoHZ","modeForm":"BMgc4n","modeCell":"Q45Ani","modeInline":"F7jmIZ","size24":"_4jCVyJ","size30":"dSeZrM","size36":"_3VsFK-","size42":"_7EzGdG","size48":"iCt3nh"};
 
 const defaultSize$4 = '36';
 const defaultMode$3 = EditMode.FORM;
@@ -1155,7 +1126,7 @@ const TextArea = withMods(TextArea$1, applyTextAreaMods, (props) => ({
     maxLength: props.mode === EditMode.CELL ? undefined : props.maxLength,
 }));
 
-var css$11 = {"root":"JqMmn5"};
+var css$11 = {"root":"TcexrV"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1166,13 +1137,13 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$10 = {"root":"P5QrwQ","timepicker-input":"_79C3uW","timepickerInput":"_79C3uW"};
+var css$10 = {"root":"RwUGs-","timepicker-input":"Wt5N4k","timepickerInput":"Wt5N4k"};
 
-const TimePickerBody = withMods(TimePickerBody$1, () => [css$10.root], () => ({ addIcon: ForwardRef$1b, subtractIcon: ForwardRef$1b }));
+const TimePickerBody = withMods(TimePickerBody$1, () => [css$10.root], () => ({ addIcon: ForwardRef$1a, subtractIcon: ForwardRef$1a }));
 
 dayjs.extend(customParseFormat);
 const defaultMode$2 = EditMode.FORM;
-class TimePicker extends BaseTimePicker {
+class TimePickerComponent extends BaseTimePicker {
     constructor() {
         super(...arguments);
         this.renderInput = (props) => {
@@ -1192,13 +1163,15 @@ class TimePicker extends BaseTimePicker {
         };
         this.renderBody = (props) => {
             var _a;
+            const _b = this.props, timePickerBodyProps = __rest(_b, ["forwardedRef"]);
             return (!this.props.isDisabled && !this.props.isReadonly && (React__default.createElement(DropdownContainer, Object.assign({}, props, { focusLock: false }),
-                React__default.createElement(TimePickerBody, Object.assign({}, this.props, { value: this.props.value !== null ? this.props.value : { hours: null, minutes: null }, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.body, cx: this.props.bodyCx })))));
+                React__default.createElement(TimePickerBody, Object.assign({}, timePickerBodyProps, { value: this.props.value !== null ? this.props.value : { hours: null, minutes: null }, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.body, cx: this.props.bodyCx })))));
         };
     }
 }
+const TimePicker = withMods(TimePickerComponent);
 
-var css$$ = {"root":"mPfRLD"};
+var css$$ = {"root":"cpC-Ac"};
 
 function applyInputAddonMods() {
     return [
@@ -1207,14 +1180,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = withMods(InputAddon$1, applyInputAddonMods);
 
-var css$_ = {"root":"_9nTVGr"};
+var css$_ = {"root":"eTZ0fc"};
 
 function applySliderMods() {
     return [css$_.root, 'uui-color-neutral'];
 }
 const Slider = withMods(Slider$1, applySliderMods);
 
-var css$Z = {"container":"ksPHbs"};
+var css$Z = {"container":"GIN55P"};
 
 dayjs.extend(localeData);
 const uuiHeader = {
@@ -1224,26 +1197,26 @@ const uuiHeader = {
     navIconRight: 'uui-datepickerheader-nav-icon-right',
     navIconLeft: 'uui-datepickerheader-nav-icon-left',
 };
+const getPrevMonthFromCurrent = (currentDate) => {
+    return currentDate.subtract(1, 'month');
+};
+const getNextMonthFromCurrent = (currentDate) => {
+    return currentDate.add(1, 'month');
+};
+const getPrevYearFromCurrent = (currentDate) => {
+    return currentDate.subtract(1, 'year');
+};
+const getNextYearFromCurrent = (currentDate) => {
+    return currentDate.add(1, 'year');
+};
+const getPrevListYearFromCurrent = (currentDate) => {
+    return currentDate.subtract(16, 'year');
+};
+const getNextListYearFromCurrent = (currentDate) => {
+    return currentDate.add(16, 'year');
+};
 function DatePickerHeader(props) {
     var _a, _b;
-    const getPrevMonthFromCurrent = (currentDate) => {
-        return currentDate.subtract(1, 'month');
-    };
-    const getNextMonthFromCurrent = (currentDate) => {
-        return currentDate.add(1, 'month');
-    };
-    const getPrevYearFromCurrent = (currentDate) => {
-        return currentDate.subtract(1, 'year');
-    };
-    const getNextYearFromCurrent = (currentDate) => {
-        return currentDate.add(1, 'year');
-    };
-    const getPrevListYearFromCurrent = (currentDate) => {
-        return currentDate.subtract(16, 'year');
-    };
-    const getNextListYearFromCurrent = (currentDate) => {
-        return currentDate.add(16, 'year');
-    };
     const onLeftNavigationArrow = () => {
         switch (props.value.view) {
             case 'DAY_SELECTION':
@@ -1291,19 +1264,19 @@ function DatePickerHeader(props) {
     }, [(_a = props.value) === null || _a === void 0 ? void 0 : _a.view, (_b = props.value) === null || _b === void 0 ? void 0 : _b.displayedDate]);
     return (React.createElement("div", { className: cx(css$Z.container, uuiHeader.container, props.cx) },
         React.createElement("header", { className: uuiHeader.header },
-            React.createElement(Button, { icon: props.navIconLeft || ForwardRef$M, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: () => onLeftNavigationArrow() }),
+            React.createElement(Button, { icon: props.navIconLeft || ForwardRef$L, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: () => onLeftNavigationArrow() }),
             React.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: () => onCaptionClick(props.value.view) }),
-            React.createElement(Button, { icon: props.navIconRight || ForwardRef$L, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow() }))));
+            React.createElement(Button, { icon: props.navIconRight || ForwardRef$K, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow() }))));
 }
 
-var css$Y = {"uui-typography":"EEq-iB","hero-header":"VUqlXC","promo-header":"uGLzxV","uui-critical":"FrVsvv","uui-info":"qUOgco","uui-success":"Vg-H4S","uui-warning":"WcMOx0","uui-highlight":"OS1CGY","uui-typography-size-12":"CjlIVW","uui-typography-size-14":"k0-J4U","uui-typography-size-16":"hYSFj0","root":"_93nMxD","uuiTypography":"EEq-iB","heroHeader":"VUqlXC","promoHeader":"uGLzxV","uuiCritical":"FrVsvv","uuiInfo":"qUOgco","uuiSuccess":"Vg-H4S","uuiWarning":"WcMOx0","uuiHighlight":"OS1CGY","uuiTypographySize12":"CjlIVW","uuiTypographySize14":"k0-J4U","uuiTypographySize16":"hYSFj0"};
+var css$Y = {"uui-typography":"gWWmBd","hero-header":"Vszb3q","promo-header":"LFjHsw","uui-critical":"dpvkKs","uui-info":"Qudb9G","uui-success":"_7n3G0S","uui-warning":"kNPRM8","uui-highlight":"hcWAZq","uui-typography-size-12":"pDs2YT","uui-typography-size-14":"YK3tHd","uui-typography-size-16":"L8LNHX","root":"YVM2Wp","uuiTypography":"gWWmBd","heroHeader":"Vszb3q","promoHeader":"LFjHsw","uuiCritical":"dpvkKs","uuiInfo":"Qudb9G","uuiSuccess":"_7n3G0S","uuiWarning":"kNPRM8","uuiHighlight":"hcWAZq","uuiTypographySize12":"pDs2YT","uuiTypographySize14":"YK3tHd","uuiTypographySize16":"L8LNHX"};
 
 function applyDateSelectionMods() {
     return [css$Y.root];
 }
 const Calendar = withMods(Calendar$1, applyDateSelectionMods);
 
-var css$X = {"uui-typography":"bL6DHs","hero-header":"pHz4Hc","promo-header":"AXTF-Z","uui-critical":"uVKZhf","uui-info":"eMkizM","uui-success":"V4UXCQ","uui-warning":"OTBdc-","uui-highlight":"uzlmxG","uui-typography-size-12":"n2FYB-","uui-typography-size-14":"yM9Q0X","uui-typography-size-16":"P8S8YI","root":"-nMPkc","uuiTypography":"bL6DHs","heroHeader":"pHz4Hc","promoHeader":"AXTF-Z","uuiCritical":"uVKZhf","uuiInfo":"eMkizM","uuiSuccess":"V4UXCQ","uuiWarning":"OTBdc-","uuiHighlight":"uzlmxG","uuiTypographySize12":"n2FYB-","uuiTypographySize14":"yM9Q0X","uuiTypographySize16":"P8S8YI"};
+var css$X = {"uui-typography":"eHV8kj","hero-header":"DIHB2s","promo-header":"soZVkl","uui-critical":"OH9mau","uui-info":"X8-Hon","uui-success":"AF-xgJ","uui-warning":"edSX05","uui-highlight":"yGwgY7","uui-typography-size-12":"TqFidp","uui-typography-size-14":"adHhg4","uui-typography-size-16":"clBYBb","root":"CXa5b7","uuiTypography":"eHV8kj","heroHeader":"DIHB2s","promoHeader":"soZVkl","uuiCritical":"OH9mau","uuiInfo":"X8-Hon","uuiSuccess":"AF-xgJ","uuiWarning":"edSX05","uuiHighlight":"yGwgY7","uuiTypographySize12":"TqFidp","uuiTypographySize14":"adHhg4","uuiTypographySize16":"clBYBb"};
 
 dayjs.extend(updateLocale);
 const uuiDatePickerBody = {
@@ -1340,87 +1313,87 @@ class DatePickerBody extends DatePickerBodyBase {
     }
 }
 
-var _path$E;
-function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
+var _path$D;
+function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
 var SvgNotificationCheckCircleFill24 = function SvgNotificationCheckCircleFill24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$F({
+  return /*#__PURE__*/React.createElement("svg", _extends$E({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
   })));
 };
-var ForwardRef$F = /*#__PURE__*/forwardRef(SvgNotificationCheckCircleFill24);
+var ForwardRef$E = /*#__PURE__*/forwardRef(SvgNotificationCheckCircleFill24);
 
-var _path$D;
-function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
+var _path$C;
+function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
 var SvgNotificationWarningFill24 = function SvgNotificationWarningFill24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$E({
+  return /*#__PURE__*/React.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
   })));
 };
-var ForwardRef$E = /*#__PURE__*/forwardRef(SvgNotificationWarningFill24);
+var ForwardRef$D = /*#__PURE__*/forwardRef(SvgNotificationWarningFill24);
 
-var _path$C;
-function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
+var _path$B;
+function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
 var SvgNotificationErrorFill24 = function SvgNotificationErrorFill24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$D({
+  return /*#__PURE__*/React.createElement("svg", _extends$C({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
   })));
 };
-var ForwardRef$D = /*#__PURE__*/forwardRef(SvgNotificationErrorFill24);
+var ForwardRef$C = /*#__PURE__*/forwardRef(SvgNotificationErrorFill24);
 
-var _path$B;
-function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
+var _path$A;
+function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
 var SvgNotificationHelpFill24 = function SvgNotificationHelpFill24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$C({
+  return /*#__PURE__*/React.createElement("svg", _extends$B({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"
   })));
 };
-var ForwardRef$C = /*#__PURE__*/forwardRef(SvgNotificationHelpFill24);
+var ForwardRef$B = /*#__PURE__*/forwardRef(SvgNotificationHelpFill24);
 
-var _path$A;
-function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
+var _path$z;
+function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
 var SvgNavigationClose24$1 = function SvgNavigationClose24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$B({
+  return /*#__PURE__*/React.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     ref: ref
-  }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
   })));
 };
-var ForwardRef$B = /*#__PURE__*/forwardRef(SvgNavigationClose24$1);
+var ForwardRef$A = /*#__PURE__*/forwardRef(SvgNavigationClose24$1);
 
-var css$W = {"root":"AOENEu","icon-wrapper":"OdGIuj","alert-wrapper":"Ww4Yrl","size-48":"KAccym","size-36":"_1DYRXk","action-wrapper":"_6ya407","action-icon":"XyG-ZH","action-link":"IsVjcp","close-icon":"_7OegQP","main-path":"p8NPlH","content":"msIL5Q","iconWrapper":"OdGIuj","alertWrapper":"Ww4Yrl","size48":"KAccym","size36":"_1DYRXk","actionWrapper":"_6ya407","actionIcon":"XyG-ZH","actionLink":"IsVjcp","closeIcon":"_7OegQP","mainPath":"p8NPlH"};
+var css$W = {"root":"PWh7TJ","icon-wrapper":"SuuUCB","alert-wrapper":"_6a922h","size-48":"_8OWn1n","size-36":"IqlJ8Z","action-wrapper":"RCNZ-h","action-icon":"Sdhi0G","action-link":"cSrshu","close-icon":"EHnnHt","main-path":"-lY8e5","content":"-cUJs-","iconWrapper":"SuuUCB","alertWrapper":"_6a922h","size48":"_8OWn1n","size36":"IqlJ8Z","actionWrapper":"RCNZ-h","actionIcon":"Sdhi0G","actionLink":"cSrshu","closeIcon":"EHnnHt","mainPath":"-lY8e5"};
 
 const Alert = React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$W.root, css$W.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$W.size36 : css$W.size48)) }, props.rawProps),
     React.createElement("div", { className: css$W.mainPath },
@@ -1429,17 +1402,15 @@ const Alert = React.forwardRef((props, ref) => (React.createElement("div", Objec
         React.createElement("div", { className: css$W.content },
             props.children,
             props.actions && (React.createElement("div", { className: css$W.actionWrapper }, props.actions.map((action) => (React.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$W.actionLink, size: (props === null || props === void 0 ? void 0 : props.size) === '36' ? '24' : '30' })))))),
-        props.onClose && React.createElement(IconButton, { icon: ForwardRef$B, color: "neutral", onClick: props.onClose, cx: css$W.closeIcon })))));
-const WarningAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$E, color: "warning", ref: ref }, props)));
-const SuccessAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$F, color: "success", ref: ref }, props)));
-const HintAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$C, color: "info", ref: ref }, props)));
-const ErrorAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$D, color: "error", ref: ref }, props)));
-
-function Dropdown(props) {
-    return React.createElement(Dropdown$1, Object.assign({}, props));
-}
+        props.onClose && React.createElement(IconButton, { icon: ForwardRef$A, color: "neutral", onClick: props.onClose, cx: css$W.closeIcon })))));
+const WarningAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$D, color: "warning", ref: ref }, props)));
+const SuccessAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$E, color: "success", ref: ref }, props)));
+const HintAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$B, color: "info", ref: ref }, props)));
+const ErrorAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$C, color: "error", ref: ref }, props)));
 
-var css$V = {"uui-typography":"u2SEsf","hero-header":"CUaweS","promo-header":"_1LOvVT","uui-critical":"Wybj6G","uui-info":"m3jQ7Y","uui-success":"_9Yf4Ne","uui-warning":"QlAUeC","uui-highlight":"_7EcCOm","uui-typography-size-12":"_4fOXIR","uui-typography-size-14":"PkW4MD","uui-typography-size-16":"BtjP-M","root":"z8TBkg","body-root":"r17aVl","submenu-root-item":"b-KFUS","icon-after":"iAfTzP","icon-check":"_9mhTMg","splitter-root":"rJjkVE","splitter":"XfwO7w","header-root":"t9qrQJ","item-root":"cL5XNf","icon":"uMOm5J","link":"-VsRge","indent":"EL1HtY","uuiTypography":"u2SEsf","heroHeader":"CUaweS","promoHeader":"_1LOvVT","uuiCritical":"Wybj6G","uuiInfo":"m3jQ7Y","uuiSuccess":"_9Yf4Ne","uuiWarning":"QlAUeC","uuiHighlight":"_7EcCOm","uuiTypographySize12":"_4fOXIR","uuiTypographySize14":"PkW4MD","uuiTypographySize16":"BtjP-M","bodyRoot":"r17aVl","submenuRootItem":"b-KFUS","iconAfter":"iAfTzP","iconCheck":"_9mhTMg","splitterRoot":"rJjkVE","headerRoot":"t9qrQJ","itemRoot":"cL5XNf"};
+const Dropdown = withMods(Dropdown$1);
+
+var css$V = {"uui-typography":"y3QmjL","hero-header":"qdhz-D","promo-header":"iGge9L","uui-critical":"wR0pzz","uui-info":"utn0cb","uui-success":"uzIASm","uui-warning":"_4dMhbl","uui-highlight":"wCr3R5","uui-typography-size-12":"umYVZq","uui-typography-size-14":"-rMTBC","uui-typography-size-16":"aLdoXZ","root":"JpEHnS","body-root":"FrTdHF","submenu-root-item":"mffMts","icon-after":"azVts7","icon-check":"UCiicd","splitter-root":"VOIoX4","splitter":"RxVz--","header-root":"RpckAY","item-root":"lCZtPi","icon":"uv-jvn","link":"_-8wgN-","indent":"bXPJv4","uuiTypography":"y3QmjL","heroHeader":"qdhz-D","promoHeader":"iGge9L","uuiCritical":"wR0pzz","uuiInfo":"utn0cb","uuiSuccess":"uzIASm","uuiWarning":"_4dMhbl","uuiHighlight":"wCr3R5","uuiTypographySize12":"umYVZq","uuiTypographySize14":"-rMTBC","uuiTypographySize16":"aLdoXZ","bodyRoot":"FrTdHF","submenuRootItem":"mffMts","iconAfter":"azVts7","iconCheck":"UCiicd","splitterRoot":"VOIoX4","headerRoot":"RpckAY","itemRoot":"lCZtPi"};
 
 const icons = systemIcons['36'];
 var IDropdownControlKeys;
@@ -1568,7 +1539,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$U = {"uui-typography":"nOQW2o","hero-header":"ycMtmF","promo-header":"fAbWdZ","uui-critical":"D7trEF","uui-info":"cff64x","uui-success":"_3hT-2q","uui-warning":"GulcHn","uui-highlight":"I5c-kA","uui-typography-size-12":"FWIB5u","uui-typography-size-14":"_79ElSC","uui-typography-size-16":"D6ombL","root":"n5q7g0","border-bottom":"ubkwR5","top-shadow":"_2vWCeA","size-24":"fAnu18","size-30":"_5DUWwF","size-36":"WOlRkF","size-42":"L24blI","size-48":"lKF9Xn","padding-6":"y7pFCH","padding-12":"R9QoMY","padding-18":"hJFDJ8","padding-24":"f45m-Y","margin-24":"iHZumY","margin-12":"sHLifr","vPadding-12":"X-VhmM","vPadding-18":"_8ZNL55","vPadding-24":"PX9dG1","vPadding-36":"wZ3n76","vPadding-48":"jqTODk","spacing-6":"ssV76z","spacing-12":"F8xl8F","spacing-18":"Y8y-L8","uuiTypography":"nOQW2o","heroHeader":"ycMtmF","promoHeader":"fAbWdZ","uuiCritical":"D7trEF","uuiInfo":"cff64x","uuiSuccess":"_3hT-2q","uuiWarning":"GulcHn","uuiHighlight":"I5c-kA","uuiTypographySize12":"FWIB5u","uuiTypographySize14":"_79ElSC","uuiTypographySize16":"D6ombL","borderBottom":"ubkwR5","topShadow":"_2vWCeA","size24":"fAnu18","size30":"_5DUWwF","size36":"WOlRkF","size42":"L24blI","size48":"lKF9Xn","padding6":"y7pFCH","padding12":"R9QoMY","padding18":"hJFDJ8","padding24":"f45m-Y","margin24":"iHZumY","margin12":"sHLifr","vPadding12":"X-VhmM","vPadding18":"_8ZNL55","vPadding24":"PX9dG1","vPadding36":"wZ3n76","vPadding48":"jqTODk","spacing6":"ssV76z","spacing12":"F8xl8F","spacing18":"Y8y-L8"};
+var css$U = {"uui-typography":"bVY729","hero-header":"_7ztk2R","promo-header":"kA0bXR","uui-critical":"_6jG94A","uui-info":"Bm5-4K","uui-success":"BgV97I","uui-warning":"Xcr2lE","uui-highlight":"YTsChC","uui-typography-size-12":"UScCrf","uui-typography-size-14":"kL0fJi","uui-typography-size-16":"dynZ8U","root":"bdKTjS","border-bottom":"IdoU3B","top-shadow":"zEb1v3","size-24":"Y4VZ1x","size-30":"jA4tga","size-36":"pNA6sK","size-42":"LHEc1S","size-48":"XwKAsd","padding-6":"_-2d-HY","padding-12":"cK6uHu","padding-18":"G85oxN","padding-24":"iqOyys","margin-24":"H4ExMl","margin-12":"K0p5Mi","vPadding-12":"B0e3QF","vPadding-18":"Cs6rJD","vPadding-24":"KxdIlD","vPadding-36":"_1-jRoV","vPadding-48":"M6HjWE","spacing-6":"HO9itZ","spacing-12":"K4JOQd","spacing-18":"scBCui","uui-surface-main":"O-rmbN","uuiTypography":"bVY729","heroHeader":"_7ztk2R","promoHeader":"kA0bXR","uuiCritical":"_6jG94A","uuiInfo":"Bm5-4K","uuiSuccess":"BgV97I","uuiWarning":"Xcr2lE","uuiHighlight":"YTsChC","uuiTypographySize12":"UScCrf","uuiTypographySize14":"kL0fJi","uuiTypographySize16":"dynZ8U","borderBottom":"IdoU3B","topShadow":"zEb1v3","size24":"Y4VZ1x","size30":"jA4tga","size36":"pNA6sK","size42":"LHEc1S","size48":"XwKAsd","padding6":"_-2d-HY","padding12":"cK6uHu","padding18":"G85oxN","padding24":"iqOyys","margin24":"H4ExMl","margin12":"K0p5Mi","vPadding12":"B0e3QF","vPadding18":"Cs6rJD","vPadding24":"KxdIlD","vPadding36":"_1-jRoV","vPadding48":"M6HjWE","spacing6":"HO9itZ","spacing12":"K4JOQd","spacing18":"scBCui","uuiSurfaceMain":"O-rmbN"};
 
 const FlexCell = withMods(FlexCell$1, () => [css$U.flexCell]);
 
@@ -1582,18 +1553,18 @@ const FlexRow = withMods(FlexRow$1, (props) => {
         props.topShadow && css$U.topShadow,
         props.borderBottom && css$U.borderBottom,
         props.spacing && css$U['spacing-' + props.spacing],
-        props.background && `uui-color-${props.background}`,
+        props.background && css$U[`uui-${props.background}`],
     ];
 });
 
-var css$T = {"root":"xwMBvH","margin-24":"_67jcFe","padding-12":"Y4Xapy","padding-24":"MgqIF6","shadow":"_7CqjO5","margin24":"_67jcFe","padding12":"Y4Xapy","padding24":"MgqIF6"};
+var css$T = {"root":"L8OArb","margin-24":"AiomFg","padding-12":"kTh-Lc","padding-24":"WRg-Ky","shadow":"dQJIlC","uui-surface-main":"WHE0Kg","margin24":"AiomFg","padding12":"kTh-Lc","padding24":"WRg-Ky","uuiSurfaceMain":"WHE0Kg"};
 
 const Panel = withMods(VPanel, (props) => [
     'uui-panel',
     css$T.root,
     props.shadow && css$T.shadow,
     props.margin && css$T['margin-' + props.margin],
-    props.background && `uui-color-${props.background}`,
+    props.background && css$T[`uui-${props.background}`],
 ]);
 
 const i18n = Object.assign(Object.assign({}, i18n$2), { dataPickerBody: {
@@ -1685,20 +1656,23 @@ const i18n = Object.assign(Object.assign({}, i18n$2), { dataPickerBody: {
         fileSizeProgress: ' of ',
     } });
 
-var css$S = {"root":"VJZ6MV","mode-block":"f7ivDk","mode-inline":"d5hrk7","padding-0":"_791icz","padding-6":"CbvSYX","padding-12":"RnMxdQ","padding-18":"_7MLKjS","modeBlock":"f7ivDk","modeInline":"d5hrk7","padding0":"_791icz","padding6":"CbvSYX","padding12":"RnMxdQ","padding18":"_7MLKjS"};
+var css$S = {"root":"DfGZAB","mode-block":"FbNdgg","mode-inline":"w0rew2","padding-0":"VNmiEP","padding-6":"_0fgkBx","padding-12":"-RfnIM","padding-18":"YG4PkK","modeBlock":"FbNdgg","modeInline":"w0rew2","padding0":"VNmiEP","padding6":"_0fgkBx","padding12":"-RfnIM","padding18":"YG4PkK"};
 
+const getMode = (mode) => {
+    return mode || 'block';
+};
 function applyAccordionMods(mods) {
     return [
         css$S.root,
-        css$S['mode-' + (mods.mode || 'block')],
+        css$S['mode-' + getMode(mods.mode)],
         mods.padding && css$S['padding-' + mods.padding],
     ];
 }
 const Accordion = withMods(uuiComponents.Accordion, applyAccordionMods, (mods) => ({
-    dropdownIcon: mods.dropdownIcon !== null && systemIcons[mods.mode === 'block' ? '60' : '30'].foldingArrow,
+    dropdownIcon: mods.dropdownIcon !== null && systemIcons[getMode(mods.mode) === 'block' ? '60' : '30'].foldingArrow,
 }));
 
-var css$R = {"root":"C8NFEB"};
+var css$R = {"root":"TS0hoq"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1708,7 +1682,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = withMods(Tooltip$1, applyTooltipMods);
 
-var css$Q = {"uui-typography":"A8y-9G","hero-header":"xlWiqt","promo-header":"_54NZp4","uui-critical":"uIPz4r","uui-info":"uaZGve","uui-success":"_7XfTpM","uui-warning":"rTqHmf","uui-highlight":"bWK8r2","uui-typography-size-12":"T-KswN","uui-typography-size-14":"s7mwNM","uui-typography-size-16":"Z65XqT","root":"uue1P6","size-24":"_2BSEBC","size-30":"fbC-oc","size-36":"_8hXunH","size-42":"_73xm6r","size-48":"D0VRIn","uuiTypography":"A8y-9G","heroHeader":"xlWiqt","promoHeader":"_54NZp4","uuiCritical":"uIPz4r","uuiInfo":"uaZGve","uuiSuccess":"_7XfTpM","uuiWarning":"rTqHmf","uuiHighlight":"bWK8r2","uuiTypographySize12":"T-KswN","uuiTypographySize14":"s7mwNM","uuiTypographySize16":"Z65XqT","size24":"_2BSEBC","size30":"fbC-oc","size36":"_8hXunH","size42":"_73xm6r","size48":"D0VRIn"};
+var css$Q = {"uui-typography":"qpmSKl","hero-header":"naC6to","promo-header":"TeZQge","uui-critical":"G3q2PW","uui-info":"TVfmwN","uui-success":"NIivbw","uui-warning":"k-nY-q","uui-highlight":"_4buR-G","uui-typography-size-12":"-yKkLY","uui-typography-size-14":"r4eKCk","uui-typography-size-16":"C3J2mz","root":"IlxR7h","size-24":"-H5QQy","size-30":"kbtxQw","size-36":"LAWqKu","size-42":"grWU8E","size-48":"_67hRPa","uuiTypography":"qpmSKl","heroHeader":"naC6to","promoHeader":"TeZQge","uuiCritical":"G3q2PW","uuiInfo":"TVfmwN","uuiSuccess":"NIivbw","uuiWarning":"k-nY-q","uuiHighlight":"_4buR-G","uuiTypographySize12":"-yKkLY","uuiTypographySize14":"r4eKCk","uuiTypographySize16":"C3J2mz","size24":"-H5QQy","size30":"kbtxQw","size36":"LAWqKu","size42":"grWU8E","size48":"_67hRPa"};
 
 const defaultSize$3 = '36';
 function applyLabeledInputMods(mods) {
@@ -1719,11 +1693,11 @@ const LabeledInput = withMods(uuiComponents.LabeledInput, applyLabeledInputMods,
     infoIcon: systemIcons[props.size || defaultSize$3].help,
 }));
 
-var css$P = {"root":"gq0WAo"};
+var css$P = {"root":"LuriVl"};
 
 const RadioGroup = withMods(RadioGroup$1, () => [css$P.root], () => ({ RadioInput }));
 
-var css$O = {"root":"rd1Yrd"};
+var css$O = {"root":"sVFl2O"};
 
 function applyScrollBarsMods() {
     return [
@@ -1732,9 +1706,9 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$N = {"scroll-container":"_-8COSl","list-container":"_3D3orT","scrollContainer":"_-8COSl","listContainer":"_3D3orT"};
+var css$N = {"scroll-container":"SqnauF","list-container":"Sum2uo","scrollContainer":"SqnauF","listContainer":"Sum2uo"};
 
-var css$M = {"root":"GgJbxy"};
+var css$M = {"root":"kGk1zO"};
 
 const Blocker = withMods(Blocker$1, () => [css$M.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
@@ -1776,11 +1750,11 @@ const VirtualListView = React.forwardRef((props, ref) => {
 });
 VirtualList.displayName = 'VirtualList';
 
-var css$L = {"root":"azTY5J"};
+var css$L = {"root":"wT7Wjk"};
 
 const CheckboxGroup = withMods(CheckboxGroup$1, () => [css$L.root], () => ({ CheckboxInput: Checkbox }));
 
-var css$K = {"uui-typography":"_7xAR3k","hero-header":"mWBCXS","promo-header":"TnUj8I","uui-critical":"EJBAGp","uui-info":"unlsgX","uui-success":"ItHgmG","uui-warning":"CGp0es","uui-highlight":"wlI9wt","uui-typography-size-12":"qsBxKr","uui-typography-size-14":"f-n7gp","uui-typography-size-16":"MabruJ","body":"_3leWPe","modal":"LTI-HJ","search-wrapper":"gzNBwo","checkbox":"aS5jEd","no-found-size-24":"ZBO-rJ","no-found-size-30":"VDpkAa","no-found-size-36":"FRM-W2","no-found-size-42":"_2IUbG1","uuiTypography":"_7xAR3k","heroHeader":"mWBCXS","promoHeader":"TnUj8I","uuiCritical":"EJBAGp","uuiInfo":"unlsgX","uuiSuccess":"ItHgmG","uuiWarning":"CGp0es","uuiHighlight":"wlI9wt","uuiTypographySize12":"qsBxKr","uuiTypographySize14":"f-n7gp","uuiTypographySize16":"MabruJ","searchWrapper":"gzNBwo","noFoundSize24":"ZBO-rJ","noFoundSize30":"VDpkAa","noFoundSize36":"FRM-W2","noFoundSize42":"_2IUbG1"};
+var css$K = {"uui-typography":"ZviaxK","hero-header":"Wm7h66","promo-header":"REwiCL","uui-critical":"d3dx8R","uui-info":"gIafHR","uui-success":"y2ImRI","uui-warning":"geMqSe","uui-highlight":"wb-1wF","uui-typography-size-12":"_6jE4UN","uui-typography-size-14":"M2uMhL","uui-typography-size-16":"_9H-kZ7","body":"dE2e0f","modal":"_-0BqkN","search-wrapper":"Ji25es","checkbox":"UlVjn5","no-found-size-24":"KCS12w","no-found-size-30":"PNGgaB","no-found-size-36":"SZBYMf","no-found-size-42":"RgTFWy","uuiTypography":"ZviaxK","heroHeader":"Wm7h66","promoHeader":"REwiCL","uuiCritical":"d3dx8R","uuiInfo":"gIafHR","uuiSuccess":"y2ImRI","uuiWarning":"geMqSe","uuiHighlight":"wb-1wF","uuiTypographySize12":"_6jE4UN","uuiTypographySize14":"M2uMhL","uuiTypographySize16":"_9H-kZ7","searchWrapper":"Ji25es","noFoundSize24":"KCS12w","noFoundSize30":"PNGgaB","noFoundSize36":"SZBYMf","noFoundSize42":"RgTFWy"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -1837,51 +1811,49 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = React__default.memo(DataPickerFooterImpl);
 
-var css$J = {"header":"y3pGT2","close":"_7h-wvy"};
+var css$J = {"header":"jISB3N","close":"Y6wIRI"};
 
-var _path$z;
-function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
+var _path$y;
+function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
 var SvgNavigationClose24 = function SvgNavigationClose24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$A({
+  return /*#__PURE__*/React.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
+    width: 25,
     height: 24,
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 25 24",
     ref: ref
-  }, props), _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z",
-    clipRule: "evenodd"
+  }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
+    d: "m6.9 19-1.4-1.4 5.6-5.6-5.6-5.6L6.9 5l5.6 5.6L18.1 5l1.4 1.4-5.6 5.6 5.6 5.6-1.4 1.4-5.6-5.6L6.9 19z"
   })));
 };
-var ForwardRef$A = /*#__PURE__*/forwardRef(SvgNavigationClose24);
+var ForwardRef$z = /*#__PURE__*/forwardRef(SvgNavigationClose24);
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
     return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$J.header },
         React__default.createElement(Text, { size: "48", fontWeight: "600" }, title),
-        React__default.createElement(IconButton, { icon: ForwardRef$A, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$J.close })));
+        React__default.createElement(IconButton, { icon: ForwardRef$z, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$J.close })));
 };
 const DataPickerHeader = React__default.memo(DataPickerHeaderImpl);
 
-var _path$y;
-function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
+var _path$x;
+function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
 var SvgNavigationChevronDown18 = function SvgNavigationChevronDown18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$z({
+  return /*#__PURE__*/React.createElement("svg", _extends$y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12.443 6.442 9 9.877 5.558 6.442 4.5 7.5 9 12l4.5-4.5-1.057-1.058z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$z = /*#__PURE__*/forwardRef(SvgNavigationChevronDown18);
+var ForwardRef$y = /*#__PURE__*/forwardRef(SvgNavigationChevronDown18);
 
-var css$I = {"cell":"tUBr5l","wrapper":"ITp0fu","align-widgets-top":"O--3X2","size-24":"_1C2F-n","folding-arrow":"fSlQX8","size-30":"sizOu3","size-36":"Osap2F","size-42":"hgx3Tb","size-48":"nACTIR","size-60":"_6WZPbT","align-widgets-center":"_7R1TWA","padding-12":"vL1cFQ","padding-24":"_5w9QAU","padding-left-12":"_4JT46Y","padding-left-24":"_7wiFl2","padding-right-24":"R83FdW","drag-handle":"fmx8lJ","checkbox":"_769dzV","indent":"YqfB0z","folding-arrow-12":"-giu4i","folding-arrow-18":"yWa1dE","icon-container":"tbvaNH","loading-cell":"RwVrrZ","alignWidgetsTop":"O--3X2","size24":"_1C2F-n","foldingArrow":"fSlQX8","size30":"sizOu3","size36":"Osap2F","size42":"hgx3Tb","size48":"nACTIR","size60":"_6WZPbT","alignWidgetsCenter":"_7R1TWA","padding12":"vL1cFQ","padding24":"_5w9QAU","paddingLeft12":"_4JT46Y","paddingLeft24":"_7wiFl2","paddingRight24":"R83FdW","dragHandle":"fmx8lJ","foldingArrow12":"-giu4i","foldingArrow18":"yWa1dE","iconContainer":"tbvaNH","loadingCell":"RwVrrZ"};
+var css$I = {"cell":"Xfzl-2","wrapper":"yVgrKj","align-widgets-top":"UBptRX","size-24":"FlvQIf","folding-arrow":"qCEl9V","size-30":"HGfZI-","size-36":"_3oJ9L6","size-42":"puJerN","size-48":"Alix0L","size-60":"EwKHGx","align-widgets-center":"SvI7J8","padding-12":"RSNTvg","padding-24":"YVUPXf","padding-left-12":"mS-eIF","padding-left-24":"EgL-g4","padding-right-24":"cEWD4N","drag-handle":"QI5JUv","checkbox":"_-4IXDn","indent":"QCzP51","folding-arrow-12":"wiC5wH","folding-arrow-18":"CfJDKc","icon-container":"-kvZ35","loading-cell":"_6jfRSG","alignWidgetsTop":"UBptRX","size24":"FlvQIf","foldingArrow":"qCEl9V","size30":"HGfZI-","size36":"_3oJ9L6","size42":"puJerN","size48":"Alix0L","size60":"EwKHGx","alignWidgetsCenter":"SvI7J8","padding12":"RSNTvg","padding24":"YVUPXf","paddingLeft12":"mS-eIF","paddingLeft24":"EgL-g4","paddingRight24":"cEWD4N","dragHandle":"QI5JUv","foldingArrow12":"wiC5wH","foldingArrow18":"CfJDKc","iconContainer":"-kvZ35","loadingCell":"_6jfRSG"};
 
 function DataTableRowAddons(props) {
     var _a, _b;
@@ -1893,7 +1865,7 @@ function DataTableRowAddons(props) {
         row.indent > 0 && (React.createElement("div", { key: "fold", className: css$I.indent, style: { marginLeft: (row.indent - 1) * 24 } }, row.isFoldable && (React.createElement(IconContainer, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
-            }, key: "icon", icon: ForwardRef$z, cx: [
+            }, key: "icon", icon: ForwardRef$y, cx: [
                 css$I.foldingArrow, css$I[`folding-arrow-${additionalItemSize}`], uuiMarkers.clickable, css$I.iconContainer,
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
 }
@@ -1926,56 +1898,52 @@ function DataTableCell(props) {
     return React.createElement(DataTableCell$1, Object.assign({}, props));
 }
 
-var _path$x;
-function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
+var _path$w;
+function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
 var SvgNotificationDone24 = function SvgNotificationDone24(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$y({
+  return /*#__PURE__*/React.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
+    width: 25,
     height: 24,
-    viewBox: "0 0 24 24",
+    viewBox: "0 0 25 24",
     ref: ref
-  }, props), _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "m9.727 16.075-4.295-4.388L4 13.149 9.727 19 22 6.463 20.568 5 9.728 16.075z",
-    clipRule: "evenodd"
+  }, props), _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
+    d: "m2.5 12 3.077-3.2 4.615 4.8L19.423 4 22.5 7.2 10.192 20 2.5 12z"
   })));
 };
-var ForwardRef$y = /*#__PURE__*/forwardRef(SvgNotificationDone24);
+var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNotificationDone24);
 
-var _path$w;
-function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
+var _path$v;
+function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
 var SvgNotificationDone18 = function SvgNotificationDone18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$x({
+  return /*#__PURE__*/React.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M7.136 11.91 4.034 8.776 3 9.821 7.136 14 16 5.045 14.966 4l-7.83 7.91z",
-    clipRule: "evenodd"
+  }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
+    d: "m1.5 9 2.308-2.4 3.461 3.6L14.192 3 16.5 5.4 7.27 15 1.5 9z"
   })));
 };
-var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNotificationDone18);
+var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNotificationDone18);
 
-var _path$v;
-function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
+var _path$u;
+function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
 var SvgNotificationDone12 = function SvgNotificationDone12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$w({
+  return /*#__PURE__*/React.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 12,
+    width: 13,
     height: 12,
-    viewBox: "0 0 12 12",
+    viewBox: "0 0 13 12",
     ref: ref
-  }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
-    d: "M11 3.6 9.462 2 4.846 6.8 2.538 4.4 1 6l3.846 4L11 3.6z"
+  }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
+    d: "M11.5 3.6 9.962 2 5.346 6.8 3.038 4.4 1.5 6l3.846 4L11.5 3.6z"
   })));
 };
-var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNotificationDone12);
+var ForwardRef$v = /*#__PURE__*/forwardRef(SvgNotificationDone12);
 
-var css$H = {"uui-typography":"oId-jy","hero-header":"zsVNE4","promo-header":"Lu3W9P","uui-critical":"N4-rHz","uui-info":"O6Tbfi","uui-success":"Jnf9rE","uui-warning":"_3aSyW9","uui-highlight":"-RE99J","uui-typography-size-12":"Z-l2Xu","uui-typography-size-14":"yzrZ-e","uui-typography-size-16":"E5wik-","render-item":"za8qEk","icon-wrapper":"_3pROn-","picker-row":"Pqxgwh","icon-default":"ud9FX4","icon-primary":"m2JEMR","uuiTypography":"oId-jy","heroHeader":"zsVNE4","promoHeader":"Lu3W9P","uuiCritical":"N4-rHz","uuiInfo":"O6Tbfi","uuiSuccess":"Jnf9rE","uuiWarning":"_3aSyW9","uuiHighlight":"-RE99J","uuiTypographySize12":"Z-l2Xu","uuiTypographySize14":"yzrZ-e","uuiTypographySize16":"E5wik-","renderItem":"za8qEk","iconWrapper":"_3pROn-","pickerRow":"Pqxgwh","iconDefault":"ud9FX4","iconPrimary":"m2JEMR"};
+var css$H = {"uui-typography":"_9qtKEr","hero-header":"_5H9Bq8","promo-header":"dETlFf","uui-critical":"Hie-1A","uui-info":"iLjltp","uui-success":"U-48re","uui-warning":"wjIYO-","uui-highlight":"NHjGky","uui-typography-size-12":"eyyIoF","uui-typography-size-14":"_667DQ-","uui-typography-size-16":"NjC4Vt","render-item":"MvjqRc","icon-wrapper":"SgUzRi","picker-row":"_-1tvQ7","icon-default":"ju0S4o","icon-primary":"HQ2DF3","uuiTypography":"_9qtKEr","heroHeader":"_5H9Bq8","promoHeader":"dETlFf","uuiCritical":"Hie-1A","uuiInfo":"iLjltp","uuiSuccess":"U-48re","uuiWarning":"wjIYO-","uuiHighlight":"NHjGky","uuiTypographySize12":"eyyIoF","uuiTypographySize14":"_667DQ-","uuiTypographySize16":"NjC4Vt","renderItem":"MvjqRc","iconWrapper":"SgUzRi","pickerRow":"_-1tvQ7","iconDefault":"ju0S4o","iconPrimary":"HQ2DF3"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -1983,15 +1951,15 @@ class DataPickerRow extends React.Component {
         this.getIcon = (size) => {
             switch (size) {
                 case '24':
-                    return ForwardRef$w;
+                    return ForwardRef$v;
                 case '30':
-                    return ForwardRef$x;
+                    return ForwardRef$w;
                 case '36':
-                    return ForwardRef$x;
+                    return ForwardRef$w;
                 case '42':
-                    return ForwardRef$y;
-                default:
                     return ForwardRef$x;
+                default:
+                    return ForwardRef$w;
             }
         };
         this.column = {
@@ -2015,7 +1983,7 @@ class DataPickerRow extends React.Component {
     }
 }
 
-var css$G = {"uui-typography":"s43ACf","hero-header":"OlFjXq","promo-header":"TubgYa","uui-critical":"l2wnHl","uui-info":"XpvjQj","uui-success":"vhBdx0","uui-warning":"yCMlC1","uui-highlight":"gucM5l","uui-typography-size-12":"oXFK9w","uui-typography-size-14":"zPzV8a","uui-typography-size-16":"r-EDT7","done":"f-ke43","container":"l90Zsg","uuiTypography":"s43ACf","heroHeader":"OlFjXq","promoHeader":"TubgYa","uuiCritical":"l2wnHl","uuiInfo":"XpvjQj","uuiSuccess":"vhBdx0","uuiWarning":"yCMlC1","uuiHighlight":"gucM5l","uuiTypographySize12":"oXFK9w","uuiTypographySize14":"zPzV8a","uuiTypographySize16":"r-EDT7"};
+var css$G = {"uui-typography":"_7-ILuv","hero-header":"LWBfMH","promo-header":"Toek3h","uui-critical":"vl6iOT","uui-info":"_4TuINw","uui-success":"ADAsz8","uui-warning":"IrADbj","uui-highlight":"OTNO6N","uui-typography-size-12":"_0rgTPU","uui-typography-size-14":"P4mLhB","uui-typography-size-16":"JBiX71","done":"ZhKLjs","container":"_3mp70r","uuiTypography":"_7-ILuv","heroHeader":"LWBfMH","promoHeader":"Toek3h","uuiCritical":"vl6iOT","uuiInfo":"_4TuINw","uuiSuccess":"ADAsz8","uuiWarning":"IrADbj","uuiHighlight":"OTNO6N","uuiTypographySize12":"_0rgTPU","uuiTypographySize14":"P4mLhB","uuiTypographySize16":"JBiX71"};
 
 const MobileDropdownWrapper = (props) => {
     const isMobileView = isMobile();
@@ -2025,29 +1993,29 @@ const MobileDropdownWrapper = (props) => {
         isMobileView && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$G.done, size: "48" })));
 };
 
-var _path$u, _path2$1;
-function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
+var _path$t, _path2$4;
+function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
 var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$v({
+  return /*#__PURE__*/React.createElement("svg", _extends$u({
     width: 66,
     height: 67,
     viewBox: "0 0 66 67",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
-  }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
     d: "M0 33.5C0 15.275 14.775.5 33 .5s33 14.775 33 33-14.775 33-33 33-33-14.775-33-33Z",
     fill: "#EBEDF5"
-  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "m42.31 40.335 7.165 7.165L47 49.975l-7.165-7.165a13.94 13.94 0 0 1-8.585 2.94c-7.732 0-14-6.268-14-14s6.268-14 14-14 14 6.268 14 14a13.94 13.94 0 0 1-2.94 8.585ZM31.25 42.25c5.799 0 10.5-4.701 10.5-10.5s-4.701-10.5-10.5-10.5-10.5 4.701-10.5 10.5 4.701 10.5 10.5 10.5Z",
     fill: "#6C6F80"
   })));
 };
-var ForwardRef$v = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
+var ForwardRef$u = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$F = {"uui-typography":"iq3881","hero-header":"lV4HGG","promo-header":"DHFTXO","uui-critical":"WMSSSp","uui-info":"Wz2DKm","uui-success":"_6h-aSa","uui-warning":"_7XnAyr","uui-highlight":"FLUHcO","uui-typography-size-12":"l2JugX","uui-typography-size-14":"xlQ04f","uui-typography-size-16":"FggJE6","sub-header-wrapper":"pir6nd","switch":"YWuNoj","no-found-modal-container":"AiMzu3","no-found-modal-container-icon":"OM9vj6","no-found-modal-container-text":"JrYKxI","uuiTypography":"iq3881","heroHeader":"lV4HGG","promoHeader":"DHFTXO","uuiCritical":"WMSSSp","uuiInfo":"Wz2DKm","uuiSuccess":"_6h-aSa","uuiWarning":"_7XnAyr","uuiHighlight":"FLUHcO","uuiTypographySize12":"l2JugX","uuiTypographySize14":"xlQ04f","uuiTypographySize16":"FggJE6","subHeaderWrapper":"pir6nd","$switch$":"YWuNoj","noFoundModalContainer":"AiMzu3","noFoundModalContainerIcon":"OM9vj6","noFoundModalContainerText":"JrYKxI"};
+var css$F = {"uui-typography":"O24uPr","hero-header":"THE6Ig","promo-header":"IcLbf0","uui-critical":"_8mt9x8","uui-info":"VKifko","uui-success":"VBFi3x","uui-warning":"_7WVA2J","uui-highlight":"l9-Ytf","uui-typography-size-12":"fa4ILu","uui-typography-size-14":"pLygoI","uui-typography-size-16":"rQeCTW","sub-header-wrapper":"dVP60i","switch":"muQHn5","no-found-modal-container":"Ggo7jv","no-found-modal-container-icon":"_1yC2CN","no-found-modal-container-text":"_9TS4-V","uuiTypography":"O24uPr","heroHeader":"THE6Ig","promoHeader":"IcLbf0","uuiCritical":"_8mt9x8","uuiInfo":"VKifko","uuiSuccess":"VBFi3x","uuiWarning":"_7WVA2J","uuiHighlight":"l9-Ytf","uuiTypographySize12":"fa4ILu","uuiTypographySize14":"pLygoI","uuiTypographySize16":"rQeCTW","subHeaderWrapper":"dVP60i","$switch$":"muQHn5","noFoundModalContainer":"Ggo7jv","noFoundModalContainerIcon":"_1yC2CN","noFoundModalContainerText":"_9TS4-V"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, showSelectedLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -2066,7 +2034,7 @@ function PickerModal(props) {
     };
     const renderNotFound = () => {
         return props.renderNotFound ? (props.renderNotFound({ search: dataSourceState.search, onClose: () => props.success(null) })) : (React__default.createElement("div", { className: css$F.noFoundModalContainer },
-            React__default.createElement(IconContainer, { cx: css$F.noFoundModalContainerIcon, icon: ForwardRef$v }),
+            React__default.createElement(IconContainer, { cx: css$F.noFoundModalContainerIcon, icon: ForwardRef$u }),
             React__default.createElement(Text, { cx: css$F.noFoundModalContainerText, fontWeight: "600", fontSize: "16", lineHeight: "24", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsMessage),
             React__default.createElement(Text, { cx: css$F.noFoundModalContainerText, fontSize: "12", lineHeight: "18", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsSubTitle)));
     };
@@ -2093,7 +2061,7 @@ function PickerModal(props) {
 const MAX_ITEMS = 100;
 const getMaxItems = (maxItems) => maxItems || maxItems === 0 ? maxItems : MAX_ITEMS;
 
-var css$E = {"uui-typography":"fnBG6T","hero-header":"TKCOQA","promo-header":"rDD8-V","uui-critical":"F2Hq-N","uui-info":"jMSNoc","uui-success":"VOhUtS","uui-warning":"D4M4of","uui-highlight":"ZuS3zo","uui-typography-size-12":"LcTyBv","uui-typography-size-14":"S0h-Dx","uui-typography-size-16":"T9N8YF","root":"hJMXa1","mode-form":"m3NAL3","mode-cell":"ynzA8q","mode-inline":"B-n9IV","size-24":"rcimhm","size-30":"_3xpHE-","size-36":"_0PPWYI","size-42":"L-HQCx","size-48":"XY0hur","uuiTypography":"fnBG6T","heroHeader":"TKCOQA","promoHeader":"rDD8-V","uuiCritical":"F2Hq-N","uuiInfo":"jMSNoc","uuiSuccess":"VOhUtS","uuiWarning":"D4M4of","uuiHighlight":"ZuS3zo","uuiTypographySize12":"LcTyBv","uuiTypographySize14":"S0h-Dx","uuiTypographySize16":"T9N8YF","modeForm":"m3NAL3","modeCell":"ynzA8q","modeInline":"B-n9IV","size24":"rcimhm","size30":"_3xpHE-","size36":"_0PPWYI","size42":"L-HQCx","size48":"XY0hur"};
+var css$E = {"uui-typography":"fvyEad","hero-header":"UX6eFq","promo-header":"J5pOLS","uui-critical":"miv7k9","uui-info":"NReHkN","uui-success":"yPJHqf","uui-warning":"Zx3I2d","uui-highlight":"oNiZ-A","uui-typography-size-12":"flSCK-","uui-typography-size-14":"LbvOKI","uui-typography-size-16":"xcnThf","root":"Tg7E-q","mode-form":"Zhmkh9","mode-cell":"lg4XtS","mode-inline":"uuPhI8","size-24":"KW6Djw","size-30":"I8bxH8","size-36":"TBhDUY","size-42":"_9alZbY","size-48":"onl8w8","uuiTypography":"fvyEad","heroHeader":"UX6eFq","promoHeader":"J5pOLS","uuiCritical":"miv7k9","uuiInfo":"NReHkN","uuiSuccess":"yPJHqf","uuiWarning":"Zx3I2d","uuiHighlight":"oNiZ-A","uuiTypographySize12":"flSCK-","uuiTypographySize14":"LbvOKI","uuiTypographySize16":"xcnThf","modeForm":"Zhmkh9","modeCell":"lg4XtS","modeInline":"uuPhI8","size24":"KW6Djw","size30":"I8bxH8","size36":"TBhDUY","size42":"_9alZbY","size48":"onl8w8"};
 
 const defaultSize$2 = '36';
 const defaultMode$1 = EditMode.FORM;
@@ -2143,7 +2111,7 @@ function PickerTogglerComponent(props, ref) {
 }
 const PickerToggler = React.forwardRef(PickerTogglerComponent);
 
-var css$D = {"root":"Dl8av-","multiline":"_8P-dM2","vertical-padding-24":"BNkcSH","vertical-padding-30":"XIaFA4","vertical-padding-36":"j3Jmup","vertical-padding-42":"_5FFIat","vertical-padding-48":"-TTZZw","text":"wjZ-DS","verticalPadding24":"BNkcSH","verticalPadding30":"XIaFA4","verticalPadding36":"j3Jmup","verticalPadding42":"_5FFIat","verticalPadding48":"-TTZZw"};
+var css$D = {"root":"CPBHWT","multiline":"zxfmT5","vertical-padding-24":"mrBevt","vertical-padding-30":"wmBV8d","vertical-padding-36":"S-tYjA","vertical-padding-42":"wD0hBE","vertical-padding-48":"e8HMUZ","text":"NAHION","verticalPadding24":"mrBevt","verticalPadding30":"wmBV8d","verticalPadding36":"S-tYjA","verticalPadding42":"wD0hBE","verticalPadding48":"e8HMUZ"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -2241,7 +2209,7 @@ PickerItem.defaultProps = {
 
 const pickerHeight$1 = 300;
 const pickerWidth = 360;
-function PickerInput(_a) {
+function PickerInputComponent(_a, ref) {
     var { highlightSearchMatches = true } = _a, props = __rest(_a, ["highlightSearchMatches"]);
     const toggleModalOpening = () => {
         const { renderFooter, rawProps } = props, restProps = __rest(props, ["renderFooter", "rawProps"]);
@@ -2296,10 +2264,11 @@ function PickerInput(_a) {
     return (React__default.createElement(Dropdown, { renderTarget: (dropdownProps) => {
             const targetProps = getTogglerProps();
             return renderTarget(Object.assign(Object.assign({}, dropdownProps), targetProps));
-        }, renderBody: (bodyProps) => renderBody(Object.assign(Object.assign(Object.assign({}, bodyProps), getPickerBodyProps(rows)), getListProps()), rows), value: shouldShowBody(), onValueChange: !props.isDisabled && toggleBodyOpening, placement: props.dropdownPlacement, modifiers: popperModifiers, closeBodyOnTogglerHidden: !isMobile(), portalTarget: props.portalTarget }));
+        }, renderBody: (bodyProps) => renderBody(Object.assign(Object.assign(Object.assign({}, bodyProps), getPickerBodyProps(rows)), getListProps()), rows), value: shouldShowBody(), onValueChange: !props.isDisabled && toggleBodyOpening, placement: props.dropdownPlacement, modifiers: popperModifiers, closeBodyOnTogglerHidden: !isMobile(), portalTarget: props.portalTarget, ref: ref }));
 }
+const PickerInput = React__default.forwardRef(PickerInputComponent);
 
-var css$C = {"row":"ai4KaI"};
+var css$C = {"row":"vFCCfu"};
 
 function PickerListItem(props) {
     var _a;
@@ -2358,7 +2327,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
 const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
 const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
 
-var css$B = {"uui-typography":"pYcNDa","hero-header":"iuCttl","promo-header":"zO-vJe","uui-critical":"RETlr7","uui-info":"_-6lBdS","uui-success":"_7YSxdz","uui-warning":"mG3YlU","uui-highlight":"-Ous6d","uui-typography-size-12":"i8aISR","uui-typography-size-14":"_4HE0ft","uui-typography-size-16":"unA-6c","root":"Ud3x1C","title-wrapper":"JBx-WF","title":"UnIKQh","text-wrapper":"I7WJ-D","selection":"Vo9DGw","postfix":"Oz5yFS","selected":"_4L8xRo","uuiTypography":"pYcNDa","heroHeader":"iuCttl","promoHeader":"zO-vJe","uuiCritical":"RETlr7","uuiInfo":"_-6lBdS","uuiSuccess":"_7YSxdz","uuiWarning":"mG3YlU","uuiHighlight":"-Ous6d","uuiTypographySize12":"i8aISR","uuiTypographySize14":"_4HE0ft","uuiTypographySize16":"unA-6c","titleWrapper":"JBx-WF","textWrapper":"I7WJ-D"};
+var css$B = {"uui-typography":"_3wG95O","hero-header":"inKNK0","promo-header":"-F2TtH","uui-critical":"sK-QO3","uui-info":"LMTRO-","uui-success":"xyPaPI","uui-warning":"cvO7Lt","uui-highlight":"MyOiQN","uui-typography-size-12":"npH0sl","uui-typography-size-14":"uCdNi9","uui-typography-size-16":"uFvidA","root":"luBKJF","title-wrapper":"HPvH6U","title":"ifRB9a","text-wrapper":"hZsoV6","selection":"QQsmtK","postfix":"aope2B","selected":"JwZqfG","uuiTypography":"_3wG95O","heroHeader":"inKNK0","promoHeader":"-F2TtH","uuiCritical":"sK-QO3","uuiInfo":"LMTRO-","uuiSuccess":"xyPaPI","uuiWarning":"cvO7Lt","uuiHighlight":"MyOiQN","uuiTypographySize12":"npH0sl","uuiTypographySize14":"uCdNi9","uuiTypographySize16":"uFvidA","titleWrapper":"HPvH6U","textWrapper":"hZsoV6"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = React.forwardRef((props, ref) => {
@@ -2463,7 +2432,7 @@ class FilterDatePickerBody extends BaseDatePicker {
     }
 }
 
-var css$A = {"uui-typography":"JBZSoE","hero-header":"JBSLB-","promo-header":"qMdi5x","uui-critical":"_2Fl2u2","uui-info":"CQopel","uui-success":"TM2cvF","uui-warning":"d967XQ","uui-highlight":"_0tyVtI","uui-typography-size-12":"AmJ9mI","uui-typography-size-14":"Z6iAnf","uui-typography-size-16":"t-4STs","date-input":"FfSGbR","size-24":"JSB2F3","size-30":"_8wa9r4","size-36":"yVn5cB","size-42":"XsBIiL","size-48":"_8K9xQi","date-input-group":"PiJM0d","separator":"_5ju4kH","mode-form":"-Qfzk8","mode-cell":"w0x84S","uuiTypography":"JBZSoE","heroHeader":"JBSLB-","promoHeader":"qMdi5x","uuiCritical":"_2Fl2u2","uuiInfo":"CQopel","uuiSuccess":"TM2cvF","uuiWarning":"d967XQ","uuiHighlight":"_0tyVtI","uuiTypographySize12":"AmJ9mI","uuiTypographySize14":"Z6iAnf","uuiTypographySize16":"t-4STs","dateInput":"FfSGbR","size24":"JSB2F3","size30":"_8wa9r4","size36":"yVn5cB","size42":"XsBIiL","size48":"_8K9xQi","dateInputGroup":"PiJM0d","modeForm":"-Qfzk8","modeCell":"w0x84S"};
+var css$A = {"uui-typography":"UBzfd1","hero-header":"UK0X7L","promo-header":"hoH61j","uui-critical":"TrSlw7","uui-info":"YWlwup","uui-success":"lqAHlt","uui-warning":"Mab--f","uui-highlight":"Rhj0cO","uui-typography-size-12":"nThfQN","uui-typography-size-14":"vfrmR9","uui-typography-size-16":"_622rI0","date-input":"_6HsqfJ","size-24":"GXOeC5","size-30":"MIphb-","size-36":"aNNR-1","size-42":"JesOkZ","size-48":"U0pm33","date-input-group":"vntfvT","separator":"YMmBsw","mode-form":"XpjBkM","mode-cell":"Ov-lrL","uuiTypography":"UBzfd1","heroHeader":"UK0X7L","promoHeader":"hoH61j","uuiCritical":"TrSlw7","uuiInfo":"YWlwup","uuiSuccess":"lqAHlt","uuiWarning":"Mab--f","uuiHighlight":"Rhj0cO","uuiTypographySize12":"nThfQN","uuiTypographySize14":"vfrmR9","uuiTypographySize16":"_622rI0","dateInput":"_6HsqfJ","size24":"GXOeC5","size30":"MIphb-","size36":"aNNR-1","size42":"JesOkZ","size48":"U0pm33","dateInputGroup":"vntfvT","modeForm":"XpjBkM","modeCell":"Ov-lrL"};
 
 class FilterRangeDatePickerBody extends BaseRangeDatePicker {
     constructor() {
@@ -2495,7 +2464,7 @@ class FilterRangeDatePickerBody extends BaseRangeDatePicker {
     }
 }
 
-var css$z = {"container":"xXduhp"};
+var css$z = {"container":"l3GQ-A"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2570,23 +2539,26 @@ function FilterItemBody(props) {
     }
 }
 
-var _path$t;
-function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
+var _path$s, _path2$3;
+function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
 var SvgActionDeleteforever12 = function SvgActionDeleteforever12(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$u({
+  return /*#__PURE__*/React.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 12,
+    width: 13,
     height: 12,
-    viewBox: "0 0 18 18",
+    viewBox: "0 0 13 12",
     ref: ref
-  }, props), _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M14 6v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6h10zm-3-4 1 1h3v2H3V3h3l1-1h4zm-.24 12.1L9 12.36 7.24 14.1l-1.16-1.16 1.74-1.76-1.78-1.8 1.2-1.18L9 10l1.76-1.8 1.18 1.18-1.76 1.8 1.76 1.76-1.18 1.16z"
+    d: "M8.25 5.083 7.667 4.5 6.5 5.667 5.333 4.5l-.583.583L5.917 6.25 4.75 7.417 5.333 8 6.5 6.833 7.667 8l.583-.583L7.083 6.25 8.25 5.083z",
+    clipRule: "evenodd"
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
+    d: "M5 1.5V2H2.5v1H3v6.5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V3h.5V2H8v-.5H5zM4 3h5v6.5H4V3z"
   })));
 };
-var ForwardRef$u = /*#__PURE__*/forwardRef(SvgActionDeleteforever12);
+var ForwardRef$t = /*#__PURE__*/forwardRef(SvgActionDeleteforever12);
 
-var css$y = {"uui-typography":"GglPfX","hero-header":"Vkazd4","promo-header":"efSRjN","uui-critical":"-gAyyt","uui-info":"WvDng0","uui-success":"eoz9a0","uui-warning":"DUiezT","uui-highlight":"cGkCUf","uui-typography-size-12":"Jq-o3a","uui-typography-size-14":"HydnWm","uui-typography-size-16":"z0Zk1r","header":"hcm0Q2","removeButton":"_708fzA","with-search":"RK0CSX","uuiTypography":"GglPfX","heroHeader":"Vkazd4","promoHeader":"efSRjN","uuiCritical":"-gAyyt","uuiInfo":"WvDng0","uuiSuccess":"eoz9a0","uuiWarning":"DUiezT","uuiHighlight":"cGkCUf","uuiTypographySize12":"Jq-o3a","uuiTypographySize14":"HydnWm","uuiTypographySize16":"z0Zk1r","withSearch":"RK0CSX"};
+var css$y = {"uui-typography":"sKlrEi","hero-header":"Y1qFxx","promo-header":"UHxdP8","uui-critical":"_7xINum","uui-info":"xWlEyi","uui-success":"JjoPes","uui-warning":"TWqvaA","uui-highlight":"_7OA66l","uui-typography-size-12":"f9QqX9","uui-typography-size-14":"WeLMut","uui-typography-size-16":"NqI-W7","header":"BGCfJ0","removeButton":"doDk85","with-search":"tZ70HT","uuiTypography":"sKlrEi","heroHeader":"Y1qFxx","promoHeader":"UHxdP8","uuiCritical":"_7xINum","uuiInfo":"xWlEyi","uuiSuccess":"JjoPes","uuiWarning":"TWqvaA","uuiHighlight":"_7OA66l","uuiTypographySize12":"f9QqX9","uuiTypographySize14":"WeLMut","uuiTypographySize16":"NqI-W7","withSearch":"tZ70HT"};
 
 function FiltersToolbarItemImpl(props) {
     const { maxCount = 2 } = props;
@@ -2664,7 +2636,7 @@ function FiltersToolbarItemImpl(props) {
         var _a;
         return (React__default.createElement("div", { className: cx(css$y.header, isPickersType && ((_a = props.showSearch) !== null && _a !== void 0 ? _a : css$y.withSearch)) },
             props.predicates ? (React__default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: "24" })) : (!hideTitle && (React__default.createElement(Text, { color: "secondary", size: "24", fontSize: "14" }, props.title))),
-            !(props === null || props === void 0 ? void 0 : props.isAlwaysVisible) && (React__default.createElement(LinkButton, { cx: css$y.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: "24", icon: ForwardRef$u }))));
+            !(props === null || props === void 0 ? void 0 : props.isAlwaysVisible) && (React__default.createElement(LinkButton, { cx: css$y.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: "24", icon: ForwardRef$t }))));
     };
     const renderBody = (dropdownProps) => {
         const hideHeaderTitle = isPickersType && isMobileScreen;
@@ -2751,20 +2723,20 @@ function FiltersToolbarItemImpl(props) {
 }
 const FiltersPanelItem = React__default.memo(FiltersToolbarItemImpl);
 
-var _path$s;
-function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
+var _path$r;
+function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
 var SvgActionAdd18 = function SvgActionAdd18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$t({
+  return /*#__PURE__*/React.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     ref: ref
-  }, props), _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
-    d: "M10 2H8v6H2v2h6v6h2v-6h6V8h-6V2z"
+  }, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
+    d: "M8.25 14.25v-4.5h-4.5v-1.5h4.5v-4.5h1.5v4.5h4.5v1.5h-4.5v4.5h-1.5z"
   })));
 };
-var ForwardRef$t = /*#__PURE__*/forwardRef(SvgActionAdd18);
+var ForwardRef$s = /*#__PURE__*/forwardRef(SvgActionAdd18);
 
 const normalizeFilterWithPredicates = (filter) => {
     if (!filter) {
@@ -2855,7 +2827,7 @@ function FiltersToolbarImpl(props) {
     }, [filters, tableState.filtersConfig]);
     const renderAddFilterToggler = useCallback((togglerProps) => {
         var _a;
-        return (React__default.createElement(Button, { size: (_a = props.size) !== null && _a !== void 0 ? _a : '36', onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$t, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
+        return (React__default.createElement(Button, { size: (_a = props.size) !== null && _a !== void 0 ? _a : '36', onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$s, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
     }, []);
     const getRowOptions = useCallback((item) => ({
         isDisabled: item.isAlwaysVisible,
@@ -2882,30 +2854,13 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = React__default.memo(FiltersToolbarImpl);
 
-var css$x = {"divider":"qsznnt","dropdownDeleteIcon":"QPuu1k","presetsWrapper":"_0o5vwL","addPresetContainer":"_67SEvm","dropContainer":"_4JktuX"};
+var css$x = {"divider":"yL2-Hn","dropdownDeleteIcon":"sA-NWK","presetsWrapper":"LLXvtC","addPresetContainer":"g-1mt6","dropContainer":"bT5VaH"};
 
-var css$w = {"preset-dropdown-panel":"u-L3oo","delete-row":"eymslu","delete-button":"oFXeRP","targetOpen":"Y8R0q3","presetDropdownPanel":"u-L3oo","deleteRow":"eymslu","deleteButton":"oFXeRP"};
-
-var _path$r;
-function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
-var SvgNavigationMoreVert18 = function SvgNavigationMoreVert18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$s({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 18,
-    height: 18,
-    viewBox: "0 0 18 18",
-    ref: ref
-  }, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M9 6c.825 0 1.5-.675 1.5-1.5S9.825 3 9 3s-1.5.675-1.5 1.5S8.175 6 9 6zm0 1.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5S9.825 7.5 9 7.5zM9 12c-.825 0-1.5.675-1.5 1.5S8.175 15 9 15s1.5-.675 1.5-1.5S9.825 12 9 12z",
-    clipRule: "evenodd"
-  })));
-};
-var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNavigationMoreVert18);
+var css$w = {"preset-dropdown-panel":"d8nK1Y","delete-row":"K-frIg","delete-button":"_9-UAlV","targetOpen":"ZLXrNy","presetDropdownPanel":"d8nK1Y","deleteRow":"K-frIg","deleteButton":"_9-UAlV"};
 
 var _path$q;
 function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
-var SvgActionUpdate18 = function SvgActionUpdate18(props, ref) {
+var SvgNavigationMoreVert18 = function SvgNavigationMoreVert18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -2914,15 +2869,15 @@ var SvgActionUpdate18 = function SvgActionUpdate18(props, ref) {
     ref: ref
   }, props), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M8.007 2A7.004 7.004 0 0 0 1 9a7.004 7.004 0 0 0 11.732 5.16l-1.497-1.347A4.999 4.999 0 0 1 3 9c0-2.763 2.237-5 5-5 2.762 0 5 2.237 5 5h2c0-3.864-3.129-7-6.993-7zM11 9l3 3 3-3h-6z",
+    d: "M9 6c.825 0 1.5-.675 1.5-1.5S9.825 3 9 3s-1.5.675-1.5 1.5S8.175 6 9 6zm0 1.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5S9.825 7.5 9 7.5zM9 12c-.825 0-1.5.675-1.5 1.5S8.175 15 9 15s1.5-.675 1.5-1.5S9.825 12 9 12z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$r = /*#__PURE__*/forwardRef(SvgActionUpdate18);
+var ForwardRef$r = /*#__PURE__*/forwardRef(SvgNavigationMoreVert18);
 
 var _path$p;
 function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
-var SvgSaveOutline18 = function SvgSaveOutline18(props, ref) {
+var SvgNavigationRefresh18 = function SvgNavigationRefresh18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -2930,14 +2885,14 @@ var SvgSaveOutline18 = function SvgSaveOutline18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
-    d: "M12.75 2.25h-9a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h10.5c.825 0 1.5-.675 1.5-1.5v-9l-3-3zm1.5 12H3.75V3.75h8.377l2.123 2.122v8.378zM9 9a2.247 2.247 0 0 0-2.25 2.25A2.247 2.247 0 0 0 9 13.5a2.247 2.247 0 0 0 2.25-2.25A2.247 2.247 0 0 0 9 9zM4.5 4.5h6.75v3H4.5v-3z"
+    d: "M9 15c-1.675 0-3.094-.581-4.256-1.744C3.58 12.094 3 10.675 3 9c0-1.675.581-3.094 1.744-4.256C5.906 3.58 7.325 3 9 3c.863 0 1.688.178 2.475.535A5.713 5.713 0 0 1 13.5 5.062V3H15v5.25H9.75v-1.5h3.15c-.4-.7-.947-1.25-1.64-1.65-.694-.4-1.447-.6-2.26-.6-1.25 0-2.313.438-3.188 1.313S4.5 7.75 4.5 9c0 1.25.438 2.313 1.313 3.188C6.688 13.062 7.75 13.5 9 13.5c.963 0 1.831-.275 2.606-.825a4.357 4.357 0 0 0 1.632-2.175h1.575a5.922 5.922 0 0 1-2.138 3.244A5.82 5.82 0 0 1 9 15z"
   })));
 };
-var ForwardRef$q = /*#__PURE__*/forwardRef(SvgSaveOutline18);
+var ForwardRef$q = /*#__PURE__*/forwardRef(SvgNavigationRefresh18);
 
 var _path$o;
 function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
-var SvgContentEditUndo18 = function SvgContentEditUndo18(props, ref) {
+var SvgSaveOutline18 = function SvgSaveOutline18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -2945,16 +2900,14 @@ var SvgContentEditUndo18 = function SvgContentEditUndo18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M9.375 6A7.848 7.848 0 0 0 4.2 7.95l-2.7-2.7V12h6.75L5.535 9.285a5.965 5.965 0 0 1 3.84-1.41 6.009 6.009 0 0 1 5.7 4.125l1.777-.585C15.81 8.273 12.862 6 9.375 6z",
-    clipRule: "evenodd"
+    d: "M12.75 2.25h-9a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h10.5c.825 0 1.5-.675 1.5-1.5v-9l-3-3zm1.5 12H3.75V3.75h8.377l2.123 2.122v8.378zM9 9a2.247 2.247 0 0 0-2.25 2.25A2.247 2.247 0 0 0 9 13.5a2.247 2.247 0 0 0 2.25-2.25A2.247 2.247 0 0 0 9 9zM4.5 4.5h6.75v3H4.5v-3z"
   })));
 };
-var ForwardRef$p = /*#__PURE__*/forwardRef(SvgContentEditUndo18);
+var ForwardRef$p = /*#__PURE__*/forwardRef(SvgSaveOutline18);
 
 var _path$n;
 function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
-var SvgActionCopyContent18 = function SvgActionCopyContent18(props, ref) {
+var SvgContentEditUndo18 = function SvgContentEditUndo18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -2962,16 +2915,14 @@ var SvgActionCopyContent18 = function SvgActionCopyContent18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M3 1h8v2H3v8H1V3a2 2 0 0 1 2-2zm2 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7zm10 8H7V7h8v8z",
-    clipRule: "evenodd"
+    d: "M16.875 10.25c0-.938-.178-1.816-.534-2.635a6.869 6.869 0 0 0-1.445-2.137 6.864 6.864 0 0 0-2.137-1.444 6.532 6.532 0 0 0-2.634-.534c-.938 0-1.816.178-2.635.534a6.875 6.875 0 0 0-2.137 1.444A6.865 6.865 0 0 0 3.91 7.615a6.53 6.53 0 0 0-.535 2.635v.113L2.212 9.2l-1.087 1.05 3 3 3-3L6.037 9.2l-1.162 1.163v-.113c0-1.463.51-2.703 1.528-3.721C7.422 5.508 8.663 5 10.125 5c1.463 0 2.703.51 3.722 1.529 1.019 1.018 1.528 2.258 1.528 3.721h1.5z"
   })));
 };
-var ForwardRef$o = /*#__PURE__*/forwardRef(SvgActionCopyContent18);
+var ForwardRef$o = /*#__PURE__*/forwardRef(SvgContentEditUndo18);
 
 var _path$m;
 function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
-var SvgContentEdit18 = function SvgContentEdit18(props, ref) {
+var SvgActionCopyContent18 = function SvgActionCopyContent18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -2980,15 +2931,15 @@ var SvgContentEdit18 = function SvgContentEdit18(props, ref) {
     ref: ref
   }, props), _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M2.25 12.94v2.812h2.813l8.294-8.295-2.812-2.813L2.25 12.94zm13.283-7.658a.747.747 0 0 0 0-1.058L13.777 2.47a.747.747 0 0 0-1.058 0l-1.373 1.373 2.813 2.812 1.373-1.372z",
+    d: "M15 15H6V6h9M6 4.5A1.5 1.5 0 0 0 4.5 6v9A1.5 1.5 0 0 0 6 16.5h9a1.5 1.5 0 0 0 1.5-1.5V6A1.5 1.5 0 0 0 15 4.5H6zm4.5-3H3A1.5 1.5 0 0 0 1.5 3v7.5H3V3h7.5V1.5z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$n = /*#__PURE__*/forwardRef(SvgContentEdit18);
+var ForwardRef$n = /*#__PURE__*/forwardRef(SvgActionCopyContent18);
 
 var _path$l;
 function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
-var SvgContentLink18 = function SvgContentLink18(props, ref) {
+var SvgContentEdit18 = function SvgContentEdit18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -2996,16 +2947,14 @@ var SvgContentLink18 = function SvgContentLink18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M7.943 10.057a.73.73 0 0 1 0 1.066.756.756 0 0 1-1.065 0 3.753 3.753 0 0 1 0-5.303l2.655-2.655a3.753 3.753 0 0 1 5.302 0 3.753 3.753 0 0 1 0 5.302l-1.118 1.118a5.18 5.18 0 0 0-.3-1.815l.353-.36a2.236 2.236 0 0 0 0-3.18 2.236 2.236 0 0 0-3.18 0L7.943 6.877a2.236 2.236 0 0 0 0 3.18zm2.114-3.18a.756.756 0 0 1 1.066 0 3.753 3.753 0 0 1 0 5.303l-2.655 2.655a3.753 3.753 0 0 1-5.303 0 3.753 3.753 0 0 1 0-5.303l1.118-1.117a5.25 5.25 0 0 0 .3 1.823l-.353.352a2.236 2.236 0 0 0 0 3.18 2.236 2.236 0 0 0 3.18 0l2.647-2.647a2.236 2.236 0 0 0 0-3.18.73.73 0 0 1 0-1.066z",
-    clipRule: "evenodd"
+    d: "m14.475 6.694-3.188-3.15 1.05-1.05a1.44 1.44 0 0 1 1.06-.432c.419 0 .772.144 1.06.432l1.05 1.05c.287.287.437.634.45 1.04.012.407-.126.754-.413 1.041l-1.069 1.069zM13.387 7.8l-7.95 7.95H2.25v-3.188l7.95-7.95L13.388 7.8z"
   })));
 };
-var ForwardRef$m = /*#__PURE__*/forwardRef(SvgContentLink18);
+var ForwardRef$m = /*#__PURE__*/forwardRef(SvgContentEdit18);
 
-var _path$k;
+var _path$k, _path2$2;
 function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
-var SvgActionDeleteforever18 = function SvgActionDeleteforever18(props, ref) {
+var SvgContentLink18 = function SvgContentLink18(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -3013,12 +2962,31 @@ var SvgActionDeleteforever18 = function SvgActionDeleteforever18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
+    d: "M9 3.697A3.75 3.75 0 1 1 14.303 9l-.795.796a3.763 3.763 0 0 0-.221-1.902 2.25 2.25 0 0 0-3.226-3.136L7.939 6.879a2.25 2.25 0 0 0-.053 3.127l.053.055-1.06 1.06a3.75 3.75 0 0 1 0-5.303l2.12-2.121z"
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
+    d: "m3.697 9 .742-.742a3.763 3.763 0 0 0 .223 1.905 2.25 2.25 0 0 0 3.278 3.08l2.12-2.121A2.25 2.25 0 0 0 9.44 7.5l1.098-1.098a3.75 3.75 0 0 1 .583 5.78l-2.12 2.122A3.75 3.75 0 1 1 3.696 9z"
+  })));
+};
+var ForwardRef$l = /*#__PURE__*/forwardRef(SvgContentLink18);
+
+var _path$j, _path2$1;
+function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
+var SvgActionDeleteforever18 = function SvgActionDeleteforever18(props, ref) {
+  return /*#__PURE__*/React.createElement("svg", _extends$k({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 18,
+    height: 18,
+    viewBox: "0 0 18 18",
+    ref: ref
+  }, props), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M7 2h4l1 1h3v2H3V3h3l1-1zM4 6h10v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6zm6.76 8.1L9 12.36 7.24 14.1l-1.16-1.16 1.74-1.76-1.78-1.8 1.2-1.18L9 10l1.76-1.8 1.18 1.18-1.76 1.8 1.76 1.76-1.18 1.16z",
+    d: "m11.625 7.625-.875-.875L9 8.5 7.25 6.75l-.875.875 1.75 1.75-1.75 1.75.875.875L9 10.25 10.75 12l.875-.875-1.75-1.75 1.75-1.75z",
     clipRule: "evenodd"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
+    d: "M6.75 2.25V3H3v1.5h.75v9.75a1.5 1.5 0 0 0 1.5 1.5h7.5a1.5 1.5 0 0 0 1.5-1.5V4.5H15V3h-3.75v-.75h-4.5zM5.25 4.5h7.5v9.75h-7.5V4.5z"
   })));
 };
-var ForwardRef$l = /*#__PURE__*/forwardRef(SvgActionDeleteforever18);
+var ForwardRef$k = /*#__PURE__*/forwardRef(SvgActionDeleteforever18);
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -3055,30 +3023,30 @@ function PresetActionsDropdown(props) {
     ]);
     const renderBody = () => {
         const isReadonlyPreset = props.preset.isReadonly;
-        return (React__default.createElement(Panel, { background: "surface", shadow: true, cx: css$w.presetDropdownPanel },
+        return (React__default.createElement(Panel, { background: "surface-main", shadow: true, cx: css$w.presetDropdownPanel },
             props.activePresetId === props.preset.id && props.hasPresetChanged(props.preset) && (React__default.createElement(React__default.Fragment, null,
                 !isReadonlyPreset && (React__default.createElement(FlexRow, { key: `${props.preset.id}-save-in-current` },
-                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$r, caption: "Save in current", onClick: saveInCurrentHandler }))),
+                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$q, caption: "Save in current", onClick: saveInCurrentHandler }))),
                 React__default.createElement(FlexRow, { key: `${props.preset.id}-save-as-new` },
-                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$q, caption: "Save as new", onClick: props.addPreset })),
+                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$p, caption: "Save as new", onClick: props.addPreset })),
                 React__default.createElement(FlexRow, { key: `${props.preset.id}-discard`, borderBottom: true },
-                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$p, caption: "Discard all changes", onClick: discardAllChangesHandler })))),
+                    React__default.createElement(DropdownMenuButton, { icon: ForwardRef$o, caption: "Discard all changes", onClick: discardAllChangesHandler })))),
             props.preset.id === props.activePresetId && !isReadonlyPreset && (React__default.createElement(FlexRow, { key: `${props.preset.id}-rename` },
-                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$n, caption: "Rename", onClick: props.renamePreset }))),
+                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$m, caption: "Rename", onClick: props.renamePreset }))),
             React__default.createElement(FlexRow, { key: `${props.preset.id}-duplicate` },
-                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$o, caption: "Duplicate", onClick: duplicateHandler })),
+                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$n, caption: "Duplicate", onClick: duplicateHandler })),
             React__default.createElement(FlexRow, { borderBottom: true, key: `${props.preset.id}-copyLink` },
-                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$m, caption: "Copy Link", onClick: copyUrlToClipboard })),
+                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$l, caption: "Copy Link", onClick: copyUrlToClipboard })),
             !isReadonlyPreset && (React__default.createElement(FlexRow, { key: `${props.preset.id}-delete`, cx: css$w.deleteRow },
-                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$l, caption: "Delete", cx: css$w.deleteButton, onClick: deleteHandler })))));
+                React__default.createElement(DropdownMenuButton, { icon: ForwardRef$k, caption: "Delete", cx: css$w.deleteButton, onClick: deleteHandler })))));
     };
     const renderTarget = useCallback((dropdownProps) => {
-        return (React__default.createElement(IconButton, Object.assign({ cx: dropdownProps.isOpen && css$w.targetOpen, color: props.preset.id === props.activePresetId ? 'info' : 'neutral' }, dropdownProps, { icon: ForwardRef$s })));
+        return (React__default.createElement(IconButton, Object.assign({ cx: dropdownProps.isOpen && css$w.targetOpen, color: props.preset.id === props.activePresetId ? 'info' : 'neutral' }, dropdownProps, { icon: ForwardRef$r })));
     }, []);
     return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$v = {"preset-input-cell":"_9-iJHM","preset-input":"rWbbhi","presetInputCell":"_9-iJHM","presetInput":"rWbbhi"};
+var css$v = {"preset-input-cell":"DVAdoH","preset-input":"wRmadV","presetInputCell":"DVAdoH","presetInput":"wRmadV"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -3108,7 +3076,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$v.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50 })));
 }
 
-var css$u = {"preset":"GvXqEI","activePreset":"xyQ-v-"};
+var css$u = {"preset":"KdBigM","activePreset":"IuKIPZ"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -3129,21 +3097,6 @@ function Preset(props) {
     return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$u.preset, isPresetActive && css$u.activePreset, UUI_PRESETS_PANEL_PRESET], size: "60", withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: () => React__default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
-var _path$j;
-function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
-var SvgContentPlusBold18 = function SvgContentPlusBold18(props, ref) {
-  return /*#__PURE__*/React.createElement("svg", _extends$k({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 18,
-    height: 18,
-    viewBox: "0 0 18 18",
-    ref: ref
-  }, props), _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
-    d: "M10.5 3h-3v4.5H3v3h4.5V15h3v-4.5H15v-3h-4.5V3z"
-  })));
-};
-var ForwardRef$k = /*#__PURE__*/forwardRef(SvgContentPlusBold18);
-
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = useState(false);
     const setAddingPreset = useCallback(() => {
@@ -3157,7 +3110,7 @@ function PresetsPanel(props) {
         return React__default.createElement(Preset, Object.assign({ key: preset.id, preset: preset, addPreset: setAddingPreset }, presetApi));
     };
     const renderAddPresetButton = useCallback(() => {
-        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$x.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON, size: "36", onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$k, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
+        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$x.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON, size: "36", onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$s, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
     }, [isAddingPreset]);
     const onPresetDropdownSelect = (preset) => {
         props.choosePreset(preset.preset);
@@ -3166,7 +3119,7 @@ function PresetsPanel(props) {
         return (React__default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__default.createElement(FlexRow, null,
                 React__default.createElement("div", { className: css$x.divider }),
                 React__default.createElement(Button, Object.assign({ cx: UUI_PRESETS_PANEL_MORE_BUTTON, fill: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: (propsBody) => (React__default.createElement(DropdownContainer, Object.assign({ cx: cx$1(css$x.dropContainer), width: 230 }, propsBody),
-                React__default.createElement(ScrollBars$1, null, hiddenItems.map((hiddenItem) => (React__default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$l, iconPosition: "right", cx: css$x.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
+                React__default.createElement(ScrollBars$1, null, hiddenItems.map((hiddenItem) => (React__default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$k, iconPosition: "right", cx: css$x.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
     };
     const getPresetPriority = (preset, index) => {
         return preset.id === props.activePresetId ? 100499 : 1000 - index;
@@ -3222,7 +3175,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$t = {"line-height-12":"_3hdDME","line-height-18":"-b4mU1","line-height-24":"uT794S","line-height-30":"vLGj29","font-size-10":"_7GCEC4","font-size-12":"zHTot4","font-size-14":"nhFpJW","font-size-16":"_9EyrC3","font-size-18":"SE4AhW","font-size-24":"QESWZF","v-padding-2":"rP2rYQ","v-padding-3":"tXFCft","v-padding-5":"lhAVue","v-padding-6":"lbJPRa","v-padding-8":"_6O6d1-","v-padding-9":"bJlDlF","v-padding-11":"nbmRrW","v-padding-12":"_16sC6g","v-padding-14":"lfVCOj","v-padding-15":"BXdLB-","v-padding-17":"HpkDcT","v-padding-18":"_1y47wM","v-padding-23":"_3uaJXw","v-padding-24":"s-v2aH","lineHeight12":"_3hdDME","lineHeight18":"-b4mU1","lineHeight24":"uT794S","lineHeight30":"vLGj29","fontSize10":"_7GCEC4","fontSize12":"zHTot4","fontSize14":"nhFpJW","fontSize16":"_9EyrC3","fontSize18":"SE4AhW","fontSize24":"QESWZF","vPadding2":"rP2rYQ","vPadding3":"tXFCft","vPadding5":"lhAVue","vPadding6":"lbJPRa","vPadding8":"_6O6d1-","vPadding9":"bJlDlF","vPadding11":"nbmRrW","vPadding12":"_16sC6g","vPadding14":"lfVCOj","vPadding15":"BXdLB-","vPadding17":"HpkDcT","vPadding18":"_1y47wM","vPadding23":"_3uaJXw","vPadding24":"s-v2aH"};
+var css$t = {"line-height-12":"Fp3l18","line-height-18":"bMHv1b","line-height-24":"_0vrDSc","line-height-30":"f3HVvY","font-size-10":"eZfEO1","font-size-12":"K6wYvs","font-size-14":"_2Im5Lb","font-size-16":"_548szD","font-size-18":"xbLC-O","font-size-24":"_4xK21f","v-padding-2":"yUC-tr","v-padding-3":"mk6rHg","v-padding-5":"_6KnyXc","v-padding-6":"hvbtz2","v-padding-8":"_1x4Izm","v-padding-9":"BS9DtA","v-padding-11":"_1VfIWW","v-padding-12":"zMUOsT","v-padding-14":"_5WLckX","v-padding-15":"hWUKGO","v-padding-17":"na4-VY","v-padding-18":"jJwGgC","v-padding-23":"xodslJ","v-padding-24":"SGNrnH","lineHeight12":"Fp3l18","lineHeight18":"bMHv1b","lineHeight24":"_0vrDSc","lineHeight30":"f3HVvY","fontSize10":"eZfEO1","fontSize12":"K6wYvs","fontSize14":"_2Im5Lb","fontSize16":"_548szD","fontSize18":"xbLC-O","fontSize24":"_4xK21f","vPadding2":"yUC-tr","vPadding3":"mk6rHg","vPadding5":"_6KnyXc","vPadding6":"hvbtz2","vPadding8":"_1x4Izm","vPadding9":"BS9DtA","vPadding11":"_1VfIWW","vPadding12":"zMUOsT","vPadding14":"_5WLckX","vPadding15":"hWUKGO","vPadding17":"na4-VY","vPadding18":"jJwGgC","vPadding23":"xodslJ","vPadding24":"SGNrnH"};
 
 const defaultTextSettings = {
     18: { lineHeight: 12, fontSize: 10 },
@@ -3248,9 +3201,8 @@ function getTextClasses(props, border) {
     ];
 }
 
-var css$s = {"root":"TlFkIH"};
+var css$s = {"root":"sYS5r6"};
 
-const allTextColors = ['info', 'warning', 'error', 'success', 'brand', 'primary', 'secondary', 'disabled', 'white'];
 function applyTextMods(mods) {
     const textClasses = getTextClasses({
         size: mods.size || '36',
@@ -3268,7 +3220,7 @@ function applyTextMods(mods) {
 }
 const Text = withMods(Text$1, applyTextMods);
 
-var css$r = {"root":"tQxh--","loading-word":"_1ekaCG","animated-loading":"zIFkq4","skeleton_loading":"KHHevs","loadingWord":"_1ekaCG","animatedLoading":"zIFkq4","skeletonLoading":"KHHevs"};
+var css$r = {"root":"AkEw9S","loading-word":"CgrbyI","animated-loading":"qtTojE","skeleton_loading":"hLMWPb","loadingWord":"CgrbyI","animatedLoading":"qtTojE","skeletonLoading":"hLMWPb"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3287,7 +3239,7 @@ const TextPlaceholder = (props) => {
 
 const RichTextView = withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
 
-var css$q = {"uui-typography":"lMBt-V","hero-header":"I1dBnB","promo-header":"_1oMrB6","uui-critical":"GiRiyy","uui-info":"_6CMlK1","uui-success":"VpAp7n","uui-warning":"wZsqwX","uui-highlight":"nXM2a6","uui-typography-size-12":"V8EcrV","uui-typography-size-14":"nimOOY","uui-typography-size-16":"_4SZXrd","root":"WnJgui","modal-blocker":"_1E0R3J","animateModalBlocker":"aLutW7","modal":"_7V454Y","modal-footer":"eQ2an3","border-top":"Tif08O","modal-header":"j65BUZ","uuiTypography":"lMBt-V","heroHeader":"I1dBnB","promoHeader":"_1oMrB6","uuiCritical":"GiRiyy","uuiInfo":"_6CMlK1","uuiSuccess":"VpAp7n","uuiWarning":"wZsqwX","uuiHighlight":"nXM2a6","uuiTypographySize12":"V8EcrV","uuiTypographySize14":"nimOOY","uuiTypographySize16":"_4SZXrd","modalBlocker":"_1E0R3J","modalFooter":"eQ2an3","borderTop":"Tif08O","modalHeader":"j65BUZ"};
+var css$q = {"uui-typography":"AYyYSz","hero-header":"BquhoT","promo-header":"_1eJT7b","uui-critical":"vqCtrw","uui-info":"rSNEtP","uui-success":"rTy7QA","uui-warning":"sckmOD","uui-highlight":"bQF1Ic","uui-typography-size-12":"LMEgeM","uui-typography-size-14":"_5ch62-","uui-typography-size-16":"_1-dvP1","root":"RODpD1","modal-blocker":"WxY0-F","animateModalBlocker":"QB8Gk0","modal":"-yxAdV","modal-footer":"-gdyRQ","border-top":"JTV4s6","modal-header":"VYwuRP","uuiTypography":"AYyYSz","heroHeader":"BquhoT","promoHeader":"_1eJT7b","uuiCritical":"vqCtrw","uuiInfo":"rSNEtP","uuiSuccess":"rTy7QA","uuiWarning":"sckmOD","uuiHighlight":"bQF1Ic","uuiTypographySize12":"LMEgeM","uuiTypographySize14":"_5ch62-","uuiTypographySize16":"_1-dvP1","modalBlocker":"WxY0-F","modalFooter":"-gdyRQ","borderTop":"JTV4s6","modalHeader":"VYwuRP"};
 
 const ModalBlocker = withMods(ModalBlocker$1, () => [css$q.modalBlocker]);
 const ModalWindow = withMods(ModalWindow$1, () => [css$q.root, css$q.modal], (props) => ({
@@ -3300,7 +3252,7 @@ class ModalHeader extends React.Component {
             this.props.children,
             this.props.onClose && React.createElement(FlexSpacer, null),
             this.props.onClose && (React.createElement(FlexCell, { shrink: 0, width: "auto" },
-                React.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$B, onClick: this.props.onClose })))));
+                React.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$A, onClick: this.props.onClose })))));
     }
 }
 class ModalFooter extends React.Component {
@@ -3330,7 +3282,7 @@ var SvgCross = function SvgCross(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/forwardRef(SvgCross);
 
-var css$p = {"uui-typography":"AM7mLz","hero-header":"mnYenN","promo-header":"wZdtZ8","uui-critical":"sFGRoX","uui-info":"-YnsLH","uui-success":"QR1i-R","uui-warning":"VIo5u8","uui-highlight":"zr-SbL","uui-typography-size-12":"_11tJF6","uui-typography-size-14":"R1zT6Z","uui-typography-size-16":"_7epnDd","root":"_7VwIJY","icon-wrapper":"UZVWLB","action-wrapper":"oQQkvx","action-link":"oS0j29","close-icon":"_8YeKu-","main-path":"C0-nS8","content":"LE8yLr","clear-button":"STEbml","close-wrapper":"XddM6q","uuiTypography":"AM7mLz","heroHeader":"mnYenN","promoHeader":"wZdtZ8","uuiCritical":"sFGRoX","uuiInfo":"-YnsLH","uuiSuccess":"QR1i-R","uuiWarning":"VIo5u8","uuiHighlight":"zr-SbL","uuiTypographySize12":"_11tJF6","uuiTypographySize14":"R1zT6Z","uuiTypographySize16":"_7epnDd","iconWrapper":"UZVWLB","actionWrapper":"oQQkvx","actionLink":"oS0j29","closeIcon":"_8YeKu-","mainPath":"C0-nS8","clearButton":"STEbml","closeWrapper":"XddM6q"};
+var css$p = {"uui-typography":"L-WgK6","hero-header":"SQzCpo","promo-header":"jncBJS","uui-critical":"Cw8YFz","uui-info":"wmcal6","uui-success":"m9jv-u","uui-warning":"_2z-01k","uui-highlight":"ofCRVh","uui-typography-size-12":"ZdsVkL","uui-typography-size-14":"EVi01k","uui-typography-size-16":"I9YTtn","root":"LGsu9I","icon-wrapper":"hiqzyZ","action-wrapper":"mqtUuc","action-link":"blgyzS","close-icon":"nSbqFK","main-path":"osovkm","content":"_1s-JXc","clear-button":"WIakaQ","close-wrapper":"-UdQ6N","uuiTypography":"L-WgK6","heroHeader":"SQzCpo","promoHeader":"jncBJS","uuiCritical":"Cw8YFz","uuiInfo":"wmcal6","uuiSuccess":"m9jv-u","uuiWarning":"_2z-01k","uuiHighlight":"ofCRVh","uuiTypographySize12":"ZdsVkL","uuiTypographySize14":"EVi01k","uuiTypographySize16":"I9YTtn","iconWrapper":"hiqzyZ","actionWrapper":"mqtUuc","actionLink":"blgyzS","closeIcon":"nSbqFK","mainPath":"osovkm","clearButton":"WIakaQ","closeWrapper":"-UdQ6N"};
 
 const NotificationCard = React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -3355,10 +3307,10 @@ const NotificationCard = React__default.forwardRef((props, ref) => {
             props.onClose && (React__default.createElement("div", { className: css$p.closeWrapper },
                 React__default.createElement(IconButton, { icon: ForwardRef$j, color: "neutral", onClick: props.onClose, cx: css$p.closeIcon }))))));
 });
-const WarningNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$E, color: "warning" }, props, { ref: ref, cx: props.cx }))));
-const SuccessNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$F, color: "success" }, props, { ref: ref, cx: props.cx }))));
-const HintNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$C, color: "info" }, props, { ref: ref, cx: props.cx }))));
-const ErrorNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$D, color: "error" }, props, { ref: ref, cx: props.cx }))));
+const WarningNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$D, color: "warning" }, props, { ref: ref, cx: props.cx }))));
+const SuccessNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$E, color: "success" }, props, { ref: ref, cx: props.cx }))));
+const HintNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$B, color: "info" }, props, { ref: ref, cx: props.cx }))));
+const ErrorNotification = React__default.forwardRef((props, ref) => (React__default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$C, color: "error" }, props, { ref: ref, cx: props.cx }))));
 class ClearNotification extends React__default.Component {
     render() {
         return (React__default.createElement("div", { className: cx(css$p.notificationWrapper, css$p.clearButton) },
@@ -3371,7 +3323,7 @@ class ConfirmationModal extends React.Component {
     render() {
         let bodyContent;
         if (this.props.bodyContent) {
-            bodyContent = React.createElement(Panel, { background: "surface", margin: "24" }, this.props.bodyContent);
+            bodyContent = React.createElement(Panel, { background: "surface-main", margin: "24" }, this.props.bodyContent);
         }
         return (React.createElement(ModalBlocker, Object.assign({}, this.props),
             React.createElement(ModalWindow, { width: 420 },
@@ -3385,7 +3337,7 @@ class ConfirmationModal extends React.Component {
 }
 
 const defaultMode = EditMode.FORM;
-class DatePicker extends BaseDatePicker {
+class DatePickerComponent extends BaseDatePicker {
     constructor() {
         super(...arguments);
         this.renderInput = (props) => {
@@ -3411,15 +3363,16 @@ class DatePicker extends BaseDatePicker {
             _c.call(_b)));
     }
 }
+const DatePicker = withMods(DatePickerComponent);
 
-var css$o = {"uui-typography":"NeFHO2","hero-header":"F81oAk","promo-header":"IX-IAh","uui-critical":"B79Ebo","uui-info":"GHPosb","uui-success":"Db3lYL","uui-warning":"_-0Jooy","uui-highlight":"mjvbqo","uui-typography-size-12":"aUWJjZ","uui-typography-size-14":"AxSu3v","uui-typography-size-16":"DwuEGh","root":"wQdrRH","uuiTypography":"NeFHO2","heroHeader":"F81oAk","promoHeader":"IX-IAh","uuiCritical":"B79Ebo","uuiInfo":"GHPosb","uuiSuccess":"Db3lYL","uuiWarning":"_-0Jooy","uuiHighlight":"mjvbqo","uuiTypographySize12":"aUWJjZ","uuiTypographySize14":"AxSu3v","uuiTypographySize16":"DwuEGh"};
+var css$o = {"uui-typography":"K4NAbV","hero-header":"OL0MDw","promo-header":"vpztKN","uui-critical":"OWUG6k","uui-info":"CmeuNP","uui-success":"u3q8lr","uui-warning":"_9NJFI5","uui-highlight":"PUhUyj","uui-typography-size-12":"b-3CIV","uui-typography-size-14":"gEfcNj","uui-typography-size-16":"sWGSkG","root":"e2J17q","uuiTypography":"K4NAbV","heroHeader":"OL0MDw","promoHeader":"vpztKN","uuiCritical":"OWUG6k","uuiInfo":"CmeuNP","uuiSuccess":"u3q8lr","uuiWarning":"_9NJFI5","uuiHighlight":"PUhUyj","uuiTypographySize12":"b-3CIV","uuiTypographySize14":"gEfcNj","uuiTypographySize16":"sWGSkG"};
 
 function applyCalendarPresetsMods() {
     return [css$o.root];
 }
 const CalendarPresets = withMods(CalendarPresets$1, applyCalendarPresetsMods, () => ({}));
 
-var css$n = {"uui-typography":"pOolMT","hero-header":"VGGQhh","promo-header":"vLytYg","uui-critical":"QybhuJ","uui-info":"E3e-gb","uui-success":"_9tJxI2","uui-warning":"KRm3Hn","uui-highlight":"tRG2V8","uui-typography-size-12":"Ez8DDP","uui-typography-size-14":"t1-EBw","uui-typography-size-16":"PfsmMQ","root":"Xkhex5","container":"dNXlIl","day-selection":"JtJc8u","from-picker":"eix31r","to-picker":"_6kxFP5","bodes-wrapper":"xrxDQk","blocker":"R51tT5","uuiTypography":"pOolMT","heroHeader":"VGGQhh","promoHeader":"vLytYg","uuiCritical":"QybhuJ","uuiInfo":"E3e-gb","uuiSuccess":"_9tJxI2","uuiWarning":"KRm3Hn","uuiHighlight":"tRG2V8","uuiTypographySize12":"Ez8DDP","uuiTypographySize14":"t1-EBw","uuiTypographySize16":"PfsmMQ","daySelection":"JtJc8u","fromPicker":"eix31r","toPicker":"_6kxFP5","bodesWrapper":"xrxDQk"};
+var css$n = {"uui-typography":"JB5pf5","hero-header":"wjj8yA","promo-header":"tygj3k","uui-critical":"_8iZmLG","uui-info":"pFRiFi","uui-success":"_4pEI4A","uui-warning":"RE6CRE","uui-highlight":"tPbVZY","uui-typography-size-12":"IZ5Xz9","uui-typography-size-14":"vz-WQ0","uui-typography-size-16":"hyY9uJ","root":"niHBEz","container":"cse0NS","day-selection":"gAv4f0","from-picker":"JRN1MT","to-picker":"_6-ke1b","bodes-wrapper":"nT3ENo","blocker":"nrYcOu","uuiTypography":"JB5pf5","heroHeader":"wjj8yA","promoHeader":"tygj3k","uuiCritical":"_8iZmLG","uuiInfo":"pFRiFi","uuiSuccess":"_4pEI4A","uuiWarning":"RE6CRE","uuiHighlight":"tPbVZY","uuiTypographySize12":"IZ5Xz9","uuiTypographySize14":"vz-WQ0","uuiTypographySize16":"hyY9uJ","daySelection":"gAv4f0","fromPicker":"JRN1MT","toPicker":"_6-ke1b","bodesWrapper":"nT3ENo"};
 
 dayjs.extend(isoWeek);
 function weekCount(displayedDate) {
@@ -3580,10 +3533,10 @@ class RangeDatePickerBody extends React.Component {
     }
 }
 
-var css$m = {"uui-typography":"L-yqIp","hero-header":"Jkwo-U","promo-header":"cnBqCS","uui-critical":"rhv4OK","uui-info":"c066kY","uui-success":"UC01ow","uui-warning":"RH3bEt","uui-highlight":"_5inmkg","uui-typography-size-12":"bnxhB1","uui-typography-size-14":"_8RnEfv","uui-typography-size-16":"_5W4iv4","dropdown-container":"CJ9mAf","date-input":"_9vnxAK","size-24":"jIfoPO","size-30":"PywWg5","size-36":"u1XvSK","size-42":"uTtLCy","size-48":"_7ZIwnn","date-input-group":"dGezOT","separator":"ZGofW7","mode-form":"yEWIYf","mode-cell":"eKphfg","uuiTypography":"L-yqIp","heroHeader":"Jkwo-U","promoHeader":"cnBqCS","uuiCritical":"rhv4OK","uuiInfo":"c066kY","uuiSuccess":"UC01ow","uuiWarning":"RH3bEt","uuiHighlight":"_5inmkg","uuiTypographySize12":"bnxhB1","uuiTypographySize14":"_8RnEfv","uuiTypographySize16":"_5W4iv4","dropdownContainer":"CJ9mAf","dateInput":"_9vnxAK","size24":"jIfoPO","size30":"PywWg5","size36":"u1XvSK","size42":"uTtLCy","size48":"_7ZIwnn","dateInputGroup":"dGezOT","modeForm":"yEWIYf","modeCell":"eKphfg"};
+var css$m = {"uui-typography":"_9zlC3Z","hero-header":"-efbXn","promo-header":"A1oh-o","uui-critical":"N6e-Uf","uui-info":"DVEjE6","uui-success":"_6YRRcO","uui-warning":"FLpkxn","uui-highlight":"WCNgjW","uui-typography-size-12":"NdpS33","uui-typography-size-14":"qK8RmZ","uui-typography-size-16":"CoeCch","dropdown-container":"NpEZ9h","date-input":"T5vdcR","size-24":"_6HKT1m","size-30":"O71B0S","size-36":"-MeUKo","size-42":"_4Uw-lw","size-48":"LJdXUo","date-input-group":"h40dNH","separator":"-TtInv","mode-form":"voi42l","mode-cell":"peO7a0","uuiTypography":"_9zlC3Z","heroHeader":"-efbXn","promoHeader":"A1oh-o","uuiCritical":"N6e-Uf","uuiInfo":"DVEjE6","uuiSuccess":"_6YRRcO","uuiWarning":"FLpkxn","uuiHighlight":"WCNgjW","uuiTypographySize12":"NdpS33","uuiTypographySize14":"qK8RmZ","uuiTypographySize16":"CoeCch","dropdownContainer":"NpEZ9h","dateInput":"T5vdcR","size24":"_6HKT1m","size30":"O71B0S","size36":"-MeUKo","size42":"_4Uw-lw","size48":"LJdXUo","dateInputGroup":"h40dNH","modeForm":"voi42l","modeCell":"peO7a0"};
 
 const defaultValue = { from: null, to: null };
-class RangeDatePicker extends BaseRangeDatePicker {
+class RangeDatePickerComponent extends BaseRangeDatePicker {
     constructor() {
         super(...arguments);
         this.renderInput = (props) => {
@@ -3612,8 +3565,9 @@ class RangeDatePicker extends BaseRangeDatePicker {
                 React.createElement(RangeDatePickerBody, { cx: cx(this.props.bodyCx), value: this.getValue(), onValueChange: this.onRangeChange, filter: this.props.filter, changeIsOpen: this.toggleOpening, presets: this.props.presets, focusPart: this.state.inFocus, renderDay: this.props.renderDay, renderFooter: this.props.renderFooter && (() => this.props.renderFooter(this.props.value || defaultValue)), isHoliday: this.props.isHoliday, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.body }))));
     }
 }
+const RangeDatePicker = withMods(RangeDatePickerComponent);
 
-var css$l = {"root":"_8-M1pw","blocker":"_3JemPy","marker":"_6wXxCN","top":"PnXw9g","bottom":"eyASdY","left":"_7PghNc","right":"r47Ijp","inside":"SEEGHl"};
+var css$l = {"root":"Uykk5-","blocker":"dKVyvR","marker":"JsHrP4","top":"USY5oJ","bottom":"_249V8x","left":"PL3Ro-","right":"y8gXet","inside":"BR6v1U"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3628,7 +3582,7 @@ function DropMarker(props) {
         : null;
 }
 
-var css$k = {"uui-typography":"DtGL--","hero-header":"_0kqU5O","promo-header":"_0wr-D-","uui-critical":"-Hvjso","uui-info":"qlAHTU","uui-success":"k17mZ0","uui-warning":"gn1L42","uui-highlight":"MXw-L1","uui-typography-size-12":"XXj21h","uui-typography-size-14":"zle9g7","uui-typography-size-16":"qbbzNt","root":"_9UOiFn","size-24":"MM-kJ6","size-30":"H7N0x8","size-36":"tWkz1j","size-48":"p-k6Ga","size-60":"Ssb--I","uuiTypography":"DtGL--","heroHeader":"_0kqU5O","promoHeader":"_0wr-D-","uuiCritical":"-Hvjso","uuiInfo":"qlAHTU","uuiSuccess":"k17mZ0","uuiWarning":"gn1L42","uuiHighlight":"MXw-L1","uuiTypographySize12":"XXj21h","uuiTypographySize14":"zle9g7","uuiTypographySize16":"qbbzNt","size24":"MM-kJ6","size30":"H7N0x8","size36":"tWkz1j","size48":"p-k6Ga","size60":"Ssb--I"};
+var css$k = {"uui-typography":"P-bjRb","hero-header":"kAn8qp","promo-header":"YUpkTE","uui-critical":"_6OriWk","uui-info":"gL7oqG","uui-success":"HaJkwr","uui-warning":"YUckWv","uui-highlight":"MwtXFj","uui-typography-size-12":"DK0Us7","uui-typography-size-14":"_21EQna","uui-typography-size-16":"_8ROBb-","root":"ZehXY5","size-24":"gtYwVG","size-30":"YH-jWS","size-36":"HtRTqM","size-48":"uWTaZu","size-60":"fBxOp-","uuiTypography":"P-bjRb","heroHeader":"kAn8qp","promoHeader":"YUpkTE","uuiCritical":"_6OriWk","uuiInfo":"gL7oqG","uuiSuccess":"HaJkwr","uuiWarning":"YUckWv","uuiHighlight":"MwtXFj","uuiTypographySize12":"DK0Us7","uuiTypographySize14":"_21EQna","uuiTypographySize16":"_8ROBb-","size24":"gtYwVG","size30":"YH-jWS","size36":"HtRTqM","size48":"uWTaZu","size60":"fBxOp-"};
 
 // Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
 // As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
@@ -3644,7 +3598,7 @@ const DataTableRow = withMods(DataTableRow$1, ({ borderBottom = true, size }) =>
     ];
 }, () => propsMods);
 
-var css$j = {"uui-typography":"PyQMP9","hero-header":"l828Sj","promo-header":"Ek8cw4","uui-critical":"FGmhQ2","uui-info":"toYOyg","uui-success":"pE-XKF","uui-warning":"_2pjuO2","uui-highlight":"hzWn8s","uui-typography-size-12":"_7IY9os","uui-typography-size-14":"zjS8xs","uui-typography-size-16":"ALZI4B","sorting-panel-container":"ndIZ8T","sort-active":"_55rsg7","uuiTypography":"PyQMP9","heroHeader":"l828Sj","promoHeader":"Ek8cw4","uuiCritical":"FGmhQ2","uuiInfo":"toYOyg","uuiSuccess":"pE-XKF","uuiWarning":"_2pjuO2","uuiHighlight":"hzWn8s","uuiTypographySize12":"_7IY9os","uuiTypographySize14":"zjS8xs","uuiTypographySize16":"ALZI4B","sortingPanelContainer":"ndIZ8T","sortActive":"_55rsg7"};
+var css$j = {"uui-typography":"QapMH5","hero-header":"nTaZQk","promo-header":"Sjprgu","uui-critical":"x6U33H","uui-info":"yq7QAM","uui-success":"hB01EC","uui-warning":"dEqi2V","uui-highlight":"YdmwgM","uui-typography-size-12":"o96O7C","uui-typography-size-14":"eC0ibM","uui-typography-size-16":"p05qKp","sorting-panel-container":"HRhkJl","sort-active":"pcw4St","uuiTypography":"QapMH5","heroHeader":"nTaZQk","promoHeader":"Sjprgu","uuiCritical":"x6U33H","uuiInfo":"yq7QAM","uuiSuccess":"hB01EC","uuiWarning":"dEqi2V","uuiHighlight":"YdmwgM","uuiTypographySize12":"o96O7C","uuiTypographySize14":"eC0ibM","uuiTypographySize16":"p05qKp","sortingPanelContainer":"HRhkJl","sortActive":"pcw4St"};
 
 var _path$h;
 function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
@@ -3656,9 +3610,7 @@ var SvgTableSortAsc18 = function SvgTableSortAsc18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M10 6v10H8V6H5l4-4 4 4h-3z",
-    clipRule: "evenodd"
+    d: "M8.25 15.75V5.119L7.05 6.3 6 5.25l3-3 3 3-1.05 1.05-1.2-1.181V15.75h-1.5z"
   })));
 };
 var ForwardRef$i = /*#__PURE__*/forwardRef(SvgTableSortAsc18);
@@ -3673,9 +3625,7 @@ var SvgTableSortDesc18 = function SvgTableSortDesc18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M10 12V2H8v10H5l4 4 4-4h-3z",
-    clipRule: "evenodd"
+    d: "M9.75 2.25v10.631l1.2-1.181L12 12.75l-3 3-3-3 1.05-1.05 1.2 1.181V2.25h1.5z"
   })));
 };
 var ForwardRef$h = /*#__PURE__*/forwardRef(SvgTableSortDesc18);
@@ -3703,7 +3653,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = React__default.memo(ColumnHeaderDropdownImpl);
 
-var css$i = {"uui-typography":"_26c5bT","hero-header":"NohFqr","promo-header":"yaNhjG","uui-critical":"QSXI5W","uui-info":"SG4-RY","uui-success":"_6r-jgu","uui-warning":"jgdIch","uui-highlight":"dwBUEW","uui-typography-size-12":"tgXj8-","uui-typography-size-14":"R4gwRp","uui-typography-size-16":"IHmTfP","cell":"XrTgYA","sort-icon":"CUcs3S","dropdown-icon":"nRnHLd","infoIcon":"RkhWf6","resizable":"Gl-6Ma","size-24":"mWu9aA","size-30":"_9snvtp","size-36":"tgJO6b","size-42":"uOhQsq","size-48":"yRhsXz","padding-left-24":"hzRfzG","padding-right-24":"HRqPqZ","caption":"MwE-Yg","checkbox":"xe2Cb0","icon":"YPsX5H","icon-cell":"jD-Xr4","align-right":"snnVpf","align-center":"Fcr2SZ","tooltip-wrapper":"ZFAjvX","cell-tooltip":"EL3FTZ","upper-case":"tHXbG5","font-size-14":"VU3EUB","resize-mark":"E6NvZd","draggable":"m1kypY","ghost":"XLwa2B","is-dragged-out":"xmy-X6","dnd-marker-left":"MZ9Inp","dnd-marker-right":"_2jGNKY","cell-tooltip-wrapper":"AEtBmQ","cell-tooltip-text":"_9YxX40","uuiTypography":"_26c5bT","heroHeader":"NohFqr","promoHeader":"yaNhjG","uuiCritical":"QSXI5W","uuiInfo":"SG4-RY","uuiSuccess":"_6r-jgu","uuiWarning":"jgdIch","uuiHighlight":"dwBUEW","uuiTypographySize12":"tgXj8-","uuiTypographySize14":"R4gwRp","uuiTypographySize16":"IHmTfP","sortIcon":"CUcs3S","dropdownIcon":"nRnHLd","size24":"mWu9aA","size30":"_9snvtp","size36":"tgJO6b","size42":"uOhQsq","size48":"yRhsXz","paddingLeft24":"hzRfzG","paddingRight24":"HRqPqZ","iconCell":"jD-Xr4","alignRight":"snnVpf","alignCenter":"Fcr2SZ","tooltipWrapper":"ZFAjvX","cellTooltip":"EL3FTZ","upperCase":"tHXbG5","fontSize14":"VU3EUB","resizeMark":"E6NvZd","isDraggedOut":"xmy-X6","dndMarkerLeft":"MZ9Inp","dndMarkerRight":"_2jGNKY","cellTooltipWrapper":"AEtBmQ","cellTooltipText":"_9YxX40"};
+var css$i = {"uui-typography":"RBGnKH","hero-header":"rHceJB","promo-header":"_8BDIFV","uui-critical":"ly9WjM","uui-info":"cz61k2","uui-success":"k-nVF3","uui-warning":"URZ602","uui-highlight":"SA19ZP","uui-typography-size-12":"UpvZUQ","uui-typography-size-14":"_5VdhhQ","uui-typography-size-16":"igZQPe","cell":"PI7xiH","sort-icon":"fIXX9Y","dropdown-icon":"jw0-pS","infoIcon":"_00yJP0","resizable":"kkNlP5","size-24":"O8c--c","size-30":"JKtyIr","size-36":"_1cQ0Ik","size-42":"xxtSfM","size-48":"t7A1vE","padding-left-24":"Ilf-dL","padding-right-24":"-DrcAk","caption":"i1Yy0l","checkbox":"aOk-l1","icon":"rGurCD","icon-cell":"_5v6Sl-","align-right":"_6vZB0N","align-center":"WYj2Ya","tooltip-wrapper":"S07wL0","cell-tooltip":"_79s5P6","upper-case":"_8ZTgXJ","font-size-14":"Bbu-D7","resize-mark":"Wy9BCK","draggable":"lRJ6lu","ghost":"iiBwdW","is-dragged-out":"_231B4s","dnd-marker-left":"hbyBxo","dnd-marker-right":"MPJm-9","cell-tooltip-wrapper":"_-01VCY","cell-tooltip-text":"j4iSC8","uuiTypography":"RBGnKH","heroHeader":"rHceJB","promoHeader":"_8BDIFV","uuiCritical":"ly9WjM","uuiInfo":"cz61k2","uuiSuccess":"k-nVF3","uuiWarning":"URZ602","uuiHighlight":"SA19ZP","uuiTypographySize12":"UpvZUQ","uuiTypographySize14":"_5VdhhQ","uuiTypographySize16":"igZQPe","sortIcon":"fIXX9Y","dropdownIcon":"jw0-pS","size24":"O8c--c","size30":"JKtyIr","size36":"_1cQ0Ik","size42":"xxtSfM","size48":"t7A1vE","paddingLeft24":"Ilf-dL","paddingRight24":"-DrcAk","iconCell":"_5v6Sl-","alignRight":"_6vZB0N","alignCenter":"WYj2Ya","tooltipWrapper":"S07wL0","cellTooltip":"_79s5P6","upperCase":"_8ZTgXJ","fontSize14":"Bbu-D7","resizeMark":"Wy9BCK","isDraggedOut":"_231B4s","dndMarkerLeft":"hbyBxo","dndMarkerRight":"MPJm-9","cellTooltipWrapper":"_-01VCY","cellTooltipText":"j4iSC8"};
 
 var _path$f;
 function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
@@ -3715,9 +3665,7 @@ var SvgTableSwap18 = function SvgTableSwap18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M6 1 2 5h3v7h2V5h3L6 1zm7 12V6h-2v7H8l4 4 4-4h-3z",
-    clipRule: "evenodd"
+    d: "M5.25 5.119V15h1.5V5.119L7.95 6.3 9 5.25l-3-3-3 3L4.05 6.3l1.2-1.181zm7.5 7.762V3h-1.5v9.881l-1.2-1.181L9 12.75l3 3 3-3-1.05-1.05-1.2 1.181z"
   })));
 };
 var ForwardRef$g = /*#__PURE__*/forwardRef(SvgTableSwap18);
@@ -3732,9 +3680,7 @@ var SvgContentFiltration18 = function SvgContentFiltration18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "m8 14 2 2v-5H8v3zM2 3v2h14V3H2zm6 8h2l6-6H2l6 6z",
-    clipRule: "evenodd"
+    d: "M10.5 9.75v6l-3-1.5v-4.5L2.212 3h13.575L10.5 9.75z"
   })));
 };
 var ForwardRef$f = /*#__PURE__*/forwardRef(SvgContentFiltration18);
@@ -3749,9 +3695,7 @@ var SvgNavigationChevronUp18 = function SvgNavigationChevronUp18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "m9 6-4.5 4.5 1.058 1.057L9 8.123l3.443 3.434L13.5 10.5 9 6z",
-    clipRule: "evenodd"
+    d: "M5.55 11.55 4.5 10.5 9 6l4.5 4.5-1.05 1.05L9 8.1l-3.45 3.45z"
   })));
 };
 var ForwardRef$e = /*#__PURE__*/forwardRef(SvgNavigationChevronUp18);
@@ -3777,7 +3721,7 @@ class DataTableHeaderCell extends React.Component {
                         React.createElement(Text, { key: "text", lineHeight: "30", fontSize: "14", size: "30", cx: cx$1(css$i.caption, this.getTextStyle(), uuiDataTableHeaderCell.uuiTableHeaderCaption) }, this.props.column.caption)),
                     this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React.createElement(IconButton, { key: "sort", cx: cx$1(css$i.icon, css$i.sortIcon, this.props.sortDirection && css$i.sortIconActive, uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: this.props.sortDirection ? 'neutral' : 'secondary', icon: this.props.sortDirection === 'desc' ? ForwardRef$h : this.props.sortDirection === 'asc' ? ForwardRef$i : ForwardRef$g })),
                     this.props.isFilterActive && (React.createElement(IconButton, { key: "filter", cx: cx$1(css$i.icon, !this.props.sortDirection && css$i.filterIcon, uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "neutral", icon: ForwardRef$f })),
-                    this.props.column.renderFilter && (React.createElement(IconButton, { key: "dropdown", cx: cx$1(css$i.icon, css$i.dropdownIcon, uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$e : ForwardRef$z })))));
+                    this.props.column.renderFilter && (React.createElement(IconButton, { key: "dropdown", cx: cx$1(css$i.icon, css$i.dropdownIcon, uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$e : ForwardRef$y })))));
         };
         this.renderHeaderCheckbox = () => this.props.selectAll
             && this.props.isFirstColumn && (React.createElement(Checkbox, Object.assign({ size: +this.props.size < 36 ? '12' : '18' }, this.props.selectAll, { cx: cx$1(css$i.checkbox, uuiDataTableHeaderCell.uuiTableHeaderCheckbox) })));
@@ -3797,7 +3741,7 @@ class DataTableHeaderCell extends React.Component {
     }
 }
 
-var css$h = {"uui-typography":"TUTHEu","hero-header":"FEoJfT","promo-header":"_74MD-6","uui-critical":"NKpTSo","uui-info":"_5rc8K1","uui-success":"-Iep3i","uui-warning":"iLmCFq","uui-highlight":"zb2Jmc","uui-typography-size-12":"j-At3z","uui-typography-size-14":"uxQaeg","uui-typography-size-16":"XNJS1l","header-cell":"_7ygxwg","config-icon":"y2TfYT","uuiTypography":"TUTHEu","heroHeader":"FEoJfT","promoHeader":"_74MD-6","uuiCritical":"NKpTSo","uuiInfo":"_5rc8K1","uuiSuccess":"-Iep3i","uuiWarning":"iLmCFq","uuiHighlight":"zb2Jmc","uuiTypographySize12":"j-At3z","uuiTypographySize14":"uxQaeg","uuiTypographySize16":"XNJS1l","headerCell":"_7ygxwg","configIcon":"y2TfYT"};
+var css$h = {"uui-typography":"_24aEGC","hero-header":"ZoepPZ","promo-header":"cTMlA6","uui-critical":"yZcxbQ","uui-info":"Ok5dTp","uui-success":"XH0QPx","uui-warning":"FOvKjl","uui-highlight":"h-or32","uui-typography-size-12":"fFlgZg","uui-typography-size-14":"hFiu-l","uui-typography-size-16":"j93Xvz","header-cell":"HGVp7Y","config-icon":"nrVwGA","uuiTypography":"_24aEGC","heroHeader":"ZoepPZ","promoHeader":"cTMlA6","uuiCritical":"yZcxbQ","uuiInfo":"Ok5dTp","uuiSuccess":"XH0QPx","uuiWarning":"FOvKjl","uuiHighlight":"h-or32","uuiTypographySize12":"fFlgZg","uuiTypographySize14":"hFiu-l","uuiTypographySize16":"j93Xvz","headerCell":"HGVp7Y","configIcon":"nrVwGA"};
 
 var _path$c;
 function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
@@ -3809,9 +3753,7 @@ var SvgActionSettings18 = function SvgActionSettings18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M3 9.093a6.083 6.083 0 0 1 0-.186L1.55 7.271a1 1 0 0 1-.118-1.163l1.28-2.216a1 1 0 0 1 1.066-.48l2.14.439a3.81 3.81 0 0 1 .163-.094l.691-2.073A1 1 0 0 1 7.721 1h2.558a1 1 0 0 1 .949.684l.69 2.073c.056.03.11.061.163.094l2.141-.439a1 1 0 0 1 1.067.48l1.279 2.216a1 1 0 0 1-.118 1.163L15 8.907a5.72 5.72 0 0 1 0 .186l1.45 1.636a1 1 0 0 1 .118 1.163l-1.28 2.216a1 1 0 0 1-1.066.48l-2.14-.438a6.215 6.215 0 0 1-.163.093l-.691 2.073a1 1 0 0 1-.949.684H7.721a1 1 0 0 1-.949-.684l-.69-2.073a6.105 6.105 0 0 1-.163-.094l-2.141.439a1 1 0 0 1-1.067-.48l-1.279-2.216a1 1 0 0 1 .118-1.163L3 9.093zM9 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6z",
-    clipRule: "evenodd"
+    d: "m6.938 16.5-.3-2.4a2.833 2.833 0 0 1-.46-.225 6.127 6.127 0 0 1-.422-.281l-2.23.937-2.063-3.562 1.93-1.463a1.793 1.793 0 0 1-.018-.253v-.507c0-.08.006-.165.019-.252L1.463 7.03l2.062-3.56 2.231.937c.138-.1.282-.193.432-.281.15-.088.3-.163.45-.225l.3-2.4h4.125l.3 2.4c.162.063.315.137.46.225.143.088.283.181.42.281l2.232-.937 2.063 3.562-1.932 1.463c.013.087.02.171.02.252v.507a.921.921 0 0 1-.038.253l1.93 1.463-2.062 3.562-2.212-.937c-.138.1-.281.194-.431.281-.15.088-.3.162-.45.225l-.3 2.4H6.938zm2.1-4.875a2.53 2.53 0 0 0 1.856-.769A2.53 2.53 0 0 0 11.663 9a2.53 2.53 0 0 0-.77-1.856 2.53 2.53 0 0 0-1.855-.769c-.738 0-1.36.256-1.866.769A2.546 2.546 0 0 0 6.412 9c0 .725.254 1.344.76 1.856.506.513 1.128.769 1.866.769z"
   })));
 };
 var ForwardRef$d = /*#__PURE__*/forwardRef(SvgActionSettings18);
@@ -3821,7 +3763,7 @@ const DataTableHeaderRow = withMods(DataTableHeaderRow$1, () => [css$h.root, 'uu
     renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: css$h.configIcon, color: "neutral", icon: ForwardRef$d }),
 }));
 
-var styles$1 = {"uui-typography":"N-xiVL","hero-header":"m-l8L8","promo-header":"-WiDvN","uui-critical":"Fxs8Z5","uui-info":"x-JliR","uui-success":"IpDz2O","uui-warning":"NxCgKQ","uui-highlight":"lsnZI5","uui-typography-size-12":"sgO65b","uui-typography-size-14":"_4yT9og","uui-typography-size-16":"qfheHN","main-panel":"NfLLPx","group-title":"v7Id3a","group-title-text":"wgh6Rt","group-title-badge":"PvBxRy","group-items":"_4dSAFf","no-data":"KtzhtB","h-divider":"kcNm8l","search-area":"uk-Wuv","uuiTypography":"N-xiVL","heroHeader":"m-l8L8","promoHeader":"-WiDvN","uuiCritical":"Fxs8Z5","uuiInfo":"x-JliR","uuiSuccess":"IpDz2O","uuiWarning":"NxCgKQ","uuiHighlight":"lsnZI5","uuiTypographySize12":"sgO65b","uuiTypographySize14":"_4yT9og","uuiTypographySize16":"qfheHN","mainPanel":"NfLLPx","groupTitle":"v7Id3a","groupTitleText":"wgh6Rt","groupTitleBadge":"PvBxRy","groupItems":"_4dSAFf","noData":"KtzhtB","hDivider":"kcNm8l","searchArea":"uk-Wuv"};
+var styles$1 = {"uui-typography":"SebgD-","hero-header":"eMqyro","promo-header":"ShFvOE","uui-critical":"_2AYIg6","uui-info":"AuAicX","uui-success":"f0c9bh","uui-warning":"rU1zC7","uui-highlight":"vqVF5C","uui-typography-size-12":"f4F67k","uui-typography-size-14":"pN-0sc","uui-typography-size-16":"B8wWLE","main-panel":"ZjfODD","group-title":"jRiTi2","group-title-text":"xv3qE-","group-title-badge":"BQyPPS","group-items":"_8V0maj","no-data":"X4FojA","h-divider":"tF5ghm","search-area":"Atp3B7","uuiTypography":"SebgD-","heroHeader":"eMqyro","promoHeader":"ShFvOE","uuiCritical":"_2AYIg6","uuiInfo":"AuAicX","uuiSuccess":"f0c9bh","uuiWarning":"rU1zC7","uuiHighlight":"vqVF5C","uuiTypographySize12":"f4F67k","uuiTypographySize14":"pN-0sc","uuiTypographySize16":"B8wWLE","mainPanel":"ZjfODD","groupTitle":"jRiTi2","groupTitleText":"xv3qE-","groupTitleBadge":"BQyPPS","groupItems":"_8V0maj","noData":"X4FojA","hDivider":"tF5ghm","searchArea":"Atp3B7"};
 
 var _path$b;
 function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
@@ -3834,7 +3776,7 @@ var SvgActionLockFill18 = function SvgActionLockFill18(props, ref) {
     ref: ref
   }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M5 7V5a4 4 0 1 1 8 0v2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2zm2 0h4V5a2 2 0 1 0-4 0v2zm2 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4z",
+    d: "M9 13.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM5.25 6.75v-1.5a3.75 3.75 0 1 1 7.5 0v1.5h.75a1.5 1.5 0 0 1 1.5 1.5v7.5a1.5 1.5 0 0 1-1.5 1.5h-9a1.5 1.5 0 0 1-1.5-1.5v-7.5a1.5 1.5 0 0 1 1.5-1.5h.75zm1.5 0h4.5v-1.5a2.25 2.25 0 0 0-4.5 0v1.5z",
     clipRule: "evenodd"
   })));
 };
@@ -3850,9 +3792,7 @@ var SvgActionPinOn18 = function SvgActionPinOn18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M12 9V3h1V2H5v1h1v6l-2 1v1h4v5h2v-5h4v-1l-2-1z",
-    clipRule: "evenodd"
+    d: "m12 8.25 1.5 1.5v1.5H9.75v5.25h-1.5v-5.25H4.5v-1.5L6 8.25V3h-.75V1.5h7.5V3H12v5.25z"
   })));
 };
 var ForwardRef$b = /*#__PURE__*/forwardRef(SvgActionPinOn18);
@@ -3867,7 +3807,7 @@ var SvgActionPinOff18 = function SvgActionPinOff18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
-    d: "M6 4.586 12.414 11H14v-1l-2-1V3h1V2H5v1h1v1.586zM10 16v-4.586l3.743 3.743.707-.707L3.136 3.136l-.707.707L6 7.414V9l-2 1v1h4v5h2z"
+    d: "M6.75 6.601V6.6l4.65 4.65h-.001l4.184 4.184-1.06 1.06-4.023-4.022V16.5H9v-5.25H5.25v-1.5l1.264-1.264-4.249-4.248 1.061-1.06L6.75 6.6zm7.5 4.649h-.729L6.75 4.479V3H6V1.5h7.5V3h-.75v5.25l1.5 1.5v1.5z"
   })));
 };
 var ForwardRef$a = /*#__PURE__*/forwardRef(SvgActionPinOff18);
@@ -3900,7 +3840,7 @@ function PinIconButton(props) {
             React.createElement(IconButton, { icon: pinIcon, onClick: pinClickHandler, isDisabled: isPinnedAlways, color: isPinned ? 'info' : undefined }))));
 }
 
-var styles = {"uui-typography":"_3TeHEf","hero-header":"JPI8zE","promo-header":"pCoK6p","uui-critical":"soijh9","uui-info":"kxn2H1","uui-success":"syrF7T","uui-warning":"SyczcL","uui-highlight":"wtqZcT","uui-typography-size-12":"Ma1VSp","uui-typography-size-14":"lqjVuv","uui-typography-size-16":"BJhFij","row-wrapper":"EaIVfS","not-pinned":"JSN-DT","pin-icon-button":"uGLuHG","checkbox":"SNFXIJ","drag-handle":"uWOkOW","dnd-disabled":"EpbQQD","uuiTypography":"_3TeHEf","heroHeader":"JPI8zE","promoHeader":"pCoK6p","uuiCritical":"soijh9","uuiInfo":"kxn2H1","uuiSuccess":"syrF7T","uuiWarning":"SyczcL","uuiHighlight":"wtqZcT","uuiTypographySize12":"Ma1VSp","uuiTypographySize14":"lqjVuv","uuiTypographySize16":"BJhFij","rowWrapper":"EaIVfS","notPinned":"JSN-DT","pinIconButton":"uGLuHG","dragHandle":"uWOkOW","dndDisabled":"EpbQQD"};
+var styles = {"uui-typography":"P5dVxi","hero-header":"ow8VOH","promo-header":"tJQzAs","uui-critical":"_30vTPu","uui-info":"gtKGt5","uui-success":"Z7olkN","uui-warning":"sJ5IMH","uui-highlight":"qwCAkS","uui-typography-size-12":"_0n7jPo","uui-typography-size-14":"_4vBiWy","uui-typography-size-16":"KiN9dg","row-wrapper":"-wY0Oo","not-pinned":"_68SQll","pin-icon-button":"nHy53L","checkbox":"_2s2NhL","drag-handle":"_9bvOtT","dnd-disabled":"DfmKpg","uuiTypography":"P5dVxi","heroHeader":"ow8VOH","promoHeader":"tJQzAs","uuiCritical":"_30vTPu","uuiInfo":"gtKGt5","uuiSuccess":"Z7olkN","uuiWarning":"sJ5IMH","uuiHighlight":"qwCAkS","uuiTypographySize12":"_0n7jPo","uuiTypographySize14":"_4vBiWy","uuiTypographySize16":"KiN9dg","rowWrapper":"-wY0Oo","notPinned":"_68SQll","pinIconButton":"nHy53L","dragHandle":"_9bvOtT","dndDisabled":"DfmKpg"};
 
 const ColumnRow = React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -3968,10 +3908,10 @@ function ColumnsConfigurationModal(props) {
             React.createElement(ModalHeader, { title: i18n$1.configureColumnsTitle, onClose: close }),
             React.createElement(FlexRow, { padding: "24", borderBottom: true, spacing: "12", cx: styles$1.searchArea },
                 React.createElement(SearchInput, { size: "30", value: searchValue, onValueChange: setSearchValue, placeholder: i18n$1.searchPlaceholder }),
-                React.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => (React.createElement(Panel, { background: "surface", shadow: true },
+                React.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => (React.createElement(Panel, { background: "surface-main", shadow: true },
                         React.createElement(DropdownMenuButton, { caption: i18n$1.clearAllButton, onClick: uncheckAll }),
-                        React.createElement(DropdownMenuButton, { caption: i18n$1.selectAllButton, onClick: checkAll }))), renderTarget: (props) => React.createElement(Button, Object.assign({}, props, { fill: "none", icon: ForwardRef$s, size: "30", color: "secondary", isDropdown: false })) })),
-            React.createElement(Panel, { background: "surface", cx: styles$1.mainPanel },
+                        React.createElement(DropdownMenuButton, { caption: i18n$1.selectAllButton, onClick: checkAll }))), renderTarget: (props) => React.createElement(Button, Object.assign({}, props, { fill: "none", icon: ForwardRef$r, size: "30", color: "secondary", isDropdown: false })) })),
+            React.createElement(Panel, { background: "surface-main", cx: styles$1.mainPanel },
                 React.createElement(ScrollBars, null,
                     renderVisible(),
                     renderHidden(),
@@ -3979,13 +3919,13 @@ function ColumnsConfigurationModal(props) {
                         React.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", fontWeight: "600" }, i18n$1.noResultsFound.text),
                         React.createElement(Text, { fontSize: "16", lineHeight: "24", color: "primary" }, i18n$1.noResultsFound.subText))))),
             React.createElement(ModalFooter, { borderTop: true },
-                React.createElement(LinkButton, { icon: ForwardRef$r, caption: i18n$1.resetToDefaultButton, onClick: reset }),
+                React.createElement(LinkButton, { icon: ForwardRef$q, caption: i18n$1.resetToDefaultButton, onClick: reset }),
                 React.createElement(FlexSpacer, null),
                 React.createElement(Button, { fill: "none", color: "secondary", caption: i18n$1.cancelButton, onClick: close }),
                 noVisibleColumns ? (React.createElement(Tooltip, { content: i18n$1.enableAtLeastOneColumnMessage, placement: "top-end", color: "critical" }, applyButton)) : (applyButton)))));
 }
 
-var css$g = {"listContainer":"lBviNX","header":"A-UC5e","group":"_04gaf7","stickyHeader":"wtiKOZ"};
+var css$g = {"listContainer":"vCWVjT","header":"_1Bd8cm","group":"AWZkxI","stickyHeader":"XzikEq"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4051,7 +3991,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#8lxtcfquaaz12anpl_a)"
+    clipPath: "url(#lgdixywmjqrir2g2f_a)"
   }, _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
     d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
     fill: "#F5F6FA"
@@ -4072,7 +4012,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
     fill: "#1D1E26"
   })), /*#__PURE__*/React.createElement("mask", {
-    id: "8lxtcfedxlju0fbc6_b",
+    id: "lgdixycbwdji82t8o_b",
     style: {
       maskType: "alpha"
     },
@@ -4085,7 +4025,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
     fill: "#9BDEFF"
   }))), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#8lxtcfedxlju0fbc6_b)",
+    mask: "url(#lgdixycbwdji82t8o_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4171,7 +4111,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
     fill: "#fff"
   }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "8lxtcfquaaz12anpl_a"
+    id: "lgdixywmjqrir2g2f_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4180,7 +4120,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var css$f = {"sticky-header":"vXW1F7","table":"_1zy6lj","no-results":"wDsdHy","no-results-icon":"oJ65uC","no-results-title":"YQITHI","stickyHeader":"vXW1F7","noResults":"wDsdHy","noResultsIcon":"oJ65uC","noResultsTitle":"YQITHI"};
+var css$f = {"sticky-header":"eiWPQ7","table":"zYyNgk","no-results":"k2Yy4o","no-results-icon":"xVAsef","no-results-title":"G9jhrs","stickyHeader":"eiWPQ7","noResults":"k2Yy4o","noResultsIcon":"xVAsef","noResultsTitle":"G9jhrs"};
 
 function DataTable(props) {
     var _a;
@@ -4230,9 +4170,9 @@ function DataTable(props) {
             } })));
 }
 
-var css$e = {"root":"mwLJhg"};
+var css$e = {"root":"-qIMmb"};
 
-var css$d = {"root":"pBuH7i","burger-content":"_34QDdq","burgerContent":"_34QDdq"};
+var css$d = {"root":"_2VKoA-","burger-content":"_74Qu5f","burgerContent":"_74Qu5f"};
 
 var _path$7;
 function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
@@ -4299,7 +4239,7 @@ var SvgTriangle = function SvgTriangle(props, ref) {
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTriangle);
 
-var css$c = {"uui-typography":"ggHgN7","hero-header":"_79Ccxo","promo-header":"_6V129K","uui-critical":"_2zRe1O","uui-info":"vwMbQK","uui-success":"V1c-nM","uui-warning":"cZMw8T","uui-highlight":"-w2WIe","uui-typography-size-12":"pPRtvK","uui-typography-size-14":"a8llmu","uui-typography-size-16":"_4kJ-6w","root":"XvWXc-","button-primary":"zAYsB5","button-secondary":"VUBkUL","hasIcon":"qbU-TP","dropdown":"xev0gJ","uuiTypography":"ggHgN7","heroHeader":"_79Ccxo","promoHeader":"_6V129K","uuiCritical":"_2zRe1O","uuiInfo":"vwMbQK","uuiSuccess":"V1c-nM","uuiWarning":"cZMw8T","uuiHighlight":"-w2WIe","uuiTypographySize12":"pPRtvK","uuiTypographySize14":"a8llmu","uuiTypographySize16":"_4kJ-6w","buttonPrimary":"zAYsB5","buttonSecondary":"VUBkUL"};
+var css$c = {"uui-typography":"H4Y5qQ","hero-header":"ASTyzh","promo-header":"GGQ-tH","uui-critical":"euXR1m","uui-info":"wVNBmq","uui-success":"RK5dQy","uui-warning":"Fi--y5","uui-highlight":"s91nKv","uui-typography-size-12":"vJKzht","uui-typography-size-14":"JLk9kA","uui-typography-size-16":"_9JfjWk","root":"u-IiRZ","button-primary":"T6ZZIS","button-secondary":"EuI9iB","hasIcon":"_7z6bDO","dropdown":"B37Cy5","uuiTypography":"H4Y5qQ","heroHeader":"ASTyzh","promoHeader":"GGQ-tH","uuiCritical":"euXR1m","uuiInfo":"wVNBmq","uuiSuccess":"RK5dQy","uuiWarning":"Fi--y5","uuiHighlight":"s91nKv","uuiTypographySize12":"vJKzht","uuiTypographySize14":"JLk9kA","uuiTypographySize16":"_9JfjWk","buttonPrimary":"T6ZZIS","buttonSecondary":"EuI9iB"};
 
 const BurgerButton = withMods(Button$1, (props) => [
     css$c.root,
@@ -4356,13 +4296,13 @@ var SvgMenuInputCancel = function SvgMenuInputCancel(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgMenuInputCancel);
 
-var css$b = {"search-input":"xzx8Ya","searchInput":"xzx8Ya"};
+var css$b = {"search-input":"rFVeuV","searchInput":"rFVeuV"};
 
 function BurgerSearch(props) {
-    return (React.createElement(TextInput$1, { cx: cx(css$b.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$15, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$5 }));
+    return (React.createElement(TextInput$1, { cx: cx(css$b.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$14, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$5 }));
 }
 
-var css$a = {"root":"p1ttkk","group-header":"_32purX","group-name":"HfP-22","line":"A8dMrp","groupHeader":"_32purX","groupName":"HfP-22"};
+var css$a = {"root":"dWA9rY","group-header":"wooEGE","group-name":"Fo8IhB","line":"i08iEp","groupHeader":"wooEGE","groupName":"Fo8IhB"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$a.root, css$a.groupHeader, 'uui-burger-group-header') },
@@ -4370,7 +4310,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$a.groupName }, props.caption)));
 }
 
-var css$9 = {"uui-typography":"ySFhWr","hero-header":"AFZbgU","promo-header":"_-2NYfh","uui-critical":"avC5ko","uui-info":"wh5Lyg","uui-success":"n2kNYO","uui-warning":"Hp0TEw","uui-highlight":"BlCAbC","uui-typography-size-12":"GSRXNZ","uui-typography-size-14":"u6q7d0","uui-typography-size-16":"_23KQvb","root":"z0Geru","type-primary":"GipQ-S","type-secondary":"OStQ5T","uuiTypography":"ySFhWr","heroHeader":"AFZbgU","promoHeader":"_-2NYfh","uuiCritical":"avC5ko","uuiInfo":"wh5Lyg","uuiSuccess":"n2kNYO","uuiWarning":"Hp0TEw","uuiHighlight":"BlCAbC","uuiTypographySize12":"GSRXNZ","uuiTypographySize14":"u6q7d0","uuiTypographySize16":"_23KQvb","typePrimary":"GipQ-S","typeSecondary":"OStQ5T"};
+var css$9 = {"uui-typography":"_82vPzY","hero-header":"_8nJ3lg","promo-header":"aeTFYp","uui-critical":"MoGOXt","uui-info":"WJiYRz","uui-success":"s3G9Db","uui-warning":"_0nYEvX","uui-highlight":"hNH6O9","uui-typography-size-12":"GXGL1c","uui-typography-size-14":"x2KlPL","uui-typography-size-16":"rzx9vg","root":"SQUKow","type-primary":"XKVamD","type-secondary":"roxrJk","uuiTypography":"_82vPzY","heroHeader":"_8nJ3lg","promoHeader":"aeTFYp","uuiCritical":"MoGOXt","uuiInfo":"WJiYRz","uuiSuccess":"s3G9Db","uuiWarning":"_0nYEvX","uuiHighlight":"hNH6O9","uuiTypographySize12":"GXGL1c","uuiTypographySize14":"x2KlPL","uuiTypographySize16":"rzx9vg","typePrimary":"XKVamD","typeSecondary":"roxrJk"};
 
 var _path$4;
 function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
@@ -4390,7 +4330,7 @@ var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgChevronDown24);
 
 const MainMenuButton = withMods(Button$1, (mods) => [css$9.root, css$9['type-' + (mods.type || 'primary')]], () => ({ dropdownIcon: ForwardRef$4, role: 'menuitem' }));
 
-var css$8 = {"dropdown-body":"_7K-F-h","dropdownBody":"_7K-F-h"};
+var css$8 = {"dropdown-body":"TVZWVp","dropdownBody":"TVZWVp"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -4444,39 +4384,39 @@ var SvgGlobalMenu = function SvgGlobalMenu(props, ref) {
 };
 var ForwardRef$3 = /*#__PURE__*/forwardRef(SvgGlobalMenu);
 
-var css$7 = {"global-menu-btn":"_8DGwyV","globalMenuIcon":"yp2fzd","globalMenuBtn":"_8DGwyV"};
+var css$7 = {"global-menu-btn":"Xc1ggH","globalMenuIcon":"_5VHXuv","globalMenuBtn":"Xc1ggH"};
 
 const GlobalMenu = React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$7.globalMenuBtn, props.cx) }, props.rawProps),
     React.createElement(IconContainer, { icon: ForwardRef$3, cx: css$7.globalMenuIcon }))));
 
-var css$6 = {"container":"iuDvmZ","open":"vxl4GE"};
+var css$6 = {"container":"Qnys6p","open":"Ho9Djz"};
 
 const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$6.container, props.isDropdown && css$6.dropdown, props.isOpen && css$6.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
     props.icon && React.createElement(IconContainer, { icon: props.icon }),
     props.isDropdown && (React.createElement("div", null,
-        React.createElement(IconContainer, { icon: ForwardRef$1b, flipY: props.isOpen }))))));
+        React.createElement(IconContainer, { icon: ForwardRef$1a, flipY: props.isOpen }))))));
 
-var css$5 = {"search-input":"K00elx","searchInput":"K00elx"};
+var css$5 = {"search-input":"cC5EKS","searchInput":"cC5EKS"};
 
 const MainMenuSearch = React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
-        return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$15, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$5 }, props, iEditable, { ref: ref, cx: cx$1(css$5.searchInput, props.cx) }, props.rawProps)));
+        return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$14, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$5 }, props, iEditable, { ref: ref, cx: cx$1(css$5.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
-var css$4 = {"container":"g04zUX"};
+var css$4 = {"container":"fDOVQD"};
 
 const MainMenuIcon = React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$4.container) }, props))));
 
-var css$3 = {"root":"IhbvoF"};
+var css$3 = {"root":"I04mlU"};
 
 const Anchor = withMods(Anchor$1, () => [css$3.root]);
 
 function Form(props) {
     const context = useUuiContext();
-    const beforeLeave = () => {
+    const beforeLeave = React.useCallback(() => {
         return context.uuiModals.show((modalProps) => React.createElement(ConfirmationModal, Object.assign({ caption: i18n.form.modals.beforeLeaveMessage }, modalProps)));
-    };
+    }, [context.uuiModals]);
     const loadUnsavedChanges = () => {
         return context.uuiNotifications
             .show((props) => (React.createElement(WarningNotification, Object.assign({}, props, { actions: [
@@ -4493,9 +4433,9 @@ function Form(props) {
 
 function useForm(props) {
     const context = useUuiContext();
-    const beforeLeave = () => {
+    const beforeLeave = useCallback(() => {
         return context.uuiModals.show((modalProps) => React__default.createElement(ConfirmationModal, Object.assign({ caption: i18n.form.modals.beforeLeaveMessage }, modalProps)));
-    };
+    }, [context.uuiModals]);
     const loadUnsavedChanges = () => {
         return context.uuiNotifications.show((props) => (React__default.createElement(WarningNotification, Object.assign({}, props, { actions: [
                 {
@@ -4525,7 +4465,7 @@ var SvgShape = function SvgShape(props, ref) {
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgShape);
 
-var css$2 = {"root":"pt0u-T","drop-start":"gPUPhf","drop-over":"nCvyDJ","link":"cuHkKB","drop-area":"qcl7kC","icon-blue":"t-Vtl9","dropStart":"gPUPhf","dropOver":"nCvyDJ","dropArea":"qcl7kC","iconBlue":"t-Vtl9"};
+var css$2 = {"root":"Y85BWC","drop-start":"uZdztZ","drop-over":"bveXxp","link":"j4f7qp","drop-area":"sjcyVB","icon-blue":"dn8ZAW","dropStart":"uZdztZ","dropOver":"bveXxp","dropArea":"sjcyVB","iconBlue":"dn8ZAW"};
 
 class DropSpot extends React.Component {
     constructor() {
@@ -4549,9 +4489,9 @@ class DropSpot extends React.Component {
     }
 }
 
-var css$1 = {"root":"Fi3Chr","file-name":"DAKHz-","default-color":"upoYsa","doc-color":"V2Uj0i","xls-color":"taK17-","pdf-color":"_--9KDI","movie-color":"Z9lEPK","img-color":"XFZ4pJ","mov-color":"-hiF4z","error-block":"EcQ5z-","icons-block":"IY2OsI","fileName":"DAKHz-","defaultColor":"upoYsa","docColor":"V2Uj0i","xlsColor":"taK17-","pdfColor":"_--9KDI","movieColor":"Z9lEPK","imgColor":"XFZ4pJ","movColor":"-hiF4z","errorBlock":"EcQ5z-","iconsBlock":"IY2OsI"};
+var css$1 = {"root":"ca6K8o","file-name":"j8j151","default-color":"WX-zzb","doc-color":"Bi-dNJ","xls-color":"V8qhsM","pdf-color":"bleJuD","movie-color":"xIW992","img-color":"BiycRE","mov-color":"_2PoJrU","error-block":"LILfCG","icons-block":"Q2pOi-","fileName":"j8j151","defaultColor":"WX-zzb","docColor":"Bi-dNJ","xlsColor":"V8qhsM","pdfColor":"bleJuD","movieColor":"xIW992","imgColor":"BiycRE","movColor":"_2PoJrU","errorBlock":"LILfCG","iconsBlock":"Q2pOi-"};
 
-var css = {"root":"v9PcwT"};
+var css = {"root":"_26bqh0"};
 
 const SvgCircleProgress = React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -4572,9 +4512,7 @@ var SvgNavigationClose18 = function SvgNavigationClose18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M14.25 4.808 13.193 3.75 9 7.942 4.808 3.75 3.75 4.808 7.942 9 3.75 13.193l1.058 1.057L9 10.057l4.193 4.193 1.057-1.057L10.057 9l4.193-4.192z",
-    clipRule: "evenodd"
+    d: "M4.8 14.25 3.75 13.2 7.95 9l-4.2-4.2L4.8 3.75 9 7.95l4.2-4.2 1.05 1.05-4.2 4.2 4.2 4.2-1.05 1.05-4.2-4.2-4.2 4.2z"
   })));
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationClose18);
@@ -4670,5 +4608,5 @@ const FileCard = React.forwardRef((props, ref) => {
                 isCrossShow && React.createElement(IconButton, { icon: ForwardRef$1, onClick: removeHandler })))));
 });
 
-export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, EditMode, ErrorAlert, ErrorNotification, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RichTextView, ScrollBars, SearchInput, Slider, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, allButtonColors, allButtonFills, allEpamBadgeSemanticColors, allFillStyles, allFontStyles, allFontWeights, allIconColors, allLinkButtonColors, allRowSizes, allSemanticColors, allSizes, allTextColors, allTextSizes, applyBadgeMods, applyButtonMods, applyCheckboxMods, applyDateSelectionMods, applyInputAddonMods, applyNumericInputMods, applyProgressBarMods, applySliderMods, applySpinnerMods, applySwitchMods, applyTagMods, applyTextAreaMods, applyTextInputMods, defaultPredicates, getHighlightRanges, getHighlightedSearchMatches, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, useColumnsWithFilters, useForm, uuiDatePickerBody, weekCount };
+export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, EditMode, ErrorAlert, ErrorNotification, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RichTextView, ScrollBars, SearchInput, Slider, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, allIconColors, allLinkButtonColors, applyBadgeMods, applyButtonMods, applyCheckboxMods, applyDateSelectionMods, applyInputAddonMods, applyNumericInputMods, applyProgressBarMods, applySliderMods, applySpinnerMods, applySwitchMods, applyTagMods, applyTextAreaMods, applyTextInputMods, defaultPredicates, getHighlightRanges, getHighlightedSearchMatches, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, useColumnsWithFilters, useForm, uuiDatePickerBody, weekCount };
 //# sourceMappingURL=index.esm.js.map