@epam/uui 5.4.0 → 5.4.2

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$3;
 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$3 || (_path2$3 = /*#__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":"Ngqiag"};
 
 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":"X4DjMb","size-24":"_7XUB-t","size-18":"ryh2zj","size-12":"ztjftI","size24":"_7XUB-t","size18":"ryh2zj","size12":"ztjftI"};
 
 const CountIndicator = forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -588,9 +586,8 @@ 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":"uDW7Ar","hero-header":"a6Qntk","promo-header":"PU9Wyd","uui-critical":"USLgK-","uui-info":"W2SJfQ","uui-success":"ABu---","uui-warning":"ykhV4C","uui-highlight":"rRxxVV","uui-typography-size-12":"TMKcPB","uui-typography-size-14":"cpcClK","uui-typography-size-16":"NuIVBZ","root":"gJIs67","size-18":"msCxWK","size-24":"wQBz3s","size-30":"biY1B1","size-36":"_4X8tc4","size-42":"PAmter","size-48":"URhhsN","uuiTypography":"uDW7Ar","heroHeader":"a6Qntk","promoHeader":"PU9Wyd","uuiCritical":"USLgK-","uuiInfo":"W2SJfQ","uuiSuccess":"ABu---","uuiWarning":"ykhV4C","uuiHighlight":"rRxxVV","uuiTypographySize12":"TMKcPB","uuiTypographySize14":"cpcClK","uuiTypographySize16":"NuIVBZ","size18":"msCxWK","size24":"wQBz3s","size30":"biY1B1","size36":"_4X8tc4","size42":"PAmter","size48":"URhhsN"};
 
-const defaultSize$b = '36';
 const mapSize$1 = {
     48: '48',
     42: '48',
@@ -599,12 +596,14 @@ const mapSize$1 = {
     24: '30',
     18: '18',
 };
+const defaultBadgeSize = '36';
+const defaultBadgeFill = 'solid';
 function applyBadgeMods(mods) {
     return [
         'uui-badge',
         css$1k.root,
-        css$1k['size-' + (mods.size || defaultSize$b)],
-        `uui-fill-${mods.fill || 'solid'}`,
+        css$1k['size-' + (mods.size || defaultBadgeSize)],
+        `uui-fill-${mods.fill || defaultBadgeFill}`,
         mods.color && `uui-color-${mods.color}`,
         mods.indicator && 'uui-indicator',
     ];
@@ -628,15 +627,15 @@ const Badge = withMods(Button$1, applyBadgeMods, (props) => {
         });
     }
     return {
-        dropdownIcon: systemIcons[(props.size && mapSize$1[props.size]) || defaultSize$b].foldingArrow,
-        clearIcon: systemIcons[(props.size && mapSize$1[props.size]) || defaultSize$b].clear,
+        dropdownIcon: systemIcons[(props.size && mapSize$1[props.size]) || defaultBadgeSize].foldingArrow,
+        clearIcon: systemIcons[(props.size && mapSize$1[props.size]) || defaultBadgeSize].clear,
         countPosition: 'left',
-        countIndicator: (countIndicatorProps) => (React__default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: null, size: mapCountIndicatorSizes$1[props.size || defaultSize$b] }))),
+        countIndicator: (countIndicatorProps) => (React__default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: null, size: mapCountIndicatorSizes$1[props.size || defaultBadgeSize] }))),
         indicator: props.indicator || false,
     };
 });
 
-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":"X19USP","hero-header":"REfC0T","promo-header":"J48gJt","uui-critical":"dg6WfQ","uui-info":"L98kfi","uui-success":"_2BI5V1","uui-warning":"b3h-Nj","uui-highlight":"mKgL1k","uui-typography-size-12":"JDPRJn","uui-typography-size-14":"aNp1yl","uui-typography-size-16":"hMBcSu","root":"JmAjZV","size-18":"RNUktm","size-24":"_1xagmu","size-30":"mcg1hb","size-36":"_7KvOFf","size-42":"A3f4oM","size-48":"EWiH-A","uuiTypography":"X19USP","heroHeader":"REfC0T","promoHeader":"J48gJt","uuiCritical":"dg6WfQ","uuiInfo":"L98kfi","uuiSuccess":"_2BI5V1","uuiWarning":"b3h-Nj","uuiHighlight":"mKgL1k","uuiTypographySize12":"JDPRJn","uuiTypographySize14":"aNp1yl","uuiTypographySize16":"hMBcSu","size18":"RNUktm","size24":"_1xagmu","size30":"mcg1hb","size36":"_7KvOFf","size42":"A3f4oM","size48":"EWiH-A"};
 
 const defaultSize$a = '36';
 const mapSize = {
@@ -655,102 +654,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":"wcTxZn","uui-spinner":"ITifhD","uuiSpinner":"ITifhD"};
 
 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":"daw2FO","spacer":"Z-roQH","mode-ghost":"n4YGiM","size-24":"uEuaew","size-30":"OpnoXH","navigation-size-24":"eNmQhM","navigation-size-30":"iLUOj-","modeGhost":"n4YGiM","size24":"uEuaew","size30":"OpnoXH","navigationSize24":"eNmQhM","navigationSize30":"iLUOj-"};
 
-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 +760,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":"wDfbfo","progress-bar":"_--o96q","progressBar-indeterminate":"BoVU45","size-12":"a0X-Ql","size-18":"osdB82","size-24":"ZADC7q","progressBar":"_--o96q","progressBarIndeterminate":"BoVU45","size12":"a0X-Ql","size18":"osdB82","size24":"ZADC7q"};
 
 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":"-LB0DA","striped":"tAx5jf","animate-stripes":"_82rPsW","size-12":"ed7OyW","size-18":"jwlFQE","size-24":"fssVPJ","animateStripes":"_82rPsW","size12":"ed7OyW","size18":"jwlFQE","size24":"fssVPJ"};
 
 const defaultSize$9 = '12';
 function applyProgressBarMods(mods) {
@@ -787,14 +787,14 @@ const ProgressBar = withMods(ProgressBar$1, applyProgressBarMods, (props) => ({
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$1e = {"root":"aU8Czc"};
+var css$1e = {"root":"ppTjb-"};
 
 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":"DkKip9","size-12":"SE7WrJ","size-18":"_4QY6-L","size-24":"UJ1beM","size12":"SE7WrJ","size18":"_4QY6-L","size24":"UJ1beM"};
 
 const StatusIndicator = forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -809,11 +809,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":"pJbV3I","hero-header":"NYNI5T","promo-header":"OJpMqE","uui-critical":"SzBk5S","uui-info":"AZ21LA","uui-success":"Xw-7Fx","uui-warning":"Tdbbcb","uui-highlight":"_0inLus","uui-typography-size-12":"i7eKYU","uui-typography-size-14":"PzWsRk","uui-typography-size-16":"j5iu1M","root":"B0OU7s","uuiTypography":"pJbV3I","heroHeader":"NYNI5T","promoHeader":"OJpMqE","uuiCritical":"SzBk5S","uuiInfo":"AZ21LA","uuiSuccess":"Xw-7Fx","uuiWarning":"Tdbbcb","uuiHighlight":"_0inLus","uuiTypographySize12":"i7eKYU","uuiTypographySize14":"PzWsRk","uuiTypographySize16":"j5iu1M"};
 
-const allButtonColors = [
-    'accent', 'primary', 'critical', 'secondary', 'neutral',
-];
 const defaultSize$8 = '36';
 function applyButtonMods(mods) {
     return [
@@ -830,7 +827,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":"dDHWQU"};
 
 const allIconColors = [
     'info', 'success', 'warning', 'error', 'secondary', 'neutral',
@@ -840,7 +837,7 @@ function applyIconButtonMods(mods) {
 }
 const IconButton = withMods(IconButton$1, applyIconButtonMods);
 
-var css$1a = {"root":"hG6Q-Y"};
+var css$1a = {"root":"GrGDQe"};
 
 function getIconClass(props) {
     const classList = {
@@ -875,7 +872,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":"DY3hUp","hero-header":"EfIXK9","promo-header":"_3cXSwK","uui-critical":"_9z2ykp","uui-info":"vf31H4","uui-success":"EKTLsv","uui-warning":"u2rhTM","uui-highlight":"LphkCE","uui-typography-size-12":"AGahCs","uui-typography-size-14":"UCJ-Vf","uui-typography-size-16":"CSB-4J","root":"_8T6RX5","withNotify":"MYpabD","size-36":"_4oRwLs","size-48":"_5bIPi-","size-60":"rt3GYZ","uuiTypography":"DY3hUp","heroHeader":"EfIXK9","promoHeader":"_3cXSwK","uuiCritical":"_9z2ykp","uuiInfo":"vf31H4","uuiSuccess":"EKTLsv","uuiWarning":"u2rhTM","uuiHighlight":"LphkCE","uuiTypographySize12":"AGahCs","uuiTypographySize14":"UCJ-Vf","uuiTypographySize16":"CSB-4J","size36":"_4oRwLs","size48":"_5bIPi-","size60":"rt3GYZ"};
 
 function applyTabButtonMods(mods) {
     return [
@@ -888,38 +885,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":"hgMSgN","hero-header":"AeBEkf","promo-header":"LpCIJw","uui-critical":"ui4LA9","uui-info":"oFyky3","uui-success":"MHt6KD","uui-warning":"FItuRM","uui-highlight":"lzDyTM","uui-typography-size-12":"g4jokF","uui-typography-size-14":"pjloH-","uui-typography-size-16":"h7w94C","root":"K1ZeL1","uuiTypography":"hgMSgN","heroHeader":"AeBEkf","promoHeader":"LpCIJw","uuiCritical":"ui4LA9","uuiInfo":"oFyky3","uuiSuccess":"MHt6KD","uuiWarning":"FItuRM","uuiHighlight":"lzDyTM","uuiTypographySize12":"g4jokF","uuiTypographySize14":"pjloH-","uuiTypographySize16":"h7w94C"};
 
 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',
-];
 var EditMode;
 (function (EditMode) {
     EditMode["FORM"] = "form";
@@ -927,71 +899,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":"baWDuO","hero-header":"nVk1YL","promo-header":"A3keCW","uui-critical":"_9AJoRO","uui-info":"cIObc3","uui-success":"n-rzA8","uui-warning":"DSq2rc","uui-highlight":"V5pLqL","uui-typography-size-12":"eys6BF","uui-typography-size-14":"n8K-kR","uui-typography-size-16":"YCvaml","root":"ML5y77","size-18":"Dfp539","size-12":"cvCKee","mode-cell":"YrlOEC","uuiTypography":"baWDuO","heroHeader":"nVk1YL","promoHeader":"A3keCW","uuiCritical":"_9AJoRO","uuiInfo":"cIObc3","uuiSuccess":"n-rzA8","uuiWarning":"DSq2rc","uuiHighlight":"V5pLqL","uuiTypographySize12":"eys6BF","uuiTypographySize14":"n8K-kR","uuiTypographySize16":"YCvaml","size18":"Dfp539","size12":"cvCKee","modeCell":"YrlOEC"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1002,17 +974,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":"OQKEba","hero-header":"iRoK0F","promo-header":"OJYdHw","uui-critical":"t3uXix","uui-info":"dxrHvn","uui-success":"_9eaqOg","uui-warning":"FtD4lp","uui-highlight":"baBfpi","uui-typography-size-12":"kkPUDv","uui-typography-size-14":"-Y85qY","uui-typography-size-16":"_646Oqt","root":"E1RePL","size-18":"_95p5OS","size-12":"wp85lx","uuiTypography":"OQKEba","heroHeader":"iRoK0F","promoHeader":"OJYdHw","uuiCritical":"t3uXix","uuiInfo":"dxrHvn","uuiSuccess":"_9eaqOg","uuiWarning":"FtD4lp","uuiHighlight":"baBfpi","uuiTypographySize12":"kkPUDv","uuiTypographySize14":"-Y85qY","uuiTypographySize16":"_646Oqt","size18":"_95p5OS","size12":"wp85lx"};
 
 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 +996,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":"yanLM1","size-12":"s8f5kw","size-18":"fvdShL","size-24":"T9qGqk","size12":"s8f5kw","size18":"fvdShL","size24":"T9qGqk"};
 
 function applySwitchMods(mods) {
     return [
@@ -1084,7 +1056,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":"I8L1zf","hero-header":"DPbLsz","promo-header":"kZ4OYl","uui-critical":"_4JBkLY","uui-info":"mYxpPw","uui-success":"w9M8xh","uui-warning":"Oj4N-U","uui-highlight":"Bs-Z8g","uui-typography-size-12":"a4Jg2t","uui-typography-size-14":"Z3ZXGS","uui-typography-size-16":"oO3uGf","root":"sE0WiL","mode-form":"u6IFV7","mode-inline":"_2Agvwk","mode-cell":"Uoe57d","size-24":"_7jRtuJ","size-30":"CS6YDg","size-36":"YIGiJQ","size-42":"gZYEyS","size-48":"rZge-W","uuiTypography":"I8L1zf","heroHeader":"DPbLsz","promoHeader":"kZ4OYl","uuiCritical":"_4JBkLY","uuiInfo":"mYxpPw","uuiSuccess":"w9M8xh","uuiWarning":"Oj4N-U","uuiHighlight":"Bs-Z8g","uuiTypographySize12":"a4Jg2t","uuiTypographySize14":"Z3ZXGS","uuiTypographySize16":"oO3uGf","modeForm":"u6IFV7","modeInline":"_2Agvwk","modeCell":"Uoe57d","size24":"_7jRtuJ","size30":"CS6YDg","size36":"YIGiJQ","size42":"gZYEyS","size48":"rZge-W"};
 
 const defaultSize$6 = '36';
 const defaultMode$5 = EditMode.FORM;
@@ -1113,7 +1085,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":"uC8HN3"};
 
 const ControlGroup = withMods(ControlGroup$1, () => [css$14.root]);
 
@@ -1122,7 +1094,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":"reiCqQ","hero-header":"y73yia","promo-header":"r1FTXz","uui-critical":"rLQI2v","uui-info":"K9NEZx","uui-success":"NjSTMs","uui-warning":"UBsQjj","uui-highlight":"XCSdyn","uui-typography-size-12":"_6JtHyi","uui-typography-size-14":"_5dhEwl","uui-typography-size-16":"XbDXTw","root":"xeKrF6","size-24":"TAOHpS","size-30":"xz5Kra","size-36":"DtlciI","size-42":"r2kY2f","size-48":"_99QvFR","mode-form":"X5wBXD","mode-cell":"pseOM6","uuiTypography":"reiCqQ","heroHeader":"y73yia","promoHeader":"r1FTXz","uuiCritical":"rLQI2v","uuiInfo":"K9NEZx","uuiSuccess":"NjSTMs","uuiWarning":"UBsQjj","uuiHighlight":"XCSdyn","uuiTypographySize12":"_6JtHyi","uuiTypographySize14":"_5dhEwl","uuiTypographySize16":"XbDXTw","size24":"TAOHpS","size30":"xz5Kra","size36":"DtlciI","size42":"r2kY2f","size48":"_99QvFR","modeForm":"X5wBXD","modeCell":"pseOM6"};
 
 const defaultSize$5 = '36';
 const defaultMode$4 = EditMode.FORM;
@@ -1141,7 +1113,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":"sPO9op","hero-header":"c2Kiwe","promo-header":"co5eGn","uui-critical":"uFVg38","uui-info":"cNkRPN","uui-success":"F5GsNA","uui-warning":"SRWfQG","uui-highlight":"Pp9roW","uui-typography-size-12":"E6Xz-4","uui-typography-size-14":"osiFp2","uui-typography-size-16":"sLnlbD","root":"Z8skpu","mode-form":"tDp7zT","mode-cell":"-RFt75","mode-inline":"_5iarfk","size-24":"-NhUVd","size-30":"xRCYMM","size-36":"uW84Ko","size-42":"FgU9HX","size-48":"fEJ7JF","uuiTypography":"sPO9op","heroHeader":"c2Kiwe","promoHeader":"co5eGn","uuiCritical":"uFVg38","uuiInfo":"cNkRPN","uuiSuccess":"F5GsNA","uuiWarning":"SRWfQG","uuiHighlight":"Pp9roW","uuiTypographySize12":"E6Xz-4","uuiTypographySize14":"osiFp2","uuiTypographySize16":"sLnlbD","modeForm":"tDp7zT","modeCell":"-RFt75","modeInline":"_5iarfk","size24":"-NhUVd","size30":"xRCYMM","size36":"uW84Ko","size42":"FgU9HX","size48":"fEJ7JF"};
 
 const defaultSize$4 = '36';
 const defaultMode$3 = EditMode.FORM;
@@ -1155,7 +1127,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":"oMqwWP"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1166,13 +1138,13 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$10 = {"root":"P5QrwQ","timepicker-input":"_79C3uW","timepickerInput":"_79C3uW"};
+var css$10 = {"root":"hAHp7n","timepicker-input":"duF1-H","timepickerInput":"duF1-H"};
 
-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 +1164,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":"_7UiA2k"};
 
 function applyInputAddonMods() {
     return [
@@ -1207,14 +1181,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = withMods(InputAddon$1, applyInputAddonMods);
 
-var css$_ = {"root":"_9nTVGr"};
+var css$_ = {"root":"_7VqSkc"};
 
 function applySliderMods() {
     return [css$_.root, 'uui-color-neutral'];
 }
 const Slider = withMods(Slider$1, applySliderMods);
 
-var css$Z = {"container":"ksPHbs"};
+var css$Z = {"container":"_7ngEPi"};
 
 dayjs.extend(localeData);
 const uuiHeader = {
@@ -1224,26 +1198,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 +1265,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":"QNqaaW","hero-header":"NIRABa","promo-header":"_6157vS","uui-critical":"ZmRS1Q","uui-info":"LB6RPE","uui-success":"_0eaj4-","uui-warning":"tDOzq8","uui-highlight":"lZwdVb","uui-typography-size-12":"qwyzP9","uui-typography-size-14":"wxKa9m","uui-typography-size-16":"HL4oR8","root":"_7eFxG4","uuiTypography":"QNqaaW","heroHeader":"NIRABa","promoHeader":"_6157vS","uuiCritical":"ZmRS1Q","uuiInfo":"LB6RPE","uuiSuccess":"_0eaj4-","uuiWarning":"tDOzq8","uuiHighlight":"lZwdVb","uuiTypographySize12":"qwyzP9","uuiTypographySize14":"wxKa9m","uuiTypographySize16":"HL4oR8"};
 
 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":"NxLuy1","hero-header":"q7jhcj","promo-header":"pNGk03","uui-critical":"x9l8Vv","uui-info":"-k844n","uui-success":"_3UcLoV","uui-warning":"QZFWTU","uui-highlight":"p9JBSV","uui-typography-size-12":"MCtW5J","uui-typography-size-14":"UBUgnv","uui-typography-size-16":"XpnIA6","root":"VktQ-T","uuiTypography":"NxLuy1","heroHeader":"q7jhcj","promoHeader":"pNGk03","uuiCritical":"x9l8Vv","uuiInfo":"-k844n","uuiSuccess":"_3UcLoV","uuiWarning":"QZFWTU","uuiHighlight":"p9JBSV","uuiTypographySize12":"MCtW5J","uuiTypographySize14":"UBUgnv","uuiTypographySize16":"XpnIA6"};
 
 dayjs.extend(updateLocale);
 const uuiDatePickerBody = {
@@ -1340,87 +1314,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":"KinSFt","icon-wrapper":"i4-8oF","alert-wrapper":"aYXMyI","size-48":"L62KVX","size-36":"_3nAv-S","action-wrapper":"i53Kqr","action-icon":"TVvQkk","action-link":"CdCDlQ","close-icon":"yS4GIg","main-path":"I2aXYU","content":"wXC9d5","iconWrapper":"i4-8oF","alertWrapper":"aYXMyI","size48":"L62KVX","size36":"_3nAv-S","actionWrapper":"i53Kqr","actionIcon":"TVvQkk","actionLink":"CdCDlQ","closeIcon":"yS4GIg","mainPath":"I2aXYU"};
 
 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 +1403,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)));
+
+const Dropdown = withMods(Dropdown$1);
 
-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"};
+var css$V = {"uui-typography":"_7BGqAx","hero-header":"o3BOGc","promo-header":"cmJljI","uui-critical":"pFqODh","uui-info":"Ks1RY1","uui-success":"fCHKEw","uui-warning":"ksF0bd","uui-highlight":"kHwa3V","uui-typography-size-12":"t4L2nx","uui-typography-size-14":"OciQdz","uui-typography-size-16":"yUuE-a","root":"ebzzu9","body-root":"LKjRKl","submenu-root-item":"rD5w50","icon-after":"RqIa2S","icon-check":"iLJGgz","splitter-root":"yhmxhR","splitter":"C5bxbJ","header-root":"xr7Bsa","item-root":"ywn6w9","icon":"A25YP-","link":"TJ1EUF","indent":"iPA0V3","uuiTypography":"_7BGqAx","heroHeader":"o3BOGc","promoHeader":"cmJljI","uuiCritical":"pFqODh","uuiInfo":"Ks1RY1","uuiSuccess":"fCHKEw","uuiWarning":"ksF0bd","uuiHighlight":"kHwa3V","uuiTypographySize12":"t4L2nx","uuiTypographySize14":"OciQdz","uuiTypographySize16":"yUuE-a","bodyRoot":"LKjRKl","submenuRootItem":"rD5w50","iconAfter":"RqIa2S","iconCheck":"iLJGgz","splitterRoot":"yhmxhR","headerRoot":"xr7Bsa","itemRoot":"ywn6w9"};
 
 const icons = systemIcons['36'];
 var IDropdownControlKeys;
@@ -1568,7 +1540,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":"fOIhd2","hero-header":"d5eyA-","promo-header":"kxbY5N","uui-critical":"O9n-ZA","uui-info":"h-QkFS","uui-success":"vWzdgV","uui-warning":"wbpxeS","uui-highlight":"NhKID8","uui-typography-size-12":"mFxQAs","uui-typography-size-14":"pwHjzb","uui-typography-size-16":"S7qfNT","root":"MebBX4","border-bottom":"_5BYvdn","top-shadow":"EfV7KR","size-24":"C1pc2Q","size-30":"c333x-","size-36":"FZz3lp","size-42":"PJd-3F","size-48":"cKPHD6","padding-6":"IFyVmy","padding-12":"s5-joV","padding-18":"_5MxpDU","padding-24":"gXRdTG","margin-24":"l3qQvL","margin-12":"vK-ttJ","vPadding-12":"-gK2CZ","vPadding-18":"CSZhrX","vPadding-24":"JPvs6K","vPadding-36":"eNOY9v","vPadding-48":"_5x0UR8","spacing-6":"MdPv8-","spacing-12":"sSIQI5","spacing-18":"tWnZFe","uui-surface-main":"LAc1p0","uuiTypography":"fOIhd2","heroHeader":"d5eyA-","promoHeader":"kxbY5N","uuiCritical":"O9n-ZA","uuiInfo":"h-QkFS","uuiSuccess":"vWzdgV","uuiWarning":"wbpxeS","uuiHighlight":"NhKID8","uuiTypographySize12":"mFxQAs","uuiTypographySize14":"pwHjzb","uuiTypographySize16":"S7qfNT","borderBottom":"_5BYvdn","topShadow":"EfV7KR","size24":"C1pc2Q","size30":"c333x-","size36":"FZz3lp","size42":"PJd-3F","size48":"cKPHD6","padding6":"IFyVmy","padding12":"s5-joV","padding18":"_5MxpDU","padding24":"gXRdTG","margin24":"l3qQvL","margin12":"vK-ttJ","vPadding12":"-gK2CZ","vPadding18":"CSZhrX","vPadding24":"JPvs6K","vPadding36":"eNOY9v","vPadding48":"_5x0UR8","spacing6":"MdPv8-","spacing12":"sSIQI5","spacing18":"tWnZFe","uuiSurfaceMain":"LAc1p0"};
 
 const FlexCell = withMods(FlexCell$1, () => [css$U.flexCell]);
 
@@ -1582,18 +1554,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":"rGCjD9","margin-24":"AtFYWF","padding-12":"-PwK-u","padding-24":"iG7t8R","shadow":"qBq2mZ","uui-surface-main":"rmoUVn","margin24":"AtFYWF","padding12":"-PwK-u","padding24":"iG7t8R","uuiSurfaceMain":"rmoUVn"};
 
 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 +1657,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":"_9yFnO-","mode-block":"rrEWva","mode-inline":"_6OgpXE","padding-0":"R9-SFJ","padding-6":"_5KTVZ-","padding-12":"Wo9dHU","padding-18":"zP0MCk","modeBlock":"rrEWva","modeInline":"_6OgpXE","padding0":"R9-SFJ","padding6":"_5KTVZ-","padding12":"Wo9dHU","padding18":"zP0MCk"};
 
+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":"ksuHZj"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1708,7 +1683,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":"Zyr-O-","hero-header":"WPEeZS","promo-header":"HirpNI","uui-critical":"uSGOXm","uui-info":"fj2D6X","uui-success":"Vv3Wdn","uui-warning":"o0JpVJ","uui-highlight":"J4lnjg","uui-typography-size-12":"_5rnXDs","uui-typography-size-14":"jYivj-","uui-typography-size-16":"pH18QO","root":"gbk4YR","size-24":"wzY4YI","size-30":"Si5fVU","size-36":"NteFLP","size-42":"Kt68e9","size-48":"xYpOPh","uuiTypography":"Zyr-O-","heroHeader":"WPEeZS","promoHeader":"HirpNI","uuiCritical":"uSGOXm","uuiInfo":"fj2D6X","uuiSuccess":"Vv3Wdn","uuiWarning":"o0JpVJ","uuiHighlight":"J4lnjg","uuiTypographySize12":"_5rnXDs","uuiTypographySize14":"jYivj-","uuiTypographySize16":"pH18QO","size24":"wzY4YI","size30":"Si5fVU","size36":"NteFLP","size42":"Kt68e9","size48":"xYpOPh"};
 
 const defaultSize$3 = '36';
 function applyLabeledInputMods(mods) {
@@ -1719,11 +1694,11 @@ const LabeledInput = withMods(uuiComponents.LabeledInput, applyLabeledInputMods,
     infoIcon: systemIcons[props.size || defaultSize$3].help,
 }));
 
-var css$P = {"root":"gq0WAo"};
+var css$P = {"root":"HyeU0a"};
 
 const RadioGroup = withMods(RadioGroup$1, () => [css$P.root], () => ({ RadioInput }));
 
-var css$O = {"root":"rd1Yrd"};
+var css$O = {"root":"AFP1Os"};
 
 function applyScrollBarsMods() {
     return [
@@ -1732,9 +1707,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":"RK3xmD","list-container":"F9el-t","scrollContainer":"RK3xmD","listContainer":"F9el-t"};
 
-var css$M = {"root":"GgJbxy"};
+var css$M = {"root":"aD5DUS"};
 
 const Blocker = withMods(Blocker$1, () => [css$M.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
@@ -1776,11 +1751,11 @@ const VirtualListView = React.forwardRef((props, ref) => {
 });
 VirtualList.displayName = 'VirtualList';
 
-var css$L = {"root":"azTY5J"};
+var css$L = {"root":"GnF4yw"};
 
 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":"dvcjfq","hero-header":"-qF-2N","promo-header":"sA89sf","uui-critical":"_8rLEgR","uui-info":"k0qLSy","uui-success":"_0ES8G0","uui-warning":"fO-kX9","uui-highlight":"oyp4kp","uui-typography-size-12":"YfDNNe","uui-typography-size-14":"J6-Ma6","uui-typography-size-16":"qI6PkU","body":"_5IHnUN","modal":"C2aFbC","search-wrapper":"wol0Dd","checkbox":"QRhq81","no-found-size-24":"dIpxjB","no-found-size-30":"B2Co-R","no-found-size-36":"_9kOM5h","no-found-size-42":"GTE1FZ","uuiTypography":"dvcjfq","heroHeader":"-qF-2N","promoHeader":"sA89sf","uuiCritical":"_8rLEgR","uuiInfo":"k0qLSy","uuiSuccess":"_0ES8G0","uuiWarning":"fO-kX9","uuiHighlight":"oyp4kp","uuiTypographySize12":"YfDNNe","uuiTypographySize14":"J6-Ma6","uuiTypographySize16":"qI6PkU","searchWrapper":"wol0Dd","noFoundSize24":"dIpxjB","noFoundSize30":"B2Co-R","noFoundSize36":"_9kOM5h","noFoundSize42":"GTE1FZ"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -1801,7 +1776,7 @@ class DataPickerBody extends PickerBodyBase {
             this.showSearch() && (React__default.createElement("div", { key: "search", className: css$K.searchWrapper },
                 React__default.createElement(FlexCell$1, { grow: 1 },
                     React__default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay }))))),
-            React__default.createElement(FlexRow, { key: "body", cx: cx$1(css$K.body, css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight } } }, this.props.rowsCount > 0 ? (React__default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : (this.renderNotFound()))));
+            React__default.createElement(FlexRow, { key: "body", cx: cx$1(css$K.body, css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rowsCount > 0 ? (React__default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : (this.renderNotFound()))));
     }
 }
 
@@ -1837,51 +1812,49 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = React__default.memo(DataPickerFooterImpl);
 
-var css$J = {"header":"y3pGT2","close":"_7h-wvy"};
+var css$J = {"header":"eMFi9R","close":"FXi3oh"};
 
-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":"_2a0VYu","wrapper":"WYpmYX","align-widgets-top":"lYCqjF","size-24":"qOFHgg","folding-arrow":"ntnHWt","size-30":"rmyvYS","size-36":"aaJKS4","size-42":"i8B-DA","size-48":"mflmvA","size-60":"HTw-BA","align-widgets-center":"TAU-ww","padding-12":"NkKYRn","padding-24":"vDLTlJ","padding-left-12":"jVKlb4","padding-left-24":"RqOtci","padding-right-24":"ePJX1C","drag-handle":"_1BeR-J","checkbox":"_2vbfX5","indent":"_4gJyf-","folding-arrow-12":"A9QQij","folding-arrow-18":"QH7EtV","icon-container":"_7YKBzw","loading-cell":"MymUnw","alignWidgetsTop":"lYCqjF","size24":"qOFHgg","foldingArrow":"ntnHWt","size30":"rmyvYS","size36":"aaJKS4","size42":"i8B-DA","size48":"mflmvA","size60":"HTw-BA","alignWidgetsCenter":"TAU-ww","padding12":"NkKYRn","padding24":"vDLTlJ","paddingLeft12":"jVKlb4","paddingLeft24":"RqOtci","paddingRight24":"ePJX1C","dragHandle":"_1BeR-J","foldingArrow12":"A9QQij","foldingArrow18":"QH7EtV","iconContainer":"_7YKBzw","loadingCell":"MymUnw"};
 
 function DataTableRowAddons(props) {
     var _a, _b;
@@ -1893,7 +1866,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 +1899,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: "m10.05 18-5.7-5.7 1.425-1.425 4.275 4.275 9.175-9.175L20.65 7.4 10.05 18z"
   })));
 };
-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: "M7.162 13.5 2.887 9.225l1.07-1.069 3.205 3.206 6.882-6.881 1.069 1.069-7.95 7.95z"
   })));
 };
-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: "m5.275 9-2.85-2.85.713-.713 2.137 2.138 4.588-4.588.712.713-5.3 5.3z"
   })));
 };
-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":"LWLydj","hero-header":"EdgmEM","promo-header":"icd27f","uui-critical":"_8pcXBO","uui-info":"CUl9LA","uui-success":"P9Rpu0","uui-warning":"UmIkV4","uui-highlight":"YlvcWc","uui-typography-size-12":"vf65GU","uui-typography-size-14":"uL7G2K","uui-typography-size-16":"MfIqed","render-item":"aUvphH","icon-wrapper":"QCfPes","picker-row":"_1Yi8zf","icon-default":"Vdgnsz","icon-primary":"mEoC-3","uuiTypography":"LWLydj","heroHeader":"EdgmEM","promoHeader":"icd27f","uuiCritical":"_8pcXBO","uuiInfo":"CUl9LA","uuiSuccess":"P9Rpu0","uuiWarning":"UmIkV4","uuiHighlight":"YlvcWc","uuiTypographySize12":"vf65GU","uuiTypographySize14":"uL7G2K","uuiTypographySize16":"MfIqed","renderItem":"aUvphH","iconWrapper":"QCfPes","pickerRow":"_1Yi8zf","iconDefault":"Vdgnsz","iconPrimary":"mEoC-3"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -1983,15 +1952,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,39 +1984,40 @@ 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":"yuKvtC","hero-header":"aP8krf","promo-header":"qhRx4S","uui-critical":"Bghmkk","uui-info":"UfifME","uui-success":"-TmVea","uui-warning":"RRpPRN","uui-highlight":"_4ORVJp","uui-typography-size-12":"QjX6OG","uui-typography-size-14":"yVj6X8","uui-typography-size-16":"wtqY21","done":"Y41WEW","container":"wXnZPM","uuiTypography":"yuKvtC","heroHeader":"aP8krf","promoHeader":"qhRx4S","uuiCritical":"Bghmkk","uuiInfo":"UfifME","uuiSuccess":"-TmVea","uuiWarning":"RRpPRN","uuiHighlight":"_4ORVJp","uuiTypographySize12":"QjX6OG","uuiTypographySize14":"yVj6X8","uuiTypographySize16":"wtqY21"};
 
 const MobileDropdownWrapper = (props) => {
     const isMobileView = isMobile();
-    return (React__default.createElement(DropdownContainer, Object.assign({}, props, { cx: [css$G.container, props.cx], rawProps: props.rawProps, onKeyDown: props.onKeyDown, focusLock: props.focusLock, width: props.width }),
+    const maxWidth = isMobileView ? 'auto' : props.maxWidth;
+    return (React__default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, cx: [css$G.container, props.cx] }),
         isMobileView && React__default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
         props.children,
         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$2;
+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$2 || (_path2$2 = /*#__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":"Yutb8-","hero-header":"c4BaC6","promo-header":"_6ItXZm","uui-critical":"Xswvn5","uui-info":"-Q9nWS","uui-success":"_98uHmp","uui-warning":"F3mjNB","uui-highlight":"OdaoJf","uui-typography-size-12":"_2k5bfo","uui-typography-size-14":"m-FB3t","uui-typography-size-16":"ErdS6K","sub-header-wrapper":"g4uw3r","switch":"IXLBu-","no-found-modal-container":"TwM2tX","no-found-modal-container-icon":"ZQblvc","no-found-modal-container-text":"_2nlQZi","uuiTypography":"Yutb8-","heroHeader":"c4BaC6","promoHeader":"_6ItXZm","uuiCritical":"Xswvn5","uuiInfo":"-Q9nWS","uuiSuccess":"_98uHmp","uuiWarning":"F3mjNB","uuiHighlight":"OdaoJf","uuiTypographySize12":"_2k5bfo","uuiTypographySize14":"m-FB3t","uuiTypographySize16":"ErdS6K","subHeaderWrapper":"g4uw3r","$switch$":"IXLBu-","noFoundModalContainer":"TwM2tX","noFoundModalContainerIcon":"ZQblvc","noFoundModalContainerText":"_2nlQZi"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, showSelectedLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -2066,7 +2036,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 +2063,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":"DaVXeI","hero-header":"G84ajh","promo-header":"TnYzyU","uui-critical":"ua-nua","uui-info":"Q4t-qH","uui-success":"VqkZDj","uui-warning":"ZhF6YL","uui-highlight":"SW6kSD","uui-typography-size-12":"F8ibpz","uui-typography-size-14":"oE2CRi","uui-typography-size-16":"E7BS5K","root":"eoDLwD","mode-form":"jdVH1z","mode-cell":"vrptwP","mode-inline":"-qSP49","size-24":"G3uyzv","size-30":"mONNMG","size-36":"-AELUy","size-42":"GVKdN5","size-48":"pJC6S8","uuiTypography":"DaVXeI","heroHeader":"G84ajh","promoHeader":"TnYzyU","uuiCritical":"ua-nua","uuiInfo":"Q4t-qH","uuiSuccess":"VqkZDj","uuiWarning":"ZhF6YL","uuiHighlight":"SW6kSD","uuiTypographySize12":"F8ibpz","uuiTypographySize14":"oE2CRi","uuiTypographySize16":"E7BS5K","modeForm":"jdVH1z","modeCell":"vrptwP","modeInline":"-qSP49","size24":"G3uyzv","size30":"mONNMG","size36":"-AELUy","size42":"GVKdN5","size48":"pJC6S8"};
 
 const defaultSize$2 = '36';
 const defaultMode$1 = EditMode.FORM;
@@ -2143,7 +2113,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":"HgMMSQ","multiline":"vp8QoR","vertical-padding-24":"pNi-52","vertical-padding-30":"y3YOM-","vertical-padding-36":"tGbjJM","vertical-padding-42":"DHDuWR","vertical-padding-48":"gSC-Xi","text":"iDWwbi","verticalPadding24":"pNi-52","verticalPadding30":"y3YOM-","verticalPadding36":"tGbjJM","verticalPadding42":"DHDuWR","verticalPadding48":"gSC-Xi"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -2241,7 +2211,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 +2266,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":"_3LTt5c"};
 
 function PickerListItem(props) {
     var _a;
@@ -2358,7 +2329,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":"CnWQ8P","hero-header":"I2-2iE","promo-header":"WYbevf","uui-critical":"hQUBmq","uui-info":"QUSI8D","uui-success":"PocQQ6","uui-warning":"ro-vLC","uui-highlight":"hT7fjA","uui-typography-size-12":"yYPapZ","uui-typography-size-14":"vEod0U","uui-typography-size-16":"EapDRc","root":"dIOwdZ","title-wrapper":"gc1suU","title":"EhAUtz","text-wrapper":"-Xnhtt","selection":"P9IxM4","postfix":"J8jc0i","selected":"_1hSOJf","uuiTypography":"CnWQ8P","heroHeader":"I2-2iE","promoHeader":"WYbevf","uuiCritical":"hQUBmq","uuiInfo":"QUSI8D","uuiSuccess":"PocQQ6","uuiWarning":"ro-vLC","uuiHighlight":"hT7fjA","uuiTypographySize12":"yYPapZ","uuiTypographySize14":"vEod0U","uuiTypographySize16":"EapDRc","titleWrapper":"gc1suU","textWrapper":"-Xnhtt"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = React.forwardRef((props, ref) => {
@@ -2423,8 +2394,9 @@ function FilterPickerBody(props) {
     const renderBody = (bodyProps, rows) => {
         const renderedDataRows = rows.map((props) => renderRow(props));
         const maxHeight = isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || pickerHeight;
+        const maxWidth = isMobile() ? undefined : 360;
         return (React.createElement(React.Fragment, null,
-            React.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, searchSize: "36", editMode: "dropdown" })),
+            React.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize: "36", editMode: "dropdown" })),
             renderFooter()));
     };
     const rows = getRows();
@@ -2463,7 +2435,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":"IYz69c","hero-header":"m40ey-","promo-header":"kQEiCw","uui-critical":"vSEYpS","uui-info":"N648iP","uui-success":"bgTbBZ","uui-warning":"K1i27o","uui-highlight":"jSuT-Z","uui-typography-size-12":"CfCC-6","uui-typography-size-14":"SY5Pni","uui-typography-size-16":"WX2HZ-","date-input":"IQSXEJ","size-24":"_-5giIB","size-30":"_0bu7l6","size-36":"mRgMW6","size-42":"KwRaUN","size-48":"tyDMgg","date-input-group":"dhdyKI","separator":"jeVW7h","mode-form":"_1WE1y8","mode-cell":"mlHM0q","uuiTypography":"IYz69c","heroHeader":"m40ey-","promoHeader":"kQEiCw","uuiCritical":"vSEYpS","uuiInfo":"N648iP","uuiSuccess":"bgTbBZ","uuiWarning":"K1i27o","uuiHighlight":"jSuT-Z","uuiTypographySize12":"CfCC-6","uuiTypographySize14":"SY5Pni","uuiTypographySize16":"WX2HZ-","dateInput":"IQSXEJ","size24":"_-5giIB","size30":"_0bu7l6","size36":"mRgMW6","size42":"KwRaUN","size48":"tyDMgg","dateInputGroup":"dhdyKI","modeForm":"_1WE1y8","modeCell":"mlHM0q"};
 
 class FilterRangeDatePickerBody extends BaseRangeDatePicker {
     constructor() {
@@ -2495,7 +2467,7 @@ class FilterRangeDatePickerBody extends BaseRangeDatePicker {
     }
 }
 
-var css$z = {"container":"xXduhp"};
+var css$z = {"container":"HzBOw9"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2570,23 +2542,24 @@ 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;
+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: "M4 10.5c-.55 0-1-.45-1-1V4h7v5.5c0 .55-.45 1-1 1H4zM8 2h2.5v1h-8V2H5v-.5h3V2zM5.2 9.25l1.3-1.3 1.3 1.3.7-.7-1.3-1.3 1.3-1.3-.7-.7-1.3 1.3-1.3-1.3-.7.7 1.3 1.3-1.3 1.3.7.7z",
+    clipRule: "evenodd"
   })));
 };
-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":"YK6ylR","hero-header":"_8M5U5P","promo-header":"_6ZgMEH","uui-critical":"FTGIoC","uui-info":"tuiReD","uui-success":"_6Px-ij","uui-warning":"OUJtfV","uui-highlight":"iArzCf","uui-typography-size-12":"_50DXrm","uui-typography-size-14":"e24vsM","uui-typography-size-16":"g662VU","header":"FEbTVJ","removeButton":"dQ4V2M","with-search":"CUlYPb","uuiTypography":"YK6ylR","heroHeader":"_8M5U5P","promoHeader":"_6ZgMEH","uuiCritical":"FTGIoC","uuiInfo":"tuiReD","uuiSuccess":"_6Px-ij","uuiWarning":"OUJtfV","uuiHighlight":"iArzCf","uuiTypographySize12":"_50DXrm","uuiTypographySize14":"e24vsM","uuiTypographySize16":"g662VU","withSearch":"CUlYPb"};
 
 function FiltersToolbarItemImpl(props) {
     const { maxCount = 2 } = props;
@@ -2664,7 +2637,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;
@@ -2746,25 +2719,30 @@ function FiltersToolbarItemImpl(props) {
             }
         }
     };
-    const renderTarget = (dropdownProps) => (React__default.createElement(FilterPanelItemToggler, Object.assign({}, dropdownProps, getTogglerValue(), { title: props.title, predicateName: props.value ? predicateName : null, maxWidth: props.type === 'datePicker' || props.type === 'rangeDatePicker' ? null : '300', size: props.size })));
+    const getTogglerWidth = () => {
+        if (props.togglerWidth)
+            return props.togglerWidth;
+        return props.type === 'datePicker' || props.type === 'rangeDatePicker' ? null : 300;
+    };
+    const renderTarget = (dropdownProps) => (React__default.createElement(FilterPanelItemToggler, Object.assign({}, dropdownProps, getTogglerValue(), { title: props.title, predicateName: props.value ? predicateName : null, maxWidth: getTogglerWidth(), size: props.size })));
     return (React__default.createElement(Dropdown$1, { renderTarget: renderTarget, renderBody: renderBody, closeBodyOnTogglerHidden: !isMobile(), value: isOpen, onValueChange: isOpenChange, modifiers: popperModifiers }));
 }
 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: "M9.964 2.25H8.036v5.786H2.25v1.928h5.786v5.786h1.928V9.964h5.786V8.036H9.964V2.25z"
   })));
 };
-var ForwardRef$t = /*#__PURE__*/forwardRef(SvgActionAdd18);
+var ForwardRef$s = /*#__PURE__*/forwardRef(SvgActionAdd18);
 
 const normalizeFilterWithPredicates = (filter) => {
     if (!filter) {
@@ -2855,7 +2833,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 +2860,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$w = {"preset-dropdown-panel":"u-L3oo","delete-row":"eymslu","delete-button":"oFXeRP","targetOpen":"Y8R0q3","presetDropdownPanel":"u-L3oo","deleteRow":"eymslu","deleteButton":"oFXeRP"};
+var css$x = {"divider":"D5jLlV","dropdownDeleteIcon":"-wr0mb","presetsWrapper":"WUaRgU","addPresetContainer":"pteYE6","dropContainer":"G7XOkR"};
 
-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":"XEaQGM","delete-row":"_3dSF9v","delete-button":"_93LBF8","targetOpen":"cG26d3","presetDropdownPanel":"XEaQGM","deleteRow":"_3dSF9v","deleteButton":"_93LBF8"};
 
 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 +2875,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 +2891,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 +2906,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 +2921,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 +2937,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 +2953,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$1;
 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 +2968,29 @@ 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$1 || (_path2$1 = /*#__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;
+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: "M5.25 15.75c-.825 0-1.5-.675-1.5-1.5V6h10.5v8.25c0 .825-.675 1.5-1.5 1.5h-7.5zm6-12.75H15v1.5H3V3h3.75v-.75h4.5V3zm-4.2 10.875L9 11.925l1.95 1.95 1.05-1.05-1.95-1.95L12 8.925l-1.05-1.05L9 9.825l-1.95-1.95L6 8.925l1.95 1.95L6 12.825l1.05 1.05z",
     clipRule: "evenodd"
   })));
 };
-var ForwardRef$l = /*#__PURE__*/forwardRef(SvgActionDeleteforever18);
+var ForwardRef$k = /*#__PURE__*/forwardRef(SvgActionDeleteforever18);
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -3055,30 +3027,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":"O22AP9","preset-input":"rcZWYX","presetInputCell":"O22AP9","presetInput":"rcZWYX"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -3108,7 +3080,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":"I9IbU6","activePreset":"_250fmA"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -3129,21 +3101,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 +3114,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 +3123,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 +3179,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":"avBYJu","line-height-18":"E57gfi","line-height-24":"HcVwhb","line-height-30":"_30i0V0","font-size-10":"fTrQj0","font-size-12":"nKZDnQ","font-size-14":"skTOh6","font-size-16":"ERqp1D","font-size-18":"_8bl-Di","font-size-24":"Ss0lKt","v-padding-2":"o65hcl","v-padding-3":"QeC1PH","v-padding-5":"NvI9aq","v-padding-6":"Dn2BeI","v-padding-8":"mFWiNx","v-padding-9":"KCYb3Y","v-padding-11":"KxYY97","v-padding-12":"RkqW8e","v-padding-14":"_4ySUfS","v-padding-15":"W-lQJL","v-padding-17":"X2lSMC","v-padding-18":"XnQJTY","v-padding-23":"OxLHZJ","v-padding-24":"SiN3Cr","lineHeight12":"avBYJu","lineHeight18":"E57gfi","lineHeight24":"HcVwhb","lineHeight30":"_30i0V0","fontSize10":"fTrQj0","fontSize12":"nKZDnQ","fontSize14":"skTOh6","fontSize16":"ERqp1D","fontSize18":"_8bl-Di","fontSize24":"Ss0lKt","vPadding2":"o65hcl","vPadding3":"QeC1PH","vPadding5":"NvI9aq","vPadding6":"Dn2BeI","vPadding8":"mFWiNx","vPadding9":"KCYb3Y","vPadding11":"KxYY97","vPadding12":"RkqW8e","vPadding14":"_4ySUfS","vPadding15":"W-lQJL","vPadding17":"X2lSMC","vPadding18":"XnQJTY","vPadding23":"OxLHZJ","vPadding24":"SiN3Cr"};
 
 const defaultTextSettings = {
     18: { lineHeight: 12, fontSize: 10 },
@@ -3248,9 +3205,8 @@ function getTextClasses(props, border) {
     ];
 }
 
-var css$s = {"root":"TlFkIH"};
+var css$s = {"root":"ZS02bT"};
 
-const allTextColors = ['info', 'warning', 'error', 'success', 'brand', 'primary', 'secondary', 'disabled', 'white'];
 function applyTextMods(mods) {
     const textClasses = getTextClasses({
         size: mods.size || '36',
@@ -3268,7 +3224,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":"_8S5txb","loading-word":"JgYCAr","animated-loading":"bsGZj6","skeleton_loading":"_6tz9-r","loadingWord":"JgYCAr","animatedLoading":"bsGZj6","skeletonLoading":"_6tz9-r"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3287,7 +3243,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":"Vf-5m2","hero-header":"xz9j81","promo-header":"OCzS5-","uui-critical":"-bt4pv","uui-info":"VkkzBT","uui-success":"MNUQyx","uui-warning":"_8cs8xc","uui-highlight":"nxr6Ye","uui-typography-size-12":"O67zRe","uui-typography-size-14":"qwU6sL","uui-typography-size-16":"Lpw1i1","root":"QtOnU6","modal-blocker":"Y1wNMj","animateModalBlocker":"fTweE3","modal":"Lo7Q-r","modal-footer":"E1KfIM","border-top":"KjqOCG","modal-header":"zFuMMW","uuiTypography":"Vf-5m2","heroHeader":"xz9j81","promoHeader":"OCzS5-","uuiCritical":"-bt4pv","uuiInfo":"VkkzBT","uuiSuccess":"MNUQyx","uuiWarning":"_8cs8xc","uuiHighlight":"nxr6Ye","uuiTypographySize12":"O67zRe","uuiTypographySize14":"qwU6sL","uuiTypographySize16":"Lpw1i1","modalBlocker":"Y1wNMj","modalFooter":"E1KfIM","borderTop":"KjqOCG","modalHeader":"zFuMMW"};
 
 const ModalBlocker = withMods(ModalBlocker$1, () => [css$q.modalBlocker]);
 const ModalWindow = withMods(ModalWindow$1, () => [css$q.root, css$q.modal], (props) => ({
@@ -3300,7 +3256,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 +3286,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":"_3F-4Qj","hero-header":"JIunMu","promo-header":"SgG146","uui-critical":"DnlVM0","uui-info":"_0IrNax","uui-success":"X7nbYF","uui-warning":"KPWQJc","uui-highlight":"nI6Nhx","uui-typography-size-12":"v-2pis","uui-typography-size-14":"sd574a","uui-typography-size-16":"L8iAxb","root":"T6irSs","icon-wrapper":"ShVRgg","action-wrapper":"nxc4IV","action-link":"hCStCC","close-icon":"pu-q19","main-path":"Jps3aq","content":"aFDcQa","clear-button":"PRsA6R","close-wrapper":"_702bUI","uuiTypography":"_3F-4Qj","heroHeader":"JIunMu","promoHeader":"SgG146","uuiCritical":"DnlVM0","uuiInfo":"_0IrNax","uuiSuccess":"X7nbYF","uuiWarning":"KPWQJc","uuiHighlight":"nI6Nhx","uuiTypographySize12":"v-2pis","uuiTypographySize14":"sd574a","uuiTypographySize16":"L8iAxb","iconWrapper":"ShVRgg","actionWrapper":"nxc4IV","actionLink":"hCStCC","closeIcon":"pu-q19","mainPath":"Jps3aq","clearButton":"PRsA6R","closeWrapper":"_702bUI"};
 
 const NotificationCard = React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -3355,10 +3311,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 +3327,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 +3341,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 +3367,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":"VX2hVo","hero-header":"nK0hH9","promo-header":"pQm6XK","uui-critical":"_5oScLn","uui-info":"CWBPU3","uui-success":"G9-VY0","uui-warning":"_1-lKGe","uui-highlight":"NRB5KI","uui-typography-size-12":"YDJF5x","uui-typography-size-14":"aLsYj0","uui-typography-size-16":"zC6k4v","root":"Ag-nVM","uuiTypography":"VX2hVo","heroHeader":"nK0hH9","promoHeader":"pQm6XK","uuiCritical":"_5oScLn","uuiInfo":"CWBPU3","uuiSuccess":"G9-VY0","uuiWarning":"_1-lKGe","uuiHighlight":"NRB5KI","uuiTypographySize12":"YDJF5x","uuiTypographySize14":"aLsYj0","uuiTypographySize16":"zC6k4v"};
 
 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":"_6wLpBf","hero-header":"CazX0m","promo-header":"gfzT07","uui-critical":"SbHsAO","uui-info":"hgYwsy","uui-success":"j-GDBi","uui-warning":"ifg6rB","uui-highlight":"BZfsgs","uui-typography-size-12":"Q5f7F0","uui-typography-size-14":"MfT0fY","uui-typography-size-16":"hTJaxz","root":"Uv-4T-","container":"gAPRpn","day-selection":"rYYeJj","from-picker":"_2BOC5P","to-picker":"W6b37B","bodes-wrapper":"egfl-H","blocker":"_20OeP8","uuiTypography":"_6wLpBf","heroHeader":"CazX0m","promoHeader":"gfzT07","uuiCritical":"SbHsAO","uuiInfo":"hgYwsy","uuiSuccess":"j-GDBi","uuiWarning":"ifg6rB","uuiHighlight":"BZfsgs","uuiTypographySize12":"Q5f7F0","uuiTypographySize14":"MfT0fY","uuiTypographySize16":"hTJaxz","daySelection":"rYYeJj","fromPicker":"_2BOC5P","toPicker":"W6b37B","bodesWrapper":"egfl-H"};
 
 dayjs.extend(isoWeek);
 function weekCount(displayedDate) {
@@ -3580,10 +3537,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":"B6kF--","hero-header":"IGpi7x","promo-header":"szdRP-","uui-critical":"imltvA","uui-info":"jBz8i7","uui-success":"fGGFeD","uui-warning":"v0HpWS","uui-highlight":"wLiXrB","uui-typography-size-12":"fZcEf8","uui-typography-size-14":"CQONdO","uui-typography-size-16":"aXzAG2","dropdown-container":"lqIV7y","date-input":"HypyHv","size-24":"VORxcG","size-30":"JKttGA","size-36":"_8OmYLv","size-42":"qGatut","size-48":"OZjo--","date-input-group":"Y-ffAT","separator":"awQJBq","mode-form":"rmEnNV","mode-cell":"X8uAwS","uuiTypography":"B6kF--","heroHeader":"IGpi7x","promoHeader":"szdRP-","uuiCritical":"imltvA","uuiInfo":"jBz8i7","uuiSuccess":"fGGFeD","uuiWarning":"v0HpWS","uuiHighlight":"wLiXrB","uuiTypographySize12":"fZcEf8","uuiTypographySize14":"CQONdO","uuiTypographySize16":"aXzAG2","dropdownContainer":"lqIV7y","dateInput":"HypyHv","size24":"VORxcG","size30":"JKttGA","size36":"_8OmYLv","size42":"qGatut","size48":"OZjo--","dateInputGroup":"Y-ffAT","modeForm":"rmEnNV","modeCell":"X8uAwS"};
 
 const defaultValue = { from: null, to: null };
-class RangeDatePicker extends BaseRangeDatePicker {
+class RangeDatePickerComponent extends BaseRangeDatePicker {
     constructor() {
         super(...arguments);
         this.renderInput = (props) => {
@@ -3612,8 +3569,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":"Gl5xmB","blocker":"_4t64Bj","marker":"lzx5M1","top":"k8H2SW","bottom":"_6d8zZa","left":"MC-c7X","right":"m3Wjoj","inside":"n95pho"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3628,7 +3586,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":"RgZprs","hero-header":"u34R1K","promo-header":"_7jPvW-","uui-critical":"pFJnO4","uui-info":"YAeAuR","uui-success":"lgPkio","uui-warning":"Fsi6H2","uui-highlight":"aKdTpD","uui-typography-size-12":"Jvp7VA","uui-typography-size-14":"gl-xhr","uui-typography-size-16":"KT29F6","root":"xJ0RYj","size-24":"CV6-Lc","size-30":"_7BMXvy","size-36":"CmPCmT","size-48":"NNDEIl","size-60":"nOUTcf","uuiTypography":"RgZprs","heroHeader":"u34R1K","promoHeader":"_7jPvW-","uuiCritical":"pFJnO4","uuiInfo":"YAeAuR","uuiSuccess":"lgPkio","uuiWarning":"Fsi6H2","uuiHighlight":"aKdTpD","uuiTypographySize12":"Jvp7VA","uuiTypographySize14":"gl-xhr","uuiTypographySize16":"KT29F6","size24":"CV6-Lc","size30":"_7BMXvy","size36":"CmPCmT","size48":"NNDEIl","size60":"nOUTcf"};
 
 // 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 +3602,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":"fg6sLy","hero-header":"pfq1Dc","promo-header":"qmkMRh","uui-critical":"_1afBgs","uui-info":"K9v4pm","uui-success":"I8VDQo","uui-warning":"L-IeLE","uui-highlight":"KBrIBl","uui-typography-size-12":"Mm4PIL","uui-typography-size-14":"jtjs7B","uui-typography-size-16":"fS4WlV","sorting-panel-container":"v87Psd","sort-active":"k-9iPt","uuiTypography":"fg6sLy","heroHeader":"pfq1Dc","promoHeader":"qmkMRh","uuiCritical":"_1afBgs","uuiInfo":"K9v4pm","uuiSuccess":"I8VDQo","uuiWarning":"L-IeLE","uuiHighlight":"KBrIBl","uuiTypographySize12":"Mm4PIL","uuiTypographySize14":"jtjs7B","uuiTypographySize16":"fS4WlV","sortingPanelContainer":"v87Psd","sortActive":"k-9iPt"};
 
 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 +3614,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 +3629,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);
@@ -3697,13 +3651,13 @@ const ColumnHeaderDropdownImpl = (props) => {
         }, mobilePopperModifier,
     ], []);
     const closeDropdown = useCallback(() => props.onOpenChange(false), [props.onOpenChange]);
-    return (React__default.createElement(Dropdown$1, { renderTarget: props.renderTarget, renderBody: (dropdownProps) => (React__default.createElement(MobileDropdownWrapper, { width: 280, title: props.title, onClose: closeDropdown },
+    return (React__default.createElement(Dropdown$1, { renderTarget: props.renderTarget, renderBody: (dropdownProps) => (React__default.createElement(MobileDropdownWrapper, { width: 360, maxWidth: "auto", title: props.title, onClose: closeDropdown },
             props.isSortable && React__default.createElement(SortingPanel, { sortDirection: props.sortDirection, onSort: props.onSort }),
             props.renderFilter(dropdownProps))), modifiers: popperModifiers, value: props.isOpen, onValueChange: props.onOpenChange }));
 };
 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":"cIicEm","hero-header":"e2n2U6","promo-header":"dhTeof","uui-critical":"_0ItWmj","uui-info":"_7uusmj","uui-success":"RcBrkl","uui-warning":"ZXy5P-","uui-highlight":"sSooR2","uui-typography-size-12":"kBPu2I","uui-typography-size-14":"y8p9Sz","uui-typography-size-16":"naseeE","cell":"SK4FZN","sort-icon":"XXuBFn","dropdown-icon":"Cf-Fyk","infoIcon":"mc3Gu6","resizable":"XjhOPz","size-24":"TOHLbb","size-30":"Wz86oX","size-36":"omxk5l","size-42":"x6AnBo","size-48":"_3G7EJc","padding-left-24":"UPRnvg","padding-right-24":"ptytDI","caption":"dH0Xpt","checkbox":"rJ6tCT","icon":"pU-Ig0","icon-cell":"dxSZy1","align-right":"YQuiqB","align-center":"uM27sT","tooltip-wrapper":"F35RTK","cell-tooltip":"v0uWRC","upper-case":"ePF-sz","font-size-14":"gHfadD","resize-mark":"pQJiCt","draggable":"xlyUtT","ghost":"Nsr-86","is-dragged-out":"-HjuP-","dnd-marker-left":"-F2E9f","dnd-marker-right":"gZ5YxZ","cell-tooltip-wrapper":"P0RAAR","cell-tooltip-text":"KbbcCc","uuiTypography":"cIicEm","heroHeader":"e2n2U6","promoHeader":"dhTeof","uuiCritical":"_0ItWmj","uuiInfo":"_7uusmj","uuiSuccess":"RcBrkl","uuiWarning":"ZXy5P-","uuiHighlight":"sSooR2","uuiTypographySize12":"kBPu2I","uuiTypographySize14":"y8p9Sz","uuiTypographySize16":"naseeE","sortIcon":"XXuBFn","dropdownIcon":"Cf-Fyk","size24":"TOHLbb","size30":"Wz86oX","size36":"omxk5l","size42":"x6AnBo","size48":"_3G7EJc","paddingLeft24":"UPRnvg","paddingRight24":"ptytDI","iconCell":"dxSZy1","alignRight":"YQuiqB","alignCenter":"uM27sT","tooltipWrapper":"F35RTK","cellTooltip":"v0uWRC","upperCase":"ePF-sz","fontSize14":"gHfadD","resizeMark":"pQJiCt","isDraggedOut":"-HjuP-","dndMarkerLeft":"-F2E9f","dndMarkerRight":"gZ5YxZ","cellTooltipWrapper":"P0RAAR","cellTooltipText":"KbbcCc"};
 
 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 +3669,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 +3684,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 +3699,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 +3725,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 +3745,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":"ppIPxF","hero-header":"jD63Tz","promo-header":"TU36Dt","uui-critical":"-hbxJl","uui-info":"hBVaSx","uui-success":"_0pWW-p","uui-warning":"IZ-vBp","uui-highlight":"btn2ar","uui-typography-size-12":"Vijp7f","uui-typography-size-14":"Evo0o0","uui-typography-size-16":"O0by8d","header-cell":"uwv6n8","config-icon":"_7Yew6l","uuiTypography":"ppIPxF","heroHeader":"jD63Tz","promoHeader":"TU36Dt","uuiCritical":"-hbxJl","uuiInfo":"hBVaSx","uuiSuccess":"_0pWW-p","uuiWarning":"IZ-vBp","uuiHighlight":"btn2ar","uuiTypographySize12":"Vijp7f","uuiTypographySize14":"Evo0o0","uuiTypographySize16":"O0by8d","headerCell":"uwv6n8","configIcon":"_7Yew6l"};
 
 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 +3757,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 +3767,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":"_2A3zxX","hero-header":"GOTurM","promo-header":"jUHJ-X","uui-critical":"jnBp3J","uui-info":"_0ieSA2","uui-success":"cbN7Ov","uui-warning":"_07BfFD","uui-highlight":"gH4yN4","uui-typography-size-12":"rdFOeB","uui-typography-size-14":"XWJcSa","uui-typography-size-16":"_1bph9m","main-panel":"AAjptz","group-title":"ahuzuD","group-title-text":"f-cFuQ","group-title-badge":"B5Y-7D","group-items":"gWYMWp","no-data":"_9AtSqe","h-divider":"MQlhUW","search-area":"Oor70j","uuiTypography":"_2A3zxX","heroHeader":"GOTurM","promoHeader":"jUHJ-X","uuiCritical":"jnBp3J","uuiInfo":"_0ieSA2","uuiSuccess":"cbN7Ov","uuiWarning":"_07BfFD","uuiHighlight":"gH4yN4","uuiTypographySize12":"rdFOeB","uuiTypographySize14":"XWJcSa","uuiTypographySize16":"_1bph9m","mainPanel":"AAjptz","groupTitle":"ahuzuD","groupTitleText":"f-cFuQ","groupTitleBadge":"B5Y-7D","groupItems":"gWYMWp","noData":"_9AtSqe","hDivider":"MQlhUW","searchArea":"Oor70j"};
 
 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 +3780,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 +3796,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 +3811,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 +3844,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":"BOrt-2","hero-header":"OVE4c5","promo-header":"hCT0EZ","uui-critical":"l5aXw1","uui-info":"CyatAR","uui-success":"YRiHzr","uui-warning":"_6VU-v7","uui-highlight":"aK3Vb3","uui-typography-size-12":"ErB6cC","uui-typography-size-14":"_1Rs50R","uui-typography-size-16":"sMpg5M","row-wrapper":"aREzJh","not-pinned":"_1SRFck","pin-icon-button":"-CyPia","checkbox":"KUT-aa","drag-handle":"sgjyxy","dnd-disabled":"OnxkQJ","uuiTypography":"BOrt-2","heroHeader":"OVE4c5","promoHeader":"hCT0EZ","uuiCritical":"l5aXw1","uuiInfo":"CyatAR","uuiSuccess":"YRiHzr","uuiWarning":"_6VU-v7","uuiHighlight":"aK3Vb3","uuiTypographySize12":"ErB6cC","uuiTypographySize14":"_1Rs50R","uuiTypographySize16":"sMpg5M","rowWrapper":"aREzJh","notPinned":"_1SRFck","pinIconButton":"-CyPia","dragHandle":"sgjyxy","dndDisabled":"OnxkQJ"};
 
 const ColumnRow = React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -3968,10 +3912,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 +3923,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":"HN5-Z7","header":"NjRJBz","group":"M7Cm3e","stickyHeader":"XWmTeI"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4051,7 +3995,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(#vibtxg3rgngwzabew_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 +4016,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: "vibtxgouahfjafhp_b",
     style: {
       maskType: "alpha"
     },
@@ -4085,7 +4029,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(#vibtxgouahfjafhp_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4171,7 +4115,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: "vibtxg3rgngwzabew_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4180,7 +4124,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":"NoD6im","table":"ENdO5p","no-results":"A8XweR","no-results-icon":"wzqCK5","no-results-title":"OuUeIk","stickyHeader":"NoD6im","noResults":"A8XweR","noResultsIcon":"wzqCK5","noResultsTitle":"OuUeIk"};
 
 function DataTable(props) {
     var _a;
@@ -4230,9 +4174,9 @@ function DataTable(props) {
             } })));
 }
 
-var css$e = {"root":"mwLJhg"};
+var css$e = {"root":"f-a4Nf"};
 
-var css$d = {"root":"pBuH7i","burger-content":"_34QDdq","burgerContent":"_34QDdq"};
+var css$d = {"root":"_2s8bG0","burger-content":"Pxzjkv","burgerContent":"Pxzjkv"};
 
 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 +4243,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":"_4OqKAO","hero-header":"Yh-rWM","promo-header":"-inyOk","uui-critical":"ARc5-t","uui-info":"cxRTsz","uui-success":"b8x12-","uui-warning":"Vkl-1-","uui-highlight":"_0aPgBB","uui-typography-size-12":"-MCYrK","uui-typography-size-14":"uD-1h7","uui-typography-size-16":"VkGJRT","root":"eePB-f","button-primary":"-pjOwl","button-secondary":"sRsY7Z","hasIcon":"_6pcVge","dropdown":"_0whZ4S","uuiTypography":"_4OqKAO","heroHeader":"Yh-rWM","promoHeader":"-inyOk","uuiCritical":"ARc5-t","uuiInfo":"cxRTsz","uuiSuccess":"b8x12-","uuiWarning":"Vkl-1-","uuiHighlight":"_0aPgBB","uuiTypographySize12":"-MCYrK","uuiTypographySize14":"uD-1h7","uuiTypographySize16":"VkGJRT","buttonPrimary":"-pjOwl","buttonSecondary":"sRsY7Z"};
 
 const BurgerButton = withMods(Button$1, (props) => [
     css$c.root,
@@ -4356,13 +4300,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":"WoDrMs","searchInput":"WoDrMs"};
 
 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":"lkEIVX","group-header":"_3-OdIb","group-name":"_30LaAE","line":"swp0Xa","groupHeader":"_3-OdIb","groupName":"_30LaAE"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$a.root, css$a.groupHeader, 'uui-burger-group-header') },
@@ -4370,7 +4314,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":"_73-Uwi","hero-header":"ZsOhr4","promo-header":"kfXQxI","uui-critical":"KuFyqM","uui-info":"kLqkzi","uui-success":"dNCthu","uui-warning":"egFy6G","uui-highlight":"pociQs","uui-typography-size-12":"QckWxx","uui-typography-size-14":"d3cAQy","uui-typography-size-16":"pcPBex","root":"_-8F6ql","type-primary":"eLRWGs","type-secondary":"mecNMI","uuiTypography":"_73-Uwi","heroHeader":"ZsOhr4","promoHeader":"kfXQxI","uuiCritical":"KuFyqM","uuiInfo":"kLqkzi","uuiSuccess":"dNCthu","uuiWarning":"egFy6G","uuiHighlight":"pociQs","uuiTypographySize12":"QckWxx","uuiTypographySize14":"d3cAQy","uuiTypographySize16":"pcPBex","typePrimary":"eLRWGs","typeSecondary":"mecNMI"};
 
 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 +4334,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":"-OOPRx","dropdownBody":"-OOPRx"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -4444,39 +4388,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":"_5MZL3v","globalMenuIcon":"_0JpS3x","globalMenuBtn":"_5MZL3v"};
 
 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":"X0A8lN","open":"zLcJK0"};
 
 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":"X3TYM9","searchInput":"X3TYM9"};
 
 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":"pfki6b"};
 
 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":"wiV09o"};
 
 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 +4437,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 +4469,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":"R6KMJJ","drop-start":"NYpFMj","drop-over":"KK5NRG","link":"rEi8cU","drop-area":"V3wO8r","icon-blue":"vQrLEg","dropStart":"NYpFMj","dropOver":"KK5NRG","dropArea":"V3wO8r","iconBlue":"vQrLEg"};
 
 class DropSpot extends React.Component {
     constructor() {
@@ -4549,9 +4493,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":"VPUfYj","file-name":"R2NCPu","default-color":"Ag4OSr","doc-color":"MKeyx9","xls-color":"bpRhaA","pdf-color":"iFOM4p","movie-color":"_1YrmQM","img-color":"FB4rri","mov-color":"_26WyGF","error-block":"GxsUKN","icons-block":"sLREkj","fileName":"R2NCPu","defaultColor":"Ag4OSr","docColor":"MKeyx9","xlsColor":"bpRhaA","pdfColor":"iFOM4p","movieColor":"_1YrmQM","imgColor":"FB4rri","movColor":"_26WyGF","errorBlock":"GxsUKN","iconsBlock":"sLREkj"};
 
-var css = {"root":"v9PcwT"};
+var css = {"root":"BvYzoi"};
 
 const SvgCircleProgress = React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -4572,9 +4516,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 +4612,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, defaultBadgeFill, defaultBadgeSize, defaultPredicates, getHighlightRanges, getHighlightedSearchMatches, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, useColumnsWithFilters, useForm, uuiDatePickerBody, weekCount };
 //# sourceMappingURL=index.esm.js.map