@epam/uui 5.3.0 → 5.4.1

package/{build/index.js → index.js}

@@ -43,519 +43,490 @@ var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
 var isoWeek__default = /*#__PURE__*/_interopDefault(isoWeek);
 var FocusLock__default = /*#__PURE__*/_interopDefault(FocusLock);
 
-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__namespace.createElement("svg", _extends$1f({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$1c || (_path$1c = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgBtnCross12);
+var ForwardRef$1e = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$1e({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$1b || (_path$1b = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgBtnCross18);
+var ForwardRef$1d = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$1d({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$1a || (_path$1a = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgBtnCross24);
+var ForwardRef$1c = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$1c({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$19 || (_path$19 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M8.295 4.295 6 6.585l-2.295-2.29L3 5l3 3 3-3z"
   })));
 };
-var ForwardRef$1c = /*#__PURE__*/React.forwardRef(SvgFoldingArrow12);
+var ForwardRef$1b = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$1b({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$18 || (_path$18 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgFoldingArrow18);
+var ForwardRef$1a = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$1a({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$17 || (_path$17 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgFoldingArrow24);
+var ForwardRef$19 = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$19({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$16 || (_path$16 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgAccept12);
+var ForwardRef$18 = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$18({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$15 || (_path$15 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgAccept18);
+var ForwardRef$17 = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$17({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$14 || (_path$14 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgAccept24);
+var ForwardRef$16 = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$16({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$13 || (_path$13 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgSearch12);
+var ForwardRef$15 = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$15({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$12 || (_path$12 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgSearch18);
+var ForwardRef$14 = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$14({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$11 || (_path$11 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgSearch24);
+var ForwardRef$13 = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$13({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$10 || (_path$10 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgCalendar12);
+var ForwardRef$12 = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$12({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$$ || (_path$$ = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgCalendar18);
+var ForwardRef$11 = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$11({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$_ || (_path$_ = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgCalendar24);
+var ForwardRef$10 = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$10({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$Z || (_path$Z = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgInfo12);
+var ForwardRef$$ = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$$({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$Y || (_path$Y = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgInfo18);
+var ForwardRef$_ = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$_({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$X || (_path$X = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgInfo24);
+var ForwardRef$Z = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$Z({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$W || (_path$W = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgHelpFill10);
+var ForwardRef$Y = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$Y({
+  return /*#__PURE__*/React__namespace.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__namespace.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__*/React.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__namespace.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__namespace.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__*/React.forwardRef(SvgFileFileWord24);
+var ForwardRef$X = /*#__PURE__*/React.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__namespace.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__namespace.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__*/React.forwardRef(SvgFileFileExcel24);
+var ForwardRef$W = /*#__PURE__*/React.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__namespace.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__namespace.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__*/React.forwardRef(SvgFileFilePdf24);
+var ForwardRef$V = /*#__PURE__*/React.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__namespace.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__namespace.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__*/React.forwardRef(SvgFileFileImage24);
+var ForwardRef$U = /*#__PURE__*/React.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__namespace.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__namespace.createElement("path", {
-    d: "M14.992 14 9.5 17.138v-6.276L14.992 14z"
-  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgFileFileVideo24);
+var ForwardRef$T = /*#__PURE__*/React.forwardRef(SvgFileFileImage24);
 
-var _path$Q;
+var _path$Q, _path2$5;
 function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
-var SvgFileFileTable24 = function SvgFileFileTable24(props, ref) {
+var SvgFileFileVideo24 = function SvgFileFileVideo24(props, ref) {
   return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+    d: "M15.492 14 10 17.138v-6.276L15.492 14z"
+  })), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgFileFileTable24);
+var ForwardRef$S = /*#__PURE__*/React.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__namespace.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__namespace.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__*/React.forwardRef(SvgFileFileText24);
+var ForwardRef$R = /*#__PURE__*/React.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__namespace.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__namespace.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__*/React.forwardRef(SvgFileFileEml24);
+var ForwardRef$Q = /*#__PURE__*/React.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__namespace.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__namespace.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__*/React.forwardRef(SvgFileFile24);
+var ForwardRef$P = /*#__PURE__*/React.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__namespace.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__namespace.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__*/React.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,
@@ -564,7 +535,7 @@ const systemIcons = {
         info: ForwardRef$$,
         help: ForwardRef$Y,
     },
-    42: {
+    24: {
         clear: ForwardRef$1e,
         foldingArrow: ForwardRef$1b,
         accept: ForwardRef$18,
@@ -573,7 +544,7 @@ const systemIcons = {
         info: ForwardRef$$,
         help: ForwardRef$Y,
     },
-    48: {
+    30: {
         clear: ForwardRef$1d,
         foldingArrow: ForwardRef$1a,
         accept: ForwardRef$17,
@@ -582,31 +553,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":"OOz91Y"};
+var css$1m = {"root":"NrLoGz"};
 
 const AvatarStack = uuiCore.withMods(uuiComponents.AvatarStack, () => [css$1m.root]);
 
-var css$1l = {"root":"bPWGrB","size-24":"XOZDw0","size-18":"Z--T34","size-12":"vQNN-L","size24":"XOZDw0","size18":"Z--T34","size12":"vQNN-L"};
+var css$1l = {"root":"QfyBG0","size-24":"PY7xgA","size-18":"Y6pS80","size-12":"K8DUd7","size24":"PY7xgA","size18":"Y6pS80","size12":"K8DUd7"};
 
 const CountIndicator = React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -618,7 +616,7 @@ const CountIndicator = React.forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1k = {"uui-typography":"eePzVu","hero-header":"ZPlj0w","promo-header":"tE1pxD","uui-critical":"_7x8rEs","uui-info":"YJmnJB","uui-success":"_8KaIqo","uui-warning":"VSMbGY","uui-highlight":"N3Sgws","uui-typography-size-12":"ijxOh2","uui-typography-size-14":"fom6l1","uui-typography-size-16":"alwpvA","root":"WlbYQu","size-18":"pYcTA2","size-24":"VALZHa","size-30":"w60yKb","size-36":"_7jCn96","size-42":"kVjS5D","size-48":"TZxGI2","uuiTypography":"eePzVu","heroHeader":"ZPlj0w","promoHeader":"tE1pxD","uuiCritical":"_7x8rEs","uuiInfo":"YJmnJB","uuiSuccess":"_8KaIqo","uuiWarning":"VSMbGY","uuiHighlight":"N3Sgws","uuiTypographySize12":"ijxOh2","uuiTypographySize14":"fom6l1","uuiTypographySize16":"alwpvA","size18":"pYcTA2","size24":"VALZHa","size30":"w60yKb","size36":"_7jCn96","size42":"kVjS5D","size48":"TZxGI2"};
+var css$1k = {"uui-typography":"-akWuT","hero-header":"JGJxwx","promo-header":"_8P7JKH","uui-critical":"y4yjv5","uui-info":"MKIW-M","uui-success":"-GoKJO","uui-warning":"YlTAqE","uui-highlight":"fh2DWw","uui-typography-size-12":"_20FNZB","uui-typography-size-14":"_64ZrFp","uui-typography-size-16":"MzvRJp","root":"_8zk-jf","size-18":"gEYvm-","size-24":"HitIUM","size-30":"RFzykC","size-36":"_1Ce-iw","size-42":"Um4nYO","size-48":"mYpTc2","uuiTypography":"-akWuT","heroHeader":"JGJxwx","promoHeader":"_8P7JKH","uuiCritical":"y4yjv5","uuiInfo":"MKIW-M","uuiSuccess":"-GoKJO","uuiWarning":"YlTAqE","uuiHighlight":"fh2DWw","uuiTypographySize12":"_20FNZB","uuiTypographySize14":"_64ZrFp","uuiTypographySize16":"MzvRJp","size18":"gEYvm-","size24":"HitIUM","size30":"RFzykC","size36":"_1Ce-iw","size42":"Um4nYO","size48":"mYpTc2"};
 
 const defaultSize$b = '36';
 const mapSize$1 = {
@@ -666,7 +664,7 @@ const Badge = uuiCore.withMods(uuiComponents.Button, applyBadgeMods, (props) =>
     };
 });
 
-var css$1j = {"uui-typography":"_7ifuE5","hero-header":"fVnni-","promo-header":"vcFc8X","uui-critical":"raZaxF","uui-info":"nt-Les","uui-success":"oikQZd","uui-warning":"GBWHdL","uui-highlight":"SdHWEt","uui-typography-size-12":"D7hKcC","uui-typography-size-14":"_1FMJNp","uui-typography-size-16":"pr53W1","root":"iPoQTi","size-18":"b4NvZj","size-24":"v6KpsJ","size-30":"qMyr4U","size-36":"_1AfFRJ","size-42":"Od70pL","size-48":"JcnxTu","uuiTypography":"_7ifuE5","heroHeader":"fVnni-","promoHeader":"vcFc8X","uuiCritical":"raZaxF","uuiInfo":"nt-Les","uuiSuccess":"oikQZd","uuiWarning":"GBWHdL","uuiHighlight":"SdHWEt","uuiTypographySize12":"D7hKcC","uuiTypographySize14":"_1FMJNp","uuiTypographySize16":"pr53W1","size18":"b4NvZj","size24":"v6KpsJ","size30":"qMyr4U","size36":"_1AfFRJ","size42":"Od70pL","size48":"JcnxTu"};
+var css$1j = {"uui-typography":"T74y0l","hero-header":"mNG2yz","promo-header":"xnE0vb","uui-critical":"MnGhyo","uui-info":"qCSNJn","uui-success":"uuzRY1","uui-warning":"zURsNN","uui-highlight":"C8t-cJ","uui-typography-size-12":"ub5-qH","uui-typography-size-14":"Dx6LRN","uui-typography-size-16":"WaTw5w","root":"MGlfll","size-18":"JOFZzG","size-24":"hPyg7E","size-30":"zOinHk","size-36":"Y0Hp4G","size-42":"_95CitI","size-48":"NW-K6O","uuiTypography":"T74y0l","heroHeader":"mNG2yz","promoHeader":"xnE0vb","uuiCritical":"MnGhyo","uuiInfo":"qCSNJn","uuiSuccess":"uuzRY1","uuiWarning":"zURsNN","uuiHighlight":"C8t-cJ","uuiTypographySize12":"ub5-qH","uuiTypographySize14":"Dx6LRN","uuiTypographySize16":"WaTw5w","size18":"JOFZzG","size24":"hPyg7E","size30":"zOinHk","size36":"Y0Hp4G","size42":"_95CitI","size48":"NW-K6O"};
 
 const defaultSize$a = '36';
 const mapSize = {
@@ -685,102 +683,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 = uuiCore.withMods(uuiComponents.Button, applyTagMods, (props) => ({
     dropdownIcon: systemIcons[mapSize[props.size] || defaultSize$a].foldingArrow,
     clearIcon: systemIcons[mapSize[props.size] || defaultSize$a].clear,
-    countIndicator: (countIndicatorProps) => (React__namespace.default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: "white", size: mapCountIndicatorSizes[props.size || defaultSize$a] }))),
+    countIndicator: (countIndicatorProps) => (React__namespace.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":"htQMwL","uui-spinner":"Jt-jhe","uuiSpinner":"Jt-jhe"};
+var css$1i = {"root":"eh-eh1","uui-spinner":"i7T6N0","uuiSpinner":"i7T6N0"};
 
 function applySpinnerMods() {
     return [css$1i.root, 'uui-spinner'];
 }
 const Spinner = uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
 
-var css$1h = {"root":"I5tAEI","spacer":"DVKkWa","mode-ghost":"eiy8Vh","size-24":"Spmlqe","size-30":"mHUW8j","navigation-size-24":"FG-8zr","navigation-size-30":"LHexCV","modeGhost":"eiy8Vh","size24":"Spmlqe","size30":"mHUW8j","navigationSize24":"FG-8zr","navigationSize30":"LHexCV"};
+var css$1h = {"root":"-PRx7y","spacer":"JHnLL1","mode-ghost":"_-7hsPv","size-24":"_0Wh5ss","size-30":"k245vA","navigation-size-24":"_1wGax-","navigation-size-30":"_2SacKI","modeGhost":"_-7hsPv","size24":"_0Wh5ss","size30":"k245vA","navigationSize24":"_1wGax-","navigationSize30":"_2SacKI"};
 
-var _path$M;
-function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
+var _path$L;
+function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
 var SvgNavigationChevronLeft12 = function SvgNavigationChevronLeft12(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$L || (_path$L = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgNavigationChevronLeft12);
+var ForwardRef$N = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$N({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$K || (_path$K = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgNavigationChevronRight12);
+var ForwardRef$M = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$M({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$J || (_path$J = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgNavigationChevronLeft18);
+var ForwardRef$L = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$L({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$I || (_path$I = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgNavigationChevronRight18);
+var ForwardRef$K = /*#__PURE__*/React.forwardRef(SvgNavigationChevronRight18);
 
 function Paginator(props) {
     const renderPaginator = (params) => {
         var _a, _b;
         return (React__namespace.default.createElement("nav", Object.assign({ role: "navigation", className: cx__default.default(css$1h.root, 'uui-paginator') }, params.rawProps),
-            React__namespace.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__namespace.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') {
@@ -790,19 +789,19 @@ function Paginator(props) {
                     return (React__namespace.default.createElement(Button, { cx: cx__default.default(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__namespace.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__namespace.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__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
 }
 
-var css$1g = {"root":"d0-Yd-","progress-bar":"_9Y9jMv","progressBar-indeterminate":"BHXKrC","size-12":"CwiYQ5","size-18":"_5bTqd4","size-24":"_41z0c4","progressBar":"_9Y9jMv","progressBarIndeterminate":"BHXKrC","size12":"CwiYQ5","size18":"_5bTqd4","size24":"_41z0c4"};
+var css$1g = {"root":"tl0T-s","progress-bar":"ITHLfV","progressBar-indeterminate":"oYgN4l","size-12":"_1s3QjG","size-18":"_64OCZi","size-24":"HkRY4o","progressBar":"ITHLfV","progressBarIndeterminate":"oYgN4l","size12":"_1s3QjG","size18":"_64OCZi","size24":"HkRY4o"};
 
 const IndeterminateBar = React__namespace.forwardRef((props, ref) => {
     return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$1g.root, css$1g[`size-${props.size || 12}`]) },
         React__namespace.createElement("div", { className: cx__default.default(css$1g.progressBar) })));
 });
 
-var css$1f = {"root":"S8wXEA","striped":"v6RWI3","animate-stripes":"US--2f","size-12":"CnevyM","size-18":"O-ndFH","size-24":"tTohU4","animateStripes":"US--2f","size12":"CnevyM","size18":"O-ndFH","size24":"tTohU4"};
+var css$1f = {"root":"cHrEv7","striped":"prlax3","animate-stripes":"T1--ZB","size-12":"szWaHn","size-18":"anuNQk","size-24":"R1Z5IN","animateStripes":"T1--ZB","size12":"szWaHn","size18":"anuNQk","size24":"R1Z5IN"};
 
 const defaultSize$9 = '12';
 function applyProgressBarMods(mods) {
@@ -817,14 +816,14 @@ const ProgressBar = uuiCore.withMods(uuiComponents.ProgressBar, applyProgressBar
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$1e = {"root":"ncXnCt"};
+var css$1e = {"root":"P0Y-R1"};
 
 const IndicatorBar = React__namespace.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$1e.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$1e.root, props.cx) }));
 });
 
-var css$1d = {"root":"IEvpkI","size-12":"_4HPCG5","size-18":"_7NWBRu","size-24":"WgbZpZ","size12":"_4HPCG5","size18":"_7NWBRu","size24":"WgbZpZ"};
+var css$1d = {"root":"H1B8Uz","size-12":"QkXGBI","size-18":"gV1IRM","size-24":"_9FMq61","size12":"QkXGBI","size18":"gV1IRM","size24":"_9FMq61"};
 
 const StatusIndicator = React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -839,11 +838,8 @@ const StatusIndicator = React.forwardRef((props, ref) => {
         React__namespace.default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
 });
 
-var css$1c = {"uui-typography":"v8-BE-","hero-header":"PV0s1a","promo-header":"KdrS0Q","uui-critical":"ZfpBlY","uui-info":"m80ISC","uui-success":"GmuUtH","uui-warning":"jHhGaJ","uui-highlight":"Rh-rqd","uui-typography-size-12":"C2GeJk","uui-typography-size-14":"gwn9xg","uui-typography-size-16":"_26Xg6V","root":"wYsC6B","uuiTypography":"v8-BE-","heroHeader":"PV0s1a","promoHeader":"KdrS0Q","uuiCritical":"ZfpBlY","uuiInfo":"m80ISC","uuiSuccess":"GmuUtH","uuiWarning":"jHhGaJ","uuiHighlight":"Rh-rqd","uuiTypographySize12":"C2GeJk","uuiTypographySize14":"gwn9xg","uuiTypographySize16":"_26Xg6V"};
+var css$1c = {"uui-typography":"gq5eIv","hero-header":"-UaDar","promo-header":"Qivptp","uui-critical":"EvtLeP","uui-info":"L9BjlN","uui-success":"z4D3pl","uui-warning":"_5cL9FZ","uui-highlight":"VajIfA","uui-typography-size-12":"LyPili","uui-typography-size-14":"_8H8g8I","uui-typography-size-16":"_0W8mSU","root":"n9QggH","uuiTypography":"gq5eIv","heroHeader":"-UaDar","promoHeader":"Qivptp","uuiCritical":"EvtLeP","uuiInfo":"L9BjlN","uuiSuccess":"z4D3pl","uuiWarning":"_5cL9FZ","uuiHighlight":"VajIfA","uuiTypographySize12":"LyPili","uuiTypographySize14":"_8H8g8I","uuiTypographySize16":"_0W8mSU"};
 
-const allButtonColors = [
-    'accent', 'primary', 'critical', 'secondary', 'neutral',
-];
 const defaultSize$8 = '36';
 function applyButtonMods(mods) {
     return [
@@ -860,7 +856,7 @@ const Button = uuiCore.withMods(uuiComponents.Button, applyButtonMods, (props) =
     countIndicator: (countIndicatorProps) => React__namespace.default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: "white" })),
 }));
 
-var css$1b = {"root":"KMjRu8"};
+var css$1b = {"root":"sudd16"};
 
 const allIconColors = [
     'info', 'success', 'warning', 'error', 'secondary', 'neutral',
@@ -870,7 +866,7 @@ function applyIconButtonMods(mods) {
 }
 const IconButton = uuiCore.withMods(uuiComponents.IconButton, applyIconButtonMods);
 
-var css$1a = {"root":"PodN8a"};
+var css$1a = {"root":"IyZtrY"};
 
 function getIconClass(props) {
     const classList = {
@@ -905,7 +901,7 @@ const LinkButton = uuiCore.withMods(uuiComponents.Button, applyLinkButtonMods, (
     clearIcon: systemIcons[props.size || defaultSize$7].clear,
 }));
 
-var css$19 = {"uui-typography":"_21epAR","hero-header":"m92-Ha","promo-header":"-nnydF","uui-critical":"YgPETD","uui-info":"oVQJOL","uui-success":"_4q-34N","uui-warning":"_4P3YGH","uui-highlight":"lmO3ZJ","uui-typography-size-12":"_1s8LBv","uui-typography-size-14":"_9kFYb5","uui-typography-size-16":"WOjNDN","root":"EVAsE7","withNotify":"bPTzUw","size-36":"xAnRSe","size-48":"hqopyA","size-60":"o9izhM","uuiTypography":"_21epAR","heroHeader":"m92-Ha","promoHeader":"-nnydF","uuiCritical":"YgPETD","uuiInfo":"oVQJOL","uuiSuccess":"_4q-34N","uuiWarning":"_4P3YGH","uuiHighlight":"lmO3ZJ","uuiTypographySize12":"_1s8LBv","uuiTypographySize14":"_9kFYb5","uuiTypographySize16":"WOjNDN","size36":"xAnRSe","size48":"hqopyA","size60":"o9izhM"};
+var css$19 = {"uui-typography":"Q-Ixy0","hero-header":"L5yyO-","promo-header":"wIMt1Z","uui-critical":"dJ59EC","uui-info":"_4xQdur","uui-success":"eZ9LMq","uui-warning":"TxWaxq","uui-highlight":"u1hPbL","uui-typography-size-12":"Pnqks2","uui-typography-size-14":"gzcXCO","uui-typography-size-16":"_9a-Ojo","root":"HSLomC","withNotify":"-lKTrW","size-36":"_3bZ75o","size-48":"-BExUz","size-60":"N99o5P","uuiTypography":"Q-Ixy0","heroHeader":"L5yyO-","promoHeader":"wIMt1Z","uuiCritical":"dJ59EC","uuiInfo":"_4xQdur","uuiSuccess":"eZ9LMq","uuiWarning":"TxWaxq","uuiHighlight":"u1hPbL","uuiTypographySize12":"Pnqks2","uuiTypographySize14":"gzcXCO","uuiTypographySize16":"_9a-Ojo","size36":"_3bZ75o","size48":"-BExUz","size60":"N99o5P"};
 
 function applyTabButtonMods(mods) {
     return [
@@ -918,38 +914,13 @@ function applyTabButtonMods(mods) {
 }
 const TabButton = uuiCore.withMods(uuiComponents.Button, 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__namespace.default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: props.isLinkActive ? 'info' : 'neutral', size: "18" }))) })));
 
-var css$18 = {"uui-typography":"lfnOH-","hero-header":"Qi2JHq","promo-header":"ktkpLt","uui-critical":"aCpMK1","uui-info":"szvoNM","uui-success":"uSxFou","uui-warning":"yEZSuy","uui-highlight":"ez3n-X","uui-typography-size-12":"lk1Hzs","uui-typography-size-14":"f8XUt6","uui-typography-size-16":"G2GKp1","root":"YuuTIx","uuiTypography":"lfnOH-","heroHeader":"Qi2JHq","promoHeader":"ktkpLt","uuiCritical":"aCpMK1","uuiInfo":"szvoNM","uuiSuccess":"uSxFou","uuiWarning":"yEZSuy","uuiHighlight":"ez3n-X","uuiTypographySize12":"lk1Hzs","uuiTypographySize14":"f8XUt6","uuiTypographySize16":"G2GKp1"};
+var css$18 = {"uui-typography":"BQfKnC","hero-header":"HQ-FyG","promo-header":"CYCKY6","uui-critical":"k2-0UJ","uui-info":"AuBsYg","uui-success":"Ytvknu","uui-warning":"rDaf7b","uui-highlight":"DAHF--","uui-typography-size-12":"xbtUcL","uui-typography-size-14":"bToYlM","uui-typography-size-16":"_0Ht1sE","root":"s-ARa7","uuiTypography":"BQfKnC","heroHeader":"HQ-FyG","promoHeader":"CYCKY6","uuiCritical":"k2-0UJ","uuiInfo":"AuBsYg","uuiSuccess":"Ytvknu","uuiWarning":"rDaf7b","uuiHighlight":"DAHF--","uuiTypographySize12":"xbtUcL","uuiTypographySize14":"bToYlM","uuiTypographySize16":"_0Ht1sE"};
 
 function applyVerticalTabButtonMods() {
     return [css$18.root];
-}
-const VerticalTabButton = uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
-
-const allButtonFills = [
-    'solid', 'outline', 'ghost', 'none',
-];
-const allFillStyles = allButtonFills;
-const allSizes = [
-    '24', '30', '36', '42', '48',
-];
-const allRowSizes = [
-    null, '24', '30', '36', '42', '48',
-];
-const allSemanticColors = [
-    'info', 'success', 'warning', 'error',
-];
-const allEpamBadgeSemanticColors = [
-    'info', 'success', 'warning', 'critical', 'neutral',
-];
-const allTextSizes = [
-    '18', '24', '30', '36', '48',
-];
-const allFontStyles = [
-    'normal', 'italic',
-];
-const allFontWeights = [
-    '200', '300', '400', '600', '700', '900',
-];
+}
+const VerticalTabButton = uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
+
 exports.EditMode = void 0;
 (function (EditMode) {
     EditMode["FORM"] = "form";
@@ -957,71 +928,71 @@ exports.EditMode = void 0;
     EditMode["INLINE"] = "inline";
 })(exports.EditMode || (exports.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__namespace.createElement("svg", _extends$K({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$H || (_path$H = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgCheck12);
+var ForwardRef$J = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$J({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$G || (_path$G = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgCheck18);
+var ForwardRef$I = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$I({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$F || (_path$F = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M9 5v2H3V5z"
   })));
 };
-var ForwardRef$I = /*#__PURE__*/React.forwardRef(SvgPartlySelect12);
+var ForwardRef$H = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$H({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$E || (_path$E = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M14 8v2H4V8z"
   })));
 };
-var ForwardRef$H = /*#__PURE__*/React.forwardRef(SvgPartlySelect18);
+var ForwardRef$G = /*#__PURE__*/React.forwardRef(SvgPartlySelect18);
 
-var css$17 = {"uui-typography":"fLkwuV","hero-header":"_3VoefI","promo-header":"-SZAXc","uui-critical":"Od9b9T","uui-info":"LOB-dS","uui-success":"LSEJ33","uui-warning":"C7dRc2","uui-highlight":"_33s1zk","uui-typography-size-12":"QsuXvW","uui-typography-size-14":"eSibrH","uui-typography-size-16":"ZZij7Z","root":"vPVBAz","size-18":"Mk7RGz","size-12":"koJ8MF","mode-cell":"xiTNwC","uuiTypography":"fLkwuV","heroHeader":"_3VoefI","promoHeader":"-SZAXc","uuiCritical":"Od9b9T","uuiInfo":"LOB-dS","uuiSuccess":"LSEJ33","uuiWarning":"C7dRc2","uuiHighlight":"_33s1zk","uuiTypographySize12":"QsuXvW","uuiTypographySize14":"eSibrH","uuiTypographySize16":"ZZij7Z","size18":"Mk7RGz","size12":"koJ8MF","modeCell":"xiTNwC"};
+var css$17 = {"uui-typography":"ffMfmg","hero-header":"Zqk9wu","promo-header":"_2ip7yR","uui-critical":"QUf-0w","uui-info":"HHcfd5","uui-success":"lOFaqw","uui-warning":"WW14ZY","uui-highlight":"n3j0yp","uui-typography-size-12":"_8ZD0Br","uui-typography-size-14":"WL2H6V","uui-typography-size-16":"esMRJe","root":"ceN76m","size-18":"BZCcjv","size-12":"_54cJTn","mode-cell":"nuC0ih","uuiTypography":"ffMfmg","heroHeader":"Zqk9wu","promoHeader":"_2ip7yR","uuiCritical":"QUf-0w","uuiInfo":"HHcfd5","uuiSuccess":"lOFaqw","uuiWarning":"WW14ZY","uuiHighlight":"n3j0yp","uuiTypographySize12":"_8ZD0Br","uuiTypographySize14":"WL2H6V","uuiTypographySize16":"esMRJe","size18":"BZCcjv","size12":"_54cJTn","modeCell":"nuC0ih"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -1032,17 +1003,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 = uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$16 = {"uui-typography":"_1gRuI9","hero-header":"G0UaR8","promo-header":"TFQgE2","uui-critical":"zzTN4v","uui-info":"T2ZVf5","uui-success":"yrcqbV","uui-warning":"DX5bsH","uui-highlight":"eG-TTJ","uui-typography-size-12":"x0G6x5","uui-typography-size-14":"_1USNeE","uui-typography-size-16":"aDymDn","root":"mX0IxD","size-18":"RNI8-Q","size-12":"Xgay1H","uuiTypography":"_1gRuI9","heroHeader":"G0UaR8","promoHeader":"TFQgE2","uuiCritical":"zzTN4v","uuiInfo":"T2ZVf5","uuiSuccess":"yrcqbV","uuiWarning":"DX5bsH","uuiHighlight":"eG-TTJ","uuiTypographySize12":"x0G6x5","uuiTypographySize14":"_1USNeE","uuiTypographySize16":"aDymDn","size18":"RNI8-Q","size12":"Xgay1H"};
+var css$16 = {"uui-typography":"dc24f1","hero-header":"QTU8Yt","promo-header":"nnu1pI","uui-critical":"oI8k5l","uui-info":"bIpbWu","uui-success":"Zh2-WX","uui-warning":"imEiRH","uui-highlight":"_5xtsTH","uui-typography-size-12":"TP60jf","uui-typography-size-14":"mRsTbD","uui-typography-size-16":"_86l5jC","root":"_1ZZuBa","size-18":"_0K41sk","size-12":"_2npppT","uuiTypography":"dc24f1","heroHeader":"QTU8Yt","promoHeader":"nnu1pI","uuiCritical":"oI8k5l","uuiInfo":"bIpbWu","uuiSuccess":"Zh2-WX","uuiWarning":"imEiRH","uuiHighlight":"_5xtsTH","uuiTypographySize12":"TP60jf","uuiTypographySize14":"mRsTbD","uuiTypographySize16":"_86l5jC","size18":"_0K41sk","size12":"_2npppT"};
 
 var _circle;
-function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
+function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
 var SvgRadioPoint = function SvgRadioPoint(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
@@ -1054,14 +1025,14 @@ var SvgRadioPoint = function SvgRadioPoint(props, ref) {
     r: 6
   })));
 };
-var ForwardRef$G = /*#__PURE__*/React.forwardRef(SvgRadioPoint);
+var ForwardRef$F = /*#__PURE__*/React.forwardRef(SvgRadioPoint);
 
 function applyRadioInputMods(mods) {
     return [css$16.root, css$16['size-' + (mods.size || '18')], 'uui-color-primary'];
 }
-const RadioInput = uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, () => ({ icon: ForwardRef$G }));
+const RadioInput = uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, () => ({ icon: ForwardRef$F }));
 
-var css$15 = {"root":"LRKn7k","size-12":"h3o0G7","size-18":"OMJvHT","size-24":"iDnWpT","size12":"h3o0G7","size18":"OMJvHT","size24":"iDnWpT"};
+var css$15 = {"root":"aa2BSD","size-12":"XyPq3H","size-18":"pfYACf","size-24":"uKdapd","size12":"XyPq3H","size18":"pfYACf","size24":"uKdapd"};
 
 function applySwitchMods(mods) {
     return [
@@ -1114,7 +1085,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var textInputCss = {"uui-typography":"R74y-n","hero-header":"U446qr","promo-header":"vYgirA","uui-critical":"zDt1iK","uui-info":"_2Be4Qj","uui-success":"EIwqI-","uui-warning":"r1UKBj","uui-highlight":"TVi46m","uui-typography-size-12":"lTm1wk","uui-typography-size-14":"Elr-5J","uui-typography-size-16":"cmlEY1","root":"otJIkx","mode-form":"hclGrB","mode-inline":"ikW3DT","mode-cell":"HvwYyB","size-24":"_0cFfnx","size-30":"XiJuti","size-36":"MS-3Kt","size-42":"bgFoNe","size-48":"nyqoGY","uuiTypography":"R74y-n","heroHeader":"U446qr","promoHeader":"vYgirA","uuiCritical":"zDt1iK","uuiInfo":"_2Be4Qj","uuiSuccess":"EIwqI-","uuiWarning":"r1UKBj","uuiHighlight":"TVi46m","uuiTypographySize12":"lTm1wk","uuiTypographySize14":"Elr-5J","uuiTypographySize16":"cmlEY1","modeForm":"hclGrB","modeInline":"ikW3DT","modeCell":"HvwYyB","size24":"_0cFfnx","size30":"XiJuti","size36":"MS-3Kt","size42":"bgFoNe","size48":"nyqoGY"};
+var textInputCss = {"uui-typography":"ri3-EZ","hero-header":"lOPEyB","promo-header":"MmO1Qt","uui-critical":"ZWSD3H","uui-info":"PzzwM3","uui-success":"OSqm3O","uui-warning":"kB2f73","uui-highlight":"v13iKm","uui-typography-size-12":"kO4Kky","uui-typography-size-14":"K2uxm0","uui-typography-size-16":"bxR8NJ","root":"FdtaBx","mode-form":"syKSvf","mode-inline":"G23-Mc","mode-cell":"Kw-GOf","size-24":"_9ueilw","size-30":"qHEjOa","size-36":"lB2cIb","size-42":"G6ukjy","size-48":"MPKGGX","uuiTypography":"ri3-EZ","heroHeader":"lOPEyB","promoHeader":"MmO1Qt","uuiCritical":"ZWSD3H","uuiInfo":"PzzwM3","uuiSuccess":"OSqm3O","uuiWarning":"kB2f73","uuiHighlight":"v13iKm","uuiTypographySize12":"kO4Kky","uuiTypographySize14":"K2uxm0","uuiTypographySize16":"bxR8NJ","modeForm":"syKSvf","modeInline":"G23-Mc","modeCell":"Kw-GOf","size24":"_9ueilw","size30":"qHEjOa","size36":"lB2cIb","size42":"G6ukjy","size48":"MPKGGX"};
 
 const defaultSize$6 = '36';
 const defaultMode$5 = exports.EditMode.FORM;
@@ -1143,7 +1114,7 @@ const SearchInput = React__namespace.default.forwardRef((props, ref) => {
                 : undefined, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable))) })));
 });
 
-var css$14 = {"root":"RgKjaA"};
+var css$14 = {"root":"-XNJ9P"};
 
 const ControlGroup = uuiCore.withMods(uuiComponents.ControlGroup, () => [css$14.root]);
 
@@ -1152,7 +1123,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = React__namespace.forwardRef(MultiSwitchComponent);
 
-var css$13 = {"uui-typography":"GLRFDZ","hero-header":"cnkkgd","promo-header":"wL8vCT","uui-critical":"zCHic8","uui-info":"SfXW9H","uui-success":"FyG9Sp","uui-warning":"-XSAF4","uui-highlight":"_66mQ-3","uui-typography-size-12":"hHpbfq","uui-typography-size-14":"XTNG7W","uui-typography-size-16":"FfCe1H","root":"uvIhq8","size-24":"pTVIot","size-30":"_6Je0YJ","size-36":"jHGCTZ","size-42":"_4lCfnZ","size-48":"dFOv7a","mode-form":"oX5jDs","mode-cell":"tFcTZw","uuiTypography":"GLRFDZ","heroHeader":"cnkkgd","promoHeader":"wL8vCT","uuiCritical":"zCHic8","uuiInfo":"SfXW9H","uuiSuccess":"FyG9Sp","uuiWarning":"-XSAF4","uuiHighlight":"_66mQ-3","uuiTypographySize12":"hHpbfq","uuiTypographySize14":"XTNG7W","uuiTypographySize16":"FfCe1H","size24":"pTVIot","size30":"_6Je0YJ","size36":"jHGCTZ","size42":"_4lCfnZ","size48":"dFOv7a","modeForm":"oX5jDs","modeCell":"tFcTZw"};
+var css$13 = {"uui-typography":"Bn0USv","hero-header":"xxG8Hx","promo-header":"h9Qlvu","uui-critical":"RU-Cis","uui-info":"gTDXVY","uui-success":"s602QZ","uui-warning":"_7iXQCt","uui-highlight":"Fp1V26","uui-typography-size-12":"_5pbTO2","uui-typography-size-14":"i72Wao","uui-typography-size-16":"OzEmrV","root":"pkzQQP","size-24":"_06Q3LV","size-30":"Nr-apR","size-36":"OLQXPr","size-42":"gXtQl0","size-48":"AYSCtH","mode-form":"oTCwqT","mode-cell":"_0szZSF","uuiTypography":"Bn0USv","heroHeader":"xxG8Hx","promoHeader":"h9Qlvu","uuiCritical":"RU-Cis","uuiInfo":"gTDXVY","uuiSuccess":"s602QZ","uuiWarning":"_7iXQCt","uuiHighlight":"Fp1V26","uuiTypographySize12":"_5pbTO2","uuiTypographySize14":"i72Wao","uuiTypographySize16":"OzEmrV","size24":"_06Q3LV","size30":"Nr-apR","size36":"OLQXPr","size42":"gXtQl0","size48":"AYSCtH","modeForm":"oTCwqT","modeCell":"_0szZSF"};
 
 const defaultSize$5 = '36';
 const defaultMode$4 = exports.EditMode.FORM;
@@ -1171,7 +1142,7 @@ const NumericInput = uuiCore.withMods(uuiComponents.NumericInput, applyNumericIn
     });
 });
 
-var css$12 = {"uui-typography":"JQ6FhR","hero-header":"F1sKTv","promo-header":"yMJs0t","uui-critical":"n74dJ2","uui-info":"_4pkTmG","uui-success":"_6QGtjh","uui-warning":"w2BVXz","uui-highlight":"qr6X-A","uui-typography-size-12":"cqkOkh","uui-typography-size-14":"pJ1nBG","uui-typography-size-16":"_3KLa7D","root":"dcgfNI","mode-form":"rMtpmr","mode-cell":"P1DNTk","mode-inline":"tyWk47","size-24":"FB9pw5","size-30":"n-7E5O","size-36":"Q35Jp3","size-42":"_0NEJbk","size-48":"o1EDug","uuiTypography":"JQ6FhR","heroHeader":"F1sKTv","promoHeader":"yMJs0t","uuiCritical":"n74dJ2","uuiInfo":"_4pkTmG","uuiSuccess":"_6QGtjh","uuiWarning":"w2BVXz","uuiHighlight":"qr6X-A","uuiTypographySize12":"cqkOkh","uuiTypographySize14":"pJ1nBG","uuiTypographySize16":"_3KLa7D","modeForm":"rMtpmr","modeCell":"P1DNTk","modeInline":"tyWk47","size24":"FB9pw5","size30":"n-7E5O","size36":"Q35Jp3","size42":"_0NEJbk","size48":"o1EDug"};
+var css$12 = {"uui-typography":"hdD1WL","hero-header":"_0wAelX","promo-header":"iREwKE","uui-critical":"YIrR87","uui-info":"HKmxqq","uui-success":"_2bqsYu","uui-warning":"WHasee","uui-highlight":"J40khJ","uui-typography-size-12":"E-W0HU","uui-typography-size-14":"iR1DjY","uui-typography-size-16":"_1npoHZ","root":"CbkP1-","mode-form":"BMgc4n","mode-cell":"Q45Ani","mode-inline":"F7jmIZ","size-24":"_4jCVyJ","size-30":"dSeZrM","size-36":"_3VsFK-","size-42":"_7EzGdG","size-48":"iCt3nh","uuiTypography":"hdD1WL","heroHeader":"_0wAelX","promoHeader":"iREwKE","uuiCritical":"YIrR87","uuiInfo":"HKmxqq","uuiSuccess":"_2bqsYu","uuiWarning":"WHasee","uuiHighlight":"J40khJ","uuiTypographySize12":"E-W0HU","uuiTypographySize14":"iR1DjY","uuiTypographySize16":"_1npoHZ","modeForm":"BMgc4n","modeCell":"Q45Ani","modeInline":"F7jmIZ","size24":"_4jCVyJ","size30":"dSeZrM","size36":"_3VsFK-","size42":"_7EzGdG","size48":"iCt3nh"};
 
 const defaultSize$4 = '36';
 const defaultMode$3 = exports.EditMode.FORM;
@@ -1185,7 +1156,7 @@ const TextArea = uuiCore.withMods(uuiComponents.TextArea, applyTextAreaMods, (pr
     maxLength: props.mode === exports.EditMode.CELL ? undefined : props.maxLength,
 }));
 
-var css$11 = {"root":"H1SxUz"};
+var css$11 = {"root":"TcexrV"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1196,13 +1167,13 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
 
-var css$10 = {"root":"iiwokD","timepicker-input":"jutRy5","timepickerInput":"jutRy5"};
+var css$10 = {"root":"RwUGs-","timepicker-input":"Wt5N4k","timepickerInput":"Wt5N4k"};
 
-const TimePickerBody = uuiCore.withMods(uuiComponents.TimePickerBody, () => [css$10.root], () => ({ addIcon: ForwardRef$1b, subtractIcon: ForwardRef$1b }));
+const TimePickerBody = uuiCore.withMods(uuiComponents.TimePickerBody, () => [css$10.root], () => ({ addIcon: ForwardRef$1a, subtractIcon: ForwardRef$1a }));
 
 dayjs__default.default.extend(customParseFormat__default.default);
 const defaultMode$2 = exports.EditMode.FORM;
-class TimePicker extends uuiComponents.BaseTimePicker {
+class TimePickerComponent extends uuiComponents.BaseTimePicker {
     constructor() {
         super(...arguments);
         this.renderInput = (props) => {
@@ -1222,13 +1193,15 @@ class TimePicker extends uuiComponents.BaseTimePicker {
         };
         this.renderBody = (props) => {
             var _a;
+            const _b = this.props, timePickerBodyProps = __rest(_b, ["forwardedRef"]);
             return (!this.props.isDisabled && !this.props.isReadonly && (React__namespace.default.createElement(DropdownContainer, Object.assign({}, props, { focusLock: false }),
-                React__namespace.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__namespace.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 = uuiCore.withMods(TimePickerComponent);
 
-var css$$ = {"root":"h2-RfG"};
+var css$$ = {"root":"cpC-Ac"};
 
 function applyInputAddonMods() {
     return [
@@ -1237,14 +1210,14 @@ function applyInputAddonMods() {
 }
 const InputAddon = uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
 
-var css$_ = {"root":"zjK3wm"};
+var css$_ = {"root":"eTZ0fc"};
 
 function applySliderMods() {
     return [css$_.root, 'uui-color-neutral'];
 }
 const Slider = uuiCore.withMods(uuiComponents.Slider, applySliderMods);
 
-var css$Z = {"container":"-GbCwb"};
+var css$Z = {"container":"GIN55P"};
 
 dayjs__default.default.extend(localeData__default.default);
 const uuiHeader = {
@@ -1254,26 +1227,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':
@@ -1321,19 +1294,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__namespace.createElement("div", { className: cx__default.default(css$Z.container, uuiHeader.container, props.cx) },
         React__namespace.createElement("header", { className: uuiHeader.header },
-            React__namespace.createElement(Button, { icon: props.navIconLeft || ForwardRef$M, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: () => onLeftNavigationArrow() }),
+            React__namespace.createElement(Button, { icon: props.navIconLeft || ForwardRef$L, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: () => onLeftNavigationArrow() }),
             React__namespace.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: () => onCaptionClick(props.value.view) }),
-            React__namespace.createElement(Button, { icon: props.navIconRight || ForwardRef$L, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow() }))));
+            React__namespace.createElement(Button, { icon: props.navIconRight || ForwardRef$K, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow() }))));
 }
 
-var css$Y = {"uui-typography":"eDWYLs","hero-header":"kOUGTq","promo-header":"muzqt8","uui-critical":"dcKlQo","uui-info":"dK0yEE","uui-success":"_29eKr2","uui-warning":"nG-EhB","uui-highlight":"UtxyMp","uui-typography-size-12":"_7t5XIz","uui-typography-size-14":"mrI3FS","uui-typography-size-16":"HhWggH","root":"A-3D-B","uuiTypography":"eDWYLs","heroHeader":"kOUGTq","promoHeader":"muzqt8","uuiCritical":"dcKlQo","uuiInfo":"dK0yEE","uuiSuccess":"_29eKr2","uuiWarning":"nG-EhB","uuiHighlight":"UtxyMp","uuiTypographySize12":"_7t5XIz","uuiTypographySize14":"mrI3FS","uuiTypographySize16":"HhWggH"};
+var css$Y = {"uui-typography":"gWWmBd","hero-header":"Vszb3q","promo-header":"LFjHsw","uui-critical":"dpvkKs","uui-info":"Qudb9G","uui-success":"_7n3G0S","uui-warning":"kNPRM8","uui-highlight":"hcWAZq","uui-typography-size-12":"pDs2YT","uui-typography-size-14":"YK3tHd","uui-typography-size-16":"L8LNHX","root":"YVM2Wp","uuiTypography":"gWWmBd","heroHeader":"Vszb3q","promoHeader":"LFjHsw","uuiCritical":"dpvkKs","uuiInfo":"Qudb9G","uuiSuccess":"_7n3G0S","uuiWarning":"kNPRM8","uuiHighlight":"hcWAZq","uuiTypographySize12":"pDs2YT","uuiTypographySize14":"YK3tHd","uuiTypographySize16":"L8LNHX"};
 
 function applyDateSelectionMods() {
     return [css$Y.root];
 }
 const Calendar = uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
 
-var css$X = {"uui-typography":"V-dd25","hero-header":"lauxpL","promo-header":"JxsmTJ","uui-critical":"g37Ykj","uui-info":"_1tviDo","uui-success":"_2Rw1BD","uui-warning":"-iXBu2","uui-highlight":"N-yjHS","uui-typography-size-12":"_7GSf2Y","uui-typography-size-14":"ZT9UWW","uui-typography-size-16":"EGPcbb","root":"I6XfW5","uuiTypography":"V-dd25","heroHeader":"lauxpL","promoHeader":"JxsmTJ","uuiCritical":"g37Ykj","uuiInfo":"_1tviDo","uuiSuccess":"_2Rw1BD","uuiWarning":"-iXBu2","uuiHighlight":"N-yjHS","uuiTypographySize12":"_7GSf2Y","uuiTypographySize14":"ZT9UWW","uuiTypographySize16":"EGPcbb"};
+var css$X = {"uui-typography":"eHV8kj","hero-header":"DIHB2s","promo-header":"soZVkl","uui-critical":"OH9mau","uui-info":"X8-Hon","uui-success":"AF-xgJ","uui-warning":"edSX05","uui-highlight":"yGwgY7","uui-typography-size-12":"TqFidp","uui-typography-size-14":"adHhg4","uui-typography-size-16":"clBYBb","root":"CXa5b7","uuiTypography":"eHV8kj","heroHeader":"DIHB2s","promoHeader":"soZVkl","uuiCritical":"OH9mau","uuiInfo":"X8-Hon","uuiSuccess":"AF-xgJ","uuiWarning":"edSX05","uuiHighlight":"yGwgY7","uuiTypographySize12":"TqFidp","uuiTypographySize14":"adHhg4","uuiTypographySize16":"clBYBb"};
 
 dayjs__default.default.extend(updateLocale__default.default);
 const uuiDatePickerBody = {
@@ -1370,87 +1343,87 @@ class DatePickerBody extends uuiComponents.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__namespace.createElement("svg", _extends$F({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgNotificationCheckCircleFill24);
+var ForwardRef$E = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$E({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
   })));
 };
-var ForwardRef$E = /*#__PURE__*/React.forwardRef(SvgNotificationWarningFill24);
+var ForwardRef$D = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$D({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgNotificationErrorFill24);
+var ForwardRef$C = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$C({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgNotificationHelpFill24);
+var ForwardRef$B = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$B({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$z || (_path$z = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgNavigationClose24$1);
+var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgNavigationClose24$1);
 
-var css$W = {"root":"JV0e30","icon-wrapper":"_06xtFA","alert-wrapper":"vGAQby","size-48":"_3X8lm6","size-36":"OfeJTW","action-wrapper":"tvEx-W","action-icon":"BhEnRG","action-link":"gO1jSd","close-icon":"DPKhc0","main-path":"gW568z","content":"GtxCYI","iconWrapper":"_06xtFA","alertWrapper":"vGAQby","size48":"_3X8lm6","size36":"OfeJTW","actionWrapper":"tvEx-W","actionIcon":"BhEnRG","actionLink":"gO1jSd","closeIcon":"DPKhc0","mainPath":"gW568z"};
+var css$W = {"root":"PWh7TJ","icon-wrapper":"SuuUCB","alert-wrapper":"_6a922h","size-48":"_8OWn1n","size-36":"IqlJ8Z","action-wrapper":"RCNZ-h","action-icon":"Sdhi0G","action-link":"cSrshu","close-icon":"EHnnHt","main-path":"-lY8e5","content":"-cUJs-","iconWrapper":"SuuUCB","alertWrapper":"_6a922h","size48":"_8OWn1n","size36":"IqlJ8Z","actionWrapper":"RCNZ-h","actionIcon":"Sdhi0G","actionLink":"cSrshu","closeIcon":"EHnnHt","mainPath":"-lY8e5"};
 
 const Alert = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default('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__namespace.createElement("div", { className: css$W.mainPath },
@@ -1459,17 +1432,15 @@ const Alert = React__namespace.forwardRef((props, ref) => (React__namespace.crea
         React__namespace.createElement("div", { className: css$W.content },
             props.children,
             props.actions && (React__namespace.createElement("div", { className: css$W.actionWrapper }, props.actions.map((action) => (React__namespace.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__namespace.createElement(IconButton, { icon: ForwardRef$B, color: "neutral", onClick: props.onClose, cx: css$W.closeIcon })))));
-const WarningAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$E, color: "warning", ref: ref }, props)));
-const SuccessAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$F, color: "success", ref: ref }, props)));
-const HintAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$C, color: "info", ref: ref }, props)));
-const ErrorAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$D, color: "error", ref: ref }, props)));
-
-function Dropdown(props) {
-    return React__namespace.createElement(uuiComponents.Dropdown, Object.assign({}, props));
-}
+        props.onClose && React__namespace.createElement(IconButton, { icon: ForwardRef$A, color: "neutral", onClick: props.onClose, cx: css$W.closeIcon })))));
+const WarningAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$D, color: "warning", ref: ref }, props)));
+const SuccessAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$E, color: "success", ref: ref }, props)));
+const HintAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$B, color: "info", ref: ref }, props)));
+const ErrorAlert = React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$C, color: "error", ref: ref }, props)));
 
-var css$V = {"uui-typography":"Gaeao2","hero-header":"m1CZcl","promo-header":"EPlKBy","uui-critical":"MfuhCn","uui-info":"AbVe8N","uui-success":"raiDZD","uui-warning":"z0aH4-","uui-highlight":"d5pWKp","uui-typography-size-12":"YSPT-1","uui-typography-size-14":"A1YN0o","uui-typography-size-16":"lpyo6g","root":"_56IeSS","body-root":"J2Uing","submenu-root-item":"_0eOksu","icon-after":"RF-i2z","icon-check":"NRvFpg","splitter-root":"zzI7kU","splitter":"qWsJyZ","header-root":"_2VAIHW","item-root":"bogCkn","icon":"_7INKDN","link":"v8ooeA","indent":"BqLkvH","uuiTypography":"Gaeao2","heroHeader":"m1CZcl","promoHeader":"EPlKBy","uuiCritical":"MfuhCn","uuiInfo":"AbVe8N","uuiSuccess":"raiDZD","uuiWarning":"z0aH4-","uuiHighlight":"d5pWKp","uuiTypographySize12":"YSPT-1","uuiTypographySize14":"A1YN0o","uuiTypographySize16":"lpyo6g","bodyRoot":"J2Uing","submenuRootItem":"_0eOksu","iconAfter":"RF-i2z","iconCheck":"NRvFpg","splitterRoot":"zzI7kU","headerRoot":"_2VAIHW","itemRoot":"bogCkn"};
+const Dropdown = uuiCore.withMods(uuiComponents.Dropdown);
+
+var css$V = {"uui-typography":"y3QmjL","hero-header":"qdhz-D","promo-header":"iGge9L","uui-critical":"wR0pzz","uui-info":"utn0cb","uui-success":"uzIASm","uui-warning":"_4dMhbl","uui-highlight":"wCr3R5","uui-typography-size-12":"umYVZq","uui-typography-size-14":"-rMTBC","uui-typography-size-16":"aLdoXZ","root":"JpEHnS","body-root":"FrTdHF","submenu-root-item":"mffMts","icon-after":"azVts7","icon-check":"UCiicd","splitter-root":"VOIoX4","splitter":"RxVz--","header-root":"RpckAY","item-root":"lCZtPi","icon":"uv-jvn","link":"_-8wgN-","indent":"bXPJv4","uuiTypography":"y3QmjL","heroHeader":"qdhz-D","promoHeader":"iGge9L","uuiCritical":"wR0pzz","uuiInfo":"utn0cb","uuiSuccess":"uzIASm","uuiWarning":"_4dMhbl","uuiHighlight":"wCr3R5","uuiTypographySize12":"umYVZq","uuiTypographySize14":"-rMTBC","uuiTypographySize16":"aLdoXZ","bodyRoot":"FrTdHF","submenuRootItem":"mffMts","iconAfter":"azVts7","iconCheck":"UCiicd","splitterRoot":"VOIoX4","headerRoot":"RpckAY","itemRoot":"lCZtPi"};
 
 const icons = systemIcons['36'];
 exports.IDropdownControlKeys = void 0;
@@ -1598,7 +1569,7 @@ function DropdownMenuSwitchButton(props) {
         React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$U = {"uui-typography":"Axckg-","hero-header":"kpG8AS","promo-header":"XoPw9a","uui-critical":"sPNF5X","uui-info":"EV2Fvo","uui-success":"rtYPz9","uui-warning":"vki3sB","uui-highlight":"BWxw-y","uui-typography-size-12":"_8OuWVZ","uui-typography-size-14":"YWv-Dn","uui-typography-size-16":"_8XArSu","root":"ERH73g","border-bottom":"mOhMgA","top-shadow":"wtyP0G","size-24":"CQxSpo","size-30":"oiv-Cz","size-36":"-pXB8H","size-42":"jdjldi","size-48":"R-W9nA","padding-6":"RUuMtu","padding-12":"MMYZRe","padding-18":"_9pI7Lc","padding-24":"_2oYexm","margin-24":"_49RBVf","margin-12":"Kc40lX","vPadding-12":"_86oln9","vPadding-18":"rQmV67","vPadding-24":"aGzbvQ","vPadding-36":"_4SugLr","vPadding-48":"xBAHqW","spacing-6":"sjejTF","spacing-12":"pmSvLo","spacing-18":"VLfZdF","uuiTypography":"Axckg-","heroHeader":"kpG8AS","promoHeader":"XoPw9a","uuiCritical":"sPNF5X","uuiInfo":"EV2Fvo","uuiSuccess":"rtYPz9","uuiWarning":"vki3sB","uuiHighlight":"BWxw-y","uuiTypographySize12":"_8OuWVZ","uuiTypographySize14":"YWv-Dn","uuiTypographySize16":"_8XArSu","borderBottom":"mOhMgA","topShadow":"wtyP0G","size24":"CQxSpo","size30":"oiv-Cz","size36":"-pXB8H","size42":"jdjldi","size48":"R-W9nA","padding6":"RUuMtu","padding12":"MMYZRe","padding18":"_9pI7Lc","padding24":"_2oYexm","margin24":"_49RBVf","margin12":"Kc40lX","vPadding12":"_86oln9","vPadding18":"rQmV67","vPadding24":"aGzbvQ","vPadding36":"_4SugLr","vPadding48":"xBAHqW","spacing6":"sjejTF","spacing12":"pmSvLo","spacing18":"VLfZdF"};
+var css$U = {"uui-typography":"bVY729","hero-header":"_7ztk2R","promo-header":"kA0bXR","uui-critical":"_6jG94A","uui-info":"Bm5-4K","uui-success":"BgV97I","uui-warning":"Xcr2lE","uui-highlight":"YTsChC","uui-typography-size-12":"UScCrf","uui-typography-size-14":"kL0fJi","uui-typography-size-16":"dynZ8U","root":"bdKTjS","border-bottom":"IdoU3B","top-shadow":"zEb1v3","size-24":"Y4VZ1x","size-30":"jA4tga","size-36":"pNA6sK","size-42":"LHEc1S","size-48":"XwKAsd","padding-6":"_-2d-HY","padding-12":"cK6uHu","padding-18":"G85oxN","padding-24":"iqOyys","margin-24":"H4ExMl","margin-12":"K0p5Mi","vPadding-12":"B0e3QF","vPadding-18":"Cs6rJD","vPadding-24":"KxdIlD","vPadding-36":"_1-jRoV","vPadding-48":"M6HjWE","spacing-6":"HO9itZ","spacing-12":"K4JOQd","spacing-18":"scBCui","uui-surface-main":"O-rmbN","uuiTypography":"bVY729","heroHeader":"_7ztk2R","promoHeader":"kA0bXR","uuiCritical":"_6jG94A","uuiInfo":"Bm5-4K","uuiSuccess":"BgV97I","uuiWarning":"Xcr2lE","uuiHighlight":"YTsChC","uuiTypographySize12":"UScCrf","uuiTypographySize14":"kL0fJi","uuiTypographySize16":"dynZ8U","borderBottom":"IdoU3B","topShadow":"zEb1v3","size24":"Y4VZ1x","size30":"jA4tga","size36":"pNA6sK","size42":"LHEc1S","size48":"XwKAsd","padding6":"_-2d-HY","padding12":"cK6uHu","padding18":"G85oxN","padding24":"iqOyys","margin24":"H4ExMl","margin12":"K0p5Mi","vPadding12":"B0e3QF","vPadding18":"Cs6rJD","vPadding24":"KxdIlD","vPadding36":"_1-jRoV","vPadding48":"M6HjWE","spacing6":"HO9itZ","spacing12":"K4JOQd","spacing18":"scBCui","uuiSurfaceMain":"O-rmbN"};
 
 const FlexCell = uuiCore.withMods(uuiComponents.FlexCell, () => [css$U.flexCell]);
 
@@ -1612,18 +1583,18 @@ const FlexRow = uuiCore.withMods(uuiComponents.FlexRow, (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":"_0izmro","margin-24":"fvN5jp","padding-12":"K4-IDm","padding-24":"ojO0NN","shadow":"FsbU03","margin24":"fvN5jp","padding12":"K4-IDm","padding24":"ojO0NN"};
+var css$T = {"root":"L8OArb","margin-24":"AiomFg","padding-12":"kTh-Lc","padding-24":"WRg-Ky","shadow":"dQJIlC","uui-surface-main":"WHE0Kg","margin24":"AiomFg","padding12":"kTh-Lc","padding24":"WRg-Ky","uuiSurfaceMain":"WHE0Kg"};
 
 const Panel = uuiCore.withMods(uuiComponents.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({}, uuiCore.i18n), { dataPickerBody: {
@@ -1715,20 +1686,23 @@ const i18n = Object.assign(Object.assign({}, uuiCore.i18n), { dataPickerBody: {
         fileSizeProgress: ' of ',
     } });
 
-var css$S = {"root":"ZXOOcT","mode-block":"_5dbyM9","mode-inline":"bDrV2i","padding-0":"pUOfZZ","padding-6":"PCa8SB","padding-12":"cpND0F","padding-18":"CEsmKi","modeBlock":"_5dbyM9","modeInline":"bDrV2i","padding0":"pUOfZZ","padding6":"PCa8SB","padding12":"cpND0F","padding18":"CEsmKi"};
+var css$S = {"root":"DfGZAB","mode-block":"FbNdgg","mode-inline":"w0rew2","padding-0":"VNmiEP","padding-6":"_0fgkBx","padding-12":"-RfnIM","padding-18":"YG4PkK","modeBlock":"FbNdgg","modeInline":"w0rew2","padding0":"VNmiEP","padding6":"_0fgkBx","padding12":"-RfnIM","padding18":"YG4PkK"};
 
+const getMode = (mode) => {
+    return mode || 'block';
+};
 function applyAccordionMods(mods) {
     return [
         css$S.root,
-        css$S['mode-' + (mods.mode || 'block')],
+        css$S['mode-' + getMode(mods.mode)],
         mods.padding && css$S['padding-' + mods.padding],
     ];
 }
 const Accordion = uuiCore.withMods(uuiComponents__namespace.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":"IMdV4k"};
+var css$R = {"root":"TS0hoq"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1738,7 +1712,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = uuiCore.withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$Q = {"uui-typography":"qjOeeD","hero-header":"_6-MYfZ","promo-header":"i7444H","uui-critical":"NbrIcu","uui-info":"VZVKEE","uui-success":"InerNF","uui-warning":"xOuMmJ","uui-highlight":"P-QOz7","uui-typography-size-12":"j30pRC","uui-typography-size-14":"mOzeNb","uui-typography-size-16":"oLFz6d","root":"kyRnE2","size-24":"JNqa-e","size-30":"shOtwK","size-36":"KwYj92","size-42":"RYTcUG","size-48":"if634K","uuiTypography":"qjOeeD","heroHeader":"_6-MYfZ","promoHeader":"i7444H","uuiCritical":"NbrIcu","uuiInfo":"VZVKEE","uuiSuccess":"InerNF","uuiWarning":"xOuMmJ","uuiHighlight":"P-QOz7","uuiTypographySize12":"j30pRC","uuiTypographySize14":"mOzeNb","uuiTypographySize16":"oLFz6d","size24":"JNqa-e","size30":"shOtwK","size36":"KwYj92","size42":"RYTcUG","size48":"if634K"};
+var css$Q = {"uui-typography":"qpmSKl","hero-header":"naC6to","promo-header":"TeZQge","uui-critical":"G3q2PW","uui-info":"TVfmwN","uui-success":"NIivbw","uui-warning":"k-nY-q","uui-highlight":"_4buR-G","uui-typography-size-12":"-yKkLY","uui-typography-size-14":"r4eKCk","uui-typography-size-16":"C3J2mz","root":"IlxR7h","size-24":"-H5QQy","size-30":"kbtxQw","size-36":"LAWqKu","size-42":"grWU8E","size-48":"_67hRPa","uuiTypography":"qpmSKl","heroHeader":"naC6to","promoHeader":"TeZQge","uuiCritical":"G3q2PW","uuiInfo":"TVfmwN","uuiSuccess":"NIivbw","uuiWarning":"k-nY-q","uuiHighlight":"_4buR-G","uuiTypographySize12":"-yKkLY","uuiTypographySize14":"r4eKCk","uuiTypographySize16":"C3J2mz","size24":"-H5QQy","size30":"kbtxQw","size36":"LAWqKu","size42":"grWU8E","size48":"_67hRPa"};
 
 const defaultSize$3 = '36';
 function applyLabeledInputMods(mods) {
@@ -1749,11 +1723,11 @@ const LabeledInput = uuiCore.withMods(uuiComponents__namespace.LabeledInput, app
     infoIcon: systemIcons[props.size || defaultSize$3].help,
 }));
 
-var css$P = {"root":"fS-43S"};
+var css$P = {"root":"LuriVl"};
 
 const RadioGroup = uuiCore.withMods(uuiComponents.RadioGroup, () => [css$P.root], () => ({ RadioInput }));
 
-var css$O = {"root":"k5hS1U"};
+var css$O = {"root":"sVFl2O"};
 
 function applyScrollBarsMods() {
     return [
@@ -1762,9 +1736,9 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
 
-var css$N = {"scroll-container":"w0K5W4","list-container":"PKQd3O","scrollContainer":"w0K5W4","listContainer":"PKQd3O"};
+var css$N = {"scroll-container":"SqnauF","list-container":"Sum2uo","scrollContainer":"SqnauF","listContainer":"Sum2uo"};
 
-var css$M = {"root":"_0AtmCk"};
+var css$M = {"root":"kGk1zO"};
 
 const Blocker = uuiCore.withMods(uuiComponents.Blocker, () => [css$M.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
 
@@ -1806,11 +1780,11 @@ const VirtualListView = React__namespace.forwardRef((props, ref) => {
 });
 VirtualList.displayName = 'VirtualList';
 
-var css$L = {"root":"a4lcrb"};
+var css$L = {"root":"wT7Wjk"};
 
 const CheckboxGroup = uuiCore.withMods(uuiComponents.CheckboxGroup, () => [css$L.root], () => ({ CheckboxInput: Checkbox }));
 
-var css$K = {"uui-typography":"_9zT9rJ","hero-header":"xb--qR","promo-header":"atvS8S","uui-critical":"Lud6EH","uui-info":"Ku1YKm","uui-success":"mxi-jH","uui-warning":"MI-ddL","uui-highlight":"hrnPmA","uui-typography-size-12":"OYot-d","uui-typography-size-14":"Ltv0kr","uui-typography-size-16":"Xjha3w","body":"Yme08h","modal":"lDvAp-","search-wrapper":"_3ltzV1","checkbox":"Z-I9l9","no-found-size-24":"K5akHB","no-found-size-30":"w3FxxC","no-found-size-36":"znNkEP","no-found-size-42":"kfUFex","uuiTypography":"_9zT9rJ","heroHeader":"xb--qR","promoHeader":"atvS8S","uuiCritical":"Lud6EH","uuiInfo":"Ku1YKm","uuiSuccess":"mxi-jH","uuiWarning":"MI-ddL","uuiHighlight":"hrnPmA","uuiTypographySize12":"OYot-d","uuiTypographySize14":"Ltv0kr","uuiTypographySize16":"Xjha3w","searchWrapper":"_3ltzV1","noFoundSize24":"K5akHB","noFoundSize30":"w3FxxC","noFoundSize36":"znNkEP","noFoundSize42":"kfUFex"};
+var css$K = {"uui-typography":"ZviaxK","hero-header":"Wm7h66","promo-header":"REwiCL","uui-critical":"d3dx8R","uui-info":"gIafHR","uui-success":"y2ImRI","uui-warning":"geMqSe","uui-highlight":"wb-1wF","uui-typography-size-12":"_6jE4UN","uui-typography-size-14":"M2uMhL","uui-typography-size-16":"_9H-kZ7","body":"dE2e0f","modal":"_-0BqkN","search-wrapper":"Ji25es","checkbox":"UlVjn5","no-found-size-24":"KCS12w","no-found-size-30":"PNGgaB","no-found-size-36":"SZBYMf","no-found-size-42":"RgTFWy","uuiTypography":"ZviaxK","heroHeader":"Wm7h66","promoHeader":"REwiCL","uuiCritical":"d3dx8R","uuiInfo":"gIafHR","uuiSuccess":"y2ImRI","uuiWarning":"geMqSe","uuiHighlight":"wb-1wF","uuiTypographySize12":"_6jE4UN","uuiTypographySize14":"M2uMhL","uuiTypographySize16":"_9H-kZ7","searchWrapper":"Ji25es","noFoundSize24":"KCS12w","noFoundSize30":"PNGgaB","noFoundSize36":"SZBYMf","noFoundSize42":"RgTFWy"};
 
 class DataPickerBody extends uuiComponents.PickerBodyBase {
     constructor() {
@@ -1867,51 +1841,49 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = React__namespace.default.memo(DataPickerFooterImpl);
 
-var css$J = {"header":"GSe6wP","close":"_2F1Xvc"};
+var css$J = {"header":"jISB3N","close":"Y6wIRI"};
 
-var _path$z;
-function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
+var _path$y;
+function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
 var SvgNavigationClose24 = function SvgNavigationClose24(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
+  return /*#__PURE__*/React__namespace.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__namespace.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__namespace.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__*/React.forwardRef(SvgNavigationClose24);
+var ForwardRef$z = /*#__PURE__*/React.forwardRef(SvgNavigationClose24);
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
     return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$J.header },
         React__namespace.default.createElement(Text, { size: "48", fontWeight: "600" }, title),
-        React__namespace.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__namespace.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__namespace.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__namespace.createElement("svg", _extends$z({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgNavigationChevronDown18);
+var ForwardRef$y = /*#__PURE__*/React.forwardRef(SvgNavigationChevronDown18);
 
-var css$I = {"cell":"fa-Jse","wrapper":"_5T24zN","align-widgets-top":"iuGHBn","size-24":"ItFZiS","folding-arrow":"jH0B-I","size-30":"GQyMTt","size-36":"mbuFRu","size-42":"uUsgUr","size-48":"T0qBSL","size-60":"hfqQT7","align-widgets-center":"QzoWfe","padding-12":"zGWnv7","padding-24":"sEqmqa","padding-left-12":"bCKe4T","padding-left-24":"dxSUEo","padding-right-24":"vMkeLH","drag-handle":"iK60dh","checkbox":"J6oIwc","indent":"_--JzYa","folding-arrow-12":"eMmhAR","folding-arrow-18":"Eg1ZOI","icon-container":"Yo9K1V","loading-cell":"Ufy4QP","alignWidgetsTop":"iuGHBn","size24":"ItFZiS","foldingArrow":"jH0B-I","size30":"GQyMTt","size36":"mbuFRu","size42":"uUsgUr","size48":"T0qBSL","size60":"hfqQT7","alignWidgetsCenter":"QzoWfe","padding12":"zGWnv7","padding24":"sEqmqa","paddingLeft12":"bCKe4T","paddingLeft24":"dxSUEo","paddingRight24":"vMkeLH","dragHandle":"iK60dh","foldingArrow12":"eMmhAR","foldingArrow18":"Eg1ZOI","iconContainer":"Yo9K1V","loadingCell":"Ufy4QP"};
+var css$I = {"cell":"Xfzl-2","wrapper":"yVgrKj","align-widgets-top":"UBptRX","size-24":"FlvQIf","folding-arrow":"qCEl9V","size-30":"HGfZI-","size-36":"_3oJ9L6","size-42":"puJerN","size-48":"Alix0L","size-60":"EwKHGx","align-widgets-center":"SvI7J8","padding-12":"RSNTvg","padding-24":"YVUPXf","padding-left-12":"mS-eIF","padding-left-24":"EgL-g4","padding-right-24":"cEWD4N","drag-handle":"QI5JUv","checkbox":"_-4IXDn","indent":"QCzP51","folding-arrow-12":"wiC5wH","folding-arrow-18":"CfJDKc","icon-container":"-kvZ35","loading-cell":"_6jfRSG","alignWidgetsTop":"UBptRX","size24":"FlvQIf","foldingArrow":"qCEl9V","size30":"HGfZI-","size36":"_3oJ9L6","size42":"puJerN","size48":"Alix0L","size60":"EwKHGx","alignWidgetsCenter":"SvI7J8","padding12":"RSNTvg","padding24":"YVUPXf","paddingLeft12":"mS-eIF","paddingLeft24":"EgL-g4","paddingRight24":"cEWD4N","dragHandle":"QI5JUv","foldingArrow12":"wiC5wH","foldingArrow18":"CfJDKc","iconContainer":"-kvZ35","loadingCell":"_6jfRSG"};
 
 function DataTableRowAddons(props) {
     var _a, _b;
@@ -1923,7 +1895,7 @@ function DataTableRowAddons(props) {
         row.indent > 0 && (React__namespace.createElement("div", { key: "fold", className: css$I.indent, style: { marginLeft: (row.indent - 1) * 24 } }, row.isFoldable && (React__namespace.createElement(uuiComponents.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}`], uuiCore.uuiMarkers.clickable, css$I.iconContainer,
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
 }
@@ -1956,56 +1928,52 @@ function DataTableCell(props) {
     return React__namespace.createElement(uuiComponents.DataTableCell, 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__namespace.createElement("svg", _extends$y({
+  return /*#__PURE__*/React__namespace.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__namespace.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__namespace.createElement("path", {
+    d: "m2.5 12 3.077-3.2 4.615 4.8L19.423 4 22.5 7.2 10.192 20 2.5 12z"
   })));
 };
-var ForwardRef$y = /*#__PURE__*/React.forwardRef(SvgNotificationDone24);
+var ForwardRef$x = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$x({
+  return /*#__PURE__*/React__namespace.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__namespace.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__namespace.createElement("path", {
+    d: "m1.5 9 2.308-2.4 3.461 3.6L14.192 3 16.5 5.4 7.27 15 1.5 9z"
   })));
 };
-var ForwardRef$x = /*#__PURE__*/React.forwardRef(SvgNotificationDone18);
+var ForwardRef$w = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$w({
+  return /*#__PURE__*/React__namespace.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__namespace.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__namespace.createElement("path", {
+    d: "M11.5 3.6 9.962 2 5.346 6.8 3.038 4.4 1.5 6l3.846 4L11.5 3.6z"
   })));
 };
-var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNotificationDone12);
+var ForwardRef$v = /*#__PURE__*/React.forwardRef(SvgNotificationDone12);
 
-var css$H = {"uui-typography":"pweehb","hero-header":"dIJVtw","promo-header":"NiLNyJ","uui-critical":"HnPcOr","uui-info":"_0liLVJ","uui-success":"mHx5by","uui-warning":"SRaGae","uui-highlight":"AjtJub","uui-typography-size-12":"DxtywY","uui-typography-size-14":"jg27-Q","uui-typography-size-16":"_52L1-P","render-item":"GrGcuI","icon-wrapper":"O86XXL","picker-row":"_4E0JRF","icon-default":"_0T-0gW","icon-primary":"WxsPIP","uuiTypography":"pweehb","heroHeader":"dIJVtw","promoHeader":"NiLNyJ","uuiCritical":"HnPcOr","uuiInfo":"_0liLVJ","uuiSuccess":"mHx5by","uuiWarning":"SRaGae","uuiHighlight":"AjtJub","uuiTypographySize12":"DxtywY","uuiTypographySize14":"jg27-Q","uuiTypographySize16":"_52L1-P","renderItem":"GrGcuI","iconWrapper":"O86XXL","pickerRow":"_4E0JRF","iconDefault":"_0T-0gW","iconPrimary":"WxsPIP"};
+var css$H = {"uui-typography":"_9qtKEr","hero-header":"_5H9Bq8","promo-header":"dETlFf","uui-critical":"Hie-1A","uui-info":"iLjltp","uui-success":"U-48re","uui-warning":"wjIYO-","uui-highlight":"NHjGky","uui-typography-size-12":"eyyIoF","uui-typography-size-14":"_667DQ-","uui-typography-size-16":"NjC4Vt","render-item":"MvjqRc","icon-wrapper":"SgUzRi","picker-row":"_-1tvQ7","icon-default":"ju0S4o","icon-primary":"HQ2DF3","uuiTypography":"_9qtKEr","heroHeader":"_5H9Bq8","promoHeader":"dETlFf","uuiCritical":"Hie-1A","uuiInfo":"iLjltp","uuiSuccess":"U-48re","uuiWarning":"wjIYO-","uuiHighlight":"NHjGky","uuiTypographySize12":"eyyIoF","uuiTypographySize14":"_667DQ-","uuiTypographySize16":"NjC4Vt","renderItem":"MvjqRc","iconWrapper":"SgUzRi","pickerRow":"_-1tvQ7","iconDefault":"ju0S4o","iconPrimary":"HQ2DF3"};
 
 class DataPickerRow extends React__namespace.Component {
     constructor() {
@@ -2013,15 +1981,15 @@ class DataPickerRow extends React__namespace.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 = {
@@ -2045,7 +2013,7 @@ class DataPickerRow extends React__namespace.Component {
     }
 }
 
-var css$G = {"uui-typography":"Ole257","hero-header":"SFMmYy","promo-header":"gJ48sI","uui-critical":"jvj-IW","uui-info":"ci41r7","uui-success":"eVSNuf","uui-warning":"Hm7jEi","uui-highlight":"v2-DFt","uui-typography-size-12":"hWyDDw","uui-typography-size-14":"SCGzs6","uui-typography-size-16":"_8q2i6K","done":"H8HEHM","container":"rrQ9KV","uuiTypography":"Ole257","heroHeader":"SFMmYy","promoHeader":"gJ48sI","uuiCritical":"jvj-IW","uuiInfo":"ci41r7","uuiSuccess":"eVSNuf","uuiWarning":"Hm7jEi","uuiHighlight":"v2-DFt","uuiTypographySize12":"hWyDDw","uuiTypographySize14":"SCGzs6","uuiTypographySize16":"_8q2i6K"};
+var css$G = {"uui-typography":"_7-ILuv","hero-header":"LWBfMH","promo-header":"Toek3h","uui-critical":"vl6iOT","uui-info":"_4TuINw","uui-success":"ADAsz8","uui-warning":"IrADbj","uui-highlight":"OTNO6N","uui-typography-size-12":"_0rgTPU","uui-typography-size-14":"P4mLhB","uui-typography-size-16":"JBiX71","done":"ZhKLjs","container":"_3mp70r","uuiTypography":"_7-ILuv","heroHeader":"LWBfMH","promoHeader":"Toek3h","uuiCritical":"vl6iOT","uuiInfo":"_4TuINw","uuiSuccess":"ADAsz8","uuiWarning":"IrADbj","uuiHighlight":"OTNO6N","uuiTypographySize12":"_0rgTPU","uuiTypographySize14":"P4mLhB","uuiTypographySize16":"JBiX71"};
 
 const MobileDropdownWrapper = (props) => {
     const isMobileView = uuiCore.isMobile();
@@ -2055,29 +2023,29 @@ const MobileDropdownWrapper = (props) => {
         isMobileView && React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$G.done, size: "48" })));
 };
 
-var _path$u, _path2$1;
-function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
+var _path$t, _path2$4;
+function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
 var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgSearchWithBackground);
+var ForwardRef$u = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
 
-var css$F = {"uui-typography":"EPeUON","hero-header":"-Jiq3-","promo-header":"FHL2ON","uui-critical":"FiKWeX","uui-info":"AU0-zx","uui-success":"Kw3SbC","uui-warning":"qGNZHf","uui-highlight":"ZbR1du","uui-typography-size-12":"_1L7pJK","uui-typography-size-14":"UhePY7","uui-typography-size-16":"PyWP94","sub-header-wrapper":"YLXupt","switch":"n657Xh","no-found-modal-container":"muNBpu","no-found-modal-container-icon":"XR1Q4h","no-found-modal-container-text":"P9spgl","uuiTypography":"EPeUON","heroHeader":"-Jiq3-","promoHeader":"FHL2ON","uuiCritical":"FiKWeX","uuiInfo":"AU0-zx","uuiSuccess":"Kw3SbC","uuiWarning":"qGNZHf","uuiHighlight":"ZbR1du","uuiTypographySize12":"_1L7pJK","uuiTypographySize14":"UhePY7","uuiTypographySize16":"PyWP94","subHeaderWrapper":"YLXupt","$switch$":"n657Xh","noFoundModalContainer":"muNBpu","noFoundModalContainerIcon":"XR1Q4h","noFoundModalContainerText":"P9spgl"};
+var css$F = {"uui-typography":"O24uPr","hero-header":"THE6Ig","promo-header":"IcLbf0","uui-critical":"_8mt9x8","uui-info":"VKifko","uui-success":"VBFi3x","uui-warning":"_7WVA2J","uui-highlight":"l9-Ytf","uui-typography-size-12":"fa4ILu","uui-typography-size-14":"pLygoI","uui-typography-size-16":"rQeCTW","sub-header-wrapper":"dVP60i","switch":"muQHn5","no-found-modal-container":"Ggo7jv","no-found-modal-container-icon":"_1yC2CN","no-found-modal-container-text":"_9TS4-V","uuiTypography":"O24uPr","heroHeader":"THE6Ig","promoHeader":"IcLbf0","uuiCritical":"_8mt9x8","uuiInfo":"VKifko","uuiSuccess":"VBFi3x","uuiWarning":"_7WVA2J","uuiHighlight":"l9-Ytf","uuiTypographySize12":"fa4ILu","uuiTypographySize14":"pLygoI","uuiTypographySize16":"rQeCTW","subHeaderWrapper":"dVP60i","$switch$":"muQHn5","noFoundModalContainer":"Ggo7jv","noFoundModalContainerIcon":"_1yC2CN","noFoundModalContainerText":"_9TS4-V"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, showSelectedLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
@@ -2096,7 +2064,7 @@ function PickerModal(props) {
     };
     const renderNotFound = () => {
         return props.renderNotFound ? (props.renderNotFound({ search: dataSourceState.search, onClose: () => props.success(null) })) : (React__namespace.default.createElement("div", { className: css$F.noFoundModalContainer },
-            React__namespace.default.createElement(uuiComponents.IconContainer, { cx: css$F.noFoundModalContainerIcon, icon: ForwardRef$v }),
+            React__namespace.default.createElement(uuiComponents.IconContainer, { cx: css$F.noFoundModalContainerIcon, icon: ForwardRef$u }),
             React__namespace.default.createElement(Text, { cx: css$F.noFoundModalContainerText, fontWeight: "600", fontSize: "16", lineHeight: "24", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsMessage),
             React__namespace.default.createElement(Text, { cx: css$F.noFoundModalContainerText, fontSize: "12", lineHeight: "18", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsSubTitle)));
     };
@@ -2123,7 +2091,7 @@ function PickerModal(props) {
 const MAX_ITEMS = 100;
 const getMaxItems = (maxItems) => maxItems || maxItems === 0 ? maxItems : MAX_ITEMS;
 
-var css$E = {"uui-typography":"IQ2mR3","hero-header":"HVizBu","promo-header":"_3uDDW1","uui-critical":"UY1TTA","uui-info":"_48GOQP","uui-success":"_124vjO","uui-warning":"i1MWmB","uui-highlight":"_6IH6dp","uui-typography-size-12":"Ld4l5M","uui-typography-size-14":"jBJ4vX","uui-typography-size-16":"B8lBU5","root":"_75LbLy","mode-form":"_70wqS3","mode-cell":"afxJSY","mode-inline":"x4ig6I","size-24":"PJ2cKX","size-30":"cxq-iI","size-36":"UNZ-U-","size-42":"-CEQYi","size-48":"_8JnUIc","uuiTypography":"IQ2mR3","heroHeader":"HVizBu","promoHeader":"_3uDDW1","uuiCritical":"UY1TTA","uuiInfo":"_48GOQP","uuiSuccess":"_124vjO","uuiWarning":"i1MWmB","uuiHighlight":"_6IH6dp","uuiTypographySize12":"Ld4l5M","uuiTypographySize14":"jBJ4vX","uuiTypographySize16":"B8lBU5","modeForm":"_70wqS3","modeCell":"afxJSY","modeInline":"x4ig6I","size24":"PJ2cKX","size30":"cxq-iI","size36":"UNZ-U-","size42":"-CEQYi","size48":"_8JnUIc"};
+var css$E = {"uui-typography":"fvyEad","hero-header":"UX6eFq","promo-header":"J5pOLS","uui-critical":"miv7k9","uui-info":"NReHkN","uui-success":"yPJHqf","uui-warning":"Zx3I2d","uui-highlight":"oNiZ-A","uui-typography-size-12":"flSCK-","uui-typography-size-14":"LbvOKI","uui-typography-size-16":"xcnThf","root":"Tg7E-q","mode-form":"Zhmkh9","mode-cell":"lg4XtS","mode-inline":"uuPhI8","size-24":"KW6Djw","size-30":"I8bxH8","size-36":"TBhDUY","size-42":"_9alZbY","size-48":"onl8w8","uuiTypography":"fvyEad","heroHeader":"UX6eFq","promoHeader":"J5pOLS","uuiCritical":"miv7k9","uuiInfo":"NReHkN","uuiSuccess":"yPJHqf","uuiWarning":"Zx3I2d","uuiHighlight":"oNiZ-A","uuiTypographySize12":"flSCK-","uuiTypographySize14":"LbvOKI","uuiTypographySize16":"xcnThf","modeForm":"Zhmkh9","modeCell":"lg4XtS","modeInline":"uuPhI8","size24":"KW6Djw","size30":"I8bxH8","size36":"TBhDUY","size42":"_9alZbY","size48":"onl8w8"};
 
 const defaultSize$2 = '36';
 const defaultMode$1 = exports.EditMode.FORM;
@@ -2173,7 +2141,7 @@ function PickerTogglerComponent(props, ref) {
 }
 const PickerToggler = React__namespace.forwardRef(PickerTogglerComponent);
 
-var css$D = {"root":"_1OTxJ5","multiline":"jp4A-u","vertical-padding-24":"KUzGVZ","vertical-padding-30":"Fxj6Ea","vertical-padding-36":"GNOTWd","vertical-padding-42":"_1ohYT9","vertical-padding-48":"RA-vMg","text":"kWpsFT","verticalPadding24":"KUzGVZ","verticalPadding30":"Fxj6Ea","verticalPadding36":"GNOTWd","verticalPadding42":"_1ohYT9","verticalPadding48":"RA-vMg"};
+var css$D = {"root":"CPBHWT","multiline":"zxfmT5","vertical-padding-24":"mrBevt","vertical-padding-30":"wmBV8d","vertical-padding-36":"S-tYjA","vertical-padding-42":"wD0hBE","vertical-padding-48":"e8HMUZ","text":"NAHION","verticalPadding24":"mrBevt","verticalPadding30":"wmBV8d","verticalPadding36":"S-tYjA","verticalPadding42":"wD0hBE","verticalPadding48":"e8HMUZ"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -2271,7 +2239,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"]);
@@ -2326,10 +2294,11 @@ function PickerInput(_a) {
     return (React__namespace.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: !uuiCore.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: !uuiCore.isMobile(), portalTarget: props.portalTarget, ref: ref }));
 }
+const PickerInput = React__namespace.default.forwardRef(PickerInputComponent);
 
-var css$C = {"row":"HpmJGG"};
+var css$C = {"row":"vFCCfu"};
 
 function PickerListItem(props) {
     var _a;
@@ -2388,7 +2357,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":"y-KTr8","hero-header":"ZBHE7z","promo-header":"_7ziD2z","uui-critical":"PtFuwQ","uui-info":"P9v98y","uui-success":"taRq8T","uui-warning":"BA-d7L","uui-highlight":"d6MiNP","uui-typography-size-12":"-tx3UR","uui-typography-size-14":"hUjnPv","uui-typography-size-16":"BPlOq9","root":"iqFK1i","title-wrapper":"HwAYWs","title":"CCYtKG","text-wrapper":"GO7DDh","selection":"dreMN0","postfix":"XsLJWL","selected":"zCcx23","uuiTypography":"y-KTr8","heroHeader":"ZBHE7z","promoHeader":"_7ziD2z","uuiCritical":"PtFuwQ","uuiInfo":"P9v98y","uuiSuccess":"taRq8T","uuiWarning":"BA-d7L","uuiHighlight":"d6MiNP","uuiTypographySize12":"-tx3UR","uuiTypographySize14":"hUjnPv","uuiTypographySize16":"BPlOq9","titleWrapper":"HwAYWs","textWrapper":"GO7DDh"};
+var css$B = {"uui-typography":"_3wG95O","hero-header":"inKNK0","promo-header":"-F2TtH","uui-critical":"sK-QO3","uui-info":"LMTRO-","uui-success":"xyPaPI","uui-warning":"cvO7Lt","uui-highlight":"MyOiQN","uui-typography-size-12":"npH0sl","uui-typography-size-14":"uCdNi9","uui-typography-size-16":"uFvidA","root":"luBKJF","title-wrapper":"HPvH6U","title":"ifRB9a","text-wrapper":"hZsoV6","selection":"QQsmtK","postfix":"aope2B","selected":"JwZqfG","uuiTypography":"_3wG95O","heroHeader":"inKNK0","promoHeader":"-F2TtH","uuiCritical":"sK-QO3","uuiInfo":"LMTRO-","uuiSuccess":"xyPaPI","uuiWarning":"cvO7Lt","uuiHighlight":"MyOiQN","uuiTypographySize12":"npH0sl","uuiTypographySize14":"uCdNi9","uuiTypographySize16":"uFvidA","titleWrapper":"HPvH6U","textWrapper":"hZsoV6"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = React__namespace.forwardRef((props, ref) => {
@@ -2493,7 +2462,7 @@ class FilterDatePickerBody extends uuiComponents.BaseDatePicker {
     }
 }
 
-var css$A = {"uui-typography":"r4crQd","hero-header":"iWlZiX","promo-header":"HqymvO","uui-critical":"ykyFmQ","uui-info":"v-6xJp","uui-success":"Av2Ud-","uui-warning":"WYaEIz","uui-highlight":"zgUXIw","uui-typography-size-12":"_251ynq","uui-typography-size-14":"feIiBr","uui-typography-size-16":"yETphR","date-input":"hZzMjC","size-24":"FgXH8r","size-30":"mIHpcg","size-36":"Db3npl","size-42":"WhwGsf","size-48":"sviphY","date-input-group":"_3hqKZt","separator":"NMaLgJ","mode-form":"_1-pGpS","mode-cell":"aVdN-F","uuiTypography":"r4crQd","heroHeader":"iWlZiX","promoHeader":"HqymvO","uuiCritical":"ykyFmQ","uuiInfo":"v-6xJp","uuiSuccess":"Av2Ud-","uuiWarning":"WYaEIz","uuiHighlight":"zgUXIw","uuiTypographySize12":"_251ynq","uuiTypographySize14":"feIiBr","uuiTypographySize16":"yETphR","dateInput":"hZzMjC","size24":"FgXH8r","size30":"mIHpcg","size36":"Db3npl","size42":"WhwGsf","size48":"sviphY","dateInputGroup":"_3hqKZt","modeForm":"_1-pGpS","modeCell":"aVdN-F"};
+var css$A = {"uui-typography":"UBzfd1","hero-header":"UK0X7L","promo-header":"hoH61j","uui-critical":"TrSlw7","uui-info":"YWlwup","uui-success":"lqAHlt","uui-warning":"Mab--f","uui-highlight":"Rhj0cO","uui-typography-size-12":"nThfQN","uui-typography-size-14":"vfrmR9","uui-typography-size-16":"_622rI0","date-input":"_6HsqfJ","size-24":"GXOeC5","size-30":"MIphb-","size-36":"aNNR-1","size-42":"JesOkZ","size-48":"U0pm33","date-input-group":"vntfvT","separator":"YMmBsw","mode-form":"XpjBkM","mode-cell":"Ov-lrL","uuiTypography":"UBzfd1","heroHeader":"UK0X7L","promoHeader":"hoH61j","uuiCritical":"TrSlw7","uuiInfo":"YWlwup","uuiSuccess":"lqAHlt","uuiWarning":"Mab--f","uuiHighlight":"Rhj0cO","uuiTypographySize12":"nThfQN","uuiTypographySize14":"vfrmR9","uuiTypographySize16":"_622rI0","dateInput":"_6HsqfJ","size24":"GXOeC5","size30":"MIphb-","size36":"aNNR-1","size42":"JesOkZ","size48":"U0pm33","dateInputGroup":"vntfvT","modeForm":"XpjBkM","modeCell":"Ov-lrL"};
 
 class FilterRangeDatePickerBody extends uuiComponents.BaseRangeDatePicker {
     constructor() {
@@ -2525,7 +2494,7 @@ class FilterRangeDatePickerBody extends uuiComponents.BaseRangeDatePicker {
     }
 }
 
-var css$z = {"container":"eZmMmw"};
+var css$z = {"container":"l3GQ-A"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2600,23 +2569,26 @@ function FilterItemBody(props) {
     }
 }
 
-var _path$t;
-function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$u.apply(this, arguments); }
+var _path$s, _path2$3;
+function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
 var SvgActionDeleteforever12 = function SvgActionDeleteforever12(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
+  }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
-    d: "M14 6v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6h10zm-3-4 1 1h3v2H3V3h3l1-1h4zm-.24 12.1L9 12.36 7.24 14.1l-1.16-1.16 1.74-1.76-1.78-1.8 1.2-1.18L9 10l1.76-1.8 1.18 1.18-1.76 1.8 1.76 1.76-1.18 1.16z"
+    d: "M8.25 5.083 7.667 4.5 6.5 5.667 5.333 4.5l-.583.583L5.917 6.25 4.75 7.417 5.333 8 6.5 6.833 7.667 8l.583-.583L7.083 6.25 8.25 5.083z",
+    clipRule: "evenodd"
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M5 1.5V2H2.5v1H3v6.5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V3h.5V2H8v-.5H5zM4 3h5v6.5H4V3z"
   })));
 };
-var ForwardRef$u = /*#__PURE__*/React.forwardRef(SvgActionDeleteforever12);
+var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgActionDeleteforever12);
 
-var css$y = {"uui-typography":"_58G9Kx","hero-header":"dpX3HI","promo-header":"-rst5-","uui-critical":"tcTHjP","uui-info":"z-ZlOg","uui-success":"l3G0sj","uui-warning":"YzYQLD","uui-highlight":"_30qr6V","uui-typography-size-12":"sK6f5A","uui-typography-size-14":"_9Tejfl","uui-typography-size-16":"_0kZPvP","header":"RbN-iq","removeButton":"_8RRk2l","with-search":"Ikcphn","uuiTypography":"_58G9Kx","heroHeader":"dpX3HI","promoHeader":"-rst5-","uuiCritical":"tcTHjP","uuiInfo":"z-ZlOg","uuiSuccess":"l3G0sj","uuiWarning":"YzYQLD","uuiHighlight":"_30qr6V","uuiTypographySize12":"sK6f5A","uuiTypographySize14":"_9Tejfl","uuiTypographySize16":"_0kZPvP","withSearch":"Ikcphn"};
+var css$y = {"uui-typography":"sKlrEi","hero-header":"Y1qFxx","promo-header":"UHxdP8","uui-critical":"_7xINum","uui-info":"xWlEyi","uui-success":"JjoPes","uui-warning":"TWqvaA","uui-highlight":"_7OA66l","uui-typography-size-12":"f9QqX9","uui-typography-size-14":"WeLMut","uui-typography-size-16":"NqI-W7","header":"BGCfJ0","removeButton":"doDk85","with-search":"tZ70HT","uuiTypography":"sKlrEi","heroHeader":"Y1qFxx","promoHeader":"UHxdP8","uuiCritical":"_7xINum","uuiInfo":"xWlEyi","uuiSuccess":"JjoPes","uuiWarning":"TWqvaA","uuiHighlight":"_7OA66l","uuiTypographySize12":"f9QqX9","uuiTypographySize14":"WeLMut","uuiTypographySize16":"NqI-W7","withSearch":"tZ70HT"};
 
 function FiltersToolbarItemImpl(props) {
     const { maxCount = 2 } = props;
@@ -2694,7 +2666,7 @@ function FiltersToolbarItemImpl(props) {
         var _a;
         return (React__namespace.default.createElement("div", { className: cx__default.default(css$y.header, isPickersType && ((_a = props.showSearch) !== null && _a !== void 0 ? _a : css$y.withSearch)) },
             props.predicates ? (React__namespace.default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: "24" })) : (!hideTitle && (React__namespace.default.createElement(Text, { color: "secondary", size: "24", fontSize: "14" }, props.title))),
-            !(props === null || props === void 0 ? void 0 : props.isAlwaysVisible) && (React__namespace.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__namespace.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;
@@ -2781,20 +2753,20 @@ function FiltersToolbarItemImpl(props) {
 }
 const FiltersPanelItem = React__namespace.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__namespace.createElement("svg", _extends$t({
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
-    d: "M10 2H8v6H2v2h6v6h2v-6h6V8h-6V2z"
+  }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.25 14.25v-4.5h-4.5v-1.5h4.5v-4.5h1.5v4.5h4.5v1.5h-4.5v4.5h-1.5z"
   })));
 };
-var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgActionAdd18);
+var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgActionAdd18);
 
 const normalizeFilterWithPredicates = (filter) => {
     if (!filter) {
@@ -2885,7 +2857,7 @@ function FiltersToolbarImpl(props) {
     }, [filters, tableState.filtersConfig]);
     const renderAddFilterToggler = React.useCallback((togglerProps) => {
         var _a;
-        return (React__namespace.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__namespace.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 = React.useCallback((item) => ({
         isDisabled: item.isAlwaysVisible,
@@ -2912,30 +2884,13 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = React__namespace.default.memo(FiltersToolbarImpl);
 
-var css$x = {"divider":"_0kVczk","dropdownDeleteIcon":"zqqqVu","presetsWrapper":"nuWnzt","addPresetContainer":"PBEtKI","dropContainer":"tUNJRy"};
+var css$x = {"divider":"yL2-Hn","dropdownDeleteIcon":"sA-NWK","presetsWrapper":"LLXvtC","addPresetContainer":"g-1mt6","dropContainer":"bT5VaH"};
 
-var css$w = {"preset-dropdown-panel":"iJNeB1","delete-row":"HqxyRo","delete-button":"NqenSV","targetOpen":"BwR3ZY","presetDropdownPanel":"iJNeB1","deleteRow":"HqxyRo","deleteButton":"NqenSV"};
-
-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__namespace.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__namespace.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__*/React.forwardRef(SvgNavigationMoreVert18);
+var css$w = {"preset-dropdown-panel":"d8nK1Y","delete-row":"K-frIg","delete-button":"_9-UAlV","targetOpen":"ZLXrNy","presetDropdownPanel":"d8nK1Y","deleteRow":"K-frIg","deleteButton":"_9-UAlV"};
 
 var _path$q;
 function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
-var SvgActionUpdate18 = function SvgActionUpdate18(props, ref) {
+var SvgNavigationMoreVert18 = function SvgNavigationMoreVert18(props, ref) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -2944,15 +2899,15 @@ var SvgActionUpdate18 = function SvgActionUpdate18(props, ref) {
     ref: ref
   }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgActionUpdate18);
+var ForwardRef$r = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -2960,14 +2915,14 @@ var SvgSaveOutline18 = function SvgSaveOutline18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgSaveOutline18);
+var ForwardRef$q = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -2975,16 +2930,14 @@ var SvgContentEditUndo18 = function SvgContentEditUndo18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgContentEditUndo18);
+var ForwardRef$p = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -2992,16 +2945,14 @@ var SvgActionCopyContent18 = function SvgActionCopyContent18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgActionCopyContent18);
+var ForwardRef$o = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -3010,15 +2961,15 @@ var SvgContentEdit18 = function SvgContentEdit18(props, ref) {
     ref: ref
   }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgContentEdit18);
+var ForwardRef$n = /*#__PURE__*/React.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__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -3026,16 +2977,14 @@ var SvgContentLink18 = function SvgContentLink18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgContentLink18);
+var ForwardRef$m = /*#__PURE__*/React.forwardRef(SvgContentEdit18);
 
-var _path$k;
+var _path$k, _path2$2;
 function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
-var SvgActionDeleteforever18 = function SvgActionDeleteforever18(props, ref) {
+var SvgContentLink18 = function SvgContentLink18(props, ref) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
@@ -3043,12 +2992,31 @@ var SvgActionDeleteforever18 = function SvgActionDeleteforever18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M9 3.697A3.75 3.75 0 1 1 14.303 9l-.795.796a3.763 3.763 0 0 0-.221-1.902 2.25 2.25 0 0 0-3.226-3.136L7.939 6.879a2.25 2.25 0 0 0-.053 3.127l.053.055-1.06 1.06a3.75 3.75 0 0 1 0-5.303l2.12-2.121z"
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgContentLink18);
+
+var _path$j, _path2$1;
+function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
+var SvgActionDeleteforever18 = function SvgActionDeleteforever18(props, ref) {
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("path", {
     fillRule: "evenodd",
-    d: "M7 2h4l1 1h3v2H3V3h3l1-1zM4 6h10v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6zm6.76 8.1L9 12.36 7.24 14.1l-1.16-1.16 1.74-1.76-1.78-1.8 1.2-1.18L9 10l1.76-1.8 1.18 1.18-1.76 1.8 1.76 1.76-1.18 1.16z",
+    d: "m11.625 7.625-.875-.875L9 8.5 7.25 6.75l-.875.875 1.75 1.75-1.75 1.75.875.875L9 10.25 10.75 12l.875-.875-1.75-1.75 1.75-1.75z",
     clipRule: "evenodd"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M6.75 2.25V3H3v1.5h.75v9.75a1.5 1.5 0 0 0 1.5 1.5h7.5a1.5 1.5 0 0 0 1.5-1.5V4.5H15V3h-3.75v-.75h-4.5zM5.25 4.5h7.5v9.75h-7.5V4.5z"
   })));
 };
-var ForwardRef$l = /*#__PURE__*/React.forwardRef(SvgActionDeleteforever18);
+var ForwardRef$k = /*#__PURE__*/React.forwardRef(SvgActionDeleteforever18);
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = uuiCore.useUuiContext();
@@ -3085,30 +3053,30 @@ function PresetActionsDropdown(props) {
     ]);
     const renderBody = () => {
         const isReadonlyPreset = props.preset.isReadonly;
-        return (React__namespace.default.createElement(Panel, { background: "surface", shadow: true, cx: css$w.presetDropdownPanel },
+        return (React__namespace.default.createElement(Panel, { background: "surface-main", shadow: true, cx: css$w.presetDropdownPanel },
             props.activePresetId === props.preset.id && props.hasPresetChanged(props.preset) && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
                 !isReadonlyPreset && (React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-save-in-current` },
-                    React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$r, caption: "Save in current", onClick: saveInCurrentHandler }))),
+                    React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$q, caption: "Save in current", onClick: saveInCurrentHandler }))),
                 React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-save-as-new` },
-                    React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$q, caption: "Save as new", onClick: props.addPreset })),
+                    React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$p, caption: "Save as new", onClick: props.addPreset })),
                 React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-discard`, borderBottom: true },
-                    React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$p, caption: "Discard all changes", onClick: discardAllChangesHandler })))),
+                    React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$o, caption: "Discard all changes", onClick: discardAllChangesHandler })))),
             props.preset.id === props.activePresetId && !isReadonlyPreset && (React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-rename` },
-                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$n, caption: "Rename", onClick: props.renamePreset }))),
+                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$m, caption: "Rename", onClick: props.renamePreset }))),
             React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-duplicate` },
-                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$o, caption: "Duplicate", onClick: duplicateHandler })),
+                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$n, caption: "Duplicate", onClick: duplicateHandler })),
             React__namespace.default.createElement(FlexRow, { borderBottom: true, key: `${props.preset.id}-copyLink` },
-                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$m, caption: "Copy Link", onClick: copyUrlToClipboard })),
+                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$l, caption: "Copy Link", onClick: copyUrlToClipboard })),
             !isReadonlyPreset && (React__namespace.default.createElement(FlexRow, { key: `${props.preset.id}-delete`, cx: css$w.deleteRow },
-                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$l, caption: "Delete", cx: css$w.deleteButton, onClick: deleteHandler })))));
+                React__namespace.default.createElement(DropdownMenuButton, { icon: ForwardRef$k, caption: "Delete", cx: css$w.deleteButton, onClick: deleteHandler })))));
     };
     const renderTarget = React.useCallback((dropdownProps) => {
-        return (React__namespace.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__namespace.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__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$v = {"preset-input-cell":"CIKWSN","preset-input":"LyEVnU","presetInputCell":"CIKWSN","presetInput":"LyEVnU"};
+var css$v = {"preset-input-cell":"DVAdoH","preset-input":"wRmadV","presetInputCell":"DVAdoH","presetInput":"wRmadV"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -3138,7 +3106,7 @@ function PresetInput(props) {
         React__namespace.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":"LOschS","activePreset":"Tep7oj"};
+var css$u = {"preset":"KdBigM","activePreset":"IuKIPZ"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = React.useState(false);
@@ -3159,21 +3127,6 @@ function Preset(props) {
     return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__namespace.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__namespace.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__namespace.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__namespace.createElement("path", {
-    d: "M10.5 3h-3v4.5H3v3h4.5V15h3v-4.5H15v-3h-4.5V3z"
-  })));
-};
-var ForwardRef$k = /*#__PURE__*/React.forwardRef(SvgContentPlusBold18);
-
 function PresetsPanel(props) {
     const [isAddingPreset, setIsAddingPreset] = React.useState(false);
     const setAddingPreset = React.useCallback(() => {
@@ -3187,7 +3140,7 @@ function PresetsPanel(props) {
         return React__namespace.default.createElement(Preset, Object.assign({ key: preset.id, preset: preset, addPreset: setAddingPreset }, presetApi));
     };
     const renderAddPresetButton = React.useCallback(() => {
-        return (React__namespace.default.createElement("div", { key: "addingPresetBlock", className: css$x.addPresetContainer }, !isAddingPreset ? (React__namespace.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__namespace.default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
+        return (React__namespace.default.createElement("div", { key: "addingPresetBlock", className: css$x.addPresetContainer }, !isAddingPreset ? (React__namespace.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__namespace.default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
     }, [isAddingPreset]);
     const onPresetDropdownSelect = (preset) => {
         props.choosePreset(preset.preset);
@@ -3196,7 +3149,7 @@ function PresetsPanel(props) {
         return (React__namespace.default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__namespace.default.createElement(FlexRow, null,
                 React__namespace.default.createElement("div", { className: css$x.divider }),
                 React__namespace.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__namespace.default.createElement(DropdownContainer, Object.assign({ cx: uuiCore.cx(css$x.dropContainer), width: 230 }, propsBody),
-                React__namespace.default.createElement(uuiComponents.ScrollBars, null, hiddenItems.map((hiddenItem) => (React__namespace.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__namespace.default.createElement(uuiComponents.ScrollBars, null, hiddenItems.map((hiddenItem) => (React__namespace.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;
@@ -3252,7 +3205,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$t = {"line-height-12":"_9-Kvme","line-height-18":"NeosRz","line-height-24":"vBbvFQ","line-height-30":"_2sJZ8R","font-size-10":"DDJQ7O","font-size-12":"l4XCXm","font-size-14":"n6bC1R","font-size-16":"yDtpD1","font-size-18":"WmusOs","font-size-24":"jPgLZ-","v-padding-2":"C6Nh-l","v-padding-3":"_2Fzs4y","v-padding-5":"IyGaVx","v-padding-6":"aZoFlH","v-padding-8":"CZk-F9","v-padding-9":"juw3e0","v-padding-11":"P-onLA","v-padding-12":"qOrYWf","v-padding-14":"q5-4RI","v-padding-15":"SmcznN","v-padding-17":"rMzSt7","v-padding-18":"tJdjK8","v-padding-23":"gO8jM8","v-padding-24":"nPsqrO","lineHeight12":"_9-Kvme","lineHeight18":"NeosRz","lineHeight24":"vBbvFQ","lineHeight30":"_2sJZ8R","fontSize10":"DDJQ7O","fontSize12":"l4XCXm","fontSize14":"n6bC1R","fontSize16":"yDtpD1","fontSize18":"WmusOs","fontSize24":"jPgLZ-","vPadding2":"C6Nh-l","vPadding3":"_2Fzs4y","vPadding5":"IyGaVx","vPadding6":"aZoFlH","vPadding8":"CZk-F9","vPadding9":"juw3e0","vPadding11":"P-onLA","vPadding12":"qOrYWf","vPadding14":"q5-4RI","vPadding15":"SmcznN","vPadding17":"rMzSt7","vPadding18":"tJdjK8","vPadding23":"gO8jM8","vPadding24":"nPsqrO"};
+var css$t = {"line-height-12":"Fp3l18","line-height-18":"bMHv1b","line-height-24":"_0vrDSc","line-height-30":"f3HVvY","font-size-10":"eZfEO1","font-size-12":"K6wYvs","font-size-14":"_2Im5Lb","font-size-16":"_548szD","font-size-18":"xbLC-O","font-size-24":"_4xK21f","v-padding-2":"yUC-tr","v-padding-3":"mk6rHg","v-padding-5":"_6KnyXc","v-padding-6":"hvbtz2","v-padding-8":"_1x4Izm","v-padding-9":"BS9DtA","v-padding-11":"_1VfIWW","v-padding-12":"zMUOsT","v-padding-14":"_5WLckX","v-padding-15":"hWUKGO","v-padding-17":"na4-VY","v-padding-18":"jJwGgC","v-padding-23":"xodslJ","v-padding-24":"SGNrnH","lineHeight12":"Fp3l18","lineHeight18":"bMHv1b","lineHeight24":"_0vrDSc","lineHeight30":"f3HVvY","fontSize10":"eZfEO1","fontSize12":"K6wYvs","fontSize14":"_2Im5Lb","fontSize16":"_548szD","fontSize18":"xbLC-O","fontSize24":"_4xK21f","vPadding2":"yUC-tr","vPadding3":"mk6rHg","vPadding5":"_6KnyXc","vPadding6":"hvbtz2","vPadding8":"_1x4Izm","vPadding9":"BS9DtA","vPadding11":"_1VfIWW","vPadding12":"zMUOsT","vPadding14":"_5WLckX","vPadding15":"hWUKGO","vPadding17":"na4-VY","vPadding18":"jJwGgC","vPadding23":"xodslJ","vPadding24":"SGNrnH"};
 
 const defaultTextSettings = {
     18: { lineHeight: 12, fontSize: 10 },
@@ -3278,9 +3231,8 @@ function getTextClasses(props, border) {
     ];
 }
 
-var css$s = {"root":"AvZNuX"};
+var css$s = {"root":"sYS5r6"};
 
-const allTextColors = ['info', 'warning', 'error', 'success', 'brand', 'primary', 'secondary', 'disabled', 'white'];
 function applyTextMods(mods) {
     const textClasses = getTextClasses({
         size: mods.size || '36',
@@ -3298,7 +3250,7 @@ function applyTextMods(mods) {
 }
 const Text = uuiCore.withMods(uuiComponents.Text, applyTextMods);
 
-var css$r = {"root":"A1qUxQ","loading-word":"yNdBiK","animated-loading":"_5gwGKP","skeleton_loading":"_8zanJa","loadingWord":"yNdBiK","animatedLoading":"_5gwGKP","skeletonLoading":"_8zanJa"};
+var css$r = {"root":"AkEw9S","loading-word":"CgrbyI","animated-loading":"qtTojE","skeleton_loading":"hLMWPb","loadingWord":"CgrbyI","animatedLoading":"qtTojE","skeletonLoading":"hLMWPb"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3317,7 +3269,7 @@ const TextPlaceholder = (props) => {
 
 const RichTextView = uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
 
-var css$q = {"uui-typography":"_3m2ia-","hero-header":"QV5Irc","promo-header":"_2X7Ml0","uui-critical":"DXrVma","uui-info":"_7-t119","uui-success":"b1O14S","uui-warning":"AzUgCo","uui-highlight":"BTYSdp","uui-typography-size-12":"Vulk8R","uui-typography-size-14":"w3Pe-O","uui-typography-size-16":"OiW60H","root":"_9yajsK","modal-blocker":"dhELVi","animateModalBlocker":"F8eXlN","modal":"lIAaFf","modal-footer":"utaStx","border-top":"wG4Y0q","modal-header":"zKe51J","uuiTypography":"_3m2ia-","heroHeader":"QV5Irc","promoHeader":"_2X7Ml0","uuiCritical":"DXrVma","uuiInfo":"_7-t119","uuiSuccess":"b1O14S","uuiWarning":"AzUgCo","uuiHighlight":"BTYSdp","uuiTypographySize12":"Vulk8R","uuiTypographySize14":"w3Pe-O","uuiTypographySize16":"OiW60H","modalBlocker":"dhELVi","modalFooter":"utaStx","borderTop":"wG4Y0q","modalHeader":"zKe51J"};
+var css$q = {"uui-typography":"AYyYSz","hero-header":"BquhoT","promo-header":"_1eJT7b","uui-critical":"vqCtrw","uui-info":"rSNEtP","uui-success":"rTy7QA","uui-warning":"sckmOD","uui-highlight":"bQF1Ic","uui-typography-size-12":"LMEgeM","uui-typography-size-14":"_5ch62-","uui-typography-size-16":"_1-dvP1","root":"RODpD1","modal-blocker":"WxY0-F","animateModalBlocker":"QB8Gk0","modal":"-yxAdV","modal-footer":"-gdyRQ","border-top":"JTV4s6","modal-header":"VYwuRP","uuiTypography":"AYyYSz","heroHeader":"BquhoT","promoHeader":"_1eJT7b","uuiCritical":"vqCtrw","uuiInfo":"rSNEtP","uuiSuccess":"rTy7QA","uuiWarning":"sckmOD","uuiHighlight":"bQF1Ic","uuiTypographySize12":"LMEgeM","uuiTypographySize14":"_5ch62-","uuiTypographySize16":"_1-dvP1","modalBlocker":"WxY0-F","modalFooter":"-gdyRQ","borderTop":"JTV4s6","modalHeader":"VYwuRP"};
 
 const ModalBlocker = uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$q.modalBlocker]);
 const ModalWindow = uuiCore.withMods(uuiComponents.ModalWindow, () => [css$q.root, css$q.modal], (props) => ({
@@ -3330,7 +3282,7 @@ class ModalHeader extends React__namespace.Component {
             this.props.children,
             this.props.onClose && React__namespace.createElement(uuiComponents.FlexSpacer, null),
             this.props.onClose && (React__namespace.createElement(FlexCell, { shrink: 0, width: "auto" },
-                React__namespace.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$B, onClick: this.props.onClose })))));
+                React__namespace.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$A, onClick: this.props.onClose })))));
     }
 }
 class ModalFooter extends React__namespace.Component {
@@ -3360,7 +3312,7 @@ var SvgCross = function SvgCross(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgCross);
 
-var css$p = {"uui-typography":"xsP54F","hero-header":"_6qCy6r","promo-header":"prymO0","uui-critical":"rNADR5","uui-info":"JlLhXT","uui-success":"HZ5ckc","uui-warning":"Zr4ZyG","uui-highlight":"-z5E5x","uui-typography-size-12":"ojBglN","uui-typography-size-14":"BWtOp-","uui-typography-size-16":"_2zUBcV","root":"rNkK32","icon-wrapper":"niRzMJ","action-wrapper":"luNm8H","action-link":"dSiSBx","close-icon":"rZnlIL","main-path":"_590yVc","content":"sJVn23","clear-button":"XWm4HZ","close-wrapper":"PZK502","uuiTypography":"xsP54F","heroHeader":"_6qCy6r","promoHeader":"prymO0","uuiCritical":"rNADR5","uuiInfo":"JlLhXT","uuiSuccess":"HZ5ckc","uuiWarning":"Zr4ZyG","uuiHighlight":"-z5E5x","uuiTypographySize12":"ojBglN","uuiTypographySize14":"BWtOp-","uuiTypographySize16":"_2zUBcV","iconWrapper":"niRzMJ","actionWrapper":"luNm8H","actionLink":"dSiSBx","closeIcon":"rZnlIL","mainPath":"_590yVc","clearButton":"XWm4HZ","closeWrapper":"PZK502"};
+var css$p = {"uui-typography":"L-WgK6","hero-header":"SQzCpo","promo-header":"jncBJS","uui-critical":"Cw8YFz","uui-info":"wmcal6","uui-success":"m9jv-u","uui-warning":"_2z-01k","uui-highlight":"ofCRVh","uui-typography-size-12":"ZdsVkL","uui-typography-size-14":"EVi01k","uui-typography-size-16":"I9YTtn","root":"LGsu9I","icon-wrapper":"hiqzyZ","action-wrapper":"mqtUuc","action-link":"blgyzS","close-icon":"nSbqFK","main-path":"osovkm","content":"_1s-JXc","clear-button":"WIakaQ","close-wrapper":"-UdQ6N","uuiTypography":"L-WgK6","heroHeader":"SQzCpo","promoHeader":"jncBJS","uuiCritical":"Cw8YFz","uuiInfo":"wmcal6","uuiSuccess":"m9jv-u","uuiWarning":"_2z-01k","uuiHighlight":"ofCRVh","uuiTypographySize12":"ZdsVkL","uuiTypographySize14":"EVi01k","uuiTypographySize16":"I9YTtn","iconWrapper":"hiqzyZ","actionWrapper":"mqtUuc","actionLink":"blgyzS","closeIcon":"nSbqFK","mainPath":"osovkm","clearButton":"WIakaQ","closeWrapper":"-UdQ6N"};
 
 const NotificationCard = React__namespace.default.forwardRef((props, ref) => {
     const notificationCardNode = React__namespace.default.useRef(null);
@@ -3385,10 +3337,10 @@ const NotificationCard = React__namespace.default.forwardRef((props, ref) => {
             props.onClose && (React__namespace.default.createElement("div", { className: css$p.closeWrapper },
                 React__namespace.default.createElement(IconButton, { icon: ForwardRef$j, color: "neutral", onClick: props.onClose, cx: css$p.closeIcon }))))));
 });
-const WarningNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$E, color: "warning" }, props, { ref: ref, cx: props.cx }))));
-const SuccessNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$F, color: "success" }, props, { ref: ref, cx: props.cx }))));
-const HintNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$C, color: "info" }, props, { ref: ref, cx: props.cx }))));
-const ErrorNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$D, color: "error" }, props, { ref: ref, cx: props.cx }))));
+const WarningNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$D, color: "warning" }, props, { ref: ref, cx: props.cx }))));
+const SuccessNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$E, color: "success" }, props, { ref: ref, cx: props.cx }))));
+const HintNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$B, color: "info" }, props, { ref: ref, cx: props.cx }))));
+const ErrorNotification = React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$C, color: "error" }, props, { ref: ref, cx: props.cx }))));
 class ClearNotification extends React__namespace.default.Component {
     render() {
         return (React__namespace.default.createElement("div", { className: cx__default.default(css$p.notificationWrapper, css$p.clearButton) },
@@ -3401,7 +3353,7 @@ class ConfirmationModal extends React__namespace.Component {
     render() {
         let bodyContent;
         if (this.props.bodyContent) {
-            bodyContent = React__namespace.createElement(Panel, { background: "surface", margin: "24" }, this.props.bodyContent);
+            bodyContent = React__namespace.createElement(Panel, { background: "surface-main", margin: "24" }, this.props.bodyContent);
         }
         return (React__namespace.createElement(ModalBlocker, Object.assign({}, this.props),
             React__namespace.createElement(ModalWindow, { width: 420 },
@@ -3415,7 +3367,7 @@ class ConfirmationModal extends React__namespace.Component {
 }
 
 const defaultMode = exports.EditMode.FORM;
-class DatePicker extends uuiComponents.BaseDatePicker {
+class DatePickerComponent extends uuiComponents.BaseDatePicker {
     constructor() {
         super(...arguments);
         this.renderInput = (props) => {
@@ -3441,15 +3393,16 @@ class DatePicker extends uuiComponents.BaseDatePicker {
             _c.call(_b)));
     }
 }
+const DatePicker = uuiCore.withMods(DatePickerComponent);
 
-var css$o = {"uui-typography":"ad-IKV","hero-header":"_5MOTWN","promo-header":"Vc6GP-","uui-critical":"ToB1CM","uui-info":"ljKEep","uui-success":"eMyz0Z","uui-warning":"_6zWBPE","uui-highlight":"iYEpO7","uui-typography-size-12":"yZ8qd-","uui-typography-size-14":"-tuokv","uui-typography-size-16":"kB3-gh","root":"F52L--","uuiTypography":"ad-IKV","heroHeader":"_5MOTWN","promoHeader":"Vc6GP-","uuiCritical":"ToB1CM","uuiInfo":"ljKEep","uuiSuccess":"eMyz0Z","uuiWarning":"_6zWBPE","uuiHighlight":"iYEpO7","uuiTypographySize12":"yZ8qd-","uuiTypographySize14":"-tuokv","uuiTypographySize16":"kB3-gh"};
+var css$o = {"uui-typography":"K4NAbV","hero-header":"OL0MDw","promo-header":"vpztKN","uui-critical":"OWUG6k","uui-info":"CmeuNP","uui-success":"u3q8lr","uui-warning":"_9NJFI5","uui-highlight":"PUhUyj","uui-typography-size-12":"b-3CIV","uui-typography-size-14":"gEfcNj","uui-typography-size-16":"sWGSkG","root":"e2J17q","uuiTypography":"K4NAbV","heroHeader":"OL0MDw","promoHeader":"vpztKN","uuiCritical":"OWUG6k","uuiInfo":"CmeuNP","uuiSuccess":"u3q8lr","uuiWarning":"_9NJFI5","uuiHighlight":"PUhUyj","uuiTypographySize12":"b-3CIV","uuiTypographySize14":"gEfcNj","uuiTypographySize16":"sWGSkG"};
 
 function applyCalendarPresetsMods() {
     return [css$o.root];
 }
 const CalendarPresets = uuiCore.withMods(uuiComponents.CalendarPresets, applyCalendarPresetsMods, () => ({}));
 
-var css$n = {"uui-typography":"v-PW8-","hero-header":"M788FQ","promo-header":"p2Jei9","uui-critical":"EN0mcG","uui-info":"kX-smG","uui-success":"cWyblb","uui-warning":"_7uwYk2","uui-highlight":"c4Lusq","uui-typography-size-12":"d4jGCX","uui-typography-size-14":"QFnC-n","uui-typography-size-16":"AP-3Fo","root":"_6P-P-p","container":"ZNOa-O","day-selection":"bKxR6-","from-picker":"Y4bFd8","to-picker":"_854LhE","bodes-wrapper":"Vuf0Jn","blocker":"_8YRrF-","uuiTypography":"v-PW8-","heroHeader":"M788FQ","promoHeader":"p2Jei9","uuiCritical":"EN0mcG","uuiInfo":"kX-smG","uuiSuccess":"cWyblb","uuiWarning":"_7uwYk2","uuiHighlight":"c4Lusq","uuiTypographySize12":"d4jGCX","uuiTypographySize14":"QFnC-n","uuiTypographySize16":"AP-3Fo","daySelection":"bKxR6-","fromPicker":"Y4bFd8","toPicker":"_854LhE","bodesWrapper":"Vuf0Jn"};
+var css$n = {"uui-typography":"JB5pf5","hero-header":"wjj8yA","promo-header":"tygj3k","uui-critical":"_8iZmLG","uui-info":"pFRiFi","uui-success":"_4pEI4A","uui-warning":"RE6CRE","uui-highlight":"tPbVZY","uui-typography-size-12":"IZ5Xz9","uui-typography-size-14":"vz-WQ0","uui-typography-size-16":"hyY9uJ","root":"niHBEz","container":"cse0NS","day-selection":"gAv4f0","from-picker":"JRN1MT","to-picker":"_6-ke1b","bodes-wrapper":"nT3ENo","blocker":"nrYcOu","uuiTypography":"JB5pf5","heroHeader":"wjj8yA","promoHeader":"tygj3k","uuiCritical":"_8iZmLG","uuiInfo":"pFRiFi","uuiSuccess":"_4pEI4A","uuiWarning":"RE6CRE","uuiHighlight":"tPbVZY","uuiTypographySize12":"IZ5Xz9","uuiTypographySize14":"vz-WQ0","uuiTypographySize16":"hyY9uJ","daySelection":"gAv4f0","fromPicker":"JRN1MT","toPicker":"_6-ke1b","bodesWrapper":"nT3ENo"};
 
 dayjs__default.default.extend(isoWeek__default.default);
 function weekCount(displayedDate) {
@@ -3610,10 +3563,10 @@ class RangeDatePickerBody extends React__namespace.Component {
     }
 }
 
-var css$m = {"uui-typography":"D-88je","hero-header":"w60AKv","promo-header":"apBk0R","uui-critical":"zRufJ3","uui-info":"vpTXaH","uui-success":"_0wNcV-","uui-warning":"mMC6q3","uui-highlight":"hdQXO6","uui-typography-size-12":"_2BkVLb","uui-typography-size-14":"W5aSPR","uui-typography-size-16":"mQ-EMx","dropdown-container":"YbE-Ve","date-input":"_3ybsJF","size-24":"WwUUOD","size-30":"Sy-CEX","size-36":"tpeV7L","size-42":"ue62MV","size-48":"mlXl80","date-input-group":"_8wwuqw","separator":"_9xmihL","mode-form":"_34UIrv","mode-cell":"TBo2Gb","uuiTypography":"D-88je","heroHeader":"w60AKv","promoHeader":"apBk0R","uuiCritical":"zRufJ3","uuiInfo":"vpTXaH","uuiSuccess":"_0wNcV-","uuiWarning":"mMC6q3","uuiHighlight":"hdQXO6","uuiTypographySize12":"_2BkVLb","uuiTypographySize14":"W5aSPR","uuiTypographySize16":"mQ-EMx","dropdownContainer":"YbE-Ve","dateInput":"_3ybsJF","size24":"WwUUOD","size30":"Sy-CEX","size36":"tpeV7L","size42":"ue62MV","size48":"mlXl80","dateInputGroup":"_8wwuqw","modeForm":"_34UIrv","modeCell":"TBo2Gb"};
+var css$m = {"uui-typography":"_9zlC3Z","hero-header":"-efbXn","promo-header":"A1oh-o","uui-critical":"N6e-Uf","uui-info":"DVEjE6","uui-success":"_6YRRcO","uui-warning":"FLpkxn","uui-highlight":"WCNgjW","uui-typography-size-12":"NdpS33","uui-typography-size-14":"qK8RmZ","uui-typography-size-16":"CoeCch","dropdown-container":"NpEZ9h","date-input":"T5vdcR","size-24":"_6HKT1m","size-30":"O71B0S","size-36":"-MeUKo","size-42":"_4Uw-lw","size-48":"LJdXUo","date-input-group":"h40dNH","separator":"-TtInv","mode-form":"voi42l","mode-cell":"peO7a0","uuiTypography":"_9zlC3Z","heroHeader":"-efbXn","promoHeader":"A1oh-o","uuiCritical":"N6e-Uf","uuiInfo":"DVEjE6","uuiSuccess":"_6YRRcO","uuiWarning":"FLpkxn","uuiHighlight":"WCNgjW","uuiTypographySize12":"NdpS33","uuiTypographySize14":"qK8RmZ","uuiTypographySize16":"CoeCch","dropdownContainer":"NpEZ9h","dateInput":"T5vdcR","size24":"_6HKT1m","size30":"O71B0S","size36":"-MeUKo","size42":"_4Uw-lw","size48":"LJdXUo","dateInputGroup":"h40dNH","modeForm":"voi42l","modeCell":"peO7a0"};
 
 const defaultValue = { from: null, to: null };
-class RangeDatePicker extends uuiComponents.BaseRangeDatePicker {
+class RangeDatePickerComponent extends uuiComponents.BaseRangeDatePicker {
     constructor() {
         super(...arguments);
         this.renderInput = (props) => {
@@ -3642,8 +3595,9 @@ class RangeDatePicker extends uuiComponents.BaseRangeDatePicker {
                 React__namespace.createElement(RangeDatePickerBody, { cx: cx__default.default(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 = uuiCore.withMods(RangeDatePickerComponent);
 
-var css$l = {"root":"_5MHELe","blocker":"gRHSKQ","marker":"Kyqm41","top":"PKX2OI","bottom":"_0L9Lnd","left":"Fr-6Ud","right":"YPduZe","inside":"Z38iSE"};
+var css$l = {"root":"Uykk5-","blocker":"dKVyvR","marker":"JsHrP4","top":"USY5oJ","bottom":"_249V8x","left":"PL3Ro-","right":"y8gXet","inside":"BR6v1U"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3658,7 +3612,7 @@ function DropMarker(props) {
         : null;
 }
 
-var css$k = {"uui-typography":"jJelAJ","hero-header":"_9GAs2A","promo-header":"i7jmAL","uui-critical":"FprT06","uui-info":"FMcnTQ","uui-success":"Nx8LY1","uui-warning":"_0eiBp5","uui-highlight":"CfbuHN","uui-typography-size-12":"JkEZF4","uui-typography-size-14":"QrV-lI","uui-typography-size-16":"M7Dno-","root":"VvIMAG","size-24":"PQhsh8","size-30":"HCXfEm","size-36":"Stvuee","size-48":"bVDtpa","size-60":"LjAbLz","uuiTypography":"jJelAJ","heroHeader":"_9GAs2A","promoHeader":"i7jmAL","uuiCritical":"FprT06","uuiInfo":"FMcnTQ","uuiSuccess":"Nx8LY1","uuiWarning":"_0eiBp5","uuiHighlight":"CfbuHN","uuiTypographySize12":"JkEZF4","uuiTypographySize14":"QrV-lI","uuiTypographySize16":"M7Dno-","size24":"PQhsh8","size30":"HCXfEm","size36":"Stvuee","size48":"bVDtpa","size60":"LjAbLz"};
+var css$k = {"uui-typography":"P-bjRb","hero-header":"kAn8qp","promo-header":"YUpkTE","uui-critical":"_6OriWk","uui-info":"gL7oqG","uui-success":"HaJkwr","uui-warning":"YUckWv","uui-highlight":"MwtXFj","uui-typography-size-12":"DK0Us7","uui-typography-size-14":"_21EQna","uui-typography-size-16":"_8ROBb-","root":"ZehXY5","size-24":"gtYwVG","size-30":"YH-jWS","size-36":"HtRTqM","size-48":"uWTaZu","size-60":"fBxOp-","uuiTypography":"P-bjRb","heroHeader":"kAn8qp","promoHeader":"YUpkTE","uuiCritical":"_6OriWk","uuiInfo":"gL7oqG","uuiSuccess":"HaJkwr","uuiWarning":"YUckWv","uuiHighlight":"MwtXFj","uuiTypographySize12":"DK0Us7","uuiTypographySize14":"_21EQna","uuiTypographySize16":"_8ROBb-","size24":"gtYwVG","size30":"YH-jWS","size36":"HtRTqM","size48":"uWTaZu","size60":"fBxOp-"};
 
 // Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
 // As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
@@ -3674,7 +3628,7 @@ const DataTableRow = uuiCore.withMods(uuiComponents.DataTableRow, ({ borderBotto
     ];
 }, () => propsMods);
 
-var css$j = {"uui-typography":"AlGpad","hero-header":"_9upFYP","promo-header":"hq7D6o","uui-critical":"JG9Pfg","uui-info":"Zzvlhp","uui-success":"P-okOq","uui-warning":"mahCSk","uui-highlight":"brZp-9","uui-typography-size-12":"CJoYxS","uui-typography-size-14":"Gxrz2n","uui-typography-size-16":"-tZsZv","sorting-panel-container":"_5glXw2","sort-active":"hSw-TT","uuiTypography":"AlGpad","heroHeader":"_9upFYP","promoHeader":"hq7D6o","uuiCritical":"JG9Pfg","uuiInfo":"Zzvlhp","uuiSuccess":"P-okOq","uuiWarning":"mahCSk","uuiHighlight":"brZp-9","uuiTypographySize12":"CJoYxS","uuiTypographySize14":"Gxrz2n","uuiTypographySize16":"-tZsZv","sortingPanelContainer":"_5glXw2","sortActive":"hSw-TT"};
+var css$j = {"uui-typography":"QapMH5","hero-header":"nTaZQk","promo-header":"Sjprgu","uui-critical":"x6U33H","uui-info":"yq7QAM","uui-success":"hB01EC","uui-warning":"dEqi2V","uui-highlight":"YdmwgM","uui-typography-size-12":"o96O7C","uui-typography-size-14":"eC0ibM","uui-typography-size-16":"p05qKp","sorting-panel-container":"HRhkJl","sort-active":"pcw4St","uuiTypography":"QapMH5","heroHeader":"nTaZQk","promoHeader":"Sjprgu","uuiCritical":"x6U33H","uuiInfo":"yq7QAM","uuiSuccess":"hB01EC","uuiWarning":"dEqi2V","uuiHighlight":"YdmwgM","uuiTypographySize12":"o96O7C","uuiTypographySize14":"eC0ibM","uuiTypographySize16":"p05qKp","sortingPanelContainer":"HRhkJl","sortActive":"pcw4St"};
 
 var _path$h;
 function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
@@ -3686,9 +3640,7 @@ var SvgTableSortAsc18 = function SvgTableSortAsc18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgTableSortAsc18);
@@ -3703,9 +3655,7 @@ var SvgTableSortDesc18 = function SvgTableSortDesc18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgTableSortDesc18);
@@ -3733,7 +3683,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = React__namespace.default.memo(ColumnHeaderDropdownImpl);
 
-var css$i = {"uui-typography":"Up2m13","hero-header":"DLU3zT","promo-header":"zagI7f","uui-critical":"yC6i8R","uui-info":"_9utjKf","uui-success":"HihNud","uui-warning":"Q-umWL","uui-highlight":"Hs5Kmu","uui-typography-size-12":"O3dalF","uui-typography-size-14":"Qy0aDT","uui-typography-size-16":"Re-ucs","cell":"_7228lB","sort-icon":"_05y1HJ","dropdown-icon":"pVI-dS","infoIcon":"_6X56k6","resizable":"_3hlFjx","size-24":"Xdt7aP","size-30":"emFZ1v","size-36":"gF2K5g","size-42":"SQBlhX","size-48":"qFMQLu","padding-left-24":"teJB38","padding-right-24":"nM977Y","caption":"NfDHHb","checkbox":"imrIln","icon":"iKzLiy","icon-cell":"Npe5ag","align-right":"QgS9k-","align-center":"wCblj6","tooltip-wrapper":"aelNcw","cell-tooltip":"_-01PvA","upper-case":"kkZ04q","font-size-14":"ufK1rP","resize-mark":"zpGFEf","draggable":"xEUst1","ghost":"PEak-s","is-dragged-out":"nEBHB-","dnd-marker-left":"bubKUp","dnd-marker-right":"_94Tvwm","cell-tooltip-wrapper":"GVD0Cl","cell-tooltip-text":"lkktk9","uuiTypography":"Up2m13","heroHeader":"DLU3zT","promoHeader":"zagI7f","uuiCritical":"yC6i8R","uuiInfo":"_9utjKf","uuiSuccess":"HihNud","uuiWarning":"Q-umWL","uuiHighlight":"Hs5Kmu","uuiTypographySize12":"O3dalF","uuiTypographySize14":"Qy0aDT","uuiTypographySize16":"Re-ucs","sortIcon":"_05y1HJ","dropdownIcon":"pVI-dS","size24":"Xdt7aP","size30":"emFZ1v","size36":"gF2K5g","size42":"SQBlhX","size48":"qFMQLu","paddingLeft24":"teJB38","paddingRight24":"nM977Y","iconCell":"Npe5ag","alignRight":"QgS9k-","alignCenter":"wCblj6","tooltipWrapper":"aelNcw","cellTooltip":"_-01PvA","upperCase":"kkZ04q","fontSize14":"ufK1rP","resizeMark":"zpGFEf","isDraggedOut":"nEBHB-","dndMarkerLeft":"bubKUp","dndMarkerRight":"_94Tvwm","cellTooltipWrapper":"GVD0Cl","cellTooltipText":"lkktk9"};
+var css$i = {"uui-typography":"RBGnKH","hero-header":"rHceJB","promo-header":"_8BDIFV","uui-critical":"ly9WjM","uui-info":"cz61k2","uui-success":"k-nVF3","uui-warning":"URZ602","uui-highlight":"SA19ZP","uui-typography-size-12":"UpvZUQ","uui-typography-size-14":"_5VdhhQ","uui-typography-size-16":"igZQPe","cell":"PI7xiH","sort-icon":"fIXX9Y","dropdown-icon":"jw0-pS","infoIcon":"_00yJP0","resizable":"kkNlP5","size-24":"O8c--c","size-30":"JKtyIr","size-36":"_1cQ0Ik","size-42":"xxtSfM","size-48":"t7A1vE","padding-left-24":"Ilf-dL","padding-right-24":"-DrcAk","caption":"i1Yy0l","checkbox":"aOk-l1","icon":"rGurCD","icon-cell":"_5v6Sl-","align-right":"_6vZB0N","align-center":"WYj2Ya","tooltip-wrapper":"S07wL0","cell-tooltip":"_79s5P6","upper-case":"_8ZTgXJ","font-size-14":"Bbu-D7","resize-mark":"Wy9BCK","draggable":"lRJ6lu","ghost":"iiBwdW","is-dragged-out":"_231B4s","dnd-marker-left":"hbyBxo","dnd-marker-right":"MPJm-9","cell-tooltip-wrapper":"_-01VCY","cell-tooltip-text":"j4iSC8","uuiTypography":"RBGnKH","heroHeader":"rHceJB","promoHeader":"_8BDIFV","uuiCritical":"ly9WjM","uuiInfo":"cz61k2","uuiSuccess":"k-nVF3","uuiWarning":"URZ602","uuiHighlight":"SA19ZP","uuiTypographySize12":"UpvZUQ","uuiTypographySize14":"_5VdhhQ","uuiTypographySize16":"igZQPe","sortIcon":"fIXX9Y","dropdownIcon":"jw0-pS","size24":"O8c--c","size30":"JKtyIr","size36":"_1cQ0Ik","size42":"xxtSfM","size48":"t7A1vE","paddingLeft24":"Ilf-dL","paddingRight24":"-DrcAk","iconCell":"_5v6Sl-","alignRight":"_6vZB0N","alignCenter":"WYj2Ya","tooltipWrapper":"S07wL0","cellTooltip":"_79s5P6","upperCase":"_8ZTgXJ","fontSize14":"Bbu-D7","resizeMark":"Wy9BCK","isDraggedOut":"_231B4s","dndMarkerLeft":"hbyBxo","dndMarkerRight":"MPJm-9","cellTooltipWrapper":"_-01VCY","cellTooltipText":"j4iSC8"};
 
 var _path$f;
 function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
@@ -3745,9 +3695,7 @@ var SvgTableSwap18 = function SvgTableSwap18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgTableSwap18);
@@ -3762,9 +3710,7 @@ var SvgContentFiltration18 = function SvgContentFiltration18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgContentFiltration18);
@@ -3779,9 +3725,7 @@ var SvgNavigationChevronUp18 = function SvgNavigationChevronUp18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgNavigationChevronUp18);
@@ -3807,7 +3751,7 @@ class DataTableHeaderCell extends React__namespace.Component {
                         React__namespace.createElement(Text, { key: "text", lineHeight: "30", fontSize: "14", size: "30", cx: uuiCore.cx(css$i.caption, this.getTextStyle(), uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaption) }, this.props.column.caption)),
                     this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React__namespace.createElement(IconButton, { key: "sort", cx: uuiCore.cx(css$i.icon, css$i.sortIcon, this.props.sortDirection && css$i.sortIconActive, uuiCore.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__namespace.createElement(IconButton, { key: "filter", cx: uuiCore.cx(css$i.icon, !this.props.sortDirection && css$i.filterIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "neutral", icon: ForwardRef$f })),
-                    this.props.column.renderFilter && (React__namespace.createElement(IconButton, { key: "dropdown", cx: uuiCore.cx(css$i.icon, css$i.dropdownIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$e : ForwardRef$z })))));
+                    this.props.column.renderFilter && (React__namespace.createElement(IconButton, { key: "dropdown", cx: uuiCore.cx(css$i.icon, css$i.dropdownIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$e : ForwardRef$y })))));
         };
         this.renderHeaderCheckbox = () => this.props.selectAll
             && this.props.isFirstColumn && (React__namespace.createElement(Checkbox, Object.assign({ size: +this.props.size < 36 ? '12' : '18' }, this.props.selectAll, { cx: uuiCore.cx(css$i.checkbox, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCheckbox) })));
@@ -3827,7 +3771,7 @@ class DataTableHeaderCell extends React__namespace.Component {
     }
 }
 
-var css$h = {"uui-typography":"hL0ta4","hero-header":"xx9JNA","promo-header":"_2auoBz","uui-critical":"xT2d7-","uui-info":"pjU-z5","uui-success":"EO9evS","uui-warning":"_7SYzxj","uui-highlight":"XNwHIr","uui-typography-size-12":"KpY8u2","uui-typography-size-14":"M3Uak-","uui-typography-size-16":"EQBDLF","header-cell":"iXpiBT","config-icon":"_0Zz6VV","uuiTypography":"hL0ta4","heroHeader":"xx9JNA","promoHeader":"_2auoBz","uuiCritical":"xT2d7-","uuiInfo":"pjU-z5","uuiSuccess":"EO9evS","uuiWarning":"_7SYzxj","uuiHighlight":"XNwHIr","uuiTypographySize12":"KpY8u2","uuiTypographySize14":"M3Uak-","uuiTypographySize16":"EQBDLF","headerCell":"iXpiBT","configIcon":"_0Zz6VV"};
+var css$h = {"uui-typography":"_24aEGC","hero-header":"ZoepPZ","promo-header":"cTMlA6","uui-critical":"yZcxbQ","uui-info":"Ok5dTp","uui-success":"XH0QPx","uui-warning":"FOvKjl","uui-highlight":"h-or32","uui-typography-size-12":"fFlgZg","uui-typography-size-14":"hFiu-l","uui-typography-size-16":"j93Xvz","header-cell":"HGVp7Y","config-icon":"nrVwGA","uuiTypography":"_24aEGC","heroHeader":"ZoepPZ","promoHeader":"cTMlA6","uuiCritical":"yZcxbQ","uuiInfo":"Ok5dTp","uuiSuccess":"XH0QPx","uuiWarning":"FOvKjl","uuiHighlight":"h-or32","uuiTypographySize12":"fFlgZg","uuiTypographySize14":"hFiu-l","uuiTypographySize16":"j93Xvz","headerCell":"HGVp7Y","configIcon":"nrVwGA"};
 
 var _path$c;
 function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
@@ -3839,9 +3783,7 @@ var SvgActionSettings18 = function SvgActionSettings18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgActionSettings18);
@@ -3851,7 +3793,7 @@ const DataTableHeaderRow = uuiCore.withMods(uuiComponents.DataTableHeaderRow, ()
     renderConfigButton: () => React__namespace.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: css$h.configIcon, color: "neutral", icon: ForwardRef$d }),
 }));
 
-var styles$1 = {"uui-typography":"YYNdj9","hero-header":"mJ85Y-","promo-header":"lpS56Q","uui-critical":"fF0xTB","uui-info":"iRQdAD","uui-success":"B9iVuE","uui-warning":"Wvn-LT","uui-highlight":"enn683","uui-typography-size-12":"xAP1-Y","uui-typography-size-14":"DonZzW","uui-typography-size-16":"Ju9p79","main-panel":"-A9eM7","group-title":"HPDYuQ","group-title-text":"hAcLr8","group-title-badge":"-PV6bT","group-items":"t6t2lc","no-data":"_2Dn6XF","h-divider":"dGG4iY","search-area":"KkIMmO","uuiTypography":"YYNdj9","heroHeader":"mJ85Y-","promoHeader":"lpS56Q","uuiCritical":"fF0xTB","uuiInfo":"iRQdAD","uuiSuccess":"B9iVuE","uuiWarning":"Wvn-LT","uuiHighlight":"enn683","uuiTypographySize12":"xAP1-Y","uuiTypographySize14":"DonZzW","uuiTypographySize16":"Ju9p79","mainPanel":"-A9eM7","groupTitle":"HPDYuQ","groupTitleText":"hAcLr8","groupTitleBadge":"-PV6bT","groupItems":"t6t2lc","noData":"_2Dn6XF","hDivider":"dGG4iY","searchArea":"KkIMmO"};
+var styles$1 = {"uui-typography":"SebgD-","hero-header":"eMqyro","promo-header":"ShFvOE","uui-critical":"_2AYIg6","uui-info":"AuAicX","uui-success":"f0c9bh","uui-warning":"rU1zC7","uui-highlight":"vqVF5C","uui-typography-size-12":"f4F67k","uui-typography-size-14":"pN-0sc","uui-typography-size-16":"B8wWLE","main-panel":"ZjfODD","group-title":"jRiTi2","group-title-text":"xv3qE-","group-title-badge":"BQyPPS","group-items":"_8V0maj","no-data":"X4FojA","h-divider":"tF5ghm","search-area":"Atp3B7","uuiTypography":"SebgD-","heroHeader":"eMqyro","promoHeader":"ShFvOE","uuiCritical":"_2AYIg6","uuiInfo":"AuAicX","uuiSuccess":"f0c9bh","uuiWarning":"rU1zC7","uuiHighlight":"vqVF5C","uuiTypographySize12":"f4F67k","uuiTypographySize14":"pN-0sc","uuiTypographySize16":"B8wWLE","mainPanel":"ZjfODD","groupTitle":"jRiTi2","groupTitleText":"xv3qE-","groupTitleBadge":"BQyPPS","groupItems":"_8V0maj","noData":"X4FojA","hDivider":"tF5ghm","searchArea":"Atp3B7"};
 
 var _path$b;
 function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
@@ -3864,7 +3806,7 @@ var SvgActionLockFill18 = function SvgActionLockFill18(props, ref) {
     ref: ref
   }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.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"
   })));
 };
@@ -3880,9 +3822,7 @@ var SvgActionPinOn18 = function SvgActionPinOn18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgActionPinOn18);
@@ -3897,7 +3837,7 @@ var SvgActionPinOff18 = function SvgActionPinOff18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgActionPinOff18);
@@ -3930,7 +3870,7 @@ function PinIconButton(props) {
             React__namespace.createElement(IconButton, { icon: pinIcon, onClick: pinClickHandler, isDisabled: isPinnedAlways, color: isPinned ? 'info' : undefined }))));
 }
 
