@epam/uui 5.3.0-rc.1 → 5.4.0

package/index.esm.js

@@ -572,23 +572,23 @@ const systemIcons = {
     },
 };
 
-var css$1n = {"root":"_3yrNYH"};
+var css$1m = {"root":"WpCPUn"};
 
-const AvatarStack = withMods(AvatarStack$1, () => [css$1n.root]);
+const AvatarStack = withMods(AvatarStack$1, () => [css$1m.root]);
 
-var css$1m = {"root":"Luqjzj","size-24":"hqp2yC","size-18":"CWtD1X","size-12":"gP-GDE","size24":"hqp2yC","size18":"CWtD1X","size12":"gP-GDE"};
+var css$1l = {"root":"u99aR-","size-24":"GmWBkg","size-18":"YJZt1K","size-12":"-ZANQZ","size24":"GmWBkg","size18":"YJZt1K","size12":"-ZANQZ"};
 
 const CountIndicator = forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
-            css$1m.root,
+            css$1l.root,
             'uui-count_indicator',
-            css$1m[`size-${props.size || 24}`],
+            css$1l[`size-${props.size || 24}`],
             props.color && `uui-color-${props.color}`,
             props.cx,
         ]) }, props.caption));
 });
 
-var css$1l = {"uui-typography":"qKdfCX","hero-header":"_28cSe9","promo-header":"_9k-ESQ","uui-critical":"WEGK2o","uui-success":"I4jQ-0","uui-warning":"qcFmm4","uui-typography-size-12":"Kvo9tH","uui-typography-size-14":"R6ydKu","uui-typography-size-16":"dOdj4s","root":"-OXwOB","size-18":"Br3o3X","size-24":"JQue1N","size-30":"IEANf-","size-36":"kpAN3K","size-42":"cvz6B5","size-48":"mAmFTX","uuiTypography":"qKdfCX","heroHeader":"_28cSe9","promoHeader":"_9k-ESQ","uuiCritical":"WEGK2o","uuiSuccess":"I4jQ-0","uuiWarning":"qcFmm4","uuiTypographySize12":"Kvo9tH","uuiTypographySize14":"R6ydKu","uuiTypographySize16":"dOdj4s","size18":"Br3o3X","size24":"JQue1N","size30":"IEANf-","size36":"kpAN3K","size42":"cvz6B5","size48":"mAmFTX"};
+var css$1k = {"uui-typography":"SypADw","hero-header":"opC9nS","promo-header":"B9oe6A","uui-critical":"Vf1087","uui-info":"tW2PAF","uui-success":"oAtxtb","uui-warning":"zETl7t","uui-highlight":"jFfNzA","uui-typography-size-12":"glwgyC","uui-typography-size-14":"_1oBJKo","uui-typography-size-16":"KHJS27","root":"SJ-ef4","size-18":"tjQiDc","size-24":"_0ynPy9","size-30":"ZMJChZ","size-36":"akC9IJ","size-42":"_0pzG3Q","size-48":"nF8cRF","uuiTypography":"SypADw","heroHeader":"opC9nS","promoHeader":"B9oe6A","uuiCritical":"Vf1087","uuiInfo":"tW2PAF","uuiSuccess":"oAtxtb","uuiWarning":"zETl7t","uuiHighlight":"jFfNzA","uuiTypographySize12":"glwgyC","uuiTypographySize14":"_1oBJKo","uuiTypographySize16":"KHJS27","size18":"tjQiDc","size24":"_0ynPy9","size30":"ZMJChZ","size36":"akC9IJ","size42":"_0pzG3Q","size48":"nF8cRF"};
 
 const defaultSize$b = '36';
 const mapSize$1 = {
@@ -602,8 +602,8 @@ const mapSize$1 = {
 function applyBadgeMods(mods) {
     return [
         'uui-badge',
-        css$1l.root,
-        css$1l['size-' + (mods.size || defaultSize$b)],
+        css$1k.root,
+        css$1k['size-' + (mods.size || defaultSize$b)],
         `uui-fill-${mods.fill || 'solid'}`,
         mods.color && `uui-color-${mods.color}`,
         mods.indicator && 'uui-indicator',
@@ -636,7 +636,7 @@ const Badge = withMods(Button$1, applyBadgeMods, (props) => {
     };
 });
 
-var css$1k = {"uui-typography":"SLTHmI","hero-header":"nP3Scp","promo-header":"_5mHlmJ","uui-critical":"jzZYi0","uui-success":"uxmDHo","uui-warning":"G8DOto","uui-typography-size-12":"ggPO3-","uui-typography-size-14":"iI144g","uui-typography-size-16":"hDxksW","root":"duaqU8","size-18":"DLx6dT","size-24":"REDfgX","size-30":"rvZnC-","size-36":"oAipv0","size-42":"MaSU-p","size-48":"paNCBJ","uuiTypography":"SLTHmI","heroHeader":"nP3Scp","promoHeader":"_5mHlmJ","uuiCritical":"jzZYi0","uuiSuccess":"uxmDHo","uuiWarning":"G8DOto","uuiTypographySize12":"ggPO3-","uuiTypographySize14":"iI144g","uuiTypographySize16":"hDxksW","size18":"DLx6dT","size24":"REDfgX","size30":"rvZnC-","size36":"oAipv0","size42":"MaSU-p","size48":"paNCBJ"};
+var css$1j = {"uui-typography":"NRwevP","hero-header":"o3gAJD","promo-header":"lYSeR-","uui-critical":"MhLYsP","uui-info":"xo8irZ","uui-success":"-iRjOa","uui-warning":"SVhnw-","uui-highlight":"_8yQwHp","uui-typography-size-12":"a1P5GO","uui-typography-size-14":"-yl5gk","uui-typography-size-16":"JVKfW0","root":"n5g34A","size-18":"X0a3iH","size-24":"IzTIdU","size-30":"_49vZzq","size-36":"bwXeCT","size-42":"tMVxmq","size-48":"S8rDwZ","uuiTypography":"NRwevP","heroHeader":"o3gAJD","promoHeader":"lYSeR-","uuiCritical":"MhLYsP","uuiInfo":"xo8irZ","uuiSuccess":"-iRjOa","uuiWarning":"SVhnw-","uuiHighlight":"_8yQwHp","uuiTypographySize12":"a1P5GO","uuiTypographySize14":"-yl5gk","uuiTypographySize16":"JVKfW0","size18":"X0a3iH","size24":"IzTIdU","size30":"_49vZzq","size36":"bwXeCT","size42":"tMVxmq","size48":"S8rDwZ"};
 
 const defaultSize$a = '36';
 const mapSize = {
@@ -657,8 +657,8 @@ const mapCountIndicatorSizes = {
 };
 function applyTagMods(mods) {
     return [
-        css$1k['size-' + (mods.size || defaultSize$a)],
-        css$1k.root,
+        css$1j['size-' + (mods.size || defaultSize$a)],
+        css$1j.root,
         'uui-color-neutral',
         'uui-tag',
     ];
@@ -669,14 +669,14 @@ const Tag = withMods(Button$1, applyTagMods, (props) => ({
     countIndicator: (countIndicatorProps) => (React__default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: "white", size: mapCountIndicatorSizes[props.size || defaultSize$a] }))),
 }));
 
-var css$1j = {"root":"gVFB-y","uui-spinner":"OQNRYv","uuiSpinner":"OQNRYv"};
+var css$1i = {"root":"zKvhc5","uui-spinner":"uvepoX","uuiSpinner":"uvepoX"};
 
 function applySpinnerMods() {
-    return [css$1j.root, 'uui-spinner'];
+    return [css$1i.root, 'uui-spinner'];
 }
 const Spinner = withMods(Spinner$1, applySpinnerMods);
 
-var css$1i = {"root":"NOi-AT","spacer":"dNxuOX","mode-ghost":"iG7OeE","size-24":"bHqhVZ","size-30":"rU9f5C","navigation-size-24":"_-3q0oi","navigation-size-30":"QNZHCb","modeGhost":"iG7OeE","size24":"bHqhVZ","size30":"rU9f5C","navigationSize24":"_-3q0oi","navigationSize30":"QNZHCb"};
+var css$1h = {"root":"D1fbkL","spacer":"cPfiln","mode-ghost":"o7lkr5","size-24":"KF7oxw","size-30":"F8PHAo","navigation-size-24":"OfuJ2o","navigation-size-30":"RWaWD3","modeGhost":"o7lkr5","size24":"KF7oxw","size30":"F8PHAo","navigationSize24":"OfuJ2o","navigationSize30":"RWaWD3"};
 
 var _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); }
@@ -749,57 +749,57 @@ var ForwardRef$L = /*#__PURE__*/forwardRef(SvgNavigationChevronRight18);
 function Paginator(props) {
     const renderPaginator = (params) => {
         var _a, _b;
-        return (React__default.createElement("nav", Object.assign({ role: "navigation", className: cx(css$1i.root, 'uui-paginator') }, params.rawProps),
-            React__default.createElement(Button, { cx: css$1i[`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" }),
+        return (React__default.createElement("nav", Object.assign({ role: "navigation", className: cx(css$1h.root, 'uui-paginator') }, params.rawProps),
+            React__default.createElement(Button, { cx: css$1h[`navigation-size-${(_a = params.size) !== null && _a !== void 0 ? _a : '30'}`], size: params.size, icon: params.size === '30' ? ForwardRef$M : ForwardRef$O, onClick: params.goToPrev, isDisabled: params.isFirst, fill: "outline", color: "secondary" }),
             params.pages.map((page, index) => {
                 var _a, _b;
                 if (page.type === 'spacer') {
-                    return (React__default.createElement(Button, { cx: cx(css$1i[`size-${(_a = params.size) !== null && _a !== void 0 ? _a : '30'}`], css$1i.spacer), size: params.size, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1 }));
+                    return (React__default.createElement(Button, { cx: cx(css$1h[`size-${(_a = params.size) !== null && _a !== void 0 ? _a : '30'}`], css$1h.spacer), size: params.size, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1 }));
                 }
                 else {
-                    return (React__default.createElement(Button, { cx: cx(css$1i[`size-${(_b = params.size) !== null && _b !== void 0 ? _b : '30'}`], css$1i[`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" }));
+                    return (React__default.createElement(Button, { cx: cx(css$1h[`size-${(_b = params.size) !== null && _b !== void 0 ? _b : '30'}`], css$1h[`mode-${!page.isActive && 'ghost'}`]), size: params.size, key: page.pageNumber, caption: page.pageNumber, onClick: () => { var _a; return (_a = page.onClick) === null || _a === void 0 ? void 0 : _a.call(page); }, rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary" }));
                 }
             }),
-            React__default.createElement(Button, { cx: css$1i[`navigation-size-${(_b = params.size) !== null && _b !== void 0 ? _b : '30'}`], size: params.size, icon: params.size === '30' ? ForwardRef$L : ForwardRef$N, onClick: params.goToNext, isDisabled: params.isLast, fill: "outline", color: "secondary" })));
+            React__default.createElement(Button, { cx: css$1h[`navigation-size-${(_b = params.size) !== null && _b !== void 0 ? _b : '30'}`], size: params.size, icon: params.size === '30' ? ForwardRef$L : ForwardRef$N, onClick: params.goToNext, isDisabled: params.isLast, fill: "outline", color: "secondary" })));
     };
     return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
 }
 
-var css$1h = {"root":"k-MwpF","bar":"cVuIlF","progressBar-indeterminate":"Jb0M7h","size-12":"i5H6RI","size-18":"ykaiPn","size-24":"Z4bAzW","progressBarIndeterminate":"Jb0M7h","size12":"i5H6RI","size18":"ykaiPn","size24":"Z4bAzW"};
+var css$1g = {"root":"eEk45r","progress-bar":"_2159Z6","progressBar-indeterminate":"_0OmAoK","size-12":"ejMvIT","size-18":"POHonE","size-24":"BLH-jX","progressBar":"_2159Z6","progressBarIndeterminate":"_0OmAoK","size12":"ejMvIT","size18":"POHonE","size24":"BLH-jX"};
 
 const IndeterminateBar = React.forwardRef((props, ref) => {
-    return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$1h.root, css$1h[`size-${props.size || 12}`]) },
-        React.createElement("div", { className: cx(css$1h.bar) })));
+    return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$1g.root, css$1g[`size-${props.size || 12}`]) },
+        React.createElement("div", { className: cx(css$1g.progressBar) })));
 });
 
-var css$1g = {"root":"_1zljNJ","striped":"_3Oc66t","animate-stripes":"AzaLeg","size-12":"AYDPkB","size-18":"gozExq","size-24":"pe8pQp","animateStripes":"AzaLeg","size12":"AYDPkB","size18":"gozExq","size24":"pe8pQp"};
+var css$1f = {"root":"_3qiD7T","striped":"_4Ccn-c","animate-stripes":"Dlvelu","size-12":"Oi06HI","size-18":"Alu94i","size-24":"y2grzv","animateStripes":"Dlvelu","size12":"Oi06HI","size18":"Alu94i","size24":"y2grzv"};
 
 const defaultSize$9 = '12';
 function applyProgressBarMods(mods) {
     const size = mods.size || defaultSize$9;
     return [
-        css$1g.root,
-        css$1g[`size-${size}`],
-        mods.striped && css$1g.striped,
+        css$1f.root,
+        css$1f[`size-${size}`],
+        mods.striped && css$1f.striped,
     ];
 }
 const ProgressBar = withMods(ProgressBar$1, applyProgressBarMods, (props) => ({
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$1f = {"root":"_5xOU14"};
+var css$1e = {"root":"aU8Czc"};
 
 const IndicatorBar = React.forwardRef((props, ref) => {
     const { progress } = props;
-    return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$1f.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$1f.root, props.cx) }));
+    return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$1e.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$1e.root, props.cx) }));
 });
 
-var css$1e = {"root":"GSVC1S","size-12":"uYbavj","size-18":"kU-W4y","size-24":"n47c-p","size12":"uYbavj","size18":"kU-W4y","size24":"n47c-p"};
+var css$1d = {"root":"eT7zr2","size-12":"_9cjTxF","size-18":"bV9Zus","size-24":"uy0d8F","size12":"_9cjTxF","size18":"bV9Zus","size24":"uy0d8F"};
 
 const StatusIndicator = forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
-            css$1e.root,
-            css$1e[`size-${props.size || 24}`],
+            css$1d.root,
+            css$1d[`size-${props.size || 24}`],
             'uui-status_indicator',
             `uui-color-${props.color || 'neutral'}`,
             `uui-fill-${props.fill || 'solid'}`,
@@ -809,7 +809,7 @@ const StatusIndicator = forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
 });
 
-var css$1d = {"uui-typography":"cXfXyf","hero-header":"zjzfnQ","promo-header":"uSCJT2","uui-critical":"A20pNH","uui-success":"YmMKmU","uui-warning":"Jipexj","uui-typography-size-12":"rkDzYE","uui-typography-size-14":"LWHKtv","uui-typography-size-16":"kpQMMv","root":"j-Bm7f","size-18":"gs-Msa","size-24":"f95UdQ","size-30":"aqqftl","size-36":"MVEaV8","size-42":"tHcyPL","size-48":"jPboMx","uuiTypography":"cXfXyf","heroHeader":"zjzfnQ","promoHeader":"uSCJT2","uuiCritical":"A20pNH","uuiSuccess":"YmMKmU","uuiWarning":"Jipexj","uuiTypographySize12":"rkDzYE","uuiTypographySize14":"LWHKtv","uuiTypographySize16":"kpQMMv","size18":"gs-Msa","size24":"f95UdQ","size30":"aqqftl","size36":"MVEaV8","size42":"tHcyPL","size48":"jPboMx"};
+var css$1c = {"uui-typography":"bE70KD","hero-header":"oDdXjC","promo-header":"UotDvr","uui-critical":"s9eVFe","uui-info":"YubmKC","uui-success":"uggMG2","uui-warning":"_6IDEOi","uui-highlight":"Azsbvi","uui-typography-size-12":"FybzX9","uui-typography-size-14":"_6WEYqw","uui-typography-size-16":"_5pZIMO","root":"XprW-8","uuiTypography":"bE70KD","heroHeader":"oDdXjC","promoHeader":"UotDvr","uuiCritical":"s9eVFe","uuiInfo":"YubmKC","uuiSuccess":"uggMG2","uuiWarning":"_6IDEOi","uuiHighlight":"Azsbvi","uuiTypographySize12":"FybzX9","uuiTypographySize14":"_6WEYqw","uuiTypographySize16":"_5pZIMO"};
 
 const allButtonColors = [
     'accent', 'primary', 'critical', 'secondary', 'neutral',
@@ -817,11 +817,11 @@ const allButtonColors = [
 const defaultSize$8 = '36';
 function applyButtonMods(mods) {
     return [
-        css$1d.root,
+        css$1c.root,
         'uui-button',
         `uui-fill-${mods.fill || 'solid'}`,
         `uui-color-${mods.color || 'primary'}`,
-        css$1d[`size-${mods.size || defaultSize$8}`],
+        `uui-size-${mods.size || defaultSize$8}`,
     ];
 }
 const Button = withMods(Button$1, applyButtonMods, (props) => ({
@@ -830,17 +830,17 @@ const Button = withMods(Button$1, applyButtonMods, (props) => ({
     countIndicator: (countIndicatorProps) => React__default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: "white" })),
 }));
 
-var css$1c = {"root":"MfCqIL"};
+var css$1b = {"root":"S5HIHN"};
 
 const allIconColors = [
     'info', 'success', 'warning', 'error', 'secondary', 'neutral',
 ];
 function applyIconButtonMods(mods) {
-    return ['uui-icon_button', `uui-color-${mods.color || 'neutral'}`, css$1c.root];
+    return ['uui-icon_button', `uui-color-${mods.color || 'neutral'}`, css$1b.root];
 }
 const IconButton = withMods(IconButton$1, applyIconButtonMods);
 
-var css$1b = {"root":"_97b6xl","size-18":"bobENg","size-24":"GSss5o","size-30":"jixH8P","size-36":"_28Kg5s","size-42":"-RyIBL","size-48":"yJ78sb","size18":"bobENg","size24":"GSss5o","size30":"jixH8P","size36":"_28Kg5s","size42":"-RyIBL","size48":"yJ78sb"};
+var css$1a = {"root":"hG6Q-Y"};
 
 function getIconClass(props) {
     const classList = {
@@ -864,8 +864,8 @@ const allLinkButtonColors = ['primary', 'secondary', 'contrast'];
 function applyLinkButtonMods(mods) {
     return [
         'uui-link_button',
-        css$1b.root,
-        css$1b['size-' + (mods.size || defaultSize$7)],
+        css$1a.root,
+        `uui-size-${mods.size || defaultSize$7}`,
         ...getIconClass(mods),
         `uui-color-${mods.color || 'primary'}`,
     ];
@@ -875,23 +875,23 @@ const LinkButton = withMods(Button$1, applyLinkButtonMods, (props) => ({
     clearIcon: systemIcons[props.size || defaultSize$7].clear,
 }));
 
-var css$1a = {"uui-typography":"tZEox0","hero-header":"hj-7-y","promo-header":"dl2f3x","uui-critical":"_2Zxdu3","uui-success":"PR9bWG","uui-warning":"aNA5ug","uui-typography-size-12":"YihI9r","uui-typography-size-14":"FEjTsi","uui-typography-size-16":"m45-bW","root":"bPVRhU","withNotify":"a5k8wB","size-36":"CKA3pD","size-48":"x7Tnbl","size-60":"M8F7KE","uuiTypography":"tZEox0","heroHeader":"hj-7-y","promoHeader":"dl2f3x","uuiCritical":"_2Zxdu3","uuiSuccess":"PR9bWG","uuiWarning":"aNA5ug","uuiTypographySize12":"YihI9r","uuiTypographySize14":"FEjTsi","uuiTypographySize16":"m45-bW","size36":"CKA3pD","size48":"x7Tnbl","size60":"M8F7KE"};
+var css$19 = {"uui-typography":"lT8LSF","hero-header":"i1rENA","promo-header":"KSb-Zu","uui-critical":"BQJzkv","uui-info":"_5N3zxB","uui-success":"eVdump","uui-warning":"j2EtKi","uui-highlight":"G6oWj9","uui-typography-size-12":"A44qU3","uui-typography-size-14":"Nmz2nr","uui-typography-size-16":"x7d1C7","root":"F0HJK7","withNotify":"fcAzV0","size-36":"_3L8Sak","size-48":"VGZxW4","size-60":"AurYFn","uuiTypography":"lT8LSF","heroHeader":"i1rENA","promoHeader":"KSb-Zu","uuiCritical":"BQJzkv","uuiInfo":"_5N3zxB","uuiSuccess":"eVdump","uuiWarning":"j2EtKi","uuiHighlight":"G6oWj9","uuiTypographySize12":"A44qU3","uuiTypographySize14":"Nmz2nr","uuiTypographySize16":"x7d1C7","size36":"_3L8Sak","size48":"VGZxW4","size60":"AurYFn"};
 
 function applyTabButtonMods(mods) {
     return [
-        css$1a.root,
+        css$19.root,
         'uui-tab-button',
-        css$1a['size-' + (mods.size || '48')],
-        mods.withNotify && css$1a.withNotify,
+        css$19['size-' + (mods.size || '48')],
+        mods.withNotify && css$19.withNotify,
         ...getIconClass(mods),
     ];
 }
 const TabButton = withMods(Button$1, applyTabButtonMods, (props) => (Object.assign(Object.assign({ dropdownIcon: systemIcons['36'].foldingArrow, clearIcon: systemIcons['36'].clear }, props), { rawProps: Object.assign({ role: 'tab' }, props.rawProps), countIndicator: (countIndicatorProps) => (React__default.createElement(CountIndicator, Object.assign({}, countIndicatorProps, { color: props.isLinkActive ? 'info' : 'neutral', size: "18" }))) })));
 
-var css$19 = {"uui-typography":"i6pq-e","hero-header":"CkLeId","promo-header":"gOXAii","uui-critical":"_4IsaOF","uui-success":"_37-jsb","uui-warning":"dzv9dX","uui-typography-size-12":"nJIR6e","uui-typography-size-14":"Cj5mzm","uui-typography-size-16":"txaPS-","root":"ipnm9s","uuiTypography":"i6pq-e","heroHeader":"CkLeId","promoHeader":"gOXAii","uuiCritical":"_4IsaOF","uuiSuccess":"_37-jsb","uuiWarning":"dzv9dX","uuiTypographySize12":"nJIR6e","uuiTypographySize14":"Cj5mzm","uuiTypographySize16":"txaPS-"};
+var css$18 = {"uui-typography":"vtQR0c","hero-header":"neDZe1","promo-header":"hJch3y","uui-critical":"i0wN15","uui-info":"SRDiZf","uui-success":"Ej4bsO","uui-warning":"sdeX66","uui-highlight":"IZRirS","uui-typography-size-12":"wJPlq6","uui-typography-size-14":"_5DGJCv","uui-typography-size-16":"C22-gE","root":"NS8OK5","uuiTypography":"vtQR0c","heroHeader":"neDZe1","promoHeader":"hJch3y","uuiCritical":"i0wN15","uuiInfo":"SRDiZf","uuiSuccess":"Ej4bsO","uuiWarning":"sdeX66","uuiHighlight":"IZRirS","uuiTypographySize12":"wJPlq6","uuiTypographySize14":"_5DGJCv","uuiTypographySize16":"C22-gE"};
 
 function applyVerticalTabButtonMods() {
-    return [css$19.root];
+    return [css$18.root];
 }
 const VerticalTabButton = withMods(TabButton, applyVerticalTabButtonMods);
 
@@ -915,7 +915,10 @@ const allTextSizes = [
     '18', '24', '30', '36', '48',
 ];
 const allFontStyles = [
-    'regular', 'semibold', 'italic', 'primary', 'promo',
+    'normal', 'italic',
+];
+const allFontWeights = [
+    '200', '300', '400', '600', '700', '900',
 ];
 var EditMode;
 (function (EditMode) {
@@ -988,13 +991,13 @@ var SvgPartlySelect18 = function SvgPartlySelect18(props, ref) {
 };
 var ForwardRef$H = /*#__PURE__*/forwardRef(SvgPartlySelect18);
 
-var css$18 = {"uui-typography":"Mg45YS","hero-header":"KJDGUT","promo-header":"E2nOBY","uui-critical":"v5N25b","uui-success":"K5fqX9","uui-warning":"Y9k65L","uui-typography-size-12":"zKHwhO","uui-typography-size-14":"b5Kw3K","uui-typography-size-16":"xLHkib","root":"y-s0Dd","size-18":"QDd8hm","size-12":"-TzHMf","mode-cell":"Sp-K-n","uuiTypography":"Mg45YS","heroHeader":"KJDGUT","promoHeader":"E2nOBY","uuiCritical":"v5N25b","uuiSuccess":"K5fqX9","uuiWarning":"Y9k65L","uuiTypographySize12":"zKHwhO","uuiTypographySize14":"b5Kw3K","uuiTypographySize16":"xLHkib","size18":"QDd8hm","size12":"-TzHMf","modeCell":"Sp-K-n"};
+var css$17 = {"uui-typography":"K1Rj7r","hero-header":"xcdZea","promo-header":"ELwTJv","uui-critical":"pDzlzI","uui-info":"wdciLS","uui-success":"_7dgbVY","uui-warning":"jsdm9a","uui-highlight":"_-80zjt","uui-typography-size-12":"xbwe3Z","uui-typography-size-14":"cvGhVB","uui-typography-size-16":"_6MzKXr","root":"guafHi","size-18":"qw6MYb","size-12":"KcRld3","mode-cell":"shwRIJ","uuiTypography":"K1Rj7r","heroHeader":"xcdZea","promoHeader":"ELwTJv","uuiCritical":"pDzlzI","uuiInfo":"wdciLS","uuiSuccess":"_7dgbVY","uuiWarning":"jsdm9a","uuiHighlight":"_-80zjt","uuiTypographySize12":"xbwe3Z","uuiTypographySize14":"cvGhVB","uuiTypographySize16":"_6MzKXr","size18":"qw6MYb","size12":"KcRld3","modeCell":"shwRIJ"};
 
 function applyCheckboxMods(mods) {
     return [
-        css$18.root,
-        css$18['size-' + (mods.size || '18')],
-        css$18['mode-' + (mods.mode || 'form')],
+        css$17.root,
+        css$17['size-' + (mods.size || '18')],
+        css$17['mode-' + (mods.mode || 'form')],
         'uui-color-primary',
     ];
 }
@@ -1004,7 +1007,7 @@ const applyUUICheckboxProps = (props) => ({
 });
 const Checkbox = withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$17 = {"uui-typography":"zooAAk","hero-header":"qNwiT2","promo-header":"NioGFN","uui-critical":"dV5OWt","uui-success":"oYEFLn","uui-warning":"gAYURJ","uui-typography-size-12":"KyIR1A","uui-typography-size-14":"htC76H","uui-typography-size-16":"Dgodbd","root":"sTrlfp","size-18":"PwLpfK","size-12":"NN-8sx","uuiTypography":"zooAAk","heroHeader":"qNwiT2","promoHeader":"NioGFN","uuiCritical":"dV5OWt","uuiSuccess":"oYEFLn","uuiWarning":"gAYURJ","uuiTypographySize12":"KyIR1A","uuiTypographySize14":"htC76H","uuiTypographySize16":"Dgodbd","size18":"PwLpfK","size12":"NN-8sx"};
+var css$16 = {"uui-typography":"ObTsOl","hero-header":"_9JwhjC","promo-header":"_1ICu9T","uui-critical":"JuNg06","uui-info":"_1CIRXq","uui-success":"FSUXJG","uui-warning":"_6Zzxk3","uui-highlight":"wzNLRr","uui-typography-size-12":"w-31lg","uui-typography-size-14":"akDJ8k","uui-typography-size-16":"-fdplU","root":"l2oYIw","size-18":"NF3fv-","size-12":"-SaPhP","uuiTypography":"ObTsOl","heroHeader":"_9JwhjC","promoHeader":"_1ICu9T","uuiCritical":"JuNg06","uuiInfo":"_1CIRXq","uuiSuccess":"FSUXJG","uuiWarning":"_6Zzxk3","uuiHighlight":"wzNLRr","uuiTypographySize12":"w-31lg","uuiTypographySize14":"akDJ8k","uuiTypographySize16":"-fdplU","size18":"NF3fv-","size12":"-SaPhP"};
 
 var _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); }
@@ -1024,15 +1027,15 @@ var SvgRadioPoint = function SvgRadioPoint(props, ref) {
 var ForwardRef$G = /*#__PURE__*/forwardRef(SvgRadioPoint);
 
 function applyRadioInputMods(mods) {
-    return [css$17.root, css$17['size-' + (mods.size || '18')], 'uui-color-primary'];
+    return [css$16.root, css$16['size-' + (mods.size || '18')], 'uui-color-primary'];
 }
 const RadioInput = withMods(RadioInput$1, applyRadioInputMods, () => ({ icon: ForwardRef$G }));
 
-var css$16 = {"root":"TpZL4g","size-12":"nPz9EM","size-18":"_2MXQIy","size-24":"lgiXar","size12":"nPz9EM","size18":"_2MXQIy","size24":"lgiXar"};
+var css$15 = {"root":"LpFGKP","size-12":"i4Db4Y","size-18":"_9Wddb-","size-24":"QtSKEG","size12":"i4Db4Y","size18":"_9Wddb-","size24":"QtSKEG"};
 
 function applySwitchMods(mods) {
     return [
-        css$16.root, css$16['size-' + (mods.size || '18')], 'uui-color-primary',
+        css$15.root, css$15['size-' + (mods.size || '18')], 'uui-color-primary',
     ];
 }
 const Switch = withMods(uuiComponents.Switch, applySwitchMods);
@@ -1081,7 +1084,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var textInputCss = {"uui-typography":"wKSDEr","hero-header":"CRLjy5","promo-header":"GwjwwV","uui-critical":"oO63xI","uui-success":"Cd3IBr","uui-warning":"dpNmTt","uui-typography-size-12":"_4E9hWO","uui-typography-size-14":"-dERdY","uui-typography-size-16":"wcflJo","root":"PW1w5J","mode-form":"GbkRWY","mode-inline":"_517VoZ","mode-cell":"d0Tuxx","size-24":"_5EUT3t","size-30":"NLpCIH","size-36":"vbwnuz","size-42":"hobixB","size-48":"mTTCip","uuiTypography":"wKSDEr","heroHeader":"CRLjy5","promoHeader":"GwjwwV","uuiCritical":"oO63xI","uuiSuccess":"Cd3IBr","uuiWarning":"dpNmTt","uuiTypographySize12":"_4E9hWO","uuiTypographySize14":"-dERdY","uuiTypographySize16":"wcflJo","modeForm":"GbkRWY","modeInline":"_517VoZ","modeCell":"d0Tuxx","size24":"_5EUT3t","size30":"NLpCIH","size36":"vbwnuz","size42":"hobixB","size48":"mTTCip"};
+var textInputCss = {"uui-typography":"vZwEpk","hero-header":"eZvITd","promo-header":"AtCQCY","uui-critical":"-xhMau","uui-info":"IjLwss","uui-success":"I3p4p0","uui-warning":"Gw2C9j","uui-highlight":"Ge7Zcz","uui-typography-size-12":"L3xS-G","uui-typography-size-14":"zD0Gtk","uui-typography-size-16":"Mwyl2C","root":"pwHm3a","mode-form":"Ku6utG","mode-inline":"o5Hcgz","mode-cell":"_4hMTjs","size-24":"_4zzG7I","size-30":"G88CoT","size-36":"JEoa-d","size-42":"_16eU99","size-48":"DCwLGq","uuiTypography":"vZwEpk","heroHeader":"eZvITd","promoHeader":"AtCQCY","uuiCritical":"-xhMau","uuiInfo":"IjLwss","uuiSuccess":"I3p4p0","uuiWarning":"Gw2C9j","uuiHighlight":"Ge7Zcz","uuiTypographySize12":"L3xS-G","uuiTypographySize14":"zD0Gtk","uuiTypographySize16":"Mwyl2C","modeForm":"Ku6utG","modeInline":"o5Hcgz","modeCell":"_4hMTjs","size24":"_4zzG7I","size30":"G88CoT","size36":"JEoa-d","size42":"_16eU99","size48":"DCwLGq"};
 
 const defaultSize$6 = '36';
 const defaultMode$5 = EditMode.FORM;
@@ -1110,22 +1113,22 @@ const SearchInput = React__default.forwardRef((props, ref) => {
                 : undefined, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable))) })));
 });
 