-var styles = {"uui-typography":"YqgC1M","hero-header":"Rew5-y","promo-header":"ZGo-EI","uui-critical":"CkNtvz","uui-info":"xhNsrJ","uui-success":"BEgyeS","uui-warning":"MHYYkE","uui-highlight":"_3pdDFk","uui-typography-size-12":"_244MEF","uui-typography-size-14":"EN63x7","uui-typography-size-16":"SmriPW","row-wrapper":"mIMx4q","not-pinned":"ZHG3sQ","pin-icon-button":"HX8c7r","checkbox":"sOybs3","drag-handle":"_0Ch8tA","dnd-disabled":"WahlP2","uuiTypography":"YqgC1M","heroHeader":"Rew5-y","promoHeader":"ZGo-EI","uuiCritical":"CkNtvz","uuiInfo":"xhNsrJ","uuiSuccess":"BEgyeS","uuiWarning":"MHYYkE","uuiHighlight":"_3pdDFk","uuiTypographySize12":"_244MEF","uuiTypographySize14":"EN63x7","uuiTypographySize16":"SmriPW","rowWrapper":"mIMx4q","notPinned":"ZHG3sQ","pinIconButton":"HX8c7r","dragHandle":"_0Ch8tA","dndDisabled":"WahlP2"};
+var styles = {"uui-typography":"P5dVxi","hero-header":"ow8VOH","promo-header":"tJQzAs","uui-critical":"_30vTPu","uui-info":"gtKGt5","uui-success":"Z7olkN","uui-warning":"sJ5IMH","uui-highlight":"qwCAkS","uui-typography-size-12":"_0n7jPo","uui-typography-size-14":"_4vBiWy","uui-typography-size-16":"KiN9dg","row-wrapper":"-wY0Oo","not-pinned":"_68SQll","pin-icon-button":"nHy53L","checkbox":"_2s2NhL","drag-handle":"_9bvOtT","dnd-disabled":"DfmKpg","uuiTypography":"P5dVxi","heroHeader":"ow8VOH","promoHeader":"tJQzAs","uuiCritical":"_30vTPu","uuiInfo":"gtKGt5","uuiSuccess":"Z7olkN","uuiWarning":"sJ5IMH","uuiHighlight":"qwCAkS","uuiTypographySize12":"_0n7jPo","uuiTypographySize14":"_4vBiWy","uuiTypographySize16":"KiN9dg","rowWrapper":"-wY0Oo","notPinned":"_68SQll","pinIconButton":"nHy53L","dragHandle":"_9bvOtT","dndDisabled":"DfmKpg"};
 
 const ColumnRow = React__namespace.memo(function ColumnRow(props) {
     const { column } = props;
@@ -3998,10 +3938,10 @@ function ColumnsConfigurationModal(props) {
             React__namespace.createElement(ModalHeader, { title: i18n$1.configureColumnsTitle, onClose: close }),
             React__namespace.createElement(FlexRow, { padding: "24", borderBottom: true, spacing: "12", cx: styles$1.searchArea },
                 React__namespace.createElement(SearchInput, { size: "30", value: searchValue, onValueChange: setSearchValue, placeholder: i18n$1.searchPlaceholder }),
-                React__namespace.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => (React__namespace.createElement(Panel, { background: "surface", shadow: true },
+                React__namespace.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => (React__namespace.createElement(Panel, { background: "surface-main", shadow: true },
                         React__namespace.createElement(DropdownMenuButton, { caption: i18n$1.clearAllButton, onClick: uncheckAll }),
-                        React__namespace.createElement(DropdownMenuButton, { caption: i18n$1.selectAllButton, onClick: checkAll }))), renderTarget: (props) => React__namespace.createElement(Button, Object.assign({}, props, { fill: "none", icon: ForwardRef$s, size: "30", color: "secondary", isDropdown: false })) })),
-            React__namespace.createElement(Panel, { background: "surface", cx: styles$1.mainPanel },
+                        React__namespace.createElement(DropdownMenuButton, { caption: i18n$1.selectAllButton, onClick: checkAll }))), renderTarget: (props) => React__namespace.createElement(Button, Object.assign({}, props, { fill: "none", icon: ForwardRef$r, size: "30", color: "secondary", isDropdown: false })) })),
+            React__namespace.createElement(Panel, { background: "surface-main", cx: styles$1.mainPanel },
                 React__namespace.createElement(ScrollBars, null,
                     renderVisible(),
                     renderHidden(),
@@ -4009,13 +3949,13 @@ function ColumnsConfigurationModal(props) {
                         React__namespace.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", fontWeight: "600" }, i18n$1.noResultsFound.text),
                         React__namespace.createElement(Text, { fontSize: "16", lineHeight: "24", color: "primary" }, i18n$1.noResultsFound.subText))))),
             React__namespace.createElement(ModalFooter, { borderTop: true },
-                React__namespace.createElement(LinkButton, { icon: ForwardRef$r, caption: i18n$1.resetToDefaultButton, onClick: reset }),
+                React__namespace.createElement(LinkButton, { icon: ForwardRef$q, caption: i18n$1.resetToDefaultButton, onClick: reset }),
                 React__namespace.createElement(uuiComponents.FlexSpacer, null),
                 React__namespace.createElement(Button, { fill: "none", color: "secondary", caption: i18n$1.cancelButton, onClick: close }),
                 noVisibleColumns ? (React__namespace.createElement(Tooltip, { content: i18n$1.enableAtLeastOneColumnMessage, placement: "top-end", color: "critical" }, applyButton)) : (applyButton)))));
 }
 
-var css$g = {"listContainer":"gPKaCv","header":"u1b-pm","group":"m6BmIl","stickyHeader":"ZbhtxG"};
+var css$g = {"listContainer":"vCWVjT","header":"_1Bd8cm","group":"AWZkxI","stickyHeader":"XzikEq"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4081,7 +4021,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#8lbv2dbi10wa3147l_a)"
+    clipPath: "url(#lgdixywmjqrir2g2f_a)"
   }, _path$8 || (_path$8 = /*#__PURE__*/React__namespace.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"
@@ -4102,7 +4042,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__namespace.createElement("mask", {
-    id: "8lbv2de4hqq914yfj_b",
+    id: "lgdixycbwdji82t8o_b",
     style: {
       maskType: "alpha"
     },
@@ -4115,7 +4055,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__namespace.createElement("g", {
-    mask: "url(#8lbv2de4hqq914yfj_b)",
+    mask: "url(#lgdixycbwdji82t8o_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -4201,7 +4141,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__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "8lbv2dbi10wa3147l_a"
+    id: "lgdixywmjqrir2g2f_a"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4210,7 +4150,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$9 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
 
-var css$f = {"sticky-header":"qR1Yie","table":"HNi-il","no-results":"O-xaMw","no-results-icon":"uJ5QM4","no-results-title":"HpI5Jz","stickyHeader":"qR1Yie","noResults":"O-xaMw","noResultsIcon":"uJ5QM4","noResultsTitle":"HpI5Jz"};
+var css$f = {"sticky-header":"eiWPQ7","table":"zYyNgk","no-results":"k2Yy4o","no-results-icon":"xVAsef","no-results-title":"G9jhrs","stickyHeader":"eiWPQ7","noResults":"k2Yy4o","noResultsIcon":"xVAsef","noResultsTitle":"G9jhrs"};
 
 function DataTable(props) {
     var _a;
@@ -4260,9 +4200,9 @@ function DataTable(props) {
             } })));
 }
 
-var css$e = {"root":"BDkeID"};
+var css$e = {"root":"-qIMmb"};
 
-var css$d = {"root":"Tww-qb","burger-content":"rZw-1T","burgerContent":"rZw-1T"};
+var css$d = {"root":"_2VKoA-","burger-content":"_74Qu5f","burgerContent":"_74Qu5f"};
 
 var _path$7;
 function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
@@ -4329,7 +4269,7 @@ var SvgTriangle = function SvgTriangle(props, ref) {
 };
 var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTriangle);
 