-var css$15 = {"root":"pud-3w"};
+var css$14 = {"root":"hZ-9cH"};
 
-const ControlGroup = withMods(ControlGroup$1, () => [css$15.root]);
+const ControlGroup = withMods(ControlGroup$1, () => [css$14.root]);
 
 function MultiSwitchComponent(props, ref) {
-    return (React.createElement(ControlGroup, { ref: ref, rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'tablist' }) }, props.items.map((item, index) => (React.createElement(Button, Object.assign({}, props, item, { isDisabled: props.isDisabled, key: index + '-' + item.id, onClick: () => props.onValueChange(item.id), fill: props.value === item.id ? 'solid' : 'outline', color: props.color === 'secondary' && props.value === item.id ? 'primary' : props.color || 'primary', size: props.size, rawProps: { 'aria-current': props.value === item.id, role: 'tab' } }))))));
+    return (React.createElement(ControlGroup, { ref: ref, rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'tablist' }) }, props.items.map((item, index) => (React.createElement(Button, Object.assign({}, props, item, { isDisabled: props.isDisabled, key: index + '-' + item.id, onClick: () => props.onValueChange(item.id), fill: props.value === item.id ? 'solid' : 'outline', color: props.color, size: props.size, rawProps: { 'aria-current': props.value === item.id, role: 'tab' } }))))));
 }
 const MultiSwitch = React.forwardRef(MultiSwitchComponent);
 
-var css$14 = {"uui-typography":"Y--vnV","hero-header":"crBUoh","promo-header":"laf--p","uui-critical":"c-pYk0","uui-success":"-UPuxw","uui-warning":"qqUTRa","uui-typography-size-12":"_4HZnEj","uui-typography-size-14":"OaO9nN","uui-typography-size-16":"lcQcNn","root":"_73qIvK","size-24":"KfRyeG","size-30":"LK4vyc","size-36":"_2j6CAc","size-42":"WxpuNH","size-48":"L2rWy3","mode-form":"stfG4E","mode-cell":"_5V-5jI","uuiTypography":"Y--vnV","heroHeader":"crBUoh","promoHeader":"laf--p","uuiCritical":"c-pYk0","uuiSuccess":"-UPuxw","uuiWarning":"qqUTRa","uuiTypographySize12":"_4HZnEj","uuiTypographySize14":"OaO9nN","uuiTypographySize16":"lcQcNn","size24":"KfRyeG","size30":"LK4vyc","size36":"_2j6CAc","size42":"WxpuNH","size48":"L2rWy3","modeForm":"stfG4E","modeCell":"_5V-5jI"};
+var css$13 = {"uui-typography":"OtrqkB","hero-header":"FGBdpY","promo-header":"L7YWGQ","uui-critical":"n0CkVP","uui-info":"yA-23k","uui-success":"GQxIyZ","uui-warning":"rZiABz","uui-highlight":"_0C-ccW","uui-typography-size-12":"_0-mXsJ","uui-typography-size-14":"AOSaph","uui-typography-size-16":"kpMS1u","root":"_9w4vAm","size-24":"vO21Vo","size-30":"Df4fvT","size-36":"Gxo1YJ","size-42":"flCKT8","size-48":"n8M4ym","mode-form":"d6ADS4","mode-cell":"_7u6UOg","uuiTypography":"OtrqkB","heroHeader":"FGBdpY","promoHeader":"L7YWGQ","uuiCritical":"n0CkVP","uuiInfo":"yA-23k","uuiSuccess":"GQxIyZ","uuiWarning":"rZiABz","uuiHighlight":"_0C-ccW","uuiTypographySize12":"_0-mXsJ","uuiTypographySize14":"AOSaph","uuiTypographySize16":"kpMS1u","size24":"vO21Vo","size30":"Df4fvT","size36":"Gxo1YJ","size42":"flCKT8","size48":"n8M4ym","modeForm":"d6ADS4","modeCell":"_7u6UOg"};
 
 const defaultSize$5 = '36';
 const defaultMode$4 = EditMode.FORM;
 function applyNumericInputMods(mods) {
     return [
-        textInputCss.root, css$14.root, css$14['size-' + (mods.size || defaultSize$5)], textInputCss['size-' + (mods.size || defaultSize$5)], textInputCss['mode-' + (mods.mode || defaultMode$4)],
+        textInputCss.root, css$13.root, css$13['size-' + (mods.size || defaultSize$5)], textInputCss['size-' + (mods.size || defaultSize$5)], textInputCss['mode-' + (mods.mode || defaultMode$4)],
     ];
 }
 const NumericInput = withMods(NumericInput$1, applyNumericInputMods, (props) => {
@@ -1138,13 +1141,13 @@ const NumericInput = withMods(NumericInput$1, applyNumericInputMods, (props) =>
     });
 });
 
-var css$13 = {"uui-typography":"EzJpt1","hero-header":"WtxTZ7","promo-header":"goLCPT","uui-critical":"aWoVpE","uui-success":"fnapwX","uui-warning":"tacqlh","uui-typography-size-12":"_2yeqgu","uui-typography-size-14":"JZeT65","uui-typography-size-16":"Of568E","root":"s1awNl","mode-form":"KjBQEi","mode-cell":"xM18WA","mode-inline":"yixNK2","size-24":"hx0hBi","size-30":"_6Ry-pN","size-36":"qnIlPr","size-42":"_5v4J70","size-48":"ohC0J-","uuiTypography":"EzJpt1","heroHeader":"WtxTZ7","promoHeader":"goLCPT","uuiCritical":"aWoVpE","uuiSuccess":"fnapwX","uuiWarning":"tacqlh","uuiTypographySize12":"_2yeqgu","uuiTypographySize14":"JZeT65","uuiTypographySize16":"Of568E","modeForm":"KjBQEi","modeCell":"xM18WA","modeInline":"yixNK2","size24":"hx0hBi","size30":"_6Ry-pN","size36":"qnIlPr","size42":"_5v4J70","size48":"ohC0J-"};
+var css$12 = {"uui-typography":"DGlpfb","hero-header":"j-RQ6l","promo-header":"-VsUfF","uui-critical":"-fFwsV","uui-info":"h8x4FI","uui-success":"U5LJ0m","uui-warning":"tKIQPW","uui-highlight":"TpYdvS","uui-typography-size-12":"RmwVWW","uui-typography-size-14":"AZd2aG","uui-typography-size-16":"dnvk9l","root":"MOxFrd","mode-form":"LfeNbg","mode-cell":"FjUgRa","mode-inline":"BR6P50","size-24":"caLM1F","size-30":"UVax46","size-36":"UCdOUc","size-42":"_9sQE5W","size-48":"qXmh7X","uuiTypography":"DGlpfb","heroHeader":"j-RQ6l","promoHeader":"-VsUfF","uuiCritical":"-fFwsV","uuiInfo":"h8x4FI","uuiSuccess":"U5LJ0m","uuiWarning":"tKIQPW","uuiHighlight":"TpYdvS","uuiTypographySize12":"RmwVWW","uuiTypographySize14":"AZd2aG","uuiTypographySize16":"dnvk9l","modeForm":"LfeNbg","modeCell":"FjUgRa","modeInline":"BR6P50","size24":"caLM1F","size30":"UVax46","size36":"UCdOUc","size42":"_9sQE5W","size48":"qXmh7X"};
 
 const defaultSize$4 = '36';
 const defaultMode$3 = EditMode.FORM;
 function applyTextAreaMods(mods) {
     return [
-        css$13.root, css$13['size-' + (mods.size || defaultSize$4)], css$13['mode-' + (mods.mode || defaultMode$3)],
+        css$12.root, css$12['size-' + (mods.size || defaultSize$4)], css$12['mode-' + (mods.mode || defaultMode$3)],
     ];
 }
 const TextArea = withMods(TextArea$1, applyTextAreaMods, (props) => ({
@@ -1152,20 +1155,20 @@ const TextArea = withMods(TextArea$1, applyTextAreaMods, (props) => ({
     maxLength: props.mode === EditMode.CELL ? undefined : props.maxLength,
 }));
 
-var css$12 = {"root":"zOegt3"};
+var css$11 = {"root":"JqMmn5"};
 
 function applyDropdownContainerMods(mods) {
     return [
-        css$12.root,
+        css$11.root,
         mods.vPadding && `vPadding-${mods.vPadding}`,
         mods.padding && `padding-${mods.padding}`,
     ];
 }
 const DropdownContainer = withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$11 = {"root":"bVj5a8","icon":"-B-Fzs","date-input":"RPoQmy","dateInput":"RPoQmy"};
+var css$10 = {"root":"P5QrwQ","timepicker-input":"_79C3uW","timepickerInput":"_79C3uW"};
 
-const TimePickerBody = withMods(TimePickerBody$1, () => [css$11.root], () => ({ addIcon: ForwardRef$1b, subtractIcon: ForwardRef$1b }));
+const TimePickerBody = withMods(TimePickerBody$1, () => [css$10.root], () => ({ addIcon: ForwardRef$1b, subtractIcon: ForwardRef$1b }));
 
 dayjs.extend(customParseFormat);
 const defaultMode$2 = EditMode.FORM;
@@ -1185,7 +1188,7 @@ class TimePicker extends BaseTimePicker {
                     });
                 }
             }
-            return (React__default.createElement(TextInput, Object.assign({}, props, { onClick: null, size: this.props.size || '36', isDisabled: this.props.isDisabled, isReadonly: this.props.isReadonly, isInvalid: this.props.isInvalid, cx: [css$11.root, css$11.dateInput, this.props.inputCx], value: this.state.value, onValueChange: this.handleInputChange, onCancel: this.onClear, onFocus: this.handleFocus, onBlur: this.handleBlur, isDropdown: false, placeholder: this.props.placeholder ? this.props.placeholder : this.getFormat(), mode: this.props.mode || defaultMode$2, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.input })));
+            return (React__default.createElement(TextInput, Object.assign({}, props, { onClick: null, size: this.props.size || '36', isDisabled: this.props.isDisabled, isReadonly: this.props.isReadonly, isInvalid: this.props.isInvalid, cx: [css$10.root, css$10.timepickerInput, this.props.inputCx], value: this.state.value, onValueChange: this.handleInputChange, onCancel: this.onClear, onFocus: this.handleFocus, onBlur: this.handleBlur, isDropdown: false, placeholder: this.props.placeholder ? this.props.placeholder : this.getFormat(), mode: this.props.mode || defaultMode$2, rawProps: (_a = this.props.rawProps) === null || _a === void 0 ? void 0 : _a.input })));
         };
         this.renderBody = (props) => {
             var _a;
@@ -1195,23 +1198,23 @@ class TimePicker extends BaseTimePicker {
     }
 }
 
-var css$10 = {"root":"HtayTa"};
+var css$$ = {"root":"mPfRLD"};
 
 function applyInputAddonMods() {
     return [
-        css$10.root,
+        css$$.root,
     ];
 }
 const InputAddon = withMods(InputAddon$1, applyInputAddonMods);
 
-var css$$ = {"root":"i6Is7L"};
+var css$_ = {"root":"_9nTVGr"};
 
 function applySliderMods() {
-    return [css$$.root];
+    return [css$_.root, 'uui-color-neutral'];
 }
 const Slider = withMods(Slider$1, applySliderMods);
 
-var css$_ = {"container":"hHnkCY"};
+var css$Z = {"container":"ksPHbs"};
 
 dayjs.extend(localeData);
 const uuiHeader = {
@@ -1286,21 +1289,21 @@ function DatePickerHeader(props) {
         var _a, _b, _c;
         return `${((_a = props.value) === null || _a === void 0 ? void 0 : _a.view) !== 'MONTH_SELECTION' ? dayjs.months()[(_b = props.value) === null || _b === void 0 ? void 0 : _b.displayedDate.month()] : ''} ${(_c = props.value) === null || _c === void 0 ? void 0 : _c.displayedDate.year()}`;
     }, [(_a = props.value) === null || _a === void 0 ? void 0 : _a.view, (_b = props.value) === null || _b === void 0 ? void 0 : _b.displayedDate]);
-    return (React.createElement("div", { className: cx(css$_.container, uuiHeader.container, props.cx) },
+    return (React.createElement("div", { className: cx(css$Z.container, uuiHeader.container, props.cx) },
         React.createElement("header", { className: uuiHeader.header },
             React.createElement(Button, { icon: props.navIconLeft || ForwardRef$M, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: () => onLeftNavigationArrow() }),
             React.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: () => onCaptionClick(props.value.view) }),
             React.createElement(Button, { icon: props.navIconRight || ForwardRef$L, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow() }))));
 }
 
-var css$Z = {"uui-typography":"_0luRPY","hero-header":"I8ShoX","promo-header":"X5AHbP","uui-critical":"vvJeNC","uui-success":"UJOPvv","uui-warning":"TEvB8J","uui-typography-size-12":"LWivlJ","uui-typography-size-14":"Q1gxlm","uui-typography-size-16":"u4J1pZ","root":"eBu0Yg","uuiTypography":"_0luRPY","heroHeader":"I8ShoX","promoHeader":"X5AHbP","uuiCritical":"vvJeNC","uuiSuccess":"UJOPvv","uuiWarning":"TEvB8J","uuiTypographySize12":"LWivlJ","uuiTypographySize14":"Q1gxlm","uuiTypographySize16":"u4J1pZ"};
+var css$Y = {"uui-typography":"EEq-iB","hero-header":"VUqlXC","promo-header":"uGLzxV","uui-critical":"FrVsvv","uui-info":"qUOgco","uui-success":"Vg-H4S","uui-warning":"WcMOx0","uui-highlight":"OS1CGY","uui-typography-size-12":"CjlIVW","uui-typography-size-14":"k0-J4U","uui-typography-size-16":"hYSFj0","root":"_93nMxD","uuiTypography":"EEq-iB","heroHeader":"VUqlXC","promoHeader":"uGLzxV","uuiCritical":"FrVsvv","uuiInfo":"qUOgco","uuiSuccess":"Vg-H4S","uuiWarning":"WcMOx0","uuiHighlight":"OS1CGY","uuiTypographySize12":"CjlIVW","uuiTypographySize14":"k0-J4U","uuiTypographySize16":"hYSFj0"};
 
 function applyDateSelectionMods() {
-    return [css$Z.root];
+    return [css$Y.root];
 }
 const Calendar = withMods(Calendar$1, applyDateSelectionMods);
 