-var css$c = {"uui-typography":"ScdA2J","hero-header":"wsratN","promo-header":"ERLAuh","uui-critical":"_066bjZ","uui-info":"-tIq5p","uui-success":"vfldGw","uui-warning":"-O9W2R","uui-highlight":"efu8Et","uui-typography-size-12":"iQ98Dl","uui-typography-size-14":"S6f5Jw","uui-typography-size-16":"ukOi8-","root":"GCAE0d","button-primary":"V1eFfb","button-secondary":"_2PHLgQ","hasIcon":"GUlket","dropdown":"maP4rc","uuiTypography":"ScdA2J","heroHeader":"wsratN","promoHeader":"ERLAuh","uuiCritical":"_066bjZ","uuiInfo":"-tIq5p","uuiSuccess":"vfldGw","uuiWarning":"-O9W2R","uuiHighlight":"efu8Et","uuiTypographySize12":"iQ98Dl","uuiTypographySize14":"S6f5Jw","uuiTypographySize16":"ukOi8-","buttonPrimary":"V1eFfb","buttonSecondary":"_2PHLgQ"};
+var css$c = {"uui-typography":"H4Y5qQ","hero-header":"ASTyzh","promo-header":"GGQ-tH","uui-critical":"euXR1m","uui-info":"wVNBmq","uui-success":"RK5dQy","uui-warning":"Fi--y5","uui-highlight":"s91nKv","uui-typography-size-12":"vJKzht","uui-typography-size-14":"JLk9kA","uui-typography-size-16":"_9JfjWk","root":"u-IiRZ","button-primary":"T6ZZIS","button-secondary":"EuI9iB","hasIcon":"_7z6bDO","dropdown":"B37Cy5","uuiTypography":"H4Y5qQ","heroHeader":"ASTyzh","promoHeader":"GGQ-tH","uuiCritical":"euXR1m","uuiInfo":"wVNBmq","uuiSuccess":"RK5dQy","uuiWarning":"Fi--y5","uuiHighlight":"s91nKv","uuiTypographySize12":"vJKzht","uuiTypographySize14":"JLk9kA","uuiTypographySize16":"_9JfjWk","buttonPrimary":"T6ZZIS","buttonSecondary":"EuI9iB"};
 
 const BurgerButton = uuiCore.withMods(uuiComponents.Button, (props) => [
     css$c.root,
@@ -4386,13 +4326,13 @@ var SvgMenuInputCancel = function SvgMenuInputCancel(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgMenuInputCancel);
 
-var css$b = {"search-input":"Olf6k1","searchInput":"Olf6k1"};
+var css$b = {"search-input":"rFVeuV","searchInput":"rFVeuV"};
 
 function BurgerSearch(props) {
-    return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(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__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(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":"Q3IsoQ","group-header":"FwakNw","group-name":"jbwI7y","line":"mzFdEs","groupHeader":"FwakNw","groupName":"jbwI7y"};
+var css$a = {"root":"dWA9rY","group-header":"wooEGE","group-name":"Fo8IhB","line":"i08iEp","groupHeader":"wooEGE","groupName":"Fo8IhB"};
 
 function BurgerGroupHeader(props) {
     return (React__namespace.createElement("div", { className: cx__default.default(css$a.root, css$a.groupHeader, 'uui-burger-group-header') },
@@ -4400,7 +4340,7 @@ function BurgerGroupHeader(props) {
         React__namespace.createElement("span", { className: css$a.groupName }, props.caption)));
 }
 
-var css$9 = {"uui-typography":"fqFYxO","hero-header":"rEgh0U","promo-header":"-wp8tp","uui-critical":"Hb2w2-","uui-info":"IuPXKW","uui-success":"ZDfN0a","uui-warning":"OGb07I","uui-highlight":"EPj2Up","uui-typography-size-12":"_7Pverg","uui-typography-size-14":"VcQXoq","uui-typography-size-16":"tHIdbQ","root":"_2oBySe","type-primary":"v6iAL5","type-secondary":"qxHCJp","uuiTypography":"fqFYxO","heroHeader":"rEgh0U","promoHeader":"-wp8tp","uuiCritical":"Hb2w2-","uuiInfo":"IuPXKW","uuiSuccess":"ZDfN0a","uuiWarning":"OGb07I","uuiHighlight":"EPj2Up","uuiTypographySize12":"_7Pverg","uuiTypographySize14":"VcQXoq","uuiTypographySize16":"tHIdbQ","typePrimary":"v6iAL5","typeSecondary":"qxHCJp"};
+var css$9 = {"uui-typography":"_82vPzY","hero-header":"_8nJ3lg","promo-header":"aeTFYp","uui-critical":"MoGOXt","uui-info":"WJiYRz","uui-success":"s3G9Db","uui-warning":"_0nYEvX","uui-highlight":"hNH6O9","uui-typography-size-12":"GXGL1c","uui-typography-size-14":"x2KlPL","uui-typography-size-16":"rzx9vg","root":"SQUKow","type-primary":"XKVamD","type-secondary":"roxrJk","uuiTypography":"_82vPzY","heroHeader":"_8nJ3lg","promoHeader":"aeTFYp","uuiCritical":"MoGOXt","uuiInfo":"WJiYRz","uuiSuccess":"s3G9Db","uuiWarning":"_0nYEvX","uuiHighlight":"hNH6O9","uuiTypographySize12":"GXGL1c","uuiTypographySize14":"x2KlPL","uuiTypographySize16":"rzx9vg","typePrimary":"XKVamD","typeSecondary":"roxrJk"};
 
 var _path$4;
 function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
@@ -4420,7 +4360,7 @@ var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgChevronDown24);
 
 const MainMenuButton = uuiCore.withMods(uuiComponents.Button, (mods) => [css$9.root, css$9['type-' + (mods.type || 'primary')]], () => ({ dropdownIcon: ForwardRef$4, role: 'menuitem' }));
 
-var css$8 = {"dropdown-body":"bbl81q","dropdownBody":"bbl81q"};
+var css$8 = {"dropdown-body":"TVZWVp","dropdownBody":"TVZWVp"};
 
 class MainMenuDropdown extends React__namespace.Component {
     render() {
@@ -4474,39 +4414,39 @@ var SvgGlobalMenu = function SvgGlobalMenu(props, ref) {
 };
 var ForwardRef$3 = /*#__PURE__*/React.forwardRef(SvgGlobalMenu);
 
-var css$7 = {"global-menu-btn":"_2ogqS1","globalMenuIcon":"Sh8z4X","globalMenuBtn":"_2ogqS1"};
+var css$7 = {"global-menu-btn":"Xc1ggH","globalMenuIcon":"_5VHXuv","globalMenuBtn":"Xc1ggH"};
 
 const GlobalMenu = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx__default.default(css$7.globalMenuBtn, props.cx) }, props.rawProps),
     React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$3, cx: css$7.globalMenuIcon }))));
 
-var css$6 = {"container":"_0rBzzJ","open":"Qy0igQ"};
+var css$6 = {"container":"Qnys6p","open":"Ho9Djz"};
 
 const MainMenuAvatar = React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$6.container, props.isDropdown && css$6.dropdown, props.isOpen && css$6.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick },
     React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
     props.icon && React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon }),
     props.isDropdown && (React__namespace.createElement("div", null,
-        React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$1b, flipY: props.isOpen }))))));
+        React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$1a, flipY: props.isOpen }))))));
 
-var css$5 = {"search-input":"_6YEM4g","searchInput":"_6YEM4g"};
+var css$5 = {"search-input":"cC5EKS","searchInput":"cC5EKS"};
 
 const MainMenuSearch = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
-        return (React__namespace.createElement(uuiComponents.TextInput, 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: uuiCore.cx(css$5.searchInput, props.cx) }, props.rawProps)));
+        return (React__namespace.createElement(uuiComponents.TextInput, 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: uuiCore.cx(css$5.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
-var css$4 = {"container":"wEZfGF"};
+var css$4 = {"container":"fDOVQD"};
 
 const MainMenuIcon = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$4.container) }, props))));
 
-var css$3 = {"root":"cqk6jv"};
+var css$3 = {"root":"I04mlU"};
 
 const Anchor = uuiCore.withMods(uuiComponents.Anchor, () => [css$3.root]);
 
 function Form(props) {
     const context = uuiCore.useUuiContext();
-    const beforeLeave = () => {
+    const beforeLeave = React__namespace.useCallback(() => {
         return context.uuiModals.show((modalProps) => React__namespace.createElement(ConfirmationModal, Object.assign({ caption: i18n.form.modals.beforeLeaveMessage }, modalProps)));
-    };
+    }, [context.uuiModals]);
     const loadUnsavedChanges = () => {
         return context.uuiNotifications
             .show((props) => (React__namespace.createElement(WarningNotification, Object.assign({}, props, { actions: [
@@ -4523,9 +4463,9 @@ function Form(props) {
 
 function useForm(props) {
     const context = uuiCore.useUuiContext();
-    const beforeLeave = () => {
+    const beforeLeave = React.useCallback(() => {
         return context.uuiModals.show((modalProps) => React__namespace.default.createElement(ConfirmationModal, Object.assign({ caption: i18n.form.modals.beforeLeaveMessage }, modalProps)));
-    };
+    }, [context.uuiModals]);
     const loadUnsavedChanges = () => {
         return context.uuiNotifications.show((props) => (React__namespace.default.createElement(WarningNotification, Object.assign({}, props, { actions: [
                 {
@@ -4555,7 +4495,7 @@ var SvgShape = function SvgShape(props, ref) {
 };
 var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgShape);
 
-var css$2 = {"root":"fPULhH","drop-start":"qWY6YF","drop-over":"JqQYOO","link":"CNn9JJ","drop-area":"-olRLb","icon-blue":"bHCOkU","dropStart":"qWY6YF","dropOver":"JqQYOO","dropArea":"-olRLb","iconBlue":"bHCOkU"};
+var css$2 = {"root":"Y85BWC","drop-start":"uZdztZ","drop-over":"bveXxp","link":"j4f7qp","drop-area":"sjcyVB","icon-blue":"dn8ZAW","dropStart":"uZdztZ","dropOver":"bveXxp","dropArea":"sjcyVB","iconBlue":"dn8ZAW"};
 
 class DropSpot extends React__namespace.Component {
     constructor() {
@@ -4579,9 +4519,9 @@ class DropSpot extends React__namespace.Component {
     }
 }
 
-var css$1 = {"root":"iahOiw","file-name":"yz4KkZ","default-color":"XUoGBG","doc-color":"HrYnq5","xls-color":"_2bvNYp","pdf-color":"T8FwEb","movie-color":"IhuJBa","img-color":"FuIau1","mov-color":"BF1WHC","error-block":"Mo4gnm","icons-block":"pr-Ejg","fileName":"yz4KkZ","defaultColor":"XUoGBG","docColor":"HrYnq5","xlsColor":"_2bvNYp","pdfColor":"T8FwEb","movieColor":"IhuJBa","imgColor":"FuIau1","movColor":"BF1WHC","errorBlock":"Mo4gnm","iconsBlock":"pr-Ejg"};
+var css$1 = {"root":"ca6K8o","file-name":"j8j151","default-color":"WX-zzb","doc-color":"Bi-dNJ","xls-color":"V8qhsM","pdf-color":"bleJuD","movie-color":"xIW992","img-color":"BiycRE","mov-color":"_2PoJrU","error-block":"LILfCG","icons-block":"Q2pOi-","fileName":"j8j151","defaultColor":"WX-zzb","docColor":"Bi-dNJ","xlsColor":"V8qhsM","pdfColor":"bleJuD","movieColor":"xIW992","imgColor":"BiycRE","movColor":"_2PoJrU","errorBlock":"LILfCG","iconsBlock":"Q2pOi-"};
 
-var css = {"root":"eYd6pR"};
+var css = {"root":"_26bqh0"};
 
 const SvgCircleProgress = React__namespace.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -4602,9 +4542,7 @@ var SvgNavigationClose18 = function SvgNavigationClose18(props, ref) {
     viewBox: "0 0 18 18",
     ref: ref
   }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.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__*/React.forwardRef(SvgNavigationClose18);
@@ -4821,19 +4759,8 @@ exports.VerticalTabButton = VerticalTabButton;
 exports.VirtualList = VirtualList;
 exports.WarningAlert = WarningAlert;
 exports.WarningNotification = WarningNotification;
-exports.allButtonColors = allButtonColors;
-exports.allButtonFills = allButtonFills;
-exports.allEpamBadgeSemanticColors = allEpamBadgeSemanticColors;
-exports.allFillStyles = allFillStyles;
-exports.allFontStyles = allFontStyles;
-exports.allFontWeights = allFontWeights;
 exports.allIconColors = allIconColors;
 exports.allLinkButtonColors = allLinkButtonColors;
-exports.allRowSizes = allRowSizes;
-exports.allSemanticColors = allSemanticColors;
-exports.allSizes = allSizes;
-exports.allTextColors = allTextColors;
-exports.allTextSizes = allTextSizes;
 exports.applyBadgeMods = applyBadgeMods;
 exports.applyButtonMods = applyButtonMods;
 exports.applyCheckboxMods = applyCheckboxMods;