-var css$Y = {"uui-typography":"eeqC4H","hero-header":"vCQzFG","promo-header":"_99L26i","uui-critical":"bKEb7B","uui-success":"pu8a1h","uui-warning":"z0tDwz","uui-typography-size-12":"rGgewF","uui-typography-size-14":"sdIhjS","uui-typography-size-16":"_2pjxtH","root":"UNeGQl","uuiTypography":"eeqC4H","heroHeader":"vCQzFG","promoHeader":"_99L26i","uuiCritical":"bKEb7B","uuiSuccess":"pu8a1h","uuiWarning":"z0tDwz","uuiTypographySize12":"rGgewF","uuiTypographySize14":"sdIhjS","uuiTypographySize16":"_2pjxtH"};
+var css$X = {"uui-typography":"bL6DHs","hero-header":"pHz4Hc","promo-header":"AXTF-Z","uui-critical":"uVKZhf","uui-info":"eMkizM","uui-success":"V4UXCQ","uui-warning":"OTBdc-","uui-highlight":"uzlmxG","uui-typography-size-12":"n2FYB-","uui-typography-size-14":"yM9Q0X","uui-typography-size-16":"P8S8YI","root":"-nMPkc","uuiTypography":"bL6DHs","heroHeader":"pHz4Hc","promoHeader":"AXTF-Z","uuiCritical":"uVKZhf","uuiInfo":"eMkizM","uuiSuccess":"V4UXCQ","uuiWarning":"OTBdc-","uuiHighlight":"uzlmxG","uuiTypographySize12":"n2FYB-","uuiTypographySize14":"yM9Q0X","uuiTypographySize16":"P8S8YI"};
 
 dayjs.extend(updateLocale);
 const uuiDatePickerBody = {
@@ -1328,7 +1331,7 @@ class DatePickerBody extends DatePickerBodyBase {
             }
         };
         this.renderBody = () => {
-            return (React.createElement("div", { className: cx$1(css$Y.root, uuiDatePickerBody.wrapper, this.props.cx) },
+            return (React.createElement("div", { className: cx$1(css$X.root, uuiDatePickerBody.wrapper, this.props.cx) },
                 React.createElement(DatePickerHeader, { value: this.props.value, onValueChange: (newValue) => this.props.setDisplayedDateAndView(newValue.displayedDate, newValue.view) }),
                 this.getView()));
         };
@@ -1417,16 +1420,16 @@ var SvgNavigationClose24$1 = function SvgNavigationClose24(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/forwardRef(SvgNavigationClose24$1);
 
-var css$X = {"root":"KoUIMl","icon-wrapper":"-GbN7J","alert-wrapper":"Ej-McX","size-48":"SfSn1o","size-36":"GCLvIP","action-wrapper":"OV2c3-","action-icon":"nC1q5A","action-link":"fKsbUr","close-icon":"u2pb-R","main-path":"fP1cmr","content":"_6040CY","iconWrapper":"-GbN7J","alertWrapper":"Ej-McX","size48":"SfSn1o","size36":"GCLvIP","actionWrapper":"OV2c3-","actionIcon":"nC1q5A","actionLink":"fKsbUr","closeIcon":"u2pb-R","mainPath":"fP1cmr"};
+var css$W = {"root":"AOENEu","icon-wrapper":"OdGIuj","alert-wrapper":"Ww4Yrl","size-48":"KAccym","size-36":"_1DYRXk","action-wrapper":"_6ya407","action-icon":"XyG-ZH","action-link":"IsVjcp","close-icon":"_7OegQP","main-path":"p8NPlH","content":"msIL5Q","iconWrapper":"OdGIuj","alertWrapper":"Ww4Yrl","size48":"KAccym","size36":"_1DYRXk","actionWrapper":"_6ya407","actionIcon":"XyG-ZH","actionLink":"IsVjcp","closeIcon":"_7OegQP","mainPath":"p8NPlH"};
 
-const Alert = React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$X.root, css$X.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$X.size36 : css$X.size48)) }, props.rawProps),
-    React.createElement("div", { className: css$X.mainPath },
-        props.icon && (React.createElement("div", { className: css$X.iconWrapper },
-            React.createElement(IconContainer, { icon: props.icon, cx: css$X.actionIcon }))),
-        React.createElement("div", { className: css$X.content },
+const Alert = React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$W.root, css$W.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$W.size36 : css$W.size48)) }, props.rawProps),
+    React.createElement("div", { className: css$W.mainPath },
+        props.icon && (React.createElement("div", { className: css$W.iconWrapper },
+            React.createElement(IconContainer, { icon: props.icon, cx: css$W.actionIcon }))),
+        React.createElement("div", { className: css$W.content },
             props.children,
-            props.actions && (React.createElement("div", { className: css$X.actionWrapper }, props.actions.map((action) => (React.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$X.actionLink, size: (props === null || props === void 0 ? void 0 : props.size) === '36' ? '24' : '30' })))))),
-        props.onClose && React.createElement(IconButton, { icon: ForwardRef$B, color: "neutral", onClick: props.onClose, cx: css$X.closeIcon })))));
+            props.actions && (React.createElement("div", { className: css$W.actionWrapper }, props.actions.map((action) => (React.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$W.actionLink, size: (props === null || props === void 0 ? void 0 : props.size) === '36' ? '24' : '30' })))))),
+        props.onClose && React.createElement(IconButton, { icon: ForwardRef$B, color: "neutral", onClick: props.onClose, cx: css$W.closeIcon })))));
 const WarningAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$E, color: "warning", ref: ref }, props)));
 const SuccessAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$F, color: "success", ref: ref }, props)));
 const HintAlert = React.forwardRef((props, ref) => React.createElement(Alert, Object.assign({ icon: ForwardRef$C, color: "info", ref: ref }, props)));
@@ -1436,7 +1439,7 @@ function Dropdown(props) {
     return React.createElement(Dropdown$1, Object.assign({}, props));
 }
 
-var css$W = {"uui-typography":"xg9nMp","hero-header":"_96hWwf","promo-header":"_0kcJUW","uui-critical":"iEdwhf","uui-success":"S-2FvP","uui-warning":"YGcauS","uui-typography-size-12":"MjJSkJ","uui-typography-size-14":"ITj0AB","uui-typography-size-16":"JYHFwV","root":"SYbzu8","bodyRoot":"uIUDhI","submenuRootItem":"rCRRoE","iconAfter":"w9-S58","iconCheck":"tSMiP7","splitterRoot":"_2QPbMc","splitter":"SveQBA","headerRoot":"_11IGTt","itemRoot":"_5Rhd10","icon":"_20OJGT","link":"_2i8eJn","indent":"SXcXyx","uuiTypography":"xg9nMp","heroHeader":"_96hWwf","promoHeader":"_0kcJUW","uuiCritical":"iEdwhf","uuiSuccess":"S-2FvP","uuiWarning":"YGcauS","uuiTypographySize12":"MjJSkJ","uuiTypographySize14":"ITj0AB","uuiTypographySize16":"JYHFwV"};
+var css$V = {"uui-typography":"u2SEsf","hero-header":"CUaweS","promo-header":"_1LOvVT","uui-critical":"Wybj6G","uui-info":"m3jQ7Y","uui-success":"_9Yf4Ne","uui-warning":"QlAUeC","uui-highlight":"_7EcCOm","uui-typography-size-12":"_4fOXIR","uui-typography-size-14":"PkW4MD","uui-typography-size-16":"BtjP-M","root":"z8TBkg","body-root":"r17aVl","submenu-root-item":"b-KFUS","icon-after":"iAfTzP","icon-check":"_9mhTMg","splitter-root":"rJjkVE","splitter":"XfwO7w","header-root":"t9qrQJ","item-root":"cL5XNf","icon":"uMOm5J","link":"-VsRge","indent":"EL1HtY","uuiTypography":"u2SEsf","heroHeader":"CUaweS","promoHeader":"_1LOvVT","uuiCritical":"Wybj6G","uuiInfo":"m3jQ7Y","uuiSuccess":"_9Yf4Ne","uuiWarning":"QlAUeC","uuiHighlight":"_7EcCOm","uuiTypographySize12":"_4fOXIR","uuiTypographySize14":"PkW4MD","uuiTypographySize16":"BtjP-M","bodyRoot":"r17aVl","submenuRootItem":"b-KFUS","iconAfter":"iAfTzP","iconCheck":"_9mhTMg","splitterRoot":"rJjkVE","headerRoot":"t9qrQJ","itemRoot":"cL5XNf"};
 
 const icons = systemIcons['36'];
 var IDropdownControlKeys;
@@ -1471,11 +1474,10 @@ function DropdownMenuContainer(props) {
             props.onClose();
         }
     };
-    return (React__default.createElement(DropdownContainer, Object.assign({}, props, { rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'menu' }), ref: menuRef, lockProps: { onKeyDown: handleArrowKeys }, cx: css$W.root })));
+    return (React__default.createElement(DropdownContainer, Object.assign({}, props, { rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'menu' }), ref: menuRef, width: props.minWidth, lockProps: { onKeyDown: handleArrowKeys }, cx: [props.cx, css$V.root] })));
 }
-const DropdownMenuBody = withMods(DropdownMenuContainer, () => [css$W.bodyRoot], (props) => {
-    const dropdownRawProps = props.minWidth ? Object.assign(Object.assign({}, props.rawProps), { style: { minWidth: `${props.minWidth}px` } }) : null;
-    return (Object.assign(Object.assign({ closeOnKey: IDropdownControlKeys.ESCAPE }, props), { rawProps: dropdownRawProps || props.rawProps }));
+const DropdownMenuBody = withMods(DropdownMenuContainer, () => [css$V.bodyRoot], (props) => {
+    return (Object.assign({ closeOnKey: IDropdownControlKeys.ESCAPE }, props));
 });
 const DropdownMenuButton = React__default.forwardRef((props, ref) => {
     const context = useContext(UuiContext);
@@ -1497,32 +1499,32 @@ const DropdownMenuButton = React__default.forwardRef((props, ref) => {
     const getMenuButtonContent = () => {
         const isIconBefore = Boolean(icon && iconPosition !== 'right');
         const isIconAfter = Boolean(icon && iconPosition === 'right');
-        const iconElement = (React__default.createElement(IconButton, { icon: icon, color: isActive ? 'info' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: cx$1(css$W.root, css$W.icon, iconPosition === 'right' ? css$W.iconAfter : css$W.iconBefore) }));
+        const iconElement = (React__default.createElement(IconButton, { icon: icon, color: isActive ? 'info' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: cx$1(css$V.root, css$V.icon, iconPosition === 'right' ? css$V.iconAfter : css$V.iconBefore) }));
         return (React__default.createElement(React__default.Fragment, null,
             isIconBefore && iconElement,
-            React__default.createElement(Text$1, { cx: props.indent && css$W.indent }, caption),
+            React__default.createElement(Text$1, { cx: props.indent && css$V.indent }, caption),
             isIconAfter && (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(FlexSpacer, null),
                 iconElement))));
     };
     const isAnchor = Boolean(link || href);
-    const itemClassNames = cx$1(css$W.root, props.cx, css$W.itemRoot, isDisabled && uuiMod.disabled, isActive && uuiMod.active, isOpen && uuiMod.opened);
-    return isAnchor ? (React__default.createElement(Anchor$1, { cx: cx$1(css$W.link, itemClassNames), link: link, href: href, rawProps: { role: 'menuitem', tabIndex: isDisabled ? -1 : 0 }, onClick: handleClick, isDisabled: isDisabled, forwardedRef: ref, target: target }, getMenuButtonContent())) : (React__default.createElement(FlexRow$1, { rawProps: {
+    const itemClassNames = cx$1(css$V.root, props.cx, css$V.itemRoot, isDisabled && uuiMod.disabled, isActive && uuiMod.active, isOpen && uuiMod.opened);
+    return isAnchor ? (React__default.createElement(Anchor$1, { cx: cx$1(css$V.link, itemClassNames), link: link, href: href, rawProps: { role: 'menuitem', tabIndex: isDisabled ? -1 : 0 }, onClick: handleClick, isLinkActive: isActive, isDisabled: isDisabled, forwardedRef: ref, target: target }, getMenuButtonContent())) : (React__default.createElement(FlexRow$1, { rawProps: {
             tabIndex: isDisabled ? -1 : 0,
             role: 'menuitem',
             onKeyDown: isDisabled ? null : handleOpenDropdown,
         }, cx: itemClassNames, onClick: handleClick, ref: ref },
         getMenuButtonContent(),
-        isSelected && React__default.createElement(IconContainer, { icon: icons.accept, cx: cx$1(css$W.root, css$W.selectedCheckmark) })));
+        isSelected && React__default.createElement(IconContainer, { icon: icons.accept, cx: cx$1(css$V.root, css$V.selectedCheckmark) })));
 });
 DropdownMenuButton.displayName = 'DropdownMenuButton';
 function DropdownMenuSplitter(props) {
-    return (React__default.createElement("div", { className: cx$1(css$W.root, props.cx, css$W.splitterRoot) },
-        React__default.createElement("hr", { className: css$W.splitter })));
+    return (React__default.createElement("div", { className: cx$1(css$V.root, props.cx, css$V.splitterRoot) },
+        React__default.createElement("hr", { className: css$V.splitter })));
 }
 function DropdownMenuHeader(props) {
-    return (React__default.createElement("div", { className: cx$1('uui-dropdown-menu-header', css$W.root, props.cx, css$W.headerRoot) },
-        React__default.createElement("span", { className: css$W.header }, props.caption)));
+    return (React__default.createElement("div", { className: cx$1('uui-dropdown-menu-header', css$V.root, props.cx, css$V.headerRoot) },
+        React__default.createElement("span", { className: css$V.header }, props.caption)));
 }
 function DropdownSubMenu(props) {
     const subMenuModifiers = [
@@ -1542,7 +1544,7 @@ function DropdownSubMenu(props) {
     ];
     return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: "right-start", modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
             var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
-            return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(css$W.root, css$W.submenuRootItem), icon: icons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
+            return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(css$V.root, css$V.submenuRootItem), icon: icons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
         } }));
 }
 function DropdownMenuSwitchButton(props) {
@@ -1559,38 +1561,38 @@ function DropdownMenuSwitchButton(props) {
             onHandleValueChange(!isSelected);
         }
     };
-    return (React__default.createElement(FlexRow$1, { cx: cx$1(props.cx, css$W.itemRoot, isDisabled && uuiMod.disabled), onClick: () => onHandleValueChange(!isSelected), rawProps: { role: 'menuitem', onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 } },
-        icon && React__default.createElement(IconContainer, { icon: icon, cx: css$W.iconBefore }),
+    return (React__default.createElement(FlexRow$1, { cx: cx$1(props.cx, css$V.itemRoot, isDisabled && uuiMod.disabled), onClick: () => onHandleValueChange(!isSelected), rawProps: { role: 'menuitem', onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 } },
+        icon && React__default.createElement(IconContainer, { icon: icon, cx: css$V.iconBefore }),
         React__default.createElement(Text$1, null, caption),
         React__default.createElement(FlexSpacer, null),
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$V = {"uui-typography":"CT49Rd","hero-header":"-ZNcvB","promo-header":"Cwjxo7","uui-critical":"_7RXfQT","uui-success":"k-2Tmz","uui-warning":"xDQHuU","uui-typography-size-12":"PxiFGn","uui-typography-size-14":"gXBmbX","uui-typography-size-16":"d32yiv","root":"TlEJ7m","border-bottom":"Gh-MGX","top-shadow":"X75T31","size-24":"_1n8gIg","size-30":"_93CcAr","size-36":"-GI1W4","size-42":"lUC9BM","size-48":"-DT3-t","padding-6":"_6LwJ99","padding-12":"BRVp5n","padding-18":"ffCcFg","padding-24":"_3AYFIW","margin-24":"UfQBLo","margin-12":"H-nGTD","vPadding-12":"_33ExSh","vPadding-18":"_1PxwKl","vPadding-24":"_6vZMan","vPadding-36":"_4my7K4","vPadding-48":"pH0Win","spacing-6":"LYJnCe","spacing-12":"gZHl6d","spacing-18":"_0e8-3f","uuiTypography":"CT49Rd","heroHeader":"-ZNcvB","promoHeader":"Cwjxo7","uuiCritical":"_7RXfQT","uuiSuccess":"k-2Tmz","uuiWarning":"xDQHuU","uuiTypographySize12":"PxiFGn","uuiTypographySize14":"gXBmbX","uuiTypographySize16":"d32yiv","borderBottom":"Gh-MGX","topShadow":"X75T31","size24":"_1n8gIg","size30":"_93CcAr","size36":"-GI1W4","size42":"lUC9BM","size48":"-DT3-t","padding6":"_6LwJ99","padding12":"BRVp5n","padding18":"ffCcFg","padding24":"_3AYFIW","margin24":"UfQBLo","margin12":"H-nGTD","vPadding12":"_33ExSh","vPadding18":"_1PxwKl","vPadding24":"_6vZMan","vPadding36":"_4my7K4","vPadding48":"pH0Win","spacing6":"LYJnCe","spacing12":"gZHl6d","spacing18":"_0e8-3f"};
+var css$U = {"uui-typography":"nOQW2o","hero-header":"ycMtmF","promo-header":"fAbWdZ","uui-critical":"D7trEF","uui-info":"cff64x","uui-success":"_3hT-2q","uui-warning":"GulcHn","uui-highlight":"I5c-kA","uui-typography-size-12":"FWIB5u","uui-typography-size-14":"_79ElSC","uui-typography-size-16":"D6ombL","root":"n5q7g0","border-bottom":"ubkwR5","top-shadow":"_2vWCeA","size-24":"fAnu18","size-30":"_5DUWwF","size-36":"WOlRkF","size-42":"L24blI","size-48":"lKF9Xn","padding-6":"y7pFCH","padding-12":"R9QoMY","padding-18":"hJFDJ8","padding-24":"f45m-Y","margin-24":"iHZumY","margin-12":"sHLifr","vPadding-12":"X-VhmM","vPadding-18":"_8ZNL55","vPadding-24":"PX9dG1","vPadding-36":"wZ3n76","vPadding-48":"jqTODk","spacing-6":"ssV76z","spacing-12":"F8xl8F","spacing-18":"Y8y-L8","uuiTypography":"nOQW2o","heroHeader":"ycMtmF","promoHeader":"fAbWdZ","uuiCritical":"D7trEF","uuiInfo":"cff64x","uuiSuccess":"_3hT-2q","uuiWarning":"GulcHn","uuiHighlight":"I5c-kA","uuiTypographySize12":"FWIB5u","uuiTypographySize14":"_79ElSC","uuiTypographySize16":"D6ombL","borderBottom":"ubkwR5","topShadow":"_2vWCeA","size24":"fAnu18","size30":"_5DUWwF","size36":"WOlRkF","size42":"L24blI","size48":"lKF9Xn","padding6":"y7pFCH","padding12":"R9QoMY","padding18":"hJFDJ8","padding24":"f45m-Y","margin24":"iHZumY","margin12":"sHLifr","vPadding12":"X-VhmM","vPadding18":"_8ZNL55","vPadding24":"PX9dG1","vPadding36":"wZ3n76","vPadding48":"jqTODk","spacing6":"ssV76z","spacing12":"F8xl8F","spacing18":"Y8y-L8"};
 
-const FlexCell = withMods(FlexCell$1, () => [css$V.flexCell]);
+const FlexCell = withMods(FlexCell$1, () => [css$U.flexCell]);
 
 const FlexRow = withMods(FlexRow$1, (props) => {
     return [
-        css$V.root,
-        props.size !== null && css$V['size-' + (props.size || '36')],
-        props.padding && css$V['padding-' + props.padding],
-        props.vPadding && css$V['vPadding-' + props.vPadding],
-        props.margin && css$V['margin-' + props.margin],
-        props.topShadow && css$V.topShadow,
-        props.borderBottom && css$V.borderBottom,
-        props.spacing && css$V['spacing-' + props.spacing],
+        css$U.root,
+        props.size !== null && css$U['size-' + (props.size || '36')],
+        props.padding && css$U['padding-' + props.padding],
+        props.vPadding && css$U['vPadding-' + props.vPadding],
+        props.margin && css$U['margin-' + props.margin],
+        props.topShadow && css$U.topShadow,
+        props.borderBottom && css$U.borderBottom,
+        props.spacing && css$U['spacing-' + props.spacing],
         props.background && `uui-color-${props.background}`,
     ];
 });
 
-var css$U = {"root":"_32-Uew","margin-24":"_95gsaC","padding-12":"FLdnqO","padding-24":"i5o6xC","shadow":"s3lSwL","margin24":"_95gsaC","padding12":"FLdnqO","padding24":"i5o6xC"};
+var css$T = {"root":"xwMBvH","margin-24":"_67jcFe","padding-12":"Y4Xapy","padding-24":"MgqIF6","shadow":"_7CqjO5","margin24":"_67jcFe","padding12":"Y4Xapy","padding24":"MgqIF6"};
 
 const Panel = withMods(VPanel, (props) => [
     'uui-panel',
-    css$U.root,
-    props.shadow && css$U.shadow,
-    props.margin && css$U['margin-' + props.margin],
+    css$T.root,
+    props.shadow && css$T.shadow,
+    props.margin && css$T['margin-' + props.margin],
     props.background && `uui-color-${props.background}`,
 ]);
 
@@ -1683,56 +1685,58 @@ const i18n = Object.assign(Object.assign({}, i18n$2), { dataPickerBody: {
         fileSizeProgress: ' of ',
     } });
 
-var css$T = {"root":"uL4Zop","mode-block":"fHfMwg","mode-inline":"M840Mb","padding-0":"hvVkTe","padding-6":"Y56-BO","padding-12":"vmrApN","padding-18":"r6bYdT","modeBlock":"fHfMwg","modeInline":"M840Mb","padding0":"hvVkTe","padding6":"Y56-BO","padding12":"vmrApN","padding18":"r6bYdT"};
+var css$S = {"root":"VJZ6MV","mode-block":"f7ivDk","mode-inline":"d5hrk7","padding-0":"_791icz","padding-6":"CbvSYX","padding-12":"RnMxdQ","padding-18":"_7MLKjS","modeBlock":"f7ivDk","modeInline":"d5hrk7","padding0":"_791icz","padding6":"CbvSYX","padding12":"RnMxdQ","padding18":"_7MLKjS"};
 
 function applyAccordionMods(mods) {
     return [
-        css$T.root,
-        css$T['mode-' + (mods.mode || 'block')],
-        mods.padding && css$T['padding-' + mods.padding],
+        css$S.root,
+        css$S['mode-' + (mods.mode || 'block')],
+        mods.padding && css$S['padding-' + mods.padding],
     ];
 }
 const Accordion = withMods(uuiComponents.Accordion, applyAccordionMods, (mods) => ({
     dropdownIcon: mods.dropdownIcon !== null && systemIcons[mods.mode === 'block' ? '60' : '30'].foldingArrow,
 }));
 
-var css$S = {"root":"m4EfMA"};
+var css$R = {"root":"C8NFEB"};
 
 function applyTooltipMods(mods) {
     return [
-        css$S.root,
-        `uui-color-${mods.color || 'contrast'}`,
+        css$R.root,
+        `uui-color-${mods.color || 'inverted'}`,
     ];
 }
 const Tooltip = withMods(Tooltip$1, applyTooltipMods);
 
-var css$R = {"uui-typography":"z30Eta","hero-header":"pwPy8w","promo-header":"I-YWoW","uui-critical":"a0AA-W","uui-success":"qIjcnW","uui-warning":"ut821y","uui-typography-size-12":"vpAauN","uui-typography-size-14":"eQLpI5","uui-typography-size-16":"N8vxM4","root":"g0LiYK","size-24":"TNPZC7","size-30":"_1caQ71","size-36":"WmnLiw","size-42":"uBsRyR","size-48":"s2QHnu","uuiTypography":"z30Eta","heroHeader":"pwPy8w","promoHeader":"I-YWoW","uuiCritical":"a0AA-W","uuiSuccess":"qIjcnW","uuiWarning":"ut821y","uuiTypographySize12":"vpAauN","uuiTypographySize14":"eQLpI5","uuiTypographySize16":"N8vxM4","size24":"TNPZC7","size30":"_1caQ71","size36":"WmnLiw","size42":"uBsRyR","size48":"s2QHnu"};
+var css$Q = {"uui-typography":"A8y-9G","hero-header":"xlWiqt","promo-header":"_54NZp4","uui-critical":"uIPz4r","uui-info":"uaZGve","uui-success":"_7XfTpM","uui-warning":"rTqHmf","uui-highlight":"bWK8r2","uui-typography-size-12":"T-KswN","uui-typography-size-14":"s7mwNM","uui-typography-size-16":"Z65XqT","root":"uue1P6","size-24":"_2BSEBC","size-30":"fbC-oc","size-36":"_8hXunH","size-42":"_73xm6r","size-48":"D0VRIn","uuiTypography":"A8y-9G","heroHeader":"xlWiqt","promoHeader":"_54NZp4","uuiCritical":"uIPz4r","uuiInfo":"uaZGve","uuiSuccess":"_7XfTpM","uuiWarning":"rTqHmf","uuiHighlight":"bWK8r2","uuiTypographySize12":"T-KswN","uuiTypographySize14":"s7mwNM","uuiTypographySize16":"Z65XqT","size24":"_2BSEBC","size30":"fbC-oc","size36":"_8hXunH","size42":"_73xm6r","size48":"D0VRIn"};
 
 const defaultSize$3 = '36';
 function applyLabeledInputMods(mods) {
-    return [css$R.root, css$R['size-' + (mods.size || defaultSize$3)]];
+    return [css$Q.root, css$Q['size-' + (mods.size || defaultSize$3)]];
 }
 const LabeledInput = withMods(uuiComponents.LabeledInput, applyLabeledInputMods, (props) => ({
     Tooltip,
     infoIcon: systemIcons[props.size || defaultSize$3].help,
 }));
 
-var css$Q = {"root":"dIlo2N"};
+var css$P = {"root":"gq0WAo"};
 
-const RadioGroup = withMods(RadioGroup$1, () => [css$Q.root], () => ({ RadioInput }));
+const RadioGroup = withMods(RadioGroup$1, () => [css$P.root], () => ({ RadioInput }));
+
+var css$O = {"root":"rd1Yrd"};
 
 function applyScrollBarsMods() {
     return [
-        'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
+        css$O.root, 'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
     ];
 }
 const ScrollBars = withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$P = {"scroll-container":"_70WgCw","list-container":"kOfI6U","scrollContainer":"_70WgCw","listContainer":"kOfI6U"};
+var css$N = {"scroll-container":"_-8COSl","list-container":"_3D3orT","scrollContainer":"_-8COSl","listContainer":"_3D3orT"};
 
-var css$O = {"root":"PpN-hM"};
+var css$M = {"root":"GgJbxy"};
 
-const Blocker = withMods(Blocker$1, () => [css$O.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
+const Blocker = withMods(Blocker$1, () => [css$M.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
 const VirtualList = React.forwardRef((props, ref) => {
     const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = useVirtualList({
@@ -1748,21 +1752,22 @@ const VirtualList = React.forwardRef((props, ref) => {
         var _a;
         return ((_a = props.renderRows) === null || _a === void 0 ? void 0 : _a.call(props, {
             listContainerRef, estimatedHeight, offsetY, scrollShadows,
-        })) || (React.createElement("div", { className: css$P.listContainer, style: { minHeight: `${estimatedHeight}px` } },
+        })) || (React.createElement("div", { className: css$N.listContainer, style: { minHeight: `${estimatedHeight}px` } },
             React.createElement("div", { ref: listContainerRef, role: props.role, style: { marginTop: offsetY } }, props.rows)));
     };
+    const renderView = ({ style }) => (React.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps }));
     const scrollBarsRef = React.useCallback((scrollbars) => {
         var _a;
         if (!((_a = scrollbars === null || scrollbars === void 0 ? void 0 : scrollbars.container) === null || _a === void 0 ? void 0 : _a.firstChild))
             return;
         scrollContainerRef.current = scrollbars.container.firstChild;
     }, []);
-    return (React.createElement(ScrollBars, { cx: cx$1(css$P.scrollContainer, props.cx, {
+    return (React.createElement(ScrollBars, { cx: cx$1(css$N.scrollContainer, props.cx, {
             [uuiMarkers.scrolledLeft]: scrollShadows.horizontalLeft,
             [uuiMarkers.scrolledRight]: scrollShadows.horizontalRight,
             [uuiMarkers.scrolledTop]: scrollShadows.verticalTop,
             [uuiMarkers.scrolledBottom]: scrollShadows.verticalBottom,
-        }), onScroll: handleScroll, renderView: ({ style }) => React.createElement(VirtualListView, { isLoading: props.isLoading, style: style }), ref: scrollBarsRef }, renderRows()));
+        }), onScroll: handleScroll, renderView: renderView, ref: scrollBarsRef }, renderRows()));
 });
 const VirtualListView = React.forwardRef((props, ref) => {
     return (React.createElement(React.Fragment, null,
@@ -1771,11 +1776,11 @@ const VirtualListView = React.forwardRef((props, ref) => {
 });
 VirtualList.displayName = 'VirtualList';
 
-var css$N = {"root":"HXfot5"};
+var css$L = {"root":"azTY5J"};
 
-const CheckboxGroup = withMods(CheckboxGroup$1, () => [css$N.root], () => ({ CheckboxInput: Checkbox }));
+const CheckboxGroup = withMods(CheckboxGroup$1, () => [css$L.root], () => ({ CheckboxInput: Checkbox }));
 
-var css$M = {"uui-typography":"jvNJJ7","hero-header":"kMGHdo","promo-header":"aUjgFc","uui-critical":"vU-3R7","uui-success":"EbJkac","uui-warning":"RtA-SD","uui-typography-size-12":"GpSQGK","uui-typography-size-14":"-b63hs","uui-typography-size-16":"TyRmMJ","body":"foxUv2","modal":"VZJlys","search-wrapper":"mK3hAW","checkbox":"_1a-rbP","no-found-size-24":"sl-Rqz","no-found-size-30":"XzM9uV","no-found-size-36":"hbfq6E","no-found-size-42":"W-u4M4","uuiTypography":"jvNJJ7","heroHeader":"kMGHdo","promoHeader":"aUjgFc","uuiCritical":"vU-3R7","uuiSuccess":"EbJkac","uuiWarning":"RtA-SD","uuiTypographySize12":"GpSQGK","uuiTypographySize14":"-b63hs","uuiTypographySize16":"TyRmMJ","searchWrapper":"mK3hAW","noFoundSize24":"sl-Rqz","noFoundSize30":"XzM9uV","noFoundSize36":"hbfq6E","noFoundSize42":"W-u4M4"};
+var css$K = {"uui-typography":"_7xAR3k","hero-header":"mWBCXS","promo-header":"TnUj8I","uui-critical":"EJBAGp","uui-info":"unlsgX","uui-success":"ItHgmG","uui-warning":"CGp0es","uui-highlight":"wlI9wt","uui-typography-size-12":"qsBxKr","uui-typography-size-14":"f-n7gp","uui-typography-size-16":"MabruJ","body":"_3leWPe","modal":"LTI-HJ","search-wrapper":"gzNBwo","checkbox":"aS5jEd","no-found-size-24":"ZBO-rJ","no-found-size-30":"VDpkAa","no-found-size-36":"FRM-W2","no-found-size-42":"_2IUbG1","uuiTypography":"_7xAR3k","heroHeader":"mWBCXS","promoHeader":"TnUj8I","uuiCritical":"EJBAGp","uuiInfo":"unlsgX","uuiSuccess":"ItHgmG","uuiWarning":"CGp0es","uuiHighlight":"wlI9wt","uuiTypographySize12":"qsBxKr","uuiTypographySize14":"f-n7gp","uuiTypographySize16":"MabruJ","searchWrapper":"gzNBwo","noFoundSize24":"ZBO-rJ","noFoundSize30":"VDpkAa","noFoundSize36":"FRM-W2","noFoundSize42":"_2IUbG1"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -1787,16 +1792,16 @@ class DataPickerBody extends PickerBodyBase {
         if (this.props.renderNotFound) {
             return this.props.renderNotFound();
         }
-        return (React__default.createElement(FlexCell$1, { cx: css$M[`no-found-size-${this.props.searchSize || 36}`], grow: 1, textAlign: "center" },
+        return (React__default.createElement(FlexCell$1, { cx: css$K[`no-found-size-${this.props.searchSize || 36}`], grow: 1, textAlign: "center" },
             React__default.createElement(Text, { size: this.props.searchSize || '36' }, i18n.dataPickerBody.noRecordsMessage)));
     }
     render() {
         const searchSize = isMobile() ? '48' : this.props.searchSize || '36';
         return (React__default.createElement(React__default.Fragment, null,
-            this.showSearch() && (React__default.createElement("div", { key: "search", className: css$M.searchWrapper },
+            this.showSearch() && (React__default.createElement("div", { key: "search", className: css$K.searchWrapper },
                 React__default.createElement(FlexCell$1, { grow: 1 },
                     React__default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay }))))),
-            React__default.createElement(FlexRow, { key: "body", cx: cx$1(css$M.body, css$M[this.props.editMode], css$M[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight } } }, this.props.rowsCount > 0 ? (React__default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : (this.renderNotFound()))));
+            React__default.createElement(FlexRow, { key: "body", cx: cx$1(css$K.body, css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight } } }, this.props.rowsCount > 0 ? (React__default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : (this.renderNotFound()))));
     }
 }
 
@@ -1811,6 +1816,8 @@ function DataPickerFooterImpl(props) {
     const size = isMobile() ? '48' : props.size || '36';
     const switchSize = switchSizes[size];
     const hasSelection = view.getSelectedRowsCount() > 0;
+    const rowsCount = view.getListProps().rowsCount;
+    const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
     const isSinglePicker = selectionMode === 'single';
     const clearAllText = i18n.pickerInput.clearSelectionButton;
     const clearSingleText = i18n.pickerInput.clearSelectionButtonSingle;
@@ -1823,14 +1830,14 @@ function DataPickerFooterImpl(props) {
         React__default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
             view.selectAll && (React__default.createElement(LinkButton, { size: size, caption: hasSelection ? clearAllText : selectAllText, onClick: hasSelection ? clearSelection : () => view.selectAll.onValueChange(true), rawProps: {
                     'aria-label': hasSelection ? clearAllText : selectAllText,
-                } })),
+                }, isDisabled: isEmptyRowsAndHasNoSelection })),
             !view.selectAll && (React__default.createElement(LinkButton, { isDisabled: !hasSelection, size: size, caption: isSinglePicker ? clearSingleText : clearAllText, onClick: clearSelection, rawProps: {
                     'aria-label': isSinglePicker ? clearSingleText : clearAllText,
                 } })))));
 }
 const DataPickerFooter = React__default.memo(DataPickerFooterImpl);
 
-var css$L = {"header":"WhkoHA","close":"vxTh3-"};
+var css$J = {"header":"y3pGT2","close":"_7h-wvy"};
 
 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); }
@@ -1851,9 +1858,9 @@ var ForwardRef$A = /*#__PURE__*/forwardRef(SvgNavigationClose24);
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
-    return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$L.header },
-        React__default.createElement(Text, { size: "48", font: "semibold" }, title),
-        React__default.createElement(IconButton, { icon: ForwardRef$A, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$L.close })));
+    return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$J.header },
+        React__default.createElement(Text, { size: "48", fontWeight: "600" }, title),
+        React__default.createElement(IconButton, { icon: ForwardRef$A, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$J.close })));
 };
 const DataPickerHeader = React__default.memo(DataPickerHeaderImpl);
 
@@ -1874,20 +1881,20 @@ var SvgNavigationChevronDown18 = function SvgNavigationChevronDown18(props, ref)
 };
 var ForwardRef$z = /*#__PURE__*/forwardRef(SvgNavigationChevronDown18);
 
-var css$K = {"cell":"XjKrco","wrapper":"fTv4i7","align-widgets-top":"Ua1KJp","size-24":"oaM8FD","folding-arrow":"XoVrS-","size-30":"_7lfYSn","size-36":"ncM7pi","size-42":"ejNwNI","size-48":"q2glX4","size-60":"_18hWmy","align-widgets-center":"YwpBtM","padding-12":"J-bkXf","padding-24":"J8TYbq","padding-left-12":"_66I3se","padding-left-24":"go51jF","padding-right-24":"sDDRt-","drag-handle":"GVCO-l","checkbox":"YqT4UL","indent":"xehW3c","folding-arrow-12":"RXOLW3","folding-arrow-18":"EZh2YO","icon-container":"EkMUaZ","loading-cell":"TEqXBn","alignWidgetsTop":"Ua1KJp","size24":"oaM8FD","foldingArrow":"XoVrS-","size30":"_7lfYSn","size36":"ncM7pi","size42":"ejNwNI","size48":"q2glX4","size60":"_18hWmy","alignWidgetsCenter":"YwpBtM","padding12":"J-bkXf","padding24":"J8TYbq","paddingLeft12":"_66I3se","paddingLeft24":"go51jF","paddingRight24":"sDDRt-","dragHandle":"GVCO-l","foldingArrow12":"RXOLW3","foldingArrow18":"EZh2YO","iconContainer":"EkMUaZ","loadingCell":"TEqXBn"};
+var css$I = {"cell":"tUBr5l","wrapper":"ITp0fu","align-widgets-top":"O--3X2","size-24":"_1C2F-n","folding-arrow":"fSlQX8","size-30":"sizOu3","size-36":"Osap2F","size-42":"hgx3Tb","size-48":"nACTIR","size-60":"_6WZPbT","align-widgets-center":"_7R1TWA","padding-12":"vL1cFQ","padding-24":"_5w9QAU","padding-left-12":"_4JT46Y","padding-left-24":"_7wiFl2","padding-right-24":"R83FdW","drag-handle":"fmx8lJ","checkbox":"_769dzV","indent":"YqfB0z","folding-arrow-12":"-giu4i","folding-arrow-18":"yWa1dE","icon-container":"tbvaNH","loading-cell":"RwVrrZ","alignWidgetsTop":"O--3X2","size24":"_1C2F-n","foldingArrow":"fSlQX8","size30":"sizOu3","size36":"Osap2F","size42":"hgx3Tb","size48":"nACTIR","size60":"_6WZPbT","alignWidgetsCenter":"_7R1TWA","padding12":"vL1cFQ","padding24":"_5w9QAU","paddingLeft12":"_4JT46Y","paddingLeft24":"_7wiFl2","paddingRight24":"R83FdW","dragHandle":"fmx8lJ","foldingArrow12":"-giu4i","foldingArrow18":"yWa1dE","iconContainer":"tbvaNH","loadingCell":"RwVrrZ"};
 
 function DataTableRowAddons(props) {
     var _a, _b;
     const row = props.rowProps;
     const additionalItemSize = +props.size < 30 ? '12' : '18';
     return (React.createElement(React.Fragment, null,
-        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React.createElement(DragHandle, { key: "dh", cx: css$K.dragHandle }),
-        ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React.createElement(Checkbox, { key: "cb", cx: css$K.checkbox, tabIndex: props.tabIndex, size: additionalItemSize, value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
-        row.indent > 0 && (React.createElement("div", { key: "fold", className: css$K.indent, style: { marginLeft: (row.indent - 1) * 24 } }, row.isFoldable && (React.createElement(IconContainer, { rawProps: {
+        ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React.createElement(DragHandle, { key: "dh", cx: css$I.dragHandle }),
+        ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React.createElement(Checkbox, { key: "cb", cx: css$I.checkbox, tabIndex: props.tabIndex, size: additionalItemSize, value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
+        row.indent > 0 && (React.createElement("div", { key: "fold", className: css$I.indent, style: { marginLeft: (row.indent - 1) * 24 } }, row.isFoldable && (React.createElement(IconContainer, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
             }, key: "icon", icon: ForwardRef$z, cx: [
-                css$K.foldingArrow, css$K[`folding-arrow-${additionalItemSize}`], uuiMarkers.clickable, css$K.iconContainer,
+                css$I.foldingArrow, css$I[`folding-arrow-${additionalItemSize}`], uuiMarkers.clickable, css$I.iconContainer,
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
 }
 function DataTableCell(props) {
@@ -1898,7 +1905,7 @@ function DataTableCell(props) {
     props.renderPlaceholder = props.renderPlaceholder
         || (() => (
         // remove `css.loadingCell` after` removing `margin: 0 3px 3px 0` from `TextPlaceholder` `loadingWord` class styles.
-        React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48', cx: css$K.loadingCell },
+        React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48', cx: css$I.loadingCell },
             React.createElement(TextPlaceholder, null))));
     props.renderUnknown = props.renderUnknown
         || (() => (React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown")));
@@ -1908,12 +1915,12 @@ function DataTableCell(props) {
         'uui-dt-vars',
         'data-table-cell',
         props.cx,
-        css$K.cell,
-        css$K['size-' + (props.size || '36')],
-        css$K[`padding-${props.padding || (isEditable && !props.rowProps.isLoading && '0') || '12'}`],
-        props.isFirstColumn && css$K[`padding-left-${props.padding || (isEditable && !props.rowProps.isLoading && '12') || '24'}`],
-        props.isLastColumn && css$K['padding-right-24'],
-        css$K[`align-widgets-${props.alignActions || 'top'}`],
+        css$I.cell,
+        css$I['size-' + (props.size || '36')],
+        css$I[`padding-${props.padding || (isEditable && !props.rowProps.isLoading && '0') || '12'}`],
+        props.isFirstColumn && css$I[`padding-left-${props.padding || (isEditable && !props.rowProps.isLoading && '12') || '24'}`],
+        props.isLastColumn && css$I['padding-right-24'],
+        css$I[`align-widgets-${props.alignActions || 'top'}`],
         (props.border || isEditable) && 'uui-dt-vertical-cell-border',
     ];
     return React.createElement(DataTableCell$1, Object.assign({}, props));
@@ -1968,7 +1975,7 @@ var SvgNotificationDone12 = function SvgNotificationDone12(props, ref) {
 };
 var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNotificationDone12);
 
-var css$J = {"uui-typography":"_9USLHN","hero-header":"HQQKB1","promo-header":"KLpsnv","uui-critical":"kMPKxG","uui-success":"_5Y097w","uui-warning":"Upl3Py","uui-typography-size-12":"_8cdfCK","uui-typography-size-14":"OGtg6C","uui-typography-size-16":"nJ2Iyi","render-item":"VD-DSQ","icon-wrapper":"R6bUgT","picker-row":"AtJLzs","icon-default":"D65yTW","icon-primary":"dPb8DH","uuiTypography":"_9USLHN","heroHeader":"HQQKB1","promoHeader":"KLpsnv","uuiCritical":"kMPKxG","uuiSuccess":"_5Y097w","uuiWarning":"Upl3Py","uuiTypographySize12":"_8cdfCK","uuiTypographySize14":"OGtg6C","uuiTypographySize16":"nJ2Iyi","renderItem":"VD-DSQ","iconWrapper":"R6bUgT","pickerRow":"AtJLzs","iconDefault":"D65yTW","iconPrimary":"dPb8DH"};
+var css$H = {"uui-typography":"oId-jy","hero-header":"zsVNE4","promo-header":"Lu3W9P","uui-critical":"N4-rHz","uui-info":"O6Tbfi","uui-success":"Jnf9rE","uui-warning":"_3aSyW9","uui-highlight":"-RE99J","uui-typography-size-12":"Z-l2Xu","uui-typography-size-14":"yzrZ-e","uui-typography-size-16":"E5wik-","render-item":"za8qEk","icon-wrapper":"_3pROn-","picker-row":"Pqxgwh","icon-default":"ud9FX4","icon-primary":"m2JEMR","uuiTypography":"oId-jy","heroHeader":"zsVNE4","promoHeader":"Lu3W9P","uuiCritical":"N4-rHz","uuiInfo":"O6Tbfi","uuiSuccess":"Jnf9rE","uuiWarning":"_3aSyW9","uuiHighlight":"-RE99J","uuiTypographySize12":"Z-l2Xu","uuiTypographySize14":"yzrZ-e","uuiTypographySize16":"E5wik-","renderItem":"za8qEk","iconWrapper":"_3pROn-","pickerRow":"Pqxgwh","iconDefault":"ud9FX4","iconPrimary":"m2JEMR"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -1991,11 +1998,11 @@ class DataPickerRow extends React.Component {
             key: 'name',
             grow: 1,
             width: 0,
-            render: (item, rowProps) => (React.createElement("div", { key: rowProps.id, className: css$J.renderItem },
+            render: (item, rowProps) => (React.createElement("div", { key: rowProps.id, className: css$H.renderItem },
                 this.props.renderItem(item, rowProps),
                 React.createElement(FlexSpacer, null),
-                (rowProps.isChildrenSelected || rowProps.isSelected) && (React.createElement("div", { className: css$J.iconWrapper },
-                    React.createElement(IconContainer, { icon: this.getIcon(this.props.size), cx: rowProps.isChildrenSelected ? css$J.iconDefault : css$J.iconPrimary, rawProps: { 'aria-label': rowProps.isChildrenSelected
+                (rowProps.isChildrenSelected || rowProps.isSelected) && (React.createElement("div", { className: css$H.iconWrapper },
+                    React.createElement(IconContainer, { icon: this.getIcon(this.props.size), cx: rowProps.isChildrenSelected ? css$H.iconDefault : css$H.iconPrimary, rawProps: { 'aria-label': rowProps.isChildrenSelected
                                 ? 'Child is selected'
                                 : 'Selected' } }))))),
         };
@@ -2004,18 +2011,18 @@ class DataPickerRow extends React.Component {
         };
     }
     render() {
-        return React.createElement(DataPickerRow$1, Object.assign({}, this.props, { cx: [css$J.pickerRow, this.props.cx], renderContent: this.renderContent }));
+        return React.createElement(DataPickerRow$1, Object.assign({}, this.props, { cx: [css$H.pickerRow, this.props.cx], renderContent: this.renderContent }));
     }
 }
 
-var css$I = {"uui-typography":"wBIRv7","hero-header":"qX9SAF","promo-header":"xL5Iwl","uui-critical":"Bud3KW","uui-success":"RtZgKb","uui-warning":"p6nIhk","uui-typography-size-12":"Y71xBT","uui-typography-size-14":"AXsDfo","uui-typography-size-16":"p8yJZf","done":"l3-I6q","container":"NfVfF3","uuiTypography":"wBIRv7","heroHeader":"qX9SAF","promoHeader":"xL5Iwl","uuiCritical":"Bud3KW","uuiSuccess":"RtZgKb","uuiWarning":"p6nIhk","uuiTypographySize12":"Y71xBT","uuiTypographySize14":"AXsDfo","uuiTypographySize16":"p8yJZf"};
+var css$G = {"uui-typography":"s43ACf","hero-header":"OlFjXq","promo-header":"TubgYa","uui-critical":"l2wnHl","uui-info":"XpvjQj","uui-success":"vhBdx0","uui-warning":"yCMlC1","uui-highlight":"gucM5l","uui-typography-size-12":"oXFK9w","uui-typography-size-14":"zPzV8a","uui-typography-size-16":"r-EDT7","done":"f-ke43","container":"l90Zsg","uuiTypography":"s43ACf","heroHeader":"OlFjXq","promoHeader":"TubgYa","uuiCritical":"l2wnHl","uuiInfo":"XpvjQj","uuiSuccess":"vhBdx0","uuiWarning":"yCMlC1","uuiHighlight":"gucM5l","uuiTypographySize12":"oXFK9w","uuiTypographySize14":"zPzV8a","uuiTypographySize16":"r-EDT7"};
 
 const MobileDropdownWrapper = (props) => {
     const isMobileView = isMobile();
-    return (React__default.createElement(DropdownContainer, Object.assign({}, props, { cx: [css$I.container, props.cx], rawProps: props.rawProps, onKeyDown: props.onKeyDown, focusLock: props.focusLock, width: props.width }),
+    return (React__default.createElement(DropdownContainer, Object.assign({}, props, { cx: [css$G.container, props.cx], rawProps: props.rawProps, onKeyDown: props.onKeyDown, focusLock: props.focusLock, width: props.width }),
         isMobileView && React__default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
         props.children,
-        isMobileView && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$I.done, size: "48" })));
+        isMobileView && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$G.done, size: "48" })));
 };
 
 var _path$u, _path2$1;
@@ -2040,7 +2047,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$v = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$H = {"uui-typography":"kikt-y","hero-header":"QE0qYA","promo-header":"pHvbg7","uui-critical":"nkebDQ","uui-success":"ZRp5C9","uui-warning":"ixY1Gr","uui-typography-size-12":"W56-Hv","uui-typography-size-14":"KRn-P8","uui-typography-size-16":"dzDbJr","sub-header-wrapper":"YHZG-y","switch":"EmiVQm","no-found-modal-container":"aLCdse","no-found-modal-container-icon":"SPYiPv","no-found-modal-container-text":"SnJlH-","uuiTypography":"kikt-y","heroHeader":"QE0qYA","promoHeader":"pHvbg7","uuiCritical":"nkebDQ","uuiSuccess":"ZRp5C9","uuiWarning":"ixY1Gr","uuiTypographySize12":"W56-Hv","uuiTypographySize14":"KRn-P8","uuiTypographySize16":"dzDbJr","subHeaderWrapper":"YHZG-y","$switch$":"EmiVQm","noFoundModalContainer":"aLCdse","noFoundModalContainerIcon":"SPYiPv","noFoundModalContainerText":"SnJlH-"};
+var css$F = {"uui-typography":"iq3881","hero-header":"lV4HGG","promo-header":"DHFTXO","uui-critical":"WMSSSp","uui-info":"Wz2DKm","uui-success":"_6h-aSa","uui-warning":"_7XnAyr","uui-highlight":"FLUHcO","uui-typography-size-12":"l2JugX","uui-typography-size-14":"xlQ04f","uui-typography-size-16":"FggJE6","sub-header-wrapper":"pir6nd","switch":"YWuNoj","no-found-modal-container":"AiMzu3","no-found-modal-container-icon":"OM9vj6","no-found-modal-container-text":"JrYKxI","uuiTypography":"iq3881","heroHeader":"lV4HGG","promoHeader":"DHFTXO","uuiCritical":"WMSSSp","uuiInfo":"Wz2DKm","uuiSuccess":"_6h-aSa","uuiWarning":"_7XnAyr","uuiHighlight":"FLUHcO","uuiTypographySize12":"l2JugX","uuiTypographySize14":"xlQ04f","uuiTypographySize16":"FggJE6","subHeaderWrapper":"pir6nd","$switch$":"YWuNoj","noFoundModalContainer":"AiMzu3","noFoundModalContainerIcon":"OM9vj6","noFoundModalContainerText":"JrYKxI"};
 
 function PickerModal(props) {
     const { view, selection, dataSourceStateLens, showSelectedLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = usePickerModal(props);
@@ -2049,24 +2056,26 @@ function PickerModal(props) {
     };
     const renderFooter = () => {
         const hasSelection = view.getSelectedRowsCount() > 0;
+        const rowsCount = view.getListProps().rowsCount;
+        const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
         return (React__default.createElement(React__default.Fragment, null,
-            view.selectAll && (React__default.createElement(LinkButton, { caption: hasSelection ? i18n.pickerModal.clearAllButton : i18n.pickerModal.selectAllButton, onClick: hasSelection ? () => clearSelection() : () => view.selectAll.onValueChange(true) })),
+            view.selectAll && (React__default.createElement(LinkButton, { caption: hasSelection ? i18n.pickerModal.clearAllButton : i18n.pickerModal.selectAllButton, onClick: hasSelection ? () => clearSelection() : () => view.selectAll.onValueChange(true), isDisabled: isEmptyRowsAndHasNoSelection })),
             React__default.createElement(FlexSpacer, null),
             React__default.createElement(Button, { fill: "outline", color: "secondary", caption: i18n.pickerModal.cancelButton, onClick: () => props.abort() }),
             React__default.createElement(Button, { color: "accent", caption: i18n.pickerModal.selectButton, onClick: () => props.success(selection) })));
     };
     const renderNotFound = () => {
-        return props.renderNotFound ? (props.renderNotFound({ search: dataSourceState.search, onClose: () => props.success(null) })) : (React__default.createElement("div", { className: css$H.noFoundModalContainer },
-            React__default.createElement(IconContainer, { cx: css$H.noFoundModalContainerIcon, icon: ForwardRef$v }),
-            React__default.createElement(Text, { cx: css$H.noFoundModalContainerText, font: "semibold", fontSize: "16", lineHeight: "24", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsMessage),
-            React__default.createElement(Text, { cx: css$H.noFoundModalContainerText, fontSize: "12", lineHeight: "18", font: "regular", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsSubTitle)));
+        return props.renderNotFound ? (props.renderNotFound({ search: dataSourceState.search, onClose: () => props.success(null) })) : (React__default.createElement("div", { className: css$F.noFoundModalContainer },
+            React__default.createElement(IconContainer, { cx: css$F.noFoundModalContainerIcon, icon: ForwardRef$v }),
+            React__default.createElement(Text, { cx: css$F.noFoundModalContainerText, fontWeight: "600", fontSize: "16", lineHeight: "24", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsMessage),
+            React__default.createElement(Text, { cx: css$F.noFoundModalContainerText, fontSize: "12", lineHeight: "18", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsSubTitle)));
     };
     const dataRows = getRows();
     const rows = dataRows.map((row) => renderRow(row));
     return (React__default.createElement(ModalBlocker, Object.assign({}, props),
         React__default.createElement(ModalWindow, { width: 600, height: 700 },
             React__default.createElement(ModalHeader, { title: props.caption || i18n.pickerModal.headerTitle, onClose: () => props.abort() }),
-            React__default.createElement(FlexCell, { cx: css$H.subHeaderWrapper },
+            React__default.createElement(FlexCell, { cx: css$F.subHeaderWrapper },
                 React__default.createElement(FlexRow, { vPadding: "24" },
                     React__default.createElement(SearchInput, Object.assign({}, dataSourceStateLens.prop('search').toProps(), { onKeyDown: (e) => handleDataSourceKeyboard({
                             value: getDataSourceState(),
@@ -2075,7 +2084,7 @@ function PickerModal(props) {
                             rows: dataRows,
                             searchPosition: 'body',
                         }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder }))),
-                !isSingleSelect() && (React__default.createElement(Switch, Object.assign({ cx: css$H.switch, size: "18" }, showSelectedLens.toProps(), { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
+                !isSingleSelect() && (React__default.createElement(Switch, Object.assign({ cx: css$F.switch, size: "18" }, showSelectedLens.toProps(), { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
                 props.renderFilter && React__default.createElement(FlexCell, { grow: 2 }, props.renderFilter(dataSourceStateLens.prop('filter').toProps()))),
             React__default.createElement(DataPickerBody, Object.assign({}, getListProps(), { value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" })),
             React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
@@ -2084,15 +2093,15 @@ function PickerModal(props) {
 const MAX_ITEMS = 100;
 const getMaxItems = (maxItems) => maxItems || maxItems === 0 ? maxItems : MAX_ITEMS;
 
-var css$G = {"uui-typography":"sQQj5s","hero-header":"_9aaey-","promo-header":"p5LCtM","uui-critical":"rMCuRU","uui-success":"mDpbWl","uui-warning":"Rw3xv0","uui-typography-size-12":"B4XeiI","uui-typography-size-14":"P4YlEH","uui-typography-size-16":"bGt7Jr","root":"E8pxGp","mode-form":"DCnwtL","mode-cell":"ueQo1o","mode-inline":"v11GFl","size-24":"_6rvzHn","size-30":"dZ-gOp","size-36":"_7mUcLE","size-42":"w5NzhK","size-48":"b8FGFE","uuiTypography":"sQQj5s","heroHeader":"_9aaey-","promoHeader":"p5LCtM","uuiCritical":"rMCuRU","uuiSuccess":"mDpbWl","uuiWarning":"Rw3xv0","uuiTypographySize12":"B4XeiI","uuiTypographySize14":"P4YlEH","uuiTypographySize16":"bGt7Jr","modeForm":"DCnwtL","modeCell":"ueQo1o","modeInline":"v11GFl","size24":"_6rvzHn","size30":"dZ-gOp","size36":"_7mUcLE","size42":"w5NzhK","size48":"b8FGFE"};
+var css$E = {"uui-typography":"fnBG6T","hero-header":"TKCOQA","promo-header":"rDD8-V","uui-critical":"F2Hq-N","uui-info":"jMSNoc","uui-success":"VOhUtS","uui-warning":"D4M4of","uui-highlight":"ZuS3zo","uui-typography-size-12":"LcTyBv","uui-typography-size-14":"S0h-Dx","uui-typography-size-16":"T9N8YF","root":"hJMXa1","mode-form":"m3NAL3","mode-cell":"ynzA8q","mode-inline":"B-n9IV","size-24":"rcimhm","size-30":"_3xpHE-","size-36":"_0PPWYI","size-42":"L-HQCx","size-48":"XY0hur","uuiTypography":"fnBG6T","heroHeader":"TKCOQA","promoHeader":"rDD8-V","uuiCritical":"F2Hq-N","uuiInfo":"jMSNoc","uuiSuccess":"VOhUtS","uuiWarning":"D4M4of","uuiHighlight":"ZuS3zo","uuiTypographySize12":"LcTyBv","uuiTypographySize14":"S0h-Dx","uuiTypographySize16":"T9N8YF","modeForm":"m3NAL3","modeCell":"ynzA8q","modeInline":"B-n9IV","size24":"rcimhm","size30":"_3xpHE-","size36":"_0PPWYI","size42":"L-HQCx","size48":"XY0hur"};
 
 const defaultSize$2 = '36';
 const defaultMode$1 = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
     return [
-        css$G.root,
-        css$G['size-' + (mods.size || defaultSize$2)],
-        css$G['mode-' + (mods.mode || defaultMode$1)],
+        css$E.root,
+        css$E['size-' + (mods.size || defaultSize$2)],
+        css$E['mode-' + (mods.mode || defaultMode$1)],
     ];
 }
 function PickerTogglerComponent(props, ref) {
@@ -2134,9 +2143,7 @@ function PickerTogglerComponent(props, ref) {
 }
 const PickerToggler = React.forwardRef(PickerTogglerComponent);
 
-var css$F = {"root":"_2dUS8A","multiline":"_1trv6u","vertical-padding-24":"_9Yv2rg","vertical-padding-30":"jZ-3-7","vertical-padding-36":"AtJGWQ","vertical-padding-42":"ARLKMU","vertical-padding-48":"Q-cTho","text":"V3-iwn","verticalPadding24":"_9Yv2rg","verticalPadding30":"jZ-3-7","verticalPadding36":"AtJGWQ","verticalPadding42":"ARLKMU","verticalPadding48":"Q-cTho"};
-
-var css$E = {"highlighted-text":"O1m5aV","highlightedText":"O1m5aV"};
+var css$D = {"root":"Dl8av-","multiline":"_8P-dM2","vertical-padding-24":"BNkcSH","vertical-padding-30":"XIaFA4","vertical-padding-36":"j3Jmup","vertical-padding-42":"_5FFIat","vertical-padding-48":"-TTZZw","text":"wjZ-DS","verticalPadding24":"BNkcSH","verticalPadding30":"XIaFA4","verticalPadding36":"j3Jmup","verticalPadding42":"_5FFIat","verticalPadding48":"-TTZZw"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -2190,7 +2197,7 @@ const getHighlightRanges = (str, search) => {
 };
 const getDecoratedText = (str, ranges) => ranges.map((range, index) => {
     const rangeStr = str.substring(range.from, range.to);
-    return (React__default.createElement("span", Object.assign({ key: `${rangeStr}-${index}` }, (range.isHighlighted ? { className: css$E.highlightedText } : {})), rangeStr));
+    return (React__default.createElement("span", Object.assign({ key: `${rangeStr}-${index}` }, (range.isHighlighted ? { className: 'uui-highlight' } : {})), rangeStr));
 });
 const getHighlightedSearchMatches = (str, search) => {
     if (!search || !str) {
@@ -2219,21 +2226,19 @@ class PickerItem extends React.Component {
         const { search } = (_a = this.props.dataSourceState) !== null && _a !== void 0 ? _a : {};
         const title = highlightSearchMatches ? getHighlightedSearchMatches(this.props.title, search) : this.props.title;
         const subtitle = highlightSearchMatches ? getHighlightedSearchMatches(this.props.subtitle, search) : this.props.subtitle;
-        return (React.createElement(FlexCell, { width: "auto", cx: [css$F.root, cx] },
-            React.createElement(FlexRow, { size: itemSize, cx: isMultiline && [css$F.multiline, css$F[`vertical-padding-${itemSize}`]], spacing: "12" },
+        return (React.createElement(FlexCell, { width: "auto", cx: [css$D.root, 'uui-typography', cx] },
+            React.createElement(FlexRow, { size: itemSize, cx: isMultiline && [css$D.multiline, css$D[`vertical-padding-${itemSize}`]], spacing: "12" },
                 avatarUrl && React.createElement(Avatar, { isLoading: isLoading, img: avatarUrl, size: this.getAvatarSize(itemSize, isMultiline).toString() }),
                 icon && React.createElement(IconContainer, { icon: icon }),
                 React.createElement(FlexCell, { width: "auto" },
-                    title && (React.createElement(Text, { size: itemSize, cx: css$F.text, color: isDisabled ? 'disabled' : 'primary' }, isLoading ? React.createElement(TextPlaceholder, { wordsCount: 2 }) : title)),
-                    subtitle && (React.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$F.text }, isLoading ? React.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
+                    title && (React.createElement(Text, { size: itemSize, cx: css$D.text, color: isDisabled ? 'disabled' : 'primary' }, isLoading ? React.createElement(TextPlaceholder, { wordsCount: 2 }) : title)),
+                    subtitle && (React.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$D.text }, isLoading ? React.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
     }
 }
 PickerItem.defaultProps = {
     highlightSearchMatches: true,
 };
 
-var css$D = {"uui-typography":"fF8ZwP","hero-header":"_9b-bPp","promo-header":"-cvRcr","uui-critical":"fHlDEe","uui-success":"Dg92tJ","uui-warning":"qhpAAB","uui-typography-size-12":"v-FDRt","uui-typography-size-14":"EUJkES","uui-typography-size-16":"aFs07c","root":"fLKY6A","panel":"p4QNcg","footer-wrapper":"gFO-FS","footer-size-24":"r6XsSu","footer-size-30":"xZzEB2","footer-size-36":"zhjyXq","footer-size-42":"EsxpXL","footer-size-48":"Koxf6N","uuiTypography":"fF8ZwP","heroHeader":"_9b-bPp","promoHeader":"-cvRcr","uuiCritical":"fHlDEe","uuiSuccess":"Dg92tJ","uuiWarning":"qhpAAB","uuiTypographySize12":"v-FDRt","uuiTypographySize14":"EUJkES","uuiTypographySize16":"aFs07c","footerWrapper":"gFO-FS","footerSize24":"r6XsSu","footerSize30":"xZzEB2","footerSize36":"zhjyXq","footerSize42":"EsxpXL","footerSize48":"Koxf6N"};
-
 const pickerHeight$1 = 300;
 const pickerWidth = 360;
 function PickerInput(_a) {
@@ -2278,7 +2283,7 @@ function PickerInput(_a) {
         const renderedDataRows = rows.map((row) => renderRow(row, dataSourceState));
         const bodyHeight = isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || pickerHeight$1;
         const minBodyWidth = props.minBodyWidth || pickerWidth;
-        return (React__default.createElement(MobileDropdownWrapper, { title: props.entityName, onClose: () => toggleBodyOpening(false), cx: [css$D.panel, css$D.root, props.bodyCx], onKeyDown: bodyProps.onKeyDown, width: bodyProps.togglerWidth > minBodyWidth ? bodyProps.togglerWidth : minBodyWidth, focusLock: getSearchPosition() === 'body' },
+        return (React__default.createElement(MobileDropdownWrapper, { title: props.entityName, onClose: () => toggleBodyOpening(false), cx: [props.bodyCx], onKeyDown: bodyProps.onKeyDown, width: bodyProps.togglerWidth > minBodyWidth ? bodyProps.togglerWidth : minBodyWidth, focusLock: getSearchPosition() === 'body' },
             React__default.createElement(DataPickerBody, Object.assign({}, bodyProps, { rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode, renderNotFound: props.renderNotFound
                     ? () => props.renderNotFound({
                         search: dataSourceState.search,
@@ -2294,7 +2299,7 @@ function PickerInput(_a) {
         }, renderBody: (bodyProps) => renderBody(Object.assign(Object.assign(Object.assign({}, bodyProps), getPickerBodyProps(rows)), getListProps()), rows), value: shouldShowBody(), onValueChange: !props.isDisabled && toggleBodyOpening, placement: props.dropdownPlacement, modifiers: popperModifiers, closeBodyOnTogglerHidden: !isMobile(), portalTarget: props.portalTarget }));
 }
 
-var css$C = {"row":"xMWN54"};
+var css$C = {"row":"ai4KaI"};
 
 function PickerListItem(props) {
     var _a;
@@ -2348,7 +2353,12 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$B = {"uui-typography":"qotcmM","hero-header":"VPm67t","promo-header":"s7R73G","uui-critical":"_1CW-Ns","uui-success":"NxHJe2","uui-warning":"iRc28A","uui-typography-size-12":"Lfdlhf","uui-typography-size-14":"sb5Rbb","uui-typography-size-16":"_1zblT9","root":"BNm03Q","title-wrapper":"_9-IJUP","title":"Qg0AZQ","text-wrapper":"wuDR7n","selection":"YLD2Hy","postfix":"y8s5tw","selected":"RNA4BW","uuiTypography":"qotcmM","heroHeader":"VPm67t","promoHeader":"s7R73G","uuiCritical":"_1CW-Ns","uuiSuccess":"NxHJe2","uuiWarning":"iRc28A","uuiTypographySize12":"Lfdlhf","uuiTypographySize14":"sb5Rbb","uuiTypographySize16":"_1zblT9","titleWrapper":"_9-IJUP","textWrapper":"wuDR7n"};
+const UUI_FILTERS_PANEL_ADD_BUTTON = 'uui-filters-panel-add-button';
+const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
+const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
+const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
+
+var css$B = {"uui-typography":"pYcNDa","hero-header":"iuCttl","promo-header":"zO-vJe","uui-critical":"RETlr7","uui-info":"_-6lBdS","uui-success":"_7YSxdz","uui-warning":"mG3YlU","uui-highlight":"-Ous6d","uui-typography-size-12":"i8aISR","uui-typography-size-14":"_4HE0ft","uui-typography-size-16":"unA-6c","root":"Ud3x1C","title-wrapper":"JBx-WF","title":"UnIKQh","text-wrapper":"I7WJ-D","selection":"Vo9DGw","postfix":"Oz5yFS","selected":"_4L8xRo","uuiTypography":"pYcNDa","heroHeader":"iuCttl","promoHeader":"zO-vJe","uuiCritical":"RETlr7","uuiInfo":"_-6lBdS","uuiSuccess":"_7YSxdz","uuiWarning":"mG3YlU","uuiHighlight":"-Ous6d","uuiTypographySize12":"i8aISR","uuiTypographySize14":"_4HE0ft","uuiTypographySize16":"unA-6c","titleWrapper":"JBx-WF","textWrapper":"I7WJ-D"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = React.forwardRef((props, ref) => {
@@ -2380,7 +2390,7 @@ const FilterPanelItemToggler = React.forwardRef((props, ref) => {
             role: 'button',
             tabIndex: props.isDisabled ? -1 : 0,
             onKeyDown: onKeyDownHandler,
-        }, cx: cx(css$B.root, uuiElement.inputBox, uuiMarkers.clickable, props.isOpen && uuiMod.opened, ['size-' + (props.size || defaultSize)], props.cx), onClick: togglerPickerOpened, ref: ref }),
+        }, cx: cx(UUI_FILTERS_PANEL_ITEM_TOGGLER, css$B.root, uuiElement.inputBox, uuiMarkers.clickable, props.isOpen && uuiMod.opened, `size-${props.size || defaultSize}`, props.cx), onClick: togglerPickerOpened, ref: ref }),
         React.createElement(FlexRow$1, { cx: css$B.titleWrapper },
             React.createElement(Text, { size: props.size, cx: css$B.title }, getTitle),
             props.selection && (React.createElement("div", { className: css$B.textWrapper },
@@ -2391,6 +2401,7 @@ const FilterPanelItemToggler = React.forwardRef((props, ref) => {
 
 const pickerHeight = 300;
 function FilterPickerBody(props) {
+    var _a;
     const shouldShowBody = () => props.isOpen;
     const { getName, isSingleSelect, getRows, dataSourceState, getFooterProps, getPickerBodyProps, getListProps, handleDataSourceValueChange, } = usePickerInput(Object.assign(Object.assign({}, props), { shouldShowBody }));
     const renderItem = (item, rowProps) => {
@@ -2413,11 +2424,11 @@ function FilterPickerBody(props) {
         const renderedDataRows = rows.map((props) => renderRow(props));
         const maxHeight = isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || pickerHeight;
         return (React.createElement(React.Fragment, null,
-            React.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, searchSize: "36", editMode: "dropdown", showSearch: true })),
+            React.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, searchSize: "36", editMode: "dropdown" })),
             renderFooter()));
     };
     const rows = getRows();
-    return renderBody(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), rows);
+    return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_a = props.showSearch) !== null && _a !== void 0 ? _a : true }), rows);
 }
 
 class FilterDatePickerBody extends BaseDatePicker {
@@ -2452,7 +2463,7 @@ class FilterDatePickerBody extends BaseDatePicker {
     }
 }
 
-var css$A = {"uui-typography":"nq8HVJ","hero-header":"-JlEiH","promo-header":"lGb28G","uui-critical":"mNMMdo","uui-success":"jiMme-","uui-warning":"wsN6bm","uui-typography-size-12":"US-CEK","uui-typography-size-14":"_884cdM","uui-typography-size-16":"Wlq7qT","date-input":"OnE5M6","size-24":"Kim8pZ","size-30":"KP0jS9","size-36":"BN14qX","size-42":"eQT5mR","size-48":"_22soQP","date-input-group":"lBgfjb","separator":"yqG3nJ","mode-form":"yjK-uf","mode-cell":"Hu7bpx","uuiTypography":"nq8HVJ","heroHeader":"-JlEiH","promoHeader":"lGb28G","uuiCritical":"mNMMdo","uuiSuccess":"jiMme-","uuiWarning":"wsN6bm","uuiTypographySize12":"US-CEK","uuiTypographySize14":"_884cdM","uuiTypographySize16":"Wlq7qT","dateInput":"OnE5M6","size24":"Kim8pZ","size30":"KP0jS9","size36":"BN14qX","size42":"eQT5mR","size48":"_22soQP","dateInputGroup":"lBgfjb","modeForm":"yjK-uf","modeCell":"Hu7bpx"};
+var css$A = {"uui-typography":"JBZSoE","hero-header":"JBSLB-","promo-header":"qMdi5x","uui-critical":"_2Fl2u2","uui-info":"CQopel","uui-success":"TM2cvF","uui-warning":"d967XQ","uui-highlight":"_0tyVtI","uui-typography-size-12":"AmJ9mI","uui-typography-size-14":"Z6iAnf","uui-typography-size-16":"t-4STs","date-input":"FfSGbR","size-24":"JSB2F3","size-30":"_8wa9r4","size-36":"yVn5cB","size-42":"XsBIiL","size-48":"_8K9xQi","date-input-group":"PiJM0d","separator":"_5ju4kH","mode-form":"-Qfzk8","mode-cell":"w0x84S","uuiTypography":"JBZSoE","heroHeader":"JBSLB-","promoHeader":"qMdi5x","uuiCritical":"_2Fl2u2","uuiInfo":"CQopel","uuiSuccess":"TM2cvF","uuiWarning":"d967XQ","uuiHighlight":"_0tyVtI","uuiTypographySize12":"AmJ9mI","uuiTypographySize14":"Z6iAnf","uuiTypographySize16":"t-4STs","dateInput":"FfSGbR","size24":"JSB2F3","size30":"_8wa9r4","size36":"yVn5cB","size42":"XsBIiL","size48":"_8K9xQi","dateInputGroup":"PiJM0d","modeForm":"-Qfzk8","modeCell":"w0x84S"};
 
 class FilterRangeDatePickerBody extends BaseRangeDatePicker {
     constructor() {
@@ -2484,7 +2495,7 @@ class FilterRangeDatePickerBody extends BaseRangeDatePicker {
     }
 }
 
-var css$z = {"container":"ZwHvOp"};
+var css$z = {"container":"xXduhp"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2575,7 +2586,7 @@ var SvgActionDeleteforever12 = function SvgActionDeleteforever12(props, ref) {
 };
 var ForwardRef$u = /*#__PURE__*/forwardRef(SvgActionDeleteforever12);
 
-var css$y = {"uui-typography":"_-3QkAU","hero-header":"_35Pjn1","promo-header":"F5S-XN","uui-critical":"tm4WKM","uui-success":"H--XFr","uui-warning":"oe-YSy","uui-typography-size-12":"WSAbn5","uui-typography-size-14":"l-b9d0","uui-typography-size-16":"KxYOB5","root":"w1uOAy","header":"ZCXggF","removeButton":"IZ2zz3","with-search":"Cwt8av","uuiTypography":"_-3QkAU","heroHeader":"_35Pjn1","promoHeader":"F5S-XN","uuiCritical":"tm4WKM","uuiSuccess":"H--XFr","uuiWarning":"oe-YSy","uuiTypographySize12":"WSAbn5","uuiTypographySize14":"l-b9d0","uuiTypographySize16":"KxYOB5","withSearch":"Cwt8av"};
+var css$y = {"uui-typography":"GglPfX","hero-header":"Vkazd4","promo-header":"efSRjN","uui-critical":"-gAyyt","uui-info":"WvDng0","uui-success":"eoz9a0","uui-warning":"DUiezT","uui-highlight":"cGkCUf","uui-typography-size-12":"Jq-o3a","uui-typography-size-14":"HydnWm","uui-typography-size-16":"z0Zk1r","header":"hcm0Q2","removeButton":"_708fzA","with-search":"RK0CSX","uuiTypography":"GglPfX","heroHeader":"Vkazd4","promoHeader":"efSRjN","uuiCritical":"-gAyyt","uuiInfo":"WvDng0","uuiSuccess":"eoz9a0","uuiWarning":"DUiezT","uuiHighlight":"cGkCUf","uuiTypographySize12":"Jq-o3a","uuiTypographySize14":"HydnWm","uuiTypographySize16":"z0Zk1r","withSearch":"RK0CSX"};
 
 function FiltersToolbarItemImpl(props) {
     const { maxCount = 2 } = props;
@@ -2657,9 +2668,9 @@ function FiltersToolbarItemImpl(props) {
     };
     const renderBody = (dropdownProps) => {
         const hideHeaderTitle = isPickersType && isMobileScreen;
-        return isPickersType ? (React__default.createElement(MobileDropdownWrapper, Object.assign({}, dropdownProps, { cx: css$y.root, title: props.title, width: 360, onClose: () => isOpenChange(false) }),
+        return isPickersType ? (React__default.createElement(MobileDropdownWrapper, Object.assign({}, dropdownProps, { cx: UUI_FILTERS_PANEL_ITEM_BODY, title: props.title, width: 360, onClose: () => isOpenChange(false) }),
             renderHeader(hideHeaderTitle),
-            React__default.createElement(FilterItemBody, Object.assign({}, props, dropdownProps, { selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange })))) : (React__default.createElement(DropdownContainer, Object.assign({}, dropdownProps),
+            React__default.createElement(FilterItemBody, Object.assign({}, props, dropdownProps, { selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange })))) : (React__default.createElement(DropdownContainer, Object.assign({ cx: UUI_FILTERS_PANEL_ITEM_BODY }, dropdownProps),
             renderHeader(hideHeaderTitle),
             React__default.createElement(FilterItemBody, Object.assign({}, props, dropdownProps, { selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange }))));
     };
@@ -2844,7 +2855,7 @@ function FiltersToolbarImpl(props) {
     }, [filters, tableState.filtersConfig]);
     const renderAddFilterToggler = useCallback((togglerProps) => {
         var _a;
-        return (React__default.createElement(Button, { size: (_a = props.size) !== null && _a !== void 0 ? _a : '36', onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$t, iconPosition: "left", fill: "ghost", color: "primary" }));
+        return (React__default.createElement(Button, { size: (_a = props.size) !== null && _a !== void 0 ? _a : '36', onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$t, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
     }, []);
     const getRowOptions = useCallback((item) => ({
         isDisabled: item.isAlwaysVisible,
@@ -2867,13 +2878,13 @@ function FiltersToolbarImpl(props) {
         !isAllFiltersAlwaysVisible && (React__default.createElement(PickerInput, { dataSource: dataSource, value: selectedFilters, onValueChange: onFiltersChange, selectionMode: "multi", valueType: "entity", key: newFilterId, renderRow: (props) => (React__default.createElement(DataPickerRow, Object.assign({}, props, { padding: "12", key: props.key, onCheck: (row) => {
                     props.onCheck && props.onCheck(row);
                     !row.isChecked && setNewFilterId(row.value.field);
-                }, renderItem: (item, rowProps) => React__default.createElement(PickerItem, Object.assign({}, rowProps, { title: item.title })) }))), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true, size: props.size }))));
+                }, renderItem: (item, rowProps) => React__default.createElement(PickerItem, Object.assign({}, rowProps, { title: item.title })) }))), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true, size: props.size, bodyCx: UUI_FILTERS_PANEL_ADD_BUTTON_BODY }))));
 }
 const FiltersPanel = React__default.memo(FiltersToolbarImpl);
 
-var css$x = {"divider":"iXP7pj","dropdownDeleteIcon":"_1E2e-U","presetsWrapper":"Qpmoqm","addPresetContainer":"mkB-13","dropContainer":"Wt42Az"};
+var css$x = {"divider":"qsznnt","dropdownDeleteIcon":"QPuu1k","presetsWrapper":"_0o5vwL","addPresetContainer":"_67SEvm","dropContainer":"_4JktuX"};
 
-var css$w = {"preset-dropdown-panel":"rilFzG","delete-row":"A-VvvW","delete-button":"z6Lm8U","targetOpen":"jDWIkr","presetDropdownPanel":"rilFzG","deleteRow":"A-VvvW","deleteButton":"z6Lm8U"};
+var css$w = {"preset-dropdown-panel":"u-L3oo","delete-row":"eymslu","delete-button":"oFXeRP","targetOpen":"Y8R0q3","presetDropdownPanel":"u-L3oo","deleteRow":"eymslu","deleteButton":"oFXeRP"};
 
 var _path$r;
 function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
@@ -3025,7 +3036,7 @@ function PresetActionsDropdown(props) {
     const successNotificationHandler = useCallback((text) => {
         uuiNotifications
             .show((props) => (React__default.createElement(SuccessNotification, Object.assign({}, props),
-            React__default.createElement(Text, { size: "36", font: "regular", fontSize: "14" }, text))), { duration: 3 })
+            React__default.createElement(Text, { size: "36", fontSize: "14" }, text))), { duration: 3 })
             .catch(() => null);
     }, []);
     const saveInCurrentHandler = useCallback(() => {
@@ -3067,7 +3078,12 @@ function PresetActionsDropdown(props) {
     return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$v = {"preset-input-cell":"i2cLCZ","preset-input":"Qoz6fA","presetInputCell":"i2cLCZ","presetInput":"Qoz6fA"};
+var css$v = {"preset-input-cell":"_9-iJHM","preset-input":"rWbbhi","presetInputCell":"_9-iJHM","presetInput":"rWbbhi"};
+
+const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
+const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
+const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
+const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
 
 function PresetInput(props) {
     var _a;
@@ -3088,11 +3104,11 @@ function PresetInput(props) {
         }
         props.onCancel();
     }, [presetCaption.length, props.onCancel]);
-    return (React__default.createElement(FlexCell, { cx: css$v.presetInputCell, minWidth: 180 },
+    return (React__default.createElement(FlexCell, { cx: [css$v.presetInputCell, UUI_PRESETS_PANEL_INPUT], minWidth: 180 },
         React__default.createElement(TextInput, { cx: css$v.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50 })));
 }
 
-var css$u = {"preset":"iEgtuN","activePreset":"-icK7o"};
+var css$u = {"preset":"GvXqEI","activePreset":"xyQ-v-"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -3110,7 +3126,7 @@ function Preset(props) {
         return props.updatePreset(newPreset);
     }, [props.preset]);
     const isPresetActive = props.activePresetId === props.preset.id;
-    return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$u.preset, isPresetActive && css$u.activePreset], size: "60", withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: () => React__default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), iconPosition: "right", isLinkActive: isPresetActive }))));
+    return (React__default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$u.preset, isPresetActive && css$u.activePreset, UUI_PRESETS_PANEL_PRESET], size: "60", withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: () => React__default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), iconPosition: "right", isLinkActive: isPresetActive }))));
 }
 
 var _path$j;
@@ -3141,7 +3157,7 @@ function PresetsPanel(props) {
         return React__default.createElement(Preset, Object.assign({ key: preset.id, preset: preset, addPreset: setAddingPreset }, presetApi));
     };
     const renderAddPresetButton = useCallback(() => {
-        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$x.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { size: "36", onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$k, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
+        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$x.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON, size: "36", onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$k, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
     }, [isAddingPreset]);
     const onPresetDropdownSelect = (preset) => {
         props.choosePreset(preset.preset);
@@ -3149,7 +3165,7 @@ function PresetsPanel(props) {
     const renderMoreButtonDropdown = (item, hiddenItems) => {
         return (React__default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__default.createElement(FlexRow, null,
                 React__default.createElement("div", { className: css$x.divider }),
-                React__default.createElement(Button, Object.assign({ fill: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: (propsBody) => (React__default.createElement(DropdownContainer, Object.assign({ cx: cx$1(css$x.dropContainer), width: 230 }, propsBody),
+                React__default.createElement(Button, Object.assign({ cx: UUI_PRESETS_PANEL_MORE_BUTTON, fill: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: (propsBody) => (React__default.createElement(DropdownContainer, Object.assign({ cx: cx$1(css$x.dropContainer), width: 230 }, propsBody),
                 React__default.createElement(ScrollBars$1, null, hiddenItems.map((hiddenItem) => (React__default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$l, iconPosition: "right", cx: css$x.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
     };
     const getPresetPriority = (preset, index) => {
@@ -3206,7 +3222,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$t = {"line-height-12":"F6DzEg","line-height-18":"oyyqMR","line-height-24":"T0kOKr","line-height-30":"m6D9LL","font-size-10":"R34zuo","font-size-12":"cjNcwJ","font-size-14":"FeLlUx","font-size-16":"v-qPMi","font-size-18":"lHGTXJ","font-size-24":"yg1IyN","v-padding-2":"eUcf38","v-padding-3":"FoNV2-","v-padding-5":"FDfbov","v-padding-6":"l3AH2k","v-padding-8":"FUzQED","v-padding-9":"Frukj2","v-padding-11":"J-0fi2","v-padding-12":"zB2bEU","v-padding-14":"FgRxca","v-padding-15":"_3cHZb9","v-padding-17":"xeP2KJ","v-padding-18":"R1lerS","v-padding-23":"RvCm6l","v-padding-24":"lGKH-o","lineHeight12":"F6DzEg","lineHeight18":"oyyqMR","lineHeight24":"T0kOKr","lineHeight30":"m6D9LL","fontSize10":"R34zuo","fontSize12":"cjNcwJ","fontSize14":"FeLlUx","fontSize16":"v-qPMi","fontSize18":"lHGTXJ","fontSize24":"yg1IyN","vPadding2":"eUcf38","vPadding3":"FoNV2-","vPadding5":"FDfbov","vPadding6":"l3AH2k","vPadding8":"FUzQED","vPadding9":"Frukj2","vPadding11":"J-0fi2","vPadding12":"zB2bEU","vPadding14":"FgRxca","vPadding15":"_3cHZb9","vPadding17":"xeP2KJ","vPadding18":"R1lerS","vPadding23":"RvCm6l","vPadding24":"lGKH-o"};
+var css$t = {"line-height-12":"_3hdDME","line-height-18":"-b4mU1","line-height-24":"uT794S","line-height-30":"vLGj29","font-size-10":"_7GCEC4","font-size-12":"zHTot4","font-size-14":"nhFpJW","font-size-16":"_9EyrC3","font-size-18":"SE4AhW","font-size-24":"QESWZF","v-padding-2":"rP2rYQ","v-padding-3":"tXFCft","v-padding-5":"lhAVue","v-padding-6":"lbJPRa","v-padding-8":"_6O6d1-","v-padding-9":"bJlDlF","v-padding-11":"nbmRrW","v-padding-12":"_16sC6g","v-padding-14":"lfVCOj","v-padding-15":"BXdLB-","v-padding-17":"HpkDcT","v-padding-18":"_1y47wM","v-padding-23":"_3uaJXw","v-padding-24":"s-v2aH","lineHeight12":"_3hdDME","lineHeight18":"-b4mU1","lineHeight24":"uT794S","lineHeight30":"vLGj29","fontSize10":"_7GCEC4","fontSize12":"zHTot4","fontSize14":"nhFpJW","fontSize16":"_9EyrC3","fontSize18":"SE4AhW","fontSize24":"QESWZF","vPadding2":"rP2rYQ","vPadding3":"tXFCft","vPadding5":"lhAVue","vPadding6":"lbJPRa","vPadding8":"_6O6d1-","vPadding9":"bJlDlF","vPadding11":"nbmRrW","vPadding12":"_16sC6g","vPadding14":"lfVCOj","vPadding15":"BXdLB-","vPadding17":"HpkDcT","vPadding18":"_1y47wM","vPadding23":"_3uaJXw","vPadding24":"s-v2aH"};
 
 const defaultTextSettings = {
     18: { lineHeight: 12, fontSize: 10 },
@@ -3232,9 +3248,9 @@ function getTextClasses(props, border) {
     ];
 }
 
-var css$s = {"root":"_7BkxsH"};
+var css$s = {"root":"TlFkIH"};
 
-const allTextColors = ['info', 'warning', 'error', 'success', 'brand', 'primary', 'secondary', 'disabled', 'contrast', 'white'];
+const allTextColors = ['info', 'warning', 'error', 'success', 'brand', 'primary', 'secondary', 'disabled', 'white'];
 function applyTextMods(mods) {
     const textClasses = getTextClasses({
         size: mods.size || '36',
@@ -3244,14 +3260,15 @@ function applyTextMods(mods) {
     return [
         css$s.root,
         'uui-text',
-        `uui-font-${mods.font || 'regular'}`,
         `uui-color-${mods.color || 'primary'}`,
+        `uui-font-weight-${mods.fontWeight || '400'}`,
+        `uui-font-style-${mods.fontStyle || 'normal'}`,
         'uui-typography',
     ].concat(textClasses);
 }
 const Text = withMods(Text$1, applyTextMods);
 
-var css$r = {"root":"lzyNyI","loading-word":"BO3Hd0","animated-loading":"U2s9HK","skeleton_loading":"_1LyLbb","loadingWord":"BO3Hd0","animatedLoading":"U2s9HK","skeletonLoading":"_1LyLbb"};
+var css$r = {"root":"tQxh--","loading-word":"_1ekaCG","animated-loading":"zIFkq4","skeleton_loading":"KHHevs","loadingWord":"_1ekaCG","animatedLoading":"zIFkq4","skeletonLoading":"KHHevs"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3263,14 +3280,14 @@ const TextPlaceholder = (props) => {
         }
         return words;
     }, [props.wordsCount]);
-    return (React.createElement("div", Object.assign({ "aria-busy": true, className: css$r.root }, props.rawProps), text.map((it, index) => (React.createElement("span", { key: index, className: cx([
+    return (React.createElement("div", Object.assign({ "aria-busy": true, className: cx(css$r.root, 'uui-text-placeholder') }, props.rawProps), text.map((it, index) => (React.createElement("span", { key: index, className: cx([
             props.cx, css$r.loadingWord, !props.isNotAnimated && css$r.animatedLoading,
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-const RichTextView = withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-${mods.size || '14'}`]);
+const RichTextView = withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
 
-var css$q = {"uui-typography":"s9JRZi","hero-header":"oD1hEz","promo-header":"ILNK4P","uui-critical":"GjsqYy","uui-success":"yHlmkp","uui-warning":"EoRjKL","uui-typography-size-12":"noq76D","uui-typography-size-14":"ShEQtL","uui-typography-size-16":"qugEHx","root":"ru-q-l","modal-blocker":"hoZlV4","animateModalBlocker":"JO6GO5","modal":"NEv2ZA","modal-footer":"opRfev","border-top":"F-lEan","modal-header":"qDHKrs","uuiTypography":"s9JRZi","heroHeader":"oD1hEz","promoHeader":"ILNK4P","uuiCritical":"GjsqYy","uuiSuccess":"yHlmkp","uuiWarning":"EoRjKL","uuiTypographySize12":"noq76D","uuiTypographySize14":"ShEQtL","uuiTypographySize16":"qugEHx","modalBlocker":"hoZlV4","modalFooter":"opRfev","borderTop":"F-lEan","modalHeader":"qDHKrs"};
+var css$q = {"uui-typography":"lMBt-V","hero-header":"I1dBnB","promo-header":"_1oMrB6","uui-critical":"GiRiyy","uui-info":"_6CMlK1","uui-success":"VpAp7n","uui-warning":"wZsqwX","uui-highlight":"nXM2a6","uui-typography-size-12":"V8EcrV","uui-typography-size-14":"nimOOY","uui-typography-size-16":"_4SZXrd","root":"WnJgui","modal-blocker":"_1E0R3J","animateModalBlocker":"aLutW7","modal":"_7V454Y","modal-footer":"eQ2an3","border-top":"Tif08O","modal-header":"j65BUZ","uuiTypography":"lMBt-V","heroHeader":"I1dBnB","promoHeader":"_1oMrB6","uuiCritical":"GiRiyy","uuiInfo":"_6CMlK1","uuiSuccess":"VpAp7n","uuiWarning":"wZsqwX","uuiHighlight":"nXM2a6","uuiTypographySize12":"V8EcrV","uuiTypographySize14":"nimOOY","uuiTypographySize16":"_4SZXrd","modalBlocker":"_1E0R3J","modalFooter":"eQ2an3","borderTop":"Tif08O","modalHeader":"j65BUZ"};
 
 const ModalBlocker = withMods(ModalBlocker$1, () => [css$q.modalBlocker]);
 const ModalWindow = withMods(ModalWindow$1, () => [css$q.root, css$q.modal], (props) => ({
@@ -3279,7 +3296,7 @@ const ModalWindow = withMods(ModalWindow$1, () => [css$q.root, css$q.modal], (pr
 class ModalHeader extends React.Component {
     render() {
         return (React.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$q.root, css$q.modalHeader, this.props.cx], spacing: "12", rawProps: this.props.rawProps },
-            this.props.title && (React.createElement(Text, { size: "48", fontSize: "18", font: "semibold" }, this.props.title)),
+            this.props.title && (React.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
             this.props.children,
             this.props.onClose && React.createElement(FlexSpacer, null),
             this.props.onClose && (React.createElement(FlexCell, { shrink: 0, width: "auto" },
@@ -3313,7 +3330,7 @@ var SvgCross = function SvgCross(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/forwardRef(SvgCross);
 
-var css$p = {"uui-typography":"q6NfQ0","hero-header":"R30pwx","promo-header":"_1B-M3h","uui-critical":"v6t145","uui-success":"knH0tP","uui-warning":"VHUwhL","uui-typography-size-12":"_6svGWr","uui-typography-size-14":"A-NBUo","uui-typography-size-16":"Uza-pT","root":"DslK6e","icon-wrapper":"FI9e4-","action-wrapper":"WtuWmc","action-link":"KeamRH","close-icon":"tgWnQV","main-path":"UZlj7m","content":"IHjzKa","clear-button":"SjmoUk","close-wrapper":"ItriLv","uuiTypography":"q6NfQ0","heroHeader":"R30pwx","promoHeader":"_1B-M3h","uuiCritical":"v6t145","uuiSuccess":"knH0tP","uuiWarning":"VHUwhL","uuiTypographySize12":"_6svGWr","uuiTypographySize14":"A-NBUo","uuiTypographySize16":"Uza-pT","iconWrapper":"FI9e4-","actionWrapper":"WtuWmc","actionLink":"KeamRH","closeIcon":"tgWnQV","mainPath":"UZlj7m","clearButton":"SjmoUk","closeWrapper":"ItriLv"};
+var css$p = {"uui-typography":"AM7mLz","hero-header":"mnYenN","promo-header":"wZdtZ8","uui-critical":"sFGRoX","uui-info":"-YnsLH","uui-success":"QR1i-R","uui-warning":"VIo5u8","uui-highlight":"zr-SbL","uui-typography-size-12":"_11tJF6","uui-typography-size-14":"R1zT6Z","uui-typography-size-16":"_7epnDd","root":"_7VwIJY","icon-wrapper":"UZVWLB","action-wrapper":"oQQkvx","action-link":"oS0j29","close-icon":"_8YeKu-","main-path":"C0-nS8","content":"LE8yLr","clear-button":"STEbml","close-wrapper":"XddM6q","uuiTypography":"AM7mLz","heroHeader":"mnYenN","promoHeader":"wZdtZ8","uuiCritical":"sFGRoX","uuiInfo":"-YnsLH","uuiSuccess":"QR1i-R","uuiWarning":"VIo5u8","uuiHighlight":"zr-SbL","uuiTypographySize12":"_11tJF6","uuiTypographySize14":"R1zT6Z","uuiTypographySize16":"_7epnDd","iconWrapper":"UZVWLB","actionWrapper":"oQQkvx","actionLink":"oS0j29","closeIcon":"_8YeKu-","mainPath":"C0-nS8","clearButton":"STEbml","closeWrapper":"XddM6q"};
 
 const NotificationCard = React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -3395,14 +3412,14 @@ class DatePicker extends BaseDatePicker {
     }
 }
 
-var css$o = {"uui-typography":"cmyYUq","hero-header":"XD2Lnr","promo-header":"rAU9RV","uui-critical":"SN-nbq","uui-success":"-lxNp1","uui-warning":"mGza-n","uui-typography-size-12":"_4ktGBT","uui-typography-size-14":"TR7S7Y","uui-typography-size-16":"rFGjYq","root":"fwZgDA","uuiTypography":"cmyYUq","heroHeader":"XD2Lnr","promoHeader":"rAU9RV","uuiCritical":"SN-nbq","uuiSuccess":"-lxNp1","uuiWarning":"mGza-n","uuiTypographySize12":"_4ktGBT","uuiTypographySize14":"TR7S7Y","uuiTypographySize16":"rFGjYq"};
+var css$o = {"uui-typography":"NeFHO2","hero-header":"F81oAk","promo-header":"IX-IAh","uui-critical":"B79Ebo","uui-info":"GHPosb","uui-success":"Db3lYL","uui-warning":"_-0Jooy","uui-highlight":"mjvbqo","uui-typography-size-12":"aUWJjZ","uui-typography-size-14":"AxSu3v","uui-typography-size-16":"DwuEGh","root":"wQdrRH","uuiTypography":"NeFHO2","heroHeader":"F81oAk","promoHeader":"IX-IAh","uuiCritical":"B79Ebo","uuiInfo":"GHPosb","uuiSuccess":"Db3lYL","uuiWarning":"_-0Jooy","uuiHighlight":"mjvbqo","uuiTypographySize12":"aUWJjZ","uuiTypographySize14":"AxSu3v","uuiTypographySize16":"DwuEGh"};
 
 function applyCalendarPresetsMods() {
     return [css$o.root];
 }
 const CalendarPresets = withMods(CalendarPresets$1, applyCalendarPresetsMods, () => ({}));
 
-var css$n = {"uui-typography":"MsL1jX","hero-header":"oRs3KW","promo-header":"Llb9mG","uui-critical":"FX8dEU","uui-success":"_4wS15D","uui-warning":"_4XKWle","uui-typography-size-12":"lLZgGK","uui-typography-size-14":"RD6Dtj","uui-typography-size-16":"OyoFet","root":"fI3Pfl","container":"_1l-DYR","day-selection":"UGLsuF","from-picker":"aVMvjD","to-picker":"_0pSvSV","bodes-wrapper":"CbyPVT","blocker":"uv9Awt","uuiTypography":"MsL1jX","heroHeader":"oRs3KW","promoHeader":"Llb9mG","uuiCritical":"FX8dEU","uuiSuccess":"_4wS15D","uuiWarning":"_4XKWle","uuiTypographySize12":"lLZgGK","uuiTypographySize14":"RD6Dtj","uuiTypographySize16":"OyoFet","daySelection":"UGLsuF","fromPicker":"aVMvjD","toPicker":"_0pSvSV","bodesWrapper":"CbyPVT"};
+var css$n = {"uui-typography":"pOolMT","hero-header":"VGGQhh","promo-header":"vLytYg","uui-critical":"QybhuJ","uui-info":"E3e-gb","uui-success":"_9tJxI2","uui-warning":"KRm3Hn","uui-highlight":"tRG2V8","uui-typography-size-12":"Ez8DDP","uui-typography-size-14":"t1-EBw","uui-typography-size-16":"PfsmMQ","root":"Xkhex5","container":"dNXlIl","day-selection":"JtJc8u","from-picker":"eix31r","to-picker":"_6kxFP5","bodes-wrapper":"xrxDQk","blocker":"R51tT5","uuiTypography":"pOolMT","heroHeader":"VGGQhh","promoHeader":"vLytYg","uuiCritical":"QybhuJ","uuiInfo":"E3e-gb","uuiSuccess":"_9tJxI2","uuiWarning":"KRm3Hn","uuiHighlight":"tRG2V8","uuiTypographySize12":"Ez8DDP","uuiTypographySize14":"t1-EBw","uuiTypographySize16":"PfsmMQ","daySelection":"JtJc8u","fromPicker":"eix31r","toPicker":"_6kxFP5","bodesWrapper":"xrxDQk"};
 
 dayjs.extend(isoWeek);
 function weekCount(displayedDate) {
@@ -3563,7 +3580,7 @@ class RangeDatePickerBody extends React.Component {
     }
 }
 
-var css$m = {"uui-typography":"enP0Cu","hero-header":"CT36Eg","promo-header":"jduQns","uui-critical":"_0IKd4B","uui-success":"BmjzdB","uui-warning":"gl4w2P","uui-typography-size-12":"ErDlAZ","uui-typography-size-14":"WxZvXh","uui-typography-size-16":"_8AHOcE","dropdown-container":"BoyMPe","date-input":"B1GGdM","size-24":"PFj06b","size-30":"ml9Nfj","size-36":"MA2E8c","size-42":"c-62ZO","size-48":"j8NkyE","date-input-group":"_62pONb","separator":"gEjJ8b","mode-form":"cFcYXw","mode-cell":"_2KDLNQ","uuiTypography":"enP0Cu","heroHeader":"CT36Eg","promoHeader":"jduQns","uuiCritical":"_0IKd4B","uuiSuccess":"BmjzdB","uuiWarning":"gl4w2P","uuiTypographySize12":"ErDlAZ","uuiTypographySize14":"WxZvXh","uuiTypographySize16":"_8AHOcE","dropdownContainer":"BoyMPe","dateInput":"B1GGdM","size24":"PFj06b","size30":"ml9Nfj","size36":"MA2E8c","size42":"c-62ZO","size48":"j8NkyE","dateInputGroup":"_62pONb","modeForm":"cFcYXw","modeCell":"_2KDLNQ"};
+var css$m = {"uui-typography":"L-yqIp","hero-header":"Jkwo-U","promo-header":"cnBqCS","uui-critical":"rhv4OK","uui-info":"c066kY","uui-success":"UC01ow","uui-warning":"RH3bEt","uui-highlight":"_5inmkg","uui-typography-size-12":"bnxhB1","uui-typography-size-14":"_8RnEfv","uui-typography-size-16":"_5W4iv4","dropdown-container":"CJ9mAf","date-input":"_9vnxAK","size-24":"jIfoPO","size-30":"PywWg5","size-36":"u1XvSK","size-42":"uTtLCy","size-48":"_7ZIwnn","date-input-group":"dGezOT","separator":"ZGofW7","mode-form":"yEWIYf","mode-cell":"eKphfg","uuiTypography":"L-yqIp","heroHeader":"Jkwo-U","promoHeader":"cnBqCS","uuiCritical":"rhv4OK","uuiInfo":"c066kY","uuiSuccess":"UC01ow","uuiWarning":"RH3bEt","uuiHighlight":"_5inmkg","uuiTypographySize12":"bnxhB1","uuiTypographySize14":"_8RnEfv","uuiTypographySize16":"_5W4iv4","dropdownContainer":"CJ9mAf","dateInput":"_9vnxAK","size24":"jIfoPO","size30":"PywWg5","size36":"u1XvSK","size42":"uTtLCy","size48":"_7ZIwnn","dateInputGroup":"dGezOT","modeForm":"yEWIYf","modeCell":"eKphfg"};
 
 const defaultValue = { from: null, to: null };
 class RangeDatePicker extends BaseRangeDatePicker {
@@ -3596,7 +3613,7 @@ class RangeDatePicker extends BaseRangeDatePicker {
     }
 }
 
-var css$l = {"root":"_3p1pGk","blocker":"w74-e3","marker":"_5CuHoQ","top":"yfvdhy","bottom":"pBeRuf","left":"kjzxkZ","right":"N63-QQ","inside":"BE8g8-"};
+var css$l = {"root":"_8-M1pw","blocker":"_3JemPy","marker":"_6wXxCN","top":"PnXw9g","bottom":"eyASdY","left":"_7PghNc","right":"r47Ijp","inside":"SEEGHl"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3611,7 +3628,7 @@ function DropMarker(props) {
         : null;
 }
 
-var css$k = {"uui-typography":"-h6Hna","hero-header":"iEd6Y5","promo-header":"_36ljoJ","uui-critical":"_9L-kcw","uui-success":"wIowgP","uui-warning":"_0QwH9R","uui-typography-size-12":"tAA0m4","uui-typography-size-14":"e98mVu","uui-typography-size-16":"K1qkJB","root":"_8fEVsn","size-24":"teJnoy","size-30":"i6nx0c","size-36":"XbBtbP","size-48":"s70bhL","size-60":"-IibNH","uuiTypography":"-h6Hna","heroHeader":"iEd6Y5","promoHeader":"_36ljoJ","uuiCritical":"_9L-kcw","uuiSuccess":"wIowgP","uuiWarning":"_0QwH9R","uuiTypographySize12":"tAA0m4","uuiTypographySize14":"e98mVu","uuiTypographySize16":"K1qkJB","size24":"teJnoy","size30":"i6nx0c","size36":"XbBtbP","size48":"s70bhL","size60":"-IibNH"};
+var css$k = {"uui-typography":"DtGL--","hero-header":"_0kqU5O","promo-header":"_0wr-D-","uui-critical":"-Hvjso","uui-info":"qlAHTU","uui-success":"k17mZ0","uui-warning":"gn1L42","uui-highlight":"MXw-L1","uui-typography-size-12":"XXj21h","uui-typography-size-14":"zle9g7","uui-typography-size-16":"qbbzNt","root":"_9UOiFn","size-24":"MM-kJ6","size-30":"H7N0x8","size-36":"tWkz1j","size-48":"p-k6Ga","size-60":"Ssb--I","uuiTypography":"DtGL--","heroHeader":"_0kqU5O","promoHeader":"_0wr-D-","uuiCritical":"-Hvjso","uuiInfo":"qlAHTU","uuiSuccess":"k17mZ0","uuiWarning":"gn1L42","uuiHighlight":"MXw-L1","uuiTypographySize12":"XXj21h","uuiTypographySize14":"zle9g7","uuiTypographySize16":"qbbzNt","size24":"MM-kJ6","size30":"H7N0x8","size36":"tWkz1j","size48":"p-k6Ga","size60":"Ssb--I"};
 
 // 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.
@@ -3627,7 +3644,7 @@ const DataTableRow = withMods(DataTableRow$1, ({ borderBottom = true, size }) =>
     ];
 }, () => propsMods);
 
-var css$j = {"uui-typography":"ufHP0i","hero-header":"DP1cuv","promo-header":"OLk4Zj","uui-critical":"BQIiXc","uui-success":"Pfc3VS","uui-warning":"tfNe1I","uui-typography-size-12":"vVDxew","uui-typography-size-14":"aqr7aT","uui-typography-size-16":"_4KI3PY","sorting-panel-container":"l-7WbX","sort-active":"u-4ib4","uuiTypography":"ufHP0i","heroHeader":"DP1cuv","promoHeader":"OLk4Zj","uuiCritical":"BQIiXc","uuiSuccess":"Pfc3VS","uuiWarning":"tfNe1I","uuiTypographySize12":"vVDxew","uuiTypographySize14":"aqr7aT","uuiTypographySize16":"_4KI3PY","sortingPanelContainer":"l-7WbX","sortActive":"u-4ib4"};
+var css$j = {"uui-typography":"PyQMP9","hero-header":"l828Sj","promo-header":"Ek8cw4","uui-critical":"FGmhQ2","uui-info":"toYOyg","uui-success":"pE-XKF","uui-warning":"_2pjuO2","uui-highlight":"hzWn8s","uui-typography-size-12":"_7IY9os","uui-typography-size-14":"zjS8xs","uui-typography-size-16":"ALZI4B","sorting-panel-container":"ndIZ8T","sort-active":"_55rsg7","uuiTypography":"PyQMP9","heroHeader":"l828Sj","promoHeader":"Ek8cw4","uuiCritical":"FGmhQ2","uuiInfo":"toYOyg","uuiSuccess":"pE-XKF","uuiWarning":"_2pjuO2","uuiHighlight":"hzWn8s","uuiTypographySize12":"_7IY9os","uuiTypographySize14":"zjS8xs","uuiTypographySize16":"ALZI4B","sortingPanelContainer":"ndIZ8T","sortActive":"_55rsg7"};
 
 var _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,7 +3703,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = React__default.memo(ColumnHeaderDropdownImpl);
 
-var css$i = {"uui-typography":"h9Elw1","hero-header":"KuX3vz","promo-header":"XChwxb","uui-critical":"IDZokF","uui-success":"UF-AwT","uui-warning":"PoSu5h","uui-typography-size-12":"zK0gQN","uui-typography-size-14":"_82INF7","uui-typography-size-16":"YngUrS","cell":"_-5iF8R","sort-icon":"CyYdV3","dropdown-icon":"Mq-Zhu","infoIcon":"YBVXK0","resizable":"w2rhDv","size-24":"jb9MMP","size-30":"lzFws9","size-36":"doj-5E","size-42":"FBCuvZ","size-48":"Pk-wsu","padding-left-24":"_7l09qi","padding-right-24":"zuMbo0","caption":"ptt-nB","checkbox":"CrPhzZ","icon":"dhzdx-","icon-cell":"CG26Hu","align-right":"nawuBl","align-center":"G27nhA","tooltip-wrapper":"YrRtRq","cell-tooltip":"OSwCmB","upper-case":"euPtPs","font-size-14":"KJM13X","resize-mark":"CJhltt","draggable":"WeRhp1","ghost":"MGoNSs","is-dragged-out":"shKdYt","dnd-marker-left":"ygvd8C","dnd-marker-right":"VEr0Hf","cell-tooltip-wrapper":"NvWccK","cell-tooltip-text":"_8MIDUh","uuiTypography":"h9Elw1","heroHeader":"KuX3vz","promoHeader":"XChwxb","uuiCritical":"IDZokF","uuiSuccess":"UF-AwT","uuiWarning":"PoSu5h","uuiTypographySize12":"zK0gQN","uuiTypographySize14":"_82INF7","uuiTypographySize16":"YngUrS","sortIcon":"CyYdV3","dropdownIcon":"Mq-Zhu","size24":"jb9MMP","size30":"lzFws9","size36":"doj-5E","size42":"FBCuvZ","size48":"Pk-wsu","paddingLeft24":"_7l09qi","paddingRight24":"zuMbo0","iconCell":"CG26Hu","alignRight":"nawuBl","alignCenter":"G27nhA","tooltipWrapper":"YrRtRq","cellTooltip":"OSwCmB","upperCase":"euPtPs","fontSize14":"KJM13X","resizeMark":"CJhltt","isDraggedOut":"shKdYt","dndMarkerLeft":"ygvd8C","dndMarkerRight":"VEr0Hf","cellTooltipWrapper":"NvWccK","cellTooltipText":"_8MIDUh"};
+var css$i = {"uui-typography":"_26c5bT","hero-header":"NohFqr","promo-header":"yaNhjG","uui-critical":"QSXI5W","uui-info":"SG4-RY","uui-success":"_6r-jgu","uui-warning":"jgdIch","uui-highlight":"dwBUEW","uui-typography-size-12":"tgXj8-","uui-typography-size-14":"R4gwRp","uui-typography-size-16":"IHmTfP","cell":"XrTgYA","sort-icon":"CUcs3S","dropdown-icon":"nRnHLd","infoIcon":"RkhWf6","resizable":"Gl-6Ma","size-24":"mWu9aA","size-30":"_9snvtp","size-36":"tgJO6b","size-42":"uOhQsq","size-48":"yRhsXz","padding-left-24":"hzRfzG","padding-right-24":"HRqPqZ","caption":"MwE-Yg","checkbox":"xe2Cb0","icon":"YPsX5H","icon-cell":"jD-Xr4","align-right":"snnVpf","align-center":"Fcr2SZ","tooltip-wrapper":"ZFAjvX","cell-tooltip":"EL3FTZ","upper-case":"tHXbG5","font-size-14":"VU3EUB","resize-mark":"E6NvZd","draggable":"m1kypY","ghost":"XLwa2B","is-dragged-out":"xmy-X6","dnd-marker-left":"MZ9Inp","dnd-marker-right":"_2jGNKY","cell-tooltip-wrapper":"AEtBmQ","cell-tooltip-text":"_9YxX40","uuiTypography":"_26c5bT","heroHeader":"NohFqr","promoHeader":"yaNhjG","uuiCritical":"QSXI5W","uuiInfo":"SG4-RY","uuiSuccess":"_6r-jgu","uuiWarning":"jgdIch","uuiHighlight":"dwBUEW","uuiTypographySize12":"tgXj8-","uuiTypographySize14":"R4gwRp","uuiTypographySize16":"IHmTfP","sortIcon":"CUcs3S","dropdownIcon":"nRnHLd","size24":"mWu9aA","size30":"_9snvtp","size36":"tgJO6b","size42":"uOhQsq","size48":"yRhsXz","paddingLeft24":"hzRfzG","paddingRight24":"HRqPqZ","iconCell":"jD-Xr4","alignRight":"snnVpf","alignCenter":"Fcr2SZ","tooltipWrapper":"ZFAjvX","cellTooltip":"EL3FTZ","upperCase":"tHXbG5","fontSize14":"VU3EUB","resizeMark":"E6NvZd","isDraggedOut":"xmy-X6","dndMarkerLeft":"MZ9Inp","dndMarkerRight":"_2jGNKY","cellTooltipWrapper":"AEtBmQ","cellTooltipText":"_9YxX40"};
 
 var _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); }
@@ -3751,12 +3768,12 @@ class DataTableHeaderCell extends React.Component {
             return css$i['font-size-14'];
         };
         this.getTooltipContent = () => (React.createElement("div", { className: css$i.cellTooltipWrapper },
-            React.createElement(Text, { fontSize: "14", color: "contrast", font: "semibold", cx: css$i.cellTooltipText }, this.props.column.caption),
-            this.props.column.info && React.createElement(Text, { fontSize: "12", color: "contrast", cx: css$i.cellTooltipText }, this.props.column.info)));
+            React.createElement(Text, { fontSize: "14", fontWeight: "600", cx: css$i.cellTooltipText }, this.props.column.caption),
+            this.props.column.info && React.createElement(Text, { fontSize: "12", cx: css$i.cellTooltipText }, this.props.column.info)));
         this.getColumnCaption = () => {
             return (React.createElement("div", { className: css$i.tooltipWrapper },
                 React.createElement("div", { className: cx$1(css$i.iconCell, css$i['align-' + this.props.column.textAlign], uuiDataTableHeaderCell.uuiTableHeaderCaptionWrapper) },
-                    React.createElement(Tooltip, { placement: "top", color: "contrast", renderContent: this.getTooltipContent, cx: css$i.cellTooltip, openDelay: 600 },
+                    React.createElement(Tooltip, { placement: "top", color: "inverted", renderContent: this.getTooltipContent, cx: css$i.cellTooltip, openDelay: 600 },
                         React.createElement(Text, { key: "text", lineHeight: "30", fontSize: "14", size: "30", cx: cx$1(css$i.caption, this.getTextStyle(), uuiDataTableHeaderCell.uuiTableHeaderCaption) }, this.props.column.caption)),
                     this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React.createElement(IconButton, { key: "sort", cx: cx$1(css$i.icon, css$i.sortIcon, this.props.sortDirection && css$i.sortIconActive, uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: this.props.sortDirection ? 'neutral' : 'secondary', icon: this.props.sortDirection === 'desc' ? ForwardRef$h : this.props.sortDirection === 'asc' ? ForwardRef$i : ForwardRef$g })),
                     this.props.isFilterActive && (React.createElement(IconButton, { key: "filter", cx: cx$1(css$i.icon, !this.props.sortDirection && css$i.filterIcon, uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "neutral", icon: ForwardRef$f })),
@@ -3769,18 +3786,18 @@ class DataTableHeaderCell extends React.Component {
                 var _a;
                 props.ref(ref);
                 (_a = dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.ref) === null || _a === void 0 ? void 0 : _a.call(dropdownProps, ref);
-            }, cx: cx$1(uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiMarkers.clickable, css$i.cell, css$i['size-' + (this.props.size || '36')], this.props.isFirstColumn && css$i['padding-left-24'], this.props.isLastColumn && css$i['padding-right-24'], this.props.column.cx, this.props.allowColumnsResizing && css$i.resizable, props.isDraggable && css$i.draggable, props.isDragGhost && css$i.ghost, props.isDraggedOut && css$i.isDraggedOut, props.isDndInProgress && css$i['dnd-marker-' + props.position]), onClick: !this.props.column.renderFilter ? props.toggleSort : dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.onClick, rawProps: Object.assign({ role: 'columnheader', 'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none' }, props.eventHandlers) }),
+            }, cx: cx$1('uui-dt-vars', uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiMarkers.clickable, css$i.cell, css$i['size-' + (this.props.size || '36')], this.props.isFirstColumn && css$i['padding-left-24'], this.props.isLastColumn && css$i['padding-right-24'], this.props.column.cx, this.props.allowColumnsResizing && css$i.resizable, props.isDraggable && css$i.draggable, props.isDragGhost && css$i.ghost, props.isDraggedOut && css$i.isDraggedOut, props.isDndInProgress && css$i['dnd-marker-' + props.position]), onClick: !this.props.column.renderFilter ? props.toggleSort : dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.onClick, rawProps: Object.assign({ role: 'columnheader', 'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none' }, props.eventHandlers) }),
             this.renderHeaderCheckbox(),
             this.getColumnCaption(),
             this.props.allowColumnsResizing && this.renderResizeMark(props)));
         this.renderCellWithFilter = (props) => (React.createElement(ColumnHeaderDropdown, { isOpen: this.state.isDropdownOpen, isSortable: this.props.column.isSortable, renderTarget: (dropdownProps) => this.renderCellContent(props, dropdownProps), renderFilter: this.props.renderFilter, onSort: this.props.onSort, sortDirection: this.props.sortDirection, onOpenChange: (isDropdownOpen) => this.setState({ isDropdownOpen }), title: this.props.column.caption }));
     }
     render() {
-        return React.createElement(DataTableHeaderCell$1, Object.assign({}, this.props, { cx: "uui-dt-vars", renderCellContent: this.props.column.renderFilter ? this.renderCellWithFilter : this.renderCellContent }));
+        return React.createElement(DataTableHeaderCell$1, Object.assign({}, this.props, { renderCellContent: this.props.column.renderFilter ? this.renderCellWithFilter : this.renderCellContent }));
     }
 }
 
-var css$h = {"uui-typography":"GyYgOR","hero-header":"a0rlKR","promo-header":"VtFMPm","uui-critical":"dRm-EC","uui-success":"qpwJS-","uui-warning":"ommFd7","uui-typography-size-12":"wYL07A","uui-typography-size-14":"g1BgKe","uui-typography-size-16":"AX5qk6","header-cell":"PRi7vN","config-icon":"Sit3CV","uuiTypography":"GyYgOR","heroHeader":"a0rlKR","promoHeader":"VtFMPm","uuiCritical":"dRm-EC","uuiSuccess":"qpwJS-","uuiWarning":"ommFd7","uuiTypographySize12":"wYL07A","uuiTypographySize14":"g1BgKe","uuiTypographySize16":"AX5qk6","headerCell":"PRi7vN","configIcon":"Sit3CV"};
+var css$h = {"uui-typography":"TUTHEu","hero-header":"FEoJfT","promo-header":"_74MD-6","uui-critical":"NKpTSo","uui-info":"_5rc8K1","uui-success":"-Iep3i","uui-warning":"iLmCFq","uui-highlight":"zb2Jmc","uui-typography-size-12":"j-At3z","uui-typography-size-14":"uxQaeg","uui-typography-size-16":"XNJS1l","header-cell":"_7ygxwg","config-icon":"y2TfYT","uuiTypography":"TUTHEu","heroHeader":"FEoJfT","promoHeader":"_74MD-6","uuiCritical":"NKpTSo","uuiInfo":"_5rc8K1","uuiSuccess":"-Iep3i","uuiWarning":"iLmCFq","uuiHighlight":"zb2Jmc","uuiTypographySize12":"j-At3z","uuiTypographySize14":"uxQaeg","uuiTypographySize16":"XNJS1l","headerCell":"_7ygxwg","configIcon":"y2TfYT"};
 
 var _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); }
@@ -3804,7 +3821,7 @@ const DataTableHeaderRow = withMods(DataTableHeaderRow$1, () => [css$h.root, 'uu
     renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: css$h.configIcon, color: "neutral", icon: ForwardRef$d }),
 }));
 
-var styles$1 = {"uui-typography":"mGcPRL","hero-header":"_0tTnvI","promo-header":"zMfQI9","uui-critical":"Ufx76A","uui-success":"WGremY","uui-warning":"OKzFYQ","uui-typography-size-12":"_1qSwW6","uui-typography-size-14":"vomjZ2","uui-typography-size-16":"KzVCy9","main-panel":"W4GF6R","group-title":"-jJY9r","group-title-text":"_0-dioj","group-title-badge":"uuBGSI","group-items":"qPCb-i","no-data":"_21fZHd","h-divider":"Kh4uZw","search-area":"rYoths","uuiTypography":"mGcPRL","heroHeader":"_0tTnvI","promoHeader":"zMfQI9","uuiCritical":"Ufx76A","uuiSuccess":"WGremY","uuiWarning":"OKzFYQ","uuiTypographySize12":"_1qSwW6","uuiTypographySize14":"vomjZ2","uuiTypographySize16":"KzVCy9","mainPanel":"W4GF6R","groupTitle":"-jJY9r","groupTitleText":"_0-dioj","groupTitleBadge":"uuBGSI","groupItems":"qPCb-i","noData":"_21fZHd","hDivider":"Kh4uZw","searchArea":"rYoths"};
+var styles$1 = {"uui-typography":"N-xiVL","hero-header":"m-l8L8","promo-header":"-WiDvN","uui-critical":"Fxs8Z5","uui-info":"x-JliR","uui-success":"IpDz2O","uui-warning":"NxCgKQ","uui-highlight":"lsnZI5","uui-typography-size-12":"sgO65b","uui-typography-size-14":"_4yT9og","uui-typography-size-16":"qfheHN","main-panel":"NfLLPx","group-title":"v7Id3a","group-title-text":"wgh6Rt","group-title-badge":"PvBxRy","group-items":"_4dSAFf","no-data":"KtzhtB","h-divider":"kcNm8l","search-area":"uk-Wuv","uuiTypography":"N-xiVL","heroHeader":"m-l8L8","promoHeader":"-WiDvN","uuiCritical":"Fxs8Z5","uuiInfo":"x-JliR","uuiSuccess":"IpDz2O","uuiWarning":"NxCgKQ","uuiHighlight":"lsnZI5","uuiTypographySize12":"sgO65b","uuiTypographySize14":"_4yT9og","uuiTypographySize16":"qfheHN","mainPanel":"NfLLPx","groupTitle":"v7Id3a","groupTitleText":"wgh6Rt","groupTitleBadge":"PvBxRy","groupItems":"_4dSAFf","noData":"KtzhtB","hDivider":"kcNm8l","searchArea":"uk-Wuv"};
 
 var _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); }
@@ -3879,11 +3896,11 @@ function PinIconButton(props) {
     ]);
     const pinClickHandler = isPinnedAlways ? undefined : () => onTogglePin(id);
     return (React.createElement("span", { onMouseOver: () => setIsHovered(true), onMouseOut: () => setIsHovered(false) },
-        React.createElement(Tooltip, { content: tooltipText, placement: "bottom", color: "contrast" },
+        React.createElement(Tooltip, { content: tooltipText, placement: "bottom", color: "inverted" },
             React.createElement(IconButton, { icon: pinIcon, onClick: pinClickHandler, isDisabled: isPinnedAlways, color: isPinned ? 'info' : undefined }))));
 }
 
-var styles = {"uui-typography":"p47L2W","hero-header":"DkRK5G","promo-header":"J5uzxQ","uui-critical":"Xvyn6B","uui-success":"S6scUE","uui-warning":"kgKMQH","uui-typography-size-12":"gYpBYm","uui-typography-size-14":"TN423q","uui-typography-size-16":"h9SEig","row-wrapper":"uBtvlk","not-pinned":"B7uAxr","pin-icon-button":"-b-VeG","checkbox":"_3leOUg","drag-handle":"L5QEYr","dnd-disabled":"CbmLsv","uuiTypography":"p47L2W","heroHeader":"DkRK5G","promoHeader":"J5uzxQ","uuiCritical":"Xvyn6B","uuiSuccess":"S6scUE","uuiWarning":"kgKMQH","uuiTypographySize12":"gYpBYm","uuiTypographySize14":"TN423q","uuiTypographySize16":"h9SEig","rowWrapper":"uBtvlk","notPinned":"B7uAxr","pinIconButton":"-b-VeG","dragHandle":"L5QEYr","dndDisabled":"CbmLsv"};
+var styles = {"uui-typography":"_3TeHEf","hero-header":"JPI8zE","promo-header":"pCoK6p","uui-critical":"soijh9","uui-info":"kxn2H1","uui-success":"syrF7T","uui-warning":"SyczcL","uui-highlight":"wtqZcT","uui-typography-size-12":"Ma1VSp","uui-typography-size-14":"lqjVuv","uui-typography-size-16":"BJhFij","row-wrapper":"EaIVfS","not-pinned":"JSN-DT","pin-icon-button":"uGLuHG","checkbox":"SNFXIJ","drag-handle":"uWOkOW","dnd-disabled":"EpbQQD","uuiTypography":"_3TeHEf","heroHeader":"JPI8zE","promoHeader":"pCoK6p","uuiCritical":"soijh9","uuiInfo":"kxn2H1","uuiSuccess":"syrF7T","uuiWarning":"SyczcL","uuiHighlight":"wtqZcT","uuiTypographySize12":"Ma1VSp","uuiTypographySize14":"lqjVuv","uuiTypographySize16":"BJhFij","rowWrapper":"EaIVfS","notPinned":"JSN-DT","pinIconButton":"uGLuHG","dragHandle":"uWOkOW","dndDisabled":"EpbQQD"};
 
 const ColumnRow = React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -3908,7 +3925,7 @@ const ColumnRow = React.memo(function ColumnRow(props) {
 });
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { size: "24", padding: "24", spacing: "6", cx: styles$1.groupTitle },
-    React.createElement(Text, { cx: styles$1.groupTitleText, font: "semibold", lineHeight: "24", fontSize: "14" }, title),
+    React.createElement(Text, { cx: styles$1.groupTitleText, fontWeight: "600", lineHeight: "24", fontSize: "14" }, title),
     React.createElement(Badge, { cx: styles$1.groupTitleBadge, caption: amount, color: "neutral", size: "18" })));
 function ColumnsConfigurationModal(props) {
     const i18n$1 = i18n.tables.columnsConfigurationModal;
@@ -3959,8 +3976,8 @@ function ColumnsConfigurationModal(props) {
                     renderVisible(),
                     renderHidden(),
                     isNoData && (React.createElement(FlexRow, { cx: styles$1.noData },
-                        React.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" }, i18n$1.noResultsFound.text),
-                        React.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" }, i18n$1.noResultsFound.subText))))),
+                        React.createElement(Text, { fontSize: "24", lineHeight: "30", color: "primary", fontWeight: "600" }, i18n$1.noResultsFound.text),
+                        React.createElement(Text, { fontSize: "16", lineHeight: "24", color: "primary" }, i18n$1.noResultsFound.subText))))),
             React.createElement(ModalFooter, { borderTop: true },
                 React.createElement(LinkButton, { icon: ForwardRef$r, caption: i18n$1.resetToDefaultButton, onClick: reset }),
                 React.createElement(FlexSpacer, null),
@@ -3968,7 +3985,7 @@ function ColumnsConfigurationModal(props) {
                 noVisibleColumns ? (React.createElement(Tooltip, { content: i18n$1.enableAtLeastOneColumnMessage, placement: "top-end", color: "critical" }, applyButton)) : (applyButton)))));
 }
 
-var css$g = {"listContainer":"FOVXfC","header":"jY4gLS","group":"_6ZENDn","stickyHeader":"kYkDln"};
+var css$g = {"listContainer":"lBviNX","header":"A-UC5e","group":"_04gaf7","stickyHeader":"wtiKOZ"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4034,7 +4051,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#odmwhp5hbu3kk9s64_a)"
+    clipPath: "url(#8lxtcfquaaz12anpl_a)"
   }, _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
     d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
     fill: "#F5F6FA"
@@ -4055,7 +4072,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
     fill: "#1D1E26"
   })), /*#__PURE__*/React.createElement("mask", {
-    id: "odmwhpailrok4upek_b",
+    id: "8lxtcfedxlju0fbc6_b",
     style: {
       maskType: "alpha"
     },
@@ -4068,7 +4085,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
     fill: "#9BDEFF"
   }))), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#odmwhpailrok4upek_b)",
+    mask: "url(#8lxtcfedxlju0fbc6_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4154,7 +4171,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
     fill: "#fff"
   }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "odmwhp5hbu3kk9s64_a"
+    id: "8lxtcfquaaz12anpl_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4163,7 +4180,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var css$f = {"sticky-header":"hlhppN","table":"RPXZnT","no-results":"sE1nCw","no-results-icon":"bUTvMm","no-results-title":"AagxzJ","stickyHeader":"hlhppN","noResults":"sE1nCw","noResultsIcon":"bUTvMm","noResultsTitle":"AagxzJ"};
+var css$f = {"sticky-header":"vXW1F7","table":"_1zy6lj","no-results":"wDsdHy","no-results-icon":"oJ65uC","no-results-title":"YQITHI","stickyHeader":"vXW1F7","noResults":"wDsdHy","noResultsIcon":"oJ65uC","noResultsTitle":"YQITHI"};
 
 function DataTable(props) {
     var _a;
@@ -4180,8 +4197,8 @@ function DataTable(props) {
         var _a;
         return (React.createElement("div", { className: css$f.noResults }, props.renderNoResultsBlock ? ((_a = props.renderNoResultsBlock) === null || _a === void 0 ? void 0 : _a.call(props)) : (React.createElement(React.Fragment, null,
             React.createElement(IconContainer, { cx: css$f.noResultsIcon, icon: ForwardRef$9 }),
-            React.createElement(Text, { cx: css$f.noResultsTitle, fontSize: "24", lineHeight: "30", color: "primary", font: "semibold" }, i18n.tables.noResultsBlock.title),
-            React.createElement(Text, { fontSize: "16", lineHeight: "24", font: "regular", color: "primary" }, i18n.tables.noResultsBlock.message)))));
+            React.createElement(Text, { cx: css$f.noResultsTitle, fontSize: "24", lineHeight: "30", color: "primary", fontWeight: "600" }, i18n.tables.noResultsBlock.title),
+            React.createElement(Text, { fontSize: "16", lineHeight: "24", color: "primary" }, i18n.tables.noResultsBlock.message)))));
     }, [props.renderNoResultsBlock]);
     const onConfigurationButtonClick = React.useCallback(() => {
         const configProps = { columns: props.columns, columnsConfig: Object.assign({}, config), defaultConfig };
@@ -4213,9 +4230,9 @@ function DataTable(props) {
             } })));
 }
 
-var css$e = {"root":"_1yPo2o"};
+var css$e = {"root":"mwLJhg"};
 
-var css$d = {"root":"OLnur1","burger-content":"_8VuLkA","burgerContent":"_8VuLkA"};
+var css$d = {"root":"pBuH7i","burger-content":"_34QDdq","burgerContent":"_34QDdq"};
 
 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); }
@@ -4282,7 +4299,7 @@ var SvgTriangle = function SvgTriangle(props, ref) {
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTriangle);
 
-var css$c = {"uui-typography":"_9nDrBA","hero-header":"AdmOtD","promo-header":"fIBW6u","uui-critical":"f4TjuB","uui-success":"KfJVyP","uui-warning":"_7PQIay","uui-typography-size-12":"ADIB-G","uui-typography-size-14":"_0mtKhX","uui-typography-size-16":"Wg4Enz","root":"gNrdBT","button-primary":"HVTHMg","button-secondary":"TKb7Ru","hasIcon":"t-PgwR","dropdown":"fYU033","uuiTypography":"_9nDrBA","heroHeader":"AdmOtD","promoHeader":"fIBW6u","uuiCritical":"f4TjuB","uuiSuccess":"KfJVyP","uuiWarning":"_7PQIay","uuiTypographySize12":"ADIB-G","uuiTypographySize14":"_0mtKhX","uuiTypographySize16":"Wg4Enz","buttonPrimary":"HVTHMg","buttonSecondary":"TKb7Ru"};
+var css$c = {"uui-typography":"ggHgN7","hero-header":"_79Ccxo","promo-header":"_6V129K","uui-critical":"_2zRe1O","uui-info":"vwMbQK","uui-success":"V1c-nM","uui-warning":"cZMw8T","uui-highlight":"-w2WIe","uui-typography-size-12":"pPRtvK","uui-typography-size-14":"a8llmu","uui-typography-size-16":"_4kJ-6w","root":"XvWXc-","button-primary":"zAYsB5","button-secondary":"VUBkUL","hasIcon":"qbU-TP","dropdown":"xev0gJ","uuiTypography":"ggHgN7","heroHeader":"_79Ccxo","promoHeader":"_6V129K","uuiCritical":"_2zRe1O","uuiInfo":"vwMbQK","uuiSuccess":"V1c-nM","uuiWarning":"cZMw8T","uuiHighlight":"-w2WIe","uuiTypographySize12":"pPRtvK","uuiTypographySize14":"a8llmu","uuiTypographySize16":"_4kJ-6w","buttonPrimary":"zAYsB5","buttonSecondary":"VUBkUL"};
 
 const BurgerButton = withMods(Button$1, (props) => [
     css$c.root,
@@ -4339,13 +4356,13 @@ var SvgMenuInputCancel = function SvgMenuInputCancel(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgMenuInputCancel);
 
-var css$b = {"search-input":"-X1-6-","searchInput":"-X1-6-"};
+var css$b = {"search-input":"xzx8Ya","searchInput":"xzx8Ya"};
 
 function BurgerSearch(props) {
     return (React.createElement(TextInput$1, { cx: cx(css$b.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$15, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$5 }));
 }
 
-var css$a = {"root":"VqX1NV","group-header":"McYOuP","group-name":"Fbn2Xi","line":"-kKLpQ","groupHeader":"McYOuP","groupName":"Fbn2Xi"};
+var css$a = {"root":"p1ttkk","group-header":"_32purX","group-name":"HfP-22","line":"A8dMrp","groupHeader":"_32purX","groupName":"HfP-22"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$a.root, css$a.groupHeader, 'uui-burger-group-header') },
@@ -4353,7 +4370,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$a.groupName }, props.caption)));
 }
 
-var css$9 = {"uui-typography":"_1t-jlM","hero-header":"Pzq43P","promo-header":"TPVQgX","uui-critical":"wyV3hN","uui-success":"n4gnxJ","uui-warning":"rTW6fv","uui-typography-size-12":"DWdabN","uui-typography-size-14":"YLfBE0","uui-typography-size-16":"tID7RS","root":"SjJkLt","type-primary":"x9Lllu","type-secondary":"mEepFc","uuiTypography":"_1t-jlM","heroHeader":"Pzq43P","promoHeader":"TPVQgX","uuiCritical":"wyV3hN","uuiSuccess":"n4gnxJ","uuiWarning":"rTW6fv","uuiTypographySize12":"DWdabN","uuiTypographySize14":"YLfBE0","uuiTypographySize16":"tID7RS","typePrimary":"x9Lllu","typeSecondary":"mEepFc"};
+var css$9 = {"uui-typography":"ySFhWr","hero-header":"AFZbgU","promo-header":"_-2NYfh","uui-critical":"avC5ko","uui-info":"wh5Lyg","uui-success":"n2kNYO","uui-warning":"Hp0TEw","uui-highlight":"BlCAbC","uui-typography-size-12":"GSRXNZ","uui-typography-size-14":"u6q7d0","uui-typography-size-16":"_23KQvb","root":"z0Geru","type-primary":"GipQ-S","type-secondary":"OStQ5T","uuiTypography":"ySFhWr","heroHeader":"AFZbgU","promoHeader":"_-2NYfh","uuiCritical":"avC5ko","uuiInfo":"wh5Lyg","uuiSuccess":"n2kNYO","uuiWarning":"Hp0TEw","uuiHighlight":"BlCAbC","uuiTypographySize12":"GSRXNZ","uuiTypographySize14":"u6q7d0","uuiTypographySize16":"_23KQvb","typePrimary":"GipQ-S","typeSecondary":"OStQ5T"};
 
 var _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); }
@@ -4373,7 +4390,7 @@ var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgChevronDown24);
 
 const MainMenuButton = withMods(Button$1, (mods) => [css$9.root, css$9['type-' + (mods.type || 'primary')]], () => ({ dropdownIcon: ForwardRef$4, role: 'menuitem' }));
 
-var css$8 = {"dropdown-body":"DwcTAn","dropdownBody":"DwcTAn"};
+var css$8 = {"dropdown-body":"_7K-F-h","dropdownBody":"_7K-F-h"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -4427,12 +4444,12 @@ var SvgGlobalMenu = function SvgGlobalMenu(props, ref) {
 };
 var ForwardRef$3 = /*#__PURE__*/forwardRef(SvgGlobalMenu);
 
-var css$7 = {"global-menu-btn":"pU-sAx","globalMenuIcon":"_77b19J","globalMenuBtn":"pU-sAx"};
+var css$7 = {"global-menu-btn":"_8DGwyV","globalMenuIcon":"yp2fzd","globalMenuBtn":"_8DGwyV"};
 
 const GlobalMenu = React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$7.globalMenuBtn, props.cx) }, props.rawProps),
     React.createElement(IconContainer, { icon: ForwardRef$3, cx: css$7.globalMenuIcon }))));
 
-var css$6 = {"container":"WE-ZXQ","open":"HCqEOg"};
+var css$6 = {"container":"iuDvmZ","open":"vxl4GE"};
 
 const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$6.container, props.isDropdown && css$6.dropdown, props.isOpen && css$6.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
@@ -4440,18 +4457,18 @@ const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("bu
     props.isDropdown && (React.createElement("div", null,
         React.createElement(IconContainer, { icon: ForwardRef$1b, flipY: props.isOpen }))))));
 
-var css$5 = {"search-input":"TTfdSh","searchInput":"TTfdSh"};
+var css$5 = {"search-input":"K00elx","searchInput":"K00elx"};
 
 const MainMenuSearch = React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
         return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$15, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$5 }, props, iEditable, { ref: ref, cx: cx$1(css$5.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
-var css$4 = {"container":"_3T-pU8"};
+var css$4 = {"container":"g04zUX"};
 
 const MainMenuIcon = React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$4.container) }, props))));
 
-var css$3 = {"root":"BnT69q"};
+var css$3 = {"root":"IhbvoF"};
 
 const Anchor = withMods(Anchor$1, () => [css$3.root]);
 
@@ -4508,7 +4525,7 @@ var SvgShape = function SvgShape(props, ref) {
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgShape);
 
-var css$2 = {"root":"_4lCJfq","drop-start":"AdLMQG","drop-over":"c2S0tc","link":"ojDuyS","drop-area":"UkObUB","icon-blue":"UA6kfJ","dropStart":"AdLMQG","dropOver":"c2S0tc","dropArea":"UkObUB","iconBlue":"UA6kfJ"};
+var css$2 = {"root":"pt0u-T","drop-start":"gPUPhf","drop-over":"nCvyDJ","link":"cuHkKB","drop-area":"qcl7kC","icon-blue":"t-Vtl9","dropStart":"gPUPhf","dropOver":"nCvyDJ","dropArea":"qcl7kC","iconBlue":"t-Vtl9"};
 
 class DropSpot extends React.Component {
     constructor() {
@@ -4532,9 +4549,9 @@ class DropSpot extends React.Component {
     }
 }
 
-var css$1 = {"root":"_0Z9l9a","file-name":"mdbjDt","default-color":"Cdz4p1","doc-color":"_8t7qMj","xls-color":"I9oEud","pdf-color":"dv4UPH","movie-color":"aFiMoC","img-color":"HiIP6f","mov-color":"_0Vblnc","error-block":"VLVhhv","icons-block":"J5VDRn","fileName":"mdbjDt","defaultColor":"Cdz4p1","docColor":"_8t7qMj","xlsColor":"I9oEud","pdfColor":"dv4UPH","movieColor":"aFiMoC","imgColor":"HiIP6f","movColor":"_0Vblnc","errorBlock":"VLVhhv","iconsBlock":"J5VDRn"};
+var css$1 = {"root":"Fi3Chr","file-name":"DAKHz-","default-color":"upoYsa","doc-color":"V2Uj0i","xls-color":"taK17-","pdf-color":"_--9KDI","movie-color":"Z9lEPK","img-color":"XFZ4pJ","mov-color":"-hiF4z","error-block":"EcQ5z-","icons-block":"IY2OsI","fileName":"DAKHz-","defaultColor":"upoYsa","docColor":"V2Uj0i","xlsColor":"taK17-","pdfColor":"_--9KDI","movieColor":"Z9lEPK","imgColor":"XFZ4pJ","movColor":"-hiF4z","errorBlock":"EcQ5z-","iconsBlock":"IY2OsI"};
 
-var css = {"root":"plKduu"};
+var css = {"root":"v9PcwT"};
 
 const SvgCircleProgress = React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -4653,5 +4670,5 @@ const FileCard = React.forwardRef((props, ref) => {
                 isCrossShow && React.createElement(IconButton, { icon: ForwardRef$1, onClick: removeHandler })))));
 });
 
-export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, EditMode, ErrorAlert, ErrorNotification, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RichTextView, ScrollBars, SearchInput, Slider, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, allButtonColors, allButtonFills, allEpamBadgeSemanticColors, allFillStyles, allFontStyles, allIconColors, allLinkButtonColors, allRowSizes, allSemanticColors, allSizes, allTextColors, allTextSizes, applyBadgeMods, applyButtonMods, applyCheckboxMods, applyDateSelectionMods, applyInputAddonMods, applyNumericInputMods, applyProgressBarMods, applySliderMods, applySpinnerMods, applySwitchMods, applyTagMods, applyTextAreaMods, applyTextInputMods, defaultPredicates, getHighlightRanges, getHighlightedSearchMatches, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, useColumnsWithFilters, useForm, uuiDatePickerBody, weekCount };
+export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, EditMode, ErrorAlert, ErrorNotification, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RichTextView, ScrollBars, SearchInput, Slider, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, allButtonColors, allButtonFills, allEpamBadgeSemanticColors, allFillStyles, allFontStyles, allFontWeights, allIconColors, allLinkButtonColors, allRowSizes, allSemanticColors, allSizes, allTextColors, allTextSizes, applyBadgeMods, applyButtonMods, applyCheckboxMods, applyDateSelectionMods, applyInputAddonMods, applyNumericInputMods, applyProgressBarMods, applySliderMods, applySpinnerMods, applySwitchMods, applyTagMods, applyTextAreaMods, applyTextInputMods, defaultPredicates, getHighlightRanges, getHighlightedSearchMatches, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, useColumnsWithFilters, useForm, uuiDatePickerBody, weekCount };
 //# sourceMappingURL=index.esm.js.map