@epam/uui 5.13.1 → 5.13.2

package/index.esm.js

@@ -289,9 +289,12 @@ const settings = {
             button: '36',
             checkbox: '18',
             countIndicator: '24',
+            flexRow: '36',
+            filtersPanel: '36',
             linkButton: '36',
             numericInput: '36',
             radioInput: '18',
+            richTextView: '14',
             switch: '18',
             tabButton: '48',
             tag: '36',
@@ -592,7 +595,7 @@ const settings = {
     },
 };
 
-var css$1y = {"uui-typography":"_7dibOv","uuiTypography":"_7dibOv","hero-header":"gZIFvf","heroHeader":"gZIFvf","promo-header":"moRTWZ","promoHeader":"moRTWZ","uui-critical":"MLpwgC","uuiCritical":"MLpwgC","uui-info":"pxwMwF","uuiInfo":"pxwMwF","uui-success":"S9TkLF","uuiSuccess":"S9TkLF","uui-warning":"CGEY2C","uuiWarning":"CGEY2C","uui-highlight":"_8G3qW7","uuiHighlight":"_8G3qW7","uui-typography-size-12":"TkLsvK","uuiTypographySize12":"TkLsvK","uui-typography-size-14":"TN1Exh","uuiTypographySize14":"TN1Exh","uui-typography-size-16":"IInzmy","uuiTypographySize16":"IInzmy","root":"MaGedW"};
+var css$1y = {"root":"QSR4oU"};
 
 function applyButtonMods(mods) {
     return [
@@ -610,7 +613,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1x = {"root":"CskCVP"};
+var css$1x = {"root":"jvnTri"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1x.root];
@@ -647,7 +650,7 @@ function getIconClass(props) {
     return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
 }
 
-var css$1w = {"uui-typography":"yAjTdB","uuiTypography":"yAjTdB","hero-header":"eiLbdk","heroHeader":"eiLbdk","promo-header":"JxSksD","promoHeader":"JxSksD","uui-critical":"_3wHQBN","uuiCritical":"_3wHQBN","uui-info":"Uo61eA","uuiInfo":"Uo61eA","uui-success":"rDa8-v","uuiSuccess":"rDa8-v","uui-warning":"_6hszJC","uuiWarning":"_6hszJC","uui-highlight":"lp8xIs","uuiHighlight":"lp8xIs","uui-typography-size-12":"fxpzPt","uuiTypographySize12":"fxpzPt","uui-typography-size-14":"_1fIcMa","uuiTypographySize14":"_1fIcMa","uui-typography-size-16":"bGw9xY","uuiTypographySize16":"bGw9xY","root":"_5OaFLf"};
+var css$1w = {"root":"YBF7SX"};
 
 const DEFAULT_COLOR = 'primary';
 const DEFAULT_WEIGHT = 'semibold';
@@ -678,7 +681,7 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1v = {"root":"_9eu-hk"};
+var css$1v = {"root":"pF3LLf"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -690,7 +693,7 @@ const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         ]) }, props.caption));
 });
 
-var css$1u = {"uui-typography":"hAQQr7","uuiTypography":"hAQQr7","hero-header":"vz3CLE","heroHeader":"vz3CLE","promo-header":"u9izqG","promoHeader":"u9izqG","uui-critical":"stlt9a","uuiCritical":"stlt9a","uui-info":"R7oU0T","uuiInfo":"R7oU0T","uui-success":"eh7dnO","uuiSuccess":"eh7dnO","uui-warning":"_4clm04","uuiWarning":"_4clm04","uui-highlight":"_6LU4Yl","uuiHighlight":"_6LU4Yl","uui-typography-size-12":"pVRM0a","uuiTypographySize12":"pVRM0a","uui-typography-size-14":"L2XqCt","uuiTypographySize14":"L2XqCt","uui-typography-size-16":"GSfNBU","uuiTypographySize16":"GSfNBU","root":"PLiTrO","withNotify":"ZBJXWo"};
+var css$1u = {"root":"hjs03n","withNotify":"K6ac8E"};
 
 const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [
@@ -718,7 +721,7 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1t = {"uui-typography":"xEAtNz","uuiTypography":"xEAtNz","hero-header":"hLFQfs","heroHeader":"hLFQfs","promo-header":"odFHXr","promoHeader":"odFHXr","uui-critical":"NFIL60","uuiCritical":"NFIL60","uui-info":"BTczt7","uuiInfo":"BTczt7","uui-success":"xqzoeJ","uuiSuccess":"xqzoeJ","uui-warning":"_7xxfXq","uuiWarning":"_7xxfXq","uui-highlight":"-YuGos","uuiHighlight":"-YuGos","uui-typography-size-12":"fej0KP","uuiTypographySize12":"fej0KP","uui-typography-size-14":"ie1R3W","uuiTypographySize14":"ie1R3W","uui-typography-size-16":"ljUF-F","uuiTypographySize16":"ljUF-F","root":"wDUf0r"};
+var css$1t = {"root":"CQJU-T"};
 
 function applyVerticalTabButtonMods() {
     return [css$1t.root, 'uui-vertical-tab-button'];
@@ -740,7 +743,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
 };
 var ForwardRef$C = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
 
-var css$1s = {"uui-typography":"_1AlAFV","uuiTypography":"_1AlAFV","hero-header":"KOAXOO","heroHeader":"KOAXOO","promo-header":"_6ALMun","promoHeader":"_6ALMun","uui-critical":"fuTPAk","uuiCritical":"fuTPAk","uui-info":"_0jhg4n","uuiInfo":"_0jhg4n","uui-success":"_6h-eyE","uuiSuccess":"_6h-eyE","uui-warning":"dNu1iG","uuiWarning":"dNu1iG","uui-highlight":"f7dy9c","uuiHighlight":"f7dy9c","uui-typography-size-12":"Q8lukU","uuiTypographySize12":"Q8lukU","uui-typography-size-14":"BHb9GG","uuiTypographySize14":"BHb9GG","uui-typography-size-16":"zU0Mbv","uuiTypographySize16":"zU0Mbv","root":"febSRG","mode-cell":"FNtbGw","modeCell":"FNtbGw"};
+var css$1s = {"root":"a8I78W","mode-cell":"dNAMTo","modeCell":"dNAMTo"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -775,7 +778,7 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/forwardRef(SvgRadioDotFill);
 
-var css$1r = {"uui-typography":"_8uVoO0","uuiTypography":"_8uVoO0","hero-header":"_5U3YGC","heroHeader":"_5U3YGC","promo-header":"aJr9b-","promoHeader":"aJr9b-","uui-critical":"Yr5VFM","uuiCritical":"Yr5VFM","uui-info":"VEBx6M","uuiInfo":"VEBx6M","uui-success":"VHbuBm","uuiSuccess":"VHbuBm","uui-warning":"iXhVRc","uuiWarning":"iXhVRc","uui-highlight":"_8vVIlz","uuiHighlight":"_8vVIlz","uui-typography-size-12":"ysKNvn","uuiTypographySize12":"ysKNvn","uui-typography-size-14":"Eh-sRw","uuiTypographySize14":"Eh-sRw","uui-typography-size-16":"edXBuN","uuiTypographySize16":"edXBuN","root":"g1-sdZ"};
+var css$1r = {"root":"R64O52"};
 
 function applyRadioInputMods(mods) {
     return [
@@ -787,7 +790,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$B }));
 
-var css$1q = {"root":"m5yU-S"};
+var css$1q = {"root":"Dvdp8D"};
 
 function applySwitchMods(mods) {
     return [
@@ -811,7 +814,7 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"uui-typography":"_7zR6D2","uuiTypography":"_7zR6D2","hero-header":"_6nT9qv","heroHeader":"_6nT9qv","promo-header":"z8E9te","promoHeader":"z8E9te","uui-critical":"EtwonQ","uuiCritical":"EtwonQ","uui-info":"r0U-l-","uuiInfo":"r0U-l-","uui-success":"KnkTH4","uuiSuccess":"KnkTH4","uui-warning":"lzioHg","uuiWarning":"lzioHg","uui-highlight":"kTscpN","uuiHighlight":"kTscpN","uui-typography-size-12":"u5Rxln","uuiTypographySize12":"u5Rxln","uui-typography-size-14":"_6m93Pa","uuiTypographySize14":"_6m93Pa","uui-typography-size-16":"fGaJKo","uuiTypographySize16":"fGaJKo","root":"wHZKXL","mode-form":"-G1W-o","modeForm":"-G1W-o","mode-inline":"L0eVsY","modeInline":"L0eVsY","mode-cell":"iQCtuQ","modeCell":"iQCtuQ"};
+var textInputCss = {"root":"to97Tw","mode-form":"MNm67V","modeForm":"MNm67V","mode-inline":"A-SFpg","modeInline":"A-SFpg","mode-cell":"LR8puL","modeCell":"LR8puL"};
 
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
@@ -836,7 +839,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } }));
 });
 
-var css$1p = {"root":"wJ5meL"};
+var css$1p = {"root":"V-JlZM"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1p.root, 'uui-control-group']);
 
@@ -852,7 +855,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1o = {"uui-typography":"-MvPdM","uuiTypography":"-MvPdM","hero-header":"X2IXYc","heroHeader":"X2IXYc","promo-header":"TGF17H","promoHeader":"TGF17H","uui-critical":"IZ0A73","uuiCritical":"IZ0A73","uui-info":"_3CcWb9","uuiInfo":"_3CcWb9","uui-success":"LZ0NNH","uuiSuccess":"LZ0NNH","uui-warning":"dGhl24","uuiWarning":"dGhl24","uui-highlight":"_9CMJ6I","uuiHighlight":"_9CMJ6I","uui-typography-size-12":"_8PlM3T","uuiTypographySize12":"_8PlM3T","uui-typography-size-14":"InVOJB","uuiTypographySize14":"InVOJB","uui-typography-size-16":"tYLRHC","uuiTypographySize16":"tYLRHC","root":"wBW2nC","mode-form":"Is14Gs","modeForm":"Is14Gs","mode-cell":"lTSe5c","modeCell":"lTSe5c"};
+var css$1o = {"root":"Jm2ZIs","mode-form":"AV6TUg","modeForm":"AV6TUg","mode-cell":"PmNN5C","modeCell":"PmNN5C"};
 
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
@@ -872,7 +875,7 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1n = {"uui-typography":"evfrb5","uuiTypography":"evfrb5","hero-header":"_60uAzc","heroHeader":"_60uAzc","promo-header":"_9Gi--9","promoHeader":"_9Gi--9","uui-critical":"x3LG07","uuiCritical":"x3LG07","uui-info":"_4yuSUY","uuiInfo":"_4yuSUY","uui-success":"-NW5Xh","uuiSuccess":"-NW5Xh","uui-warning":"_0C0-Lq","uuiWarning":"_0C0-Lq","uui-highlight":"_89FZBw","uuiHighlight":"_89FZBw","uui-typography-size-12":"_4HY-tm","uuiTypographySize12":"_4HY-tm","uui-typography-size-14":"hLGEO8","uuiTypographySize14":"hLGEO8","uui-typography-size-16":"G0svc9","uuiTypographySize16":"G0svc9","root":"Uf-VvI","mode-form":"_5LiuSX","modeForm":"_5LiuSX","mode-cell":"VYPIYv","modeCell":"VYPIYv","mode-inline":"dsfAlY","modeInline":"dsfAlY"};
+var css$1n = {"root":"V7sKOK","mode-form":"Bx-XHz","modeForm":"Bx-XHz","mode-cell":"XjgkM4","modeCell":"XjgkM4","mode-inline":"G93570","modeInline":"G93570"};
 
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
@@ -973,7 +976,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$x = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
 
-var css$1m = {"uui-typography":"RaWhd7","uuiTypography":"RaWhd7","hero-header":"nh86TR","heroHeader":"nh86TR","promo-header":"r5a-Ck","promoHeader":"r5a-Ck","uui-critical":"tZq3RN","uuiCritical":"tZq3RN","uui-info":"Wlc3cw","uuiInfo":"Wlc3cw","uui-success":"i0NuZD","uuiSuccess":"i0NuZD","uui-warning":"BqSxNq","uuiWarning":"BqSxNq","uui-highlight":"_2B9gEO","uuiHighlight":"_2B9gEO","uui-typography-size-12":"pbQEMF","uuiTypographySize12":"pbQEMF","uui-typography-size-14":"fZHeuG","uuiTypographySize14":"fZHeuG","uui-typography-size-16":"qqsJMo","uuiTypographySize16":"qqsJMo","root":"-GBCsp","main-path":"domvef","mainPath":"domvef","content-wrapper":"_2ZPPjg","contentWrapper":"_2ZPPjg","content":"xQKfV-","action-wrapper":"pPUonS","actionWrapper":"pPUonS","icon-wrapper":"p0UYKj","iconWrapper":"p0UYKj","icon":"ahF-TW","close-icon":"H4yNd9","closeIcon":"H4yNd9"};
+var css$1m = {"root":"VrQhCb","main-path":"d-ygX3","mainPath":"d-ygX3","content-wrapper":"v9g4lL","contentWrapper":"v9g4lL","content":"h3I1E9","action-wrapper":"GiryMB","actionWrapper":"GiryMB","icon-wrapper":"_3ij4QT","iconWrapper":"_3ij4QT","icon":"FI-A5A","close-icon":"dC9pjw","closeIcon":"dC9pjw"};
 
 const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", { role: "alert", ref: ref, className: cx('uui-alert', css$1m.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.sizes.defaults.alert}`), ...props.rawProps },
     React.createElement("div", { className: css$1m.mainPath },
@@ -991,7 +994,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1l = {"root":"dK8qJe"};
+var css$1l = {"root":"gisgJG"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -1002,7 +1005,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1k = {"uui-typography":"_6SAVBf","uuiTypography":"_6SAVBf","hero-header":"lBRI1A","heroHeader":"lBRI1A","promo-header":"cPyLf8","promoHeader":"cPyLf8","uui-critical":"leyaXM","uuiCritical":"leyaXM","uui-info":"_7GGF1f","uuiInfo":"_7GGF1f","uui-success":"K5TYKc","uuiSuccess":"K5TYKc","uui-warning":"_8P-jBG","uuiWarning":"_8P-jBG","uui-highlight":"_3-7Fc1","uuiHighlight":"_3-7Fc1","uui-typography-size-12":"gpTvUH","uuiTypographySize12":"gpTvUH","uui-typography-size-14":"_2w6tQ0","uuiTypographySize14":"_2w6tQ0","uui-typography-size-16":"_3p8JTb","uuiTypographySize16":"_3p8JTb","submenu-root-item-rtl":"-xE6Bc","submenuRootItemRtl":"-xE6Bc","icon-after":"Niwriw","iconAfter":"Niwriw","submenu-root-item":"tqWplg","submenuRootItem":"tqWplg","icon-check":"f7-k8O","iconCheck":"f7-k8O","splitter-root":"FN7VYl","splitterRoot":"FN7VYl","splitter":"PJ-DqM","header-root":"_2t0vXM","headerRoot":"_2t0vXM","item-root":"qwbSrg","itemRoot":"qwbSrg","icon":"uhubnI","link":"LqGoBn","indent":"UW-cv3","selected-mark":"HXNIDX","selectedMark":"HXNIDX"};
+var css$1k = {"submenu-root-item-rtl":"sXS-va","submenuRootItemRtl":"sXS-va","icon-after":"_8TOGsB","iconAfter":"_8TOGsB","submenu-root-item":"SjLiLV","submenuRootItem":"SjLiLV","icon-check":"B-iZ9Y","iconCheck":"B-iZ9Y","splitter-root":"ck4OnD","splitterRoot":"ck4OnD","splitter":"ZneSX-","header-root":"r92v0P","headerRoot":"r92v0P","item-root":"NJ0wVW","itemRoot":"NJ0wVW","icon":"t-k27O","link":"m0MntC","indent":"yhP0wW","selected-mark":"yJSMGY","selectedMark":"yJSMGY"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -1136,7 +1139,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1j = {"uui-typography":"n2q1ix","uuiTypography":"n2q1ix","hero-header":"rkiAC6","heroHeader":"rkiAC6","promo-header":"BrL22Y","promoHeader":"BrL22Y","uui-critical":"hv0E1f","uuiCritical":"hv0E1f","uui-info":"akPG0b","uuiInfo":"akPG0b","uui-success":"MU69Q1","uuiSuccess":"MU69Q1","uui-warning":"g6so0E","uuiWarning":"g6so0E","uui-highlight":"k4dxEs","uuiHighlight":"k4dxEs","uui-typography-size-12":"tTD7mY","uuiTypographySize12":"tTD7mY","uui-typography-size-14":"DI6oWK","uuiTypographySize14":"DI6oWK","uui-typography-size-16":"wYjijH","uuiTypographySize16":"wYjijH","root":"Aj-P3r","mode-block":"GbKe8u","modeBlock":"GbKe8u","mode-inline":"oBRzeS","modeInline":"oBRzeS","padding-0":"nP2eBw","padding0":"nP2eBw","padding-6":"RECw5j","padding6":"RECw5j","padding-12":"Erpled","padding12":"Erpled","padding-18":"CfAnBc","padding18":"CfAnBc"};
+var css$1j = {"root":"m8V6uo","mode-block":"mYtYTr","modeBlock":"mYtYTr","mode-inline":"ItOdRc","modeInline":"ItOdRc","padding-0":"_3ylD68","padding0":"_3ylD68","padding-6":"voQfuf","padding6":"voQfuf","padding-12":"G2mP1y","padding12":"G2mP1y","padding-18":"HO9eM6","padding18":"HO9eM6"};
 
 function applyAccordionMods(mods) {
     return [
@@ -1149,7 +1152,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
 }));
 
-var css$1i = {"uui-typography":"pp171X","uuiTypography":"pp171X","hero-header":"DMIhf0","heroHeader":"DMIhf0","promo-header":"msEITN","promoHeader":"msEITN","uui-critical":"AFDNiD","uuiCritical":"AFDNiD","uui-info":"i-9LNu","uuiInfo":"i-9LNu","uui-success":"yuI4De","uuiSuccess":"yuI4De","uui-warning":"S-aCNz","uuiWarning":"S-aCNz","uui-highlight":"DvCvNo","uuiHighlight":"DvCvNo","uui-typography-size-12":"pgy5S2","uuiTypographySize12":"pgy5S2","uui-typography-size-14":"PTkTVo","uuiTypographySize14":"PTkTVo","uui-typography-size-16":"ic2gis","uuiTypographySize16":"ic2gis","root":"sf8CGw","border-top":"AaxVnt","borderTop":"AaxVnt","border-bottom":"_8iSQRp","borderBottom":"_8iSQRp","top-shadow":"bE-pYh","topShadow":"bE-pYh","padding-6":"EUJtSo","padding6":"EUJtSo","padding-12":"fv2ERD","padding12":"fv2ERD","padding-18":"LT2Hnf","padding18":"LT2Hnf","padding-24":"EqM29k","padding24":"EqM29k","margin-24":"cDwiYs","margin24":"cDwiYs","margin-12":"QoTMlS","margin12":"QoTMlS","vPadding-12":"zAclLQ","vPadding12":"zAclLQ","vPadding-18":"By9D4e","vPadding18":"By9D4e","vPadding-24":"F5xSC-","vPadding24":"F5xSC-","vPadding-36":"dzKwku","vPadding36":"dzKwku","vPadding-48":"xqzxN6","vPadding48":"xqzxN6","spacing-6":"lZ3ljx","spacing6":"lZ3ljx","spacing-12":"qcG-ga","spacing12":"qcG-ga","spacing-18":"_0ccNe4","spacing18":"_0ccNe4","uui-surface-main":"niMg78","uuiSurfaceMain":"niMg78"};
+var css$1i = {"root":"XC8PvU","border-top":"u26Rwf","borderTop":"u26Rwf","border-bottom":"TnFBOj","borderBottom":"TnFBOj","top-shadow":"f0Js4k","topShadow":"f0Js4k","padding-6":"a--H3F","padding6":"a--H3F","padding-12":"lvGN-M","padding12":"lvGN-M","padding-18":"PlQ2Kw","padding18":"PlQ2Kw","padding-24":"pLJ7jw","padding24":"pLJ7jw","margin-24":"gBC3G1","margin24":"gBC3G1","margin-12":"rDld9P","margin12":"rDld9P","vPadding-12":"a3Df7U","vPadding12":"a3Df7U","vPadding-18":"vgwMCi","vPadding18":"vgwMCi","vPadding-24":"HtjLwg","vPadding24":"HtjLwg","vPadding-36":"IqVT27","vPadding36":"IqVT27","vPadding-48":"Paj9iV","vPadding48":"Paj9iV","spacing-6":"M0dJd5","spacing6":"M0dJd5","spacing-12":"IPjL3K","spacing12":"IPjL3K","spacing-18":"fEYmEx","spacing18":"fEYmEx","uui-surface-main":"jT3V3U","uuiSurfaceMain":"jT3V3U"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1i.flexCell]);
 
@@ -1161,7 +1164,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
     }
     return [
         css$1i.root,
-        props.size !== null && 'uui-size-' + (props.size || '36'),
+        props.size !== null && 'uui-size-' + (props.size || settings.sizes.defaults.flexRow),
         props.padding && css$1i['padding-' + props.padding],
         props.vPadding && css$1i['vPadding-' + props.vPadding],
         props.margin && css$1i['margin-' + props.margin],
@@ -1173,7 +1176,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
     ];
 });
 
-var css$1h = {"root":"_4ir-Sd","margin-24":"CY630Z","margin24":"CY630Z","padding-12":"lY6v2K","padding12":"lY6v2K","padding-24":"_4JJWS1","padding24":"_4JJWS1","shadow":"PDmmV-","uui-surface-main":"vL-N-K","uuiSurfaceMain":"vL-N-K"};
+var css$1h = {"root":"-OtOdq","margin-24":"b9QkOx","margin24":"b9QkOx","padding-12":"ostEg6","padding12":"ostEg6","padding-24":"_9Q7mcx","padding24":"_9Q7mcx","shadow":"pvlA-X","uui-surface-main":"bL019v","uuiSurfaceMain":"bL019v"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -1183,7 +1186,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$1h[`uui-${props.background}`],
 ]);
 
-var css$1g = {"root":"lnDOTK"};
+var css$1g = {"root":"G2Zset"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1193,7 +1196,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$1f = {"uui-typography":"_4xjaed","uuiTypography":"_4xjaed","hero-header":"vwPB7G","heroHeader":"vwPB7G","promo-header":"kp7Lw2","promoHeader":"kp7Lw2","uui-critical":"_2YbrOx","uuiCritical":"_2YbrOx","uui-info":"rFQfJK","uuiInfo":"rFQfJK","uui-success":"tSEss0","uuiSuccess":"tSEss0","uui-warning":"sE1ohF","uuiWarning":"sE1ohF","uui-highlight":"EwevZg","uuiHighlight":"EwevZg","uui-typography-size-12":"XOJDCB","uuiTypographySize12":"XOJDCB","uui-typography-size-14":"IhBu0o","uuiTypographySize14":"IhBu0o","uui-typography-size-16":"bo43Q6","uuiTypographySize16":"bo43Q6","root":"TmqS92"};
+var css$1f = {"root":"NxERgG"};
 
 function applyLabeledInputMods(mods) {
     return [
@@ -1207,7 +1210,7 @@ const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLa
     infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$x : ForwardRef$M),
 }));
 
-var css$1e = {"root":"_5fYq2b"};
+var css$1e = {"root":"broC2K"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -1222,7 +1225,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$1d = {"root":"BcC8q-"};
+var css$1d = {"root":"e8lYUP"};
 
 function applyScrollBarsMods() {
     return [
@@ -1231,13 +1234,13 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$1c = {"scroll-container":"jmgO1M","scrollContainer":"jmgO1M","list-container":"bxUvkw","listContainer":"bxUvkw"};
+var css$1c = {"scroll-container":"f61LEC","scrollContainer":"f61LEC","list-container":"lFVAeX","listContainer":"lFVAeX"};
 
-var css$1b = {"root":"VY3sn2"};
+var css$1b = {"root":"PVtRPG"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$1b.root]);
 
-var css$1a = {"uui-typography":"xIlPVQ","uuiTypography":"xIlPVQ","hero-header":"MzZCK1","heroHeader":"MzZCK1","promo-header":"hbKsWN","promoHeader":"hbKsWN","uui-critical":"b-nnwg","uuiCritical":"b-nnwg","uui-info":"_98ZbRH","uuiInfo":"_98ZbRH","uui-success":"FtDqz3","uuiSuccess":"FtDqz3","uui-warning":"allxpt","uuiWarning":"allxpt","uui-highlight":"lVjaZg","uuiHighlight":"lVjaZg","uui-typography-size-12":"xE6yc7","uuiTypographySize12":"xE6yc7","uui-typography-size-14":"jBKr0r","uuiTypographySize14":"jBKr0r","uui-typography-size-16":"_800qeG","uuiTypographySize16":"_800qeG","root":"e6wCXG"};
+var css$1a = {"root":"d4vdZj"};
 
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
@@ -1265,7 +1268,7 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$19 = {"uui-typography":"wq4ucq","uuiTypography":"wq4ucq","hero-header":"KqwlHI","heroHeader":"KqwlHI","promo-header":"LTLeKb","promoHeader":"LTLeKb","uui-critical":"_07E-pu","uuiCritical":"_07E-pu","uui-info":"J3LXbi","uuiInfo":"J3LXbi","uui-success":"LgKXpt","uuiSuccess":"LgKXpt","uui-warning":"_2kGhrB","uuiWarning":"_2kGhrB","uui-highlight":"wdGk3P","uuiHighlight":"wdGk3P","uui-typography-size-12":"sd3cvI","uuiTypographySize12":"sd3cvI","uui-typography-size-14":"rVHw-0","uuiTypographySize14":"rVHw-0","uui-typography-size-16":"wywUg7","uuiTypographySize16":"wywUg7","root":"oJXgnE"};
+var css$19 = {"root":"wQBQLF"};
 
 function applyTagMods(props) {
     return [
@@ -1293,7 +1296,7 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$18 = {"root":"_5cQV3h","uui-spinner":"HICEMs","uuiSpinner":"HICEMs"};
+var css$18 = {"root":"Yefd2r","uui-spinner":"-ll9YV","uuiSpinner":"-ll9YV"};
 
 function applySpinnerMods() {
     return [css$18.root, 'uui-spinner'];
@@ -1330,7 +1333,7 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
 };
 var ForwardRef$v = /*#__PURE__*/forwardRef(SvgNavigationChevronRightOutline);
 
-var css$17 = {"root":"rfZ1MR","page":"iaPjDd","spacer":"dhT8Rd","mode-ghost":"HXewTQ","modeGhost":"HXewTQ"};
+var css$17 = {"root":"LxKlHO","page":"c-zdDL","spacer":"xiT7NH","mode-ghost":"TOn93Q","modeGhost":"TOn93Q"};
 
 function Paginator(props) {
     const renderPaginator = (params) => (React__default.createElement("nav", { role: "navigation", className: cx(css$17.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`), ...params.rawProps },
@@ -1347,14 +1350,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, { ...props, render: renderPaginator });
 }
 
-var css$16 = {"root":"L8W6Et","progress-bar":"ey-Qki","progressBar":"ey-Qki","progressBar-indeterminate":"bGc9Dj","progressBarIndeterminate":"bGc9Dj","size-12":"-P49J8","size12":"-P49J8","size-18":"Fff-59","size18":"Fff-59","size-24":"X7MK5L","size24":"X7MK5L"};
+var css$16 = {"root":"_5I5Y1R","progress-bar":"yGkT-C","progressBar":"yGkT-C","progressBar-indeterminate":"h6q4P8","progressBarIndeterminate":"h6q4P8","size-12":"nGsY0z","size12":"nGsY0z","size-18":"-kKH2p","size18":"-kKH2p","size-24":"b5tw8r","size24":"b5tw8r"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$16.root, css$16[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(css$16.progressBar) })));
 });
 
-var css$15 = {"root":"dm6Lsw","striped":"QToOI8","animate-stripes":"RZ-aJ6","animateStripes":"RZ-aJ6","size-12":"lIzCJ3","size12":"lIzCJ3","size-18":"m5OxAN","size18":"m5OxAN","size-24":"_8csY9n","size24":"_8csY9n"};
+var css$15 = {"root":"p9d4oA","striped":"t8wDLx","animate-stripes":"A9qV3D","animateStripes":"A9qV3D","size-12":"_-25wvu","size12":"_-25wvu","size-18":"TZxHUV","size18":"TZxHUV","size-24":"D9j8pp","size24":"D9j8pp"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1369,14 +1372,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$14 = {"root":"Mx4t5x"};
+var css$14 = {"root":"_7uCHwz"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$14.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$14.root, props.cx) }));
 });
 
-var css$13 = {"root":"jSRuJE"};
+var css$13 = {"root":"jfgUlc"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1391,7 +1394,7 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
 });
 
-var css$12 = {"drag-handle":"kGciVq","dragHandle":"kGciVq","icon-container":"K6hEge","iconContainer":"K6hEge"};
+var css$12 = {"drag-handle":"O-JuLw","dragHandle":"O-JuLw","icon-container":"KQ-hGd","iconContainer":"KQ-hGd"};
 
 function DataRowAddons(props) {
     const row = props.rowProps;
@@ -1412,7 +1415,7 @@ function DataRowAddons(props) {
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] || settings.sizes.rowAddons.defaults.icon }))))));
 }
 
-var css$11 = {"root":"gGlBtQ"};
+var css$11 = {"root":"eRrnjQ"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$11.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
@@ -1458,7 +1461,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$10 = {"root":"iIWMH2"};
+var css$10 = {"root":"Z40E8g"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1480,7 +1483,7 @@ function CheckboxGroup(props) {
     })));
 }
 
-var css$$ = {"uui-typography":"PcJCQU","uuiTypography":"PcJCQU","hero-header":"_2dspKn","heroHeader":"_2dspKn","promo-header":"e-MPJs","promoHeader":"e-MPJs","uui-critical":"Si06V4","uuiCritical":"Si06V4","uui-info":"iGFaU5","uuiInfo":"iGFaU5","uui-success":"lmdfBL","uuiSuccess":"lmdfBL","uui-warning":"i6Sy--","uuiWarning":"i6Sy--","uui-highlight":"twJORj","uuiHighlight":"twJORj","uui-typography-size-12":"HGWqh6","uuiTypographySize12":"HGWqh6","uui-typography-size-14":"R1PDhL","uuiTypographySize14":"R1PDhL","uui-typography-size-16":"GQzO78","uuiTypographySize16":"GQzO78","root":"zGnbSN","modal-blocker":"geWQuv","modalBlocker":"geWQuv","animateModalBlocker":"XwnSN7","modal":"XN51uG","modal-footer":"hEzuvJ","modalFooter":"hEzuvJ","modal-header":"_3vMpLJ","modalHeader":"_3vMpLJ"};
+var css$$ = {"root":"kB1xeP","modal-blocker":"YbhskA","modalBlocker":"YbhskA","animateModalBlocker":"ISlK9F","modal":"_-2IL6X","modal-footer":"c09T35","modalFooter":"c09T35","modal-header":"G-OC40","modalHeader":"G-OC40"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$$.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$$.root, css$$.modal], (props) => {
@@ -1689,7 +1692,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$u = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
 
-var css$_ = {"uui-typography":"CZAYFo","uuiTypography":"CZAYFo","hero-header":"BxKsc3","heroHeader":"BxKsc3","promo-header":"aQFW-U","promoHeader":"aQFW-U","uui-critical":"x8nMNl","uuiCritical":"x8nMNl","uui-info":"DC9aFq","uuiInfo":"DC9aFq","uui-success":"eolrUt","uuiSuccess":"eolrUt","uui-warning":"_8JmCho","uuiWarning":"_8JmCho","uui-highlight":"_7RuEUp","uuiHighlight":"_7RuEUp","uui-typography-size-12":"Ym1GH0","uuiTypographySize12":"Ym1GH0","uui-typography-size-14":"tCyaZ7","uuiTypographySize14":"tCyaZ7","uui-typography-size-16":"iyvxZb","uuiTypographySize16":"iyvxZb","root":"xvCO-c","icon-wrapper":"tPCcOO","iconWrapper":"tPCcOO","action-wrapper":"-RHRAY","actionWrapper":"-RHRAY","action-link":"_3Km2iv","actionLink":"_3Km2iv","close-icon":"BYkV9j","closeIcon":"BYkV9j","main-path":"_747uoN","mainPath":"_747uoN","content":"uCUgt3","close-wrapper":"qn3-6x","closeWrapper":"qn3-6x","notification-wrapper":"y40bAg","notificationWrapper":"y40bAg","clear-button":"C40jGK","clearButton":"C40jGK"};
+var css$_ = {"root":"gsox9r","icon-wrapper":"yiiLqg","iconWrapper":"yiiLqg","action-wrapper":"EAKV7X","actionWrapper":"EAKV7X","action-link":"Xxa0Nj","actionLink":"Xxa0Nj","close-icon":"gtT9lQ","closeIcon":"gtT9lQ","main-path":"_9Glotl","mainPath":"_9Glotl","content":"itsRD7","close-wrapper":"_7F4SlE","closeWrapper":"_7F4SlE","notification-wrapper":"_7u3jhc","notificationWrapper":"_7u3jhc","clear-button":"rhM1wT","clearButton":"rhM1wT"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -1722,7 +1725,7 @@ function ClearNotification() {
         React__default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
 }
 
-var css$Z = {"footer":"_4kWTPD"};
+var css$Z = {"footer":"BcYdsk"};
 
 class ConfirmationModal extends React.Component {
     render() {
@@ -1764,7 +1767,7 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
-var css$Y = {"root":"_4RM2CO","timepicker-input":"_1QeGxW","timepickerInput":"_1QeGxW","ltr-always":"panouP","ltrAlways":"panouP"};
+var css$Y = {"root":"gtRd5k","timepicker-input":"DrIt0T","timepickerInput":"DrIt0T","ltr-always":"iTe8mJ","ltrAlways":"iTe8mJ"};
 
 const uuiTimePicker = {
     container: 'uui-timepicker-container',
@@ -1957,7 +1960,7 @@ function TimePicker(props) {
     return (React__default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
 }
 
-var css$X = {"root":"gL1sKD"};
+var css$X = {"root":"Ff-Md8"};
 
 function applyInputAddonMods() {
     return [
@@ -1966,7 +1969,7 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$W = {"root":"fxU8Fs"};
+var css$W = {"root":"MLN6Wr"};
 
 function applySliderMods() {
     return [css$W.root, 'uui-color-neutral'];
@@ -1989,7 +1992,7 @@ var SvgStarFilled = function SvgStarFilled(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/forwardRef(SvgStarFilled);
 
-var css$V = {"root":"lHLS0l","tooltip":"DgL4WT"};
+var css$V = {"root":"Xp4Y-1","tooltip":"MkecJN"};
 
 function applyRatingMods(mods) {
     return [
@@ -2130,7 +2133,7 @@ const getNextYearsList = (currentDate) => {
     return currentDate.add(16, 'year');
 };
 
-var css$U = {"root":"qJiRTX","container":"_0E-6Hm"};
+var css$U = {"root":"_600tri","container":"rBv322"};
 
 const uuiHeader = {
     container: 'uui-datepicker-header-container',
@@ -2214,14 +2217,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React.createElement(Button, { icon: navIconRight || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
 }
 
-var css$T = {"uui-typography":"Z0cI8G","uuiTypography":"Z0cI8G","hero-header":"UDgVzL","heroHeader":"UDgVzL","promo-header":"PIbyzs","promoHeader":"PIbyzs","uui-critical":"V18Gww","uuiCritical":"V18Gww","uui-info":"SoD5AR","uuiInfo":"SoD5AR","uui-success":"lJbLX6","uuiSuccess":"lJbLX6","uui-warning":"XynYGR","uuiWarning":"XynYGR","uui-highlight":"ONRFIU","uuiHighlight":"ONRFIU","uui-typography-size-12":"xpCIVi","uuiTypographySize12":"xpCIVi","uui-typography-size-14":"-puFet","uuiTypographySize14":"-puFet","uui-typography-size-16":"f9VjEs","uuiTypographySize16":"f9VjEs","root":"LFGtLd"};
+var css$T = {"root":"_27nU7X"};
 
 function applyDateSelectionMods() {
     return [css$T.root, `uui-size-${settings.sizes.defaults.datePicker}`];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$S = {"uui-typography":"gJ9zSy","uuiTypography":"gJ9zSy","hero-header":"QWPvIb","heroHeader":"QWPvIb","promo-header":"KfRTte","promoHeader":"KfRTte","uui-critical":"dh-1ET","uuiCritical":"dh-1ET","uui-info":"Go0CjT","uuiInfo":"Go0CjT","uui-success":"RhjXWt","uuiSuccess":"RhjXWt","uui-warning":"-dkwvk","uuiWarning":"-dkwvk","uui-highlight":"lgqtsd","uuiHighlight":"lgqtsd","uui-typography-size-12":"j5Kfwd","uuiTypographySize12":"j5Kfwd","uui-typography-size-14":"PPqszV","uuiTypographySize14":"PPqszV","uui-typography-size-16":"CQxE2t","uuiTypographySize16":"CQxE2t","root":"IlD0DJ"};
+var css$S = {"root":"najTvH"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepicker-body-wrapper',
@@ -2282,7 +2285,7 @@ const modifiers$1 = [{
         options: { offset: [0, 6] },
     }];
 function DatePickerComponent(props, ref) {
-    const { format = defaultFormat, value } = props;
+    const { format = defaultFormat, value, size = settings.sizes.defaults.datePicker } = props;
     const context = useUuiContext();
     const [inputValue, setInputValue] = useState(toCustomDateFormat(value, format));
     const [isBodyOpen, setBodyIsOpen] = useState(false);
@@ -2322,7 +2325,7 @@ function DatePickerComponent(props, ref) {
     };
     const renderInput = (renderProps) => {
         const allowClear = !props.disableClear && !!inputValue;
-        return (React__default.createElement(TextInput, { ...renderProps, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || settings.sizes.defaults.datePicker, value: inputValue || undefined, onValueChange: (v) => {
+        return (React__default.createElement(TextInput, { ...renderProps, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: size, value: inputValue || undefined, onValueChange: (v) => {
                 setInputValue(v || '');
             }, onCancel: allowClear ? () => {
                 if (!props.disableClear && !!inputValue) {
@@ -2347,7 +2350,7 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$R = {"uui-typography":"_7MBEMg","uuiTypography":"_7MBEMg","hero-header":"-snyf3","heroHeader":"-snyf3","promo-header":"_096iuy","promoHeader":"_096iuy","uui-critical":"_53TpPX","uuiCritical":"_53TpPX","uui-info":"b88Fw2","uuiInfo":"b88Fw2","uui-success":"pxsrHI","uuiSuccess":"pxsrHI","uui-warning":"-gEboM","uuiWarning":"-gEboM","uui-highlight":"oTp6lu","uuiHighlight":"oTp6lu","uui-typography-size-12":"bvGb5l","uuiTypographySize12":"bvGb5l","uui-typography-size-14":"PPlk4K","uuiTypographySize14":"PPlk4K","uui-typography-size-16":"gcof0s","uuiTypographySize16":"gcof0s","date-input":"qjl16p","dateInput":"qjl16p","root":"hw63md","separator":"KOEopA","mode-form":"RImX4X","modeForm":"RImX4X","mode-cell":"vbvFko","modeCell":"vbvFko"};
+var css$R = {"date-input":"rsM8Mm","dateInput":"rsM8Mm","root":"_1UPLtY","separator":"ZVsvRD","mode-form":"P66vMX","modeForm":"P66vMX","mode-cell":"_3AeBts","modeCell":"_3AeBts"};
 
 const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
@@ -2398,7 +2401,7 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
             } : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
 });
 
-var css$Q = {"uui-typography":"qGiMQ3","uuiTypography":"qGiMQ3","hero-header":"_7BHSDp","heroHeader":"_7BHSDp","promo-header":"oBkLyU","promoHeader":"oBkLyU","uui-critical":"Df10aj","uuiCritical":"Df10aj","uui-info":"yVwrk2","uuiInfo":"yVwrk2","uui-success":"lqRL02","uuiSuccess":"lqRL02","uui-warning":"TZbnPf","uuiWarning":"TZbnPf","uui-highlight":"NzA8-I","uuiHighlight":"NzA8-I","uui-typography-size-12":"vdBLxF","uuiTypographySize12":"vdBLxF","uui-typography-size-14":"wCrKFk","uuiTypographySize14":"wCrKFk","uui-typography-size-16":"f7jjTT","uuiTypographySize16":"f7jjTT","root":"xzvvfF"};
+var css$Q = {"root":"RRWJNF"};
 
 const uuiPresets = {
     container: 'uui-presets-container',
@@ -2418,7 +2421,7 @@ function CalendarPresets(props) {
         getPresets(props.presets).map((item) => (React.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
 }
 
-var css$P = {"uui-typography":"gw-vJC","uuiTypography":"gw-vJC","hero-header":"C3yLSv","heroHeader":"C3yLSv","promo-header":"L-qEqQ","promoHeader":"L-qEqQ","uui-critical":"hbT472","uuiCritical":"hbT472","uui-info":"oShiq5","uuiInfo":"oShiq5","uui-success":"vm8ATp","uuiSuccess":"vm8ATp","uui-warning":"lfDUer","uuiWarning":"lfDUer","uui-highlight":"DUWKBA","uuiHighlight":"DUWKBA","uui-typography-size-12":"pu8wpX","uuiTypographySize12":"pu8wpX","uui-typography-size-14":"XAoAZc","uuiTypographySize14":"XAoAZc","uui-typography-size-16":"LWVgDa","uuiTypographySize16":"LWVgDa","root":"iAXGQj","container":"yOZGvB","day-selection":"Gv8DYV","daySelection":"Gv8DYV","from-picker":"_0Zj3Kr","fromPicker":"_0Zj3Kr","to-picker":"DpxWFp","toPicker":"DpxWFp","bodes-wrapper":"H1G-0z","bodesWrapper":"H1G-0z","blocker":"_9MZGNA"};
+var css$P = {"root":"lsZRKd","container":"TUeaKh","day-selection":"_65yCc9","daySelection":"_65yCc9","from-picker":"OQcWfb","fromPicker":"OQcWfb","to-picker":"_8u5qpd","toPicker":"_8u5qpd","bodes-wrapper":"Pt0ZoG","bodesWrapper":"Pt0ZoG","blocker":"OoIGjt"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -2593,14 +2596,14 @@ const getDayCX = (day, selectedDate) => {
     return [cx$1(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiDaySelection.selectedDay)];
 };
 
-var css$O = {"dropdown-container":"PaTp3E","dropdownContainer":"PaTp3E"};
+var css$O = {"dropdown-container":"PDOh3y","dropdownContainer":"PDOh3y"};
 
 const modifiers = [{
         name: 'offset',
         options: { offset: [0, 6] },
     }];
 function RangeDatePickerComponent(props, ref) {
-    const { value: _value, format = defaultFormat } = props;
+    const { value: _value, format = defaultFormat, size = settings.sizes.defaults.rangeDatePicker } = props;
     const value = _value || defaultRangeValue; // also handles null in comparison to default value
     const context = useUuiContext();
     const [isOpen, setIsOpen] = useState(false);
@@ -2653,7 +2656,7 @@ function RangeDatePickerComponent(props, ref) {
         }
     };
     return (React__default.createElement(Dropdown$1, { renderTarget: (renderProps) => {
-            return props.renderTarget?.(renderProps) || (React__default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: props.size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
+            return props.renderTarget?.(renderProps) || (React__default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
                     props.onFocus?.(e, type);
                     setInFocus(type);
                 }, onBlurInput: (e, type) => { props.onBlur?.(e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape }));
@@ -2661,7 +2664,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$N = {"root":"GeuyW6","blocker":"jekCpR","marker":"qVhmyB","top":"GRZRJd","bottom":"Ecl2i6","left":"_4NM3Hs","right":"pUD5qQ","inside":"_5C8svd"};
+var css$N = {"root":"L1jcOY","blocker":"i8iQOX","marker":"_6b7v2O","top":"N7QsMo","bottom":"YDlIp2","left":"NlnW7E","right":"AtQaSJ","inside":"ko-aqq"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -2676,7 +2679,7 @@ function DropMarker(props) {
         : null;
 }
 
-var css$M = {"root":"FMk1Jo","line-height":"hoLW7V","lineHeight":"hoLW7V","font-size":"sm2HPY","fontSize":"sm2HPY"};
+var css$M = {"root":"_7EnJI-","line-height":"YsJL0i","lineHeight":"YsJL0i","font-size":"uHcJve","fontSize":"uHcJve"};
 
 function applyTextMods(mods) {
     return [
@@ -2688,7 +2691,7 @@ function applyTextMods(mods) {
         `uui-color-${mods.color || 'primary'}`,
         `uui-font-weight-${mods.fontWeight || '400'}`,
         `uui-font-style-${mods.fontStyle || 'normal'}`,
-        'uui-typography',
+        'uui-typography-inline',
     ];
 }
 const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props) => {
@@ -2703,7 +2706,7 @@ const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods, (props)
     };
 });
 
-var css$L = {"root":"-YuIl6","loading-word":"gp-qVO","loadingWord":"gp-qVO","animated-loading":"qO6G0E","animatedLoading":"qO6G0E","skeleton_loading":"rRA0VP","skeletonLoading":"rRA0VP"};
+var css$L = {"root":"-DD56p","loading-word":"Xd3rfs","loadingWord":"Xd3rfs","animated-loading":"QY43Je","animatedLoading":"QY43Je","skeleton_loading":"-bIPQ5","skeletonLoading":"-bIPQ5"};
 
 const TextPlaceholder = (props) => {
     const pattern = ' ';
@@ -2720,9 +2723,9 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
+const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.sizes.defaults.richTextView}`]);
 
-var css$K = {"uui-typography":"H8P-el","uuiTypography":"H8P-el","hero-header":"_369Gmm","heroHeader":"_369Gmm","promo-header":"RHd-3h","promoHeader":"RHd-3h","uui-critical":"HKgtQ9","uuiCritical":"HKgtQ9","uui-info":"SsbzfT","uuiInfo":"SsbzfT","uui-success":"OKhjTf","uuiSuccess":"OKhjTf","uui-warning":"DNrfA3","uuiWarning":"DNrfA3","uui-highlight":"_84Jrwx","uuiHighlight":"_84Jrwx","uui-typography-size-12":"Az-TdB","uuiTypographySize12":"Az-TdB","uui-typography-size-14":"bRUgKB","uuiTypographySize14":"bRUgKB","uui-typography-size-16":"IdwXWV","uuiTypographySize16":"IdwXWV","modal":"KHF89-","search-wrapper":"z8VD9Q","searchWrapper":"z8VD9Q","no-data":"Uh2n4V","noData":"Uh2n4V","type-search-to-load-size-24":"yfxsh1","typeSearchToLoadSize24":"yfxsh1"};
+var css$K = {"modal":"_91AJIK","search-wrapper":"T-8-RB","searchWrapper":"T-8-RB","no-data":"BbzuTl","noData":"BbzuTl","type-search-to-load-size-24":"_4XQM2X","typeSearchToLoadSize24":"_4XQM2X"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -2766,11 +2769,14 @@ class DataPickerBody extends PickerBodyBase {
             this.showSearch() && (React__default.createElement("div", { key: "search", className: css$K.searchWrapper },
                 React__default.createElement(FlexCell$1, { grow: 1 },
                     React__default.createElement(SearchInput, { ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder, ...this.searchLens.toProps(), onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } })))),
-            React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-picker_input-body', css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rows.length > 0 ? (React__default.createElement(VirtualList, { ...this.lens.toProps(), rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading })) : this.renderEmpty())));
+            React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-picker_input-body', css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rows.length === 0 && this.props.value.topIndex === 0
+                // We need to also ensure that topIndex === 0, because we can have state were there is no rows but topIndex > 0, in case when we scrolled lover than we have rows
+                // we fix this state on next render and shouldn't show empty state.
+                ? this.renderEmpty() : (React__default.createElement(VirtualList, { ...this.lens.toProps(), rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading })))));
     }
 }
 
-var css$J = {"footer":"eh6i7N"};
+var css$J = {"footer":"Lcs8CI"};
 
 function DataPickerFooterImpl(props) {
     const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
@@ -2796,7 +2802,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$I = {"header":"sd3L4n","title":"_2GU9gH","close":"PTRWJB"};
+var css$I = {"header":"_1STOx4","title":"_1jQJh0","close":"H6NdRG"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
@@ -2821,7 +2827,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
 
-var css$H = {"uui-typography":"nZLxt8","uuiTypography":"nZLxt8","hero-header":"c47uWQ","heroHeader":"c47uWQ","promo-header":"DoBQEr","promoHeader":"DoBQEr","uui-critical":"_9c0hUT","uuiCritical":"_9c0hUT","uui-info":"_-4bQEn","uuiInfo":"_-4bQEn","uui-success":"pHdvzU","uuiSuccess":"pHdvzU","uui-warning":"kWLp6c","uuiWarning":"kWLp6c","uui-highlight":"eaT4JV","uuiHighlight":"eaT4JV","uui-typography-size-12":"G-vVZ6","uuiTypographySize12":"G-vVZ6","uui-typography-size-14":"Pj65KI","uuiTypographySize14":"Pj65KI","uui-typography-size-16":"qkrHKG","uuiTypographySize16":"qkrHKG","root":"uGbvFu","align-widgets-top":"udnOpy","alignWidgetsTop":"udnOpy","align-widgets-center":"a65f-b","alignWidgetsCenter":"a65f-b","icon-container":"h4EFFt","iconContainer":"h4EFFt","loading-cell":"vNy3k9","loadingCell":"vNy3k9","content-wrapper":"VXTTYN","contentWrapper":"VXTTYN","render-item":"yByDq3","renderItem":"yByDq3","icon-wrapper":"ftmw4J","iconWrapper":"ftmw4J","icon-default":"nzyyNz","iconDefault":"nzyyNz","selected-mark":"uJYoBg","selectedMark":"uJYoBg"};
+var css$H = {"root":"_1h6hYa","align-widgets-top":"MhDDlA","alignWidgetsTop":"MhDDlA","align-widgets-center":"xec-wJ","alignWidgetsCenter":"xec-wJ","icon-container":"DGsFai","iconContainer":"DGsFai","loading-cell":"pTiZui","loadingCell":"pTiZui","content-wrapper":"ejVFVc","contentWrapper":"ejVFVc","render-item":"Smm29D","renderItem":"Smm29D","icon-wrapper":"dJZulN","iconWrapper":"dJZulN","icon-default":"fgAwJs","iconDefault":"fgAwJs","selected-mark":"Cwy1BO","selectedMark":"Cwy1BO"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -2858,7 +2864,7 @@ function DataPickerCell(props) {
         getWrappedContent()));
 }
 
-var css$G = {"uui-typography":"h5N0M3","uuiTypography":"h5N0M3","hero-header":"xF-2-8","heroHeader":"xF-2-8","promo-header":"u-ZkfT","promoHeader":"u-ZkfT","uui-critical":"V-Xxf6","uuiCritical":"V-Xxf6","uui-info":"tN4oHp","uuiInfo":"tN4oHp","uui-success":"Pt9FhS","uuiSuccess":"Pt9FhS","uui-warning":"vuLe7V","uuiWarning":"vuLe7V","uui-highlight":"sRfCZu","uuiHighlight":"sRfCZu","uui-typography-size-12":"KCnMPp","uuiTypographySize12":"KCnMPp","uui-typography-size-14":"ff5AVt","uuiTypographySize14":"ff5AVt","uui-typography-size-16":"DLyS-u","uuiTypographySize16":"DLyS-u","picker-row":"Zgke1W","pickerRow":"Zgke1W"};
+var css$G = {"picker-row":"HAX13Y","pickerRow":"HAX13Y"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -2872,7 +2878,7 @@ class DataPickerRow extends React.Component {
     }
 }
 
-var css$F = {"uui-typography":"OHm-7l","uuiTypography":"OHm-7l","hero-header":"f9VrIb","heroHeader":"f9VrIb","promo-header":"YRAMM7","promoHeader":"YRAMM7","uui-critical":"BuiCOy","uuiCritical":"BuiCOy","uui-info":"IPiWwe","uuiInfo":"IPiWwe","uui-success":"xH-e30","uuiSuccess":"xH-e30","uui-warning":"QTAajf","uuiWarning":"QTAajf","uui-highlight":"Dpdv2R","uuiHighlight":"Dpdv2R","uui-typography-size-12":"j-wmxt","uuiTypographySize12":"j-wmxt","uui-typography-size-14":"_7nMdaq","uuiTypographySize14":"_7nMdaq","uui-typography-size-16":"lWfNTz","uuiTypographySize16":"lWfNTz","done":"-P4K4a","container":"f2Dkny"};
+var css$F = {"done":"_3oLJh5","container":"Fk2HoJ"};
 
 const PickerBodyMobileView = (props) => {
     const isMobileView = isMobile();
@@ -2906,7 +2912,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$r = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$E = {"uui-typography":"gszaPU","uuiTypography":"gszaPU","hero-header":"zK6cV-","heroHeader":"zK6cV-","promo-header":"QDJ8bh","promoHeader":"QDJ8bh","uui-critical":"xSPJ-b","uuiCritical":"xSPJ-b","uui-info":"OfygXC","uuiInfo":"OfygXC","uui-success":"PzOvjJ","uuiSuccess":"PzOvjJ","uui-warning":"_4vvIX1","uuiWarning":"_4vvIX1","uui-highlight":"iRuFt8","uuiHighlight":"iRuFt8","uui-typography-size-12":"p0C-nl","uuiTypographySize12":"p0C-nl","uui-typography-size-14":"NTpycR","uuiTypographySize14":"NTpycR","uui-typography-size-16":"VGare-","uuiTypographySize16":"VGare-","sub-header-wrapper":"FGF1g9","subHeaderWrapper":"FGF1g9","switch":"UO9j9i","no-found-modal-container":"_3TdJxp","noFoundModalContainer":"_3TdJxp","no-found-modal-container-icon":"QvwIRh","noFoundModalContainerIcon":"QvwIRh","no-found-modal-container-text":"PN7apx","noFoundModalContainerText":"PN7apx"};
+var css$E = {"sub-header-wrapper":"EKHfcq","subHeaderWrapper":"EKHfcq","switch":"sbjyKx","no-found-modal-container":"_1rk25I","noFoundModalContainer":"_1rk25I","no-found-modal-container-icon":"GU5nBI","noFoundModalContainerIcon":"GU5nBI","no-found-modal-container-text":"QX9EXW","noFoundModalContainerText":"QX9EXW"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -2973,7 +2979,7 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-var css$D = {"root":"VtRLRH","column-gap":"-zzsUj","columnGap":"-zzsUj","multiline":"FgXwgK","text":"A1fk8n"};
+var css$D = {"root":"rmIAMV","column-gap":"HHUTCl","columnGap":"HHUTCl","multiline":"FaX4it","text":"NGUfFT"};
 
 function PickerItem(props) {
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, cx, } = props;
@@ -3047,7 +3053,7 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$C = {"tooltip":"_4LbSbc"};
+var css$C = {"tooltip":"c0UAS6"};
 
 const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     const tagProps = {
@@ -3066,7 +3072,7 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$B = {"uui-typography":"ntrG-0","uuiTypography":"ntrG-0","hero-header":"nwFaEC","heroHeader":"nwFaEC","promo-header":"vBm5Qu","promoHeader":"vBm5Qu","uui-critical":"eJIYxi","uuiCritical":"eJIYxi","uui-info":"fPTung","uuiInfo":"fPTung","uui-success":"Bqhc06","uuiSuccess":"Bqhc06","uui-warning":"ZdM0rr","uuiWarning":"ZdM0rr","uui-highlight":"f9BpYm","uuiHighlight":"f9BpYm","uui-typography-size-12":"w69eg5","uuiTypographySize12":"w69eg5","uui-typography-size-14":"Osaw0i","uuiTypographySize14":"Osaw0i","uui-typography-size-16":"JJjDWa","uuiTypographySize16":"JJjDWa","root":"_8fzsek","mode-form":"sWdmpe","modeForm":"sWdmpe","mode-cell":"jMLHqz","modeCell":"jMLHqz","mode-inline":"_9uO5b9","modeInline":"_9uO5b9"};
+var css$B = {"root":"Oa-UbH","mode-form":"idn1FV","modeForm":"idn1FV","mode-cell":"LjCQg3","modeCell":"LjCQg3","mode-inline":"trQ9zS","modeInline":"trQ9zS"};
 
 const defaultMode = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
@@ -3167,7 +3173,7 @@ function PickerInputComponent({ highlightSearchMatches = true, ...props }, ref)
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$A = {"row":"Mc8U6v"};
+var css$A = {"row":"G0qSEo"};
 
 function PickerListItem(props) {
     let label;
@@ -3187,7 +3193,7 @@ function PickerListItem(props) {
     return (React__default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
 }
 
-var css$z = {"root":"_6ZoVho"};
+var css$z = {"root":"hadufp"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
@@ -3222,7 +3228,7 @@ function PickerList(props) {
             }, selectedRows)));
 }
 
-var css$y = {"uui-typography":"PMzyjx","uuiTypography":"PMzyjx","hero-header":"_26w-DM","heroHeader":"_26w-DM","promo-header":"w0jmtN","promoHeader":"w0jmtN","uui-critical":"_1jJZzl","uuiCritical":"_1jJZzl","uui-info":"EUPKZb","uuiInfo":"EUPKZb","uui-success":"HJ7yEx","uuiSuccess":"HJ7yEx","uui-warning":"xlQRy0","uuiWarning":"xlQRy0","uui-highlight":"lfaZ2N","uuiHighlight":"lfaZ2N","uui-typography-size-12":"nNrQf0","uuiTypographySize12":"nNrQf0","uui-typography-size-14":"AB4Y0x","uuiTypographySize14":"AB4Y0x","uui-typography-size-16":"Xjdz-E","uuiTypographySize16":"Xjdz-E","root":"fd-udR","wrapper":"UjEmod","align-widgets-top":"C0wrPg","alignWidgetsTop":"C0wrPg","align-widgets-center":"cAOHlQ","alignWidgetsCenter":"cAOHlQ"};
+var css$y = {"root":"J2oNjb","wrapper":"fnLIqq","align-widgets-top":"mjxRPp","alignWidgetsTop":"mjxRPp","align-widgets-center":"gTcLPA","alignWidgetsCenter":"gTcLPA"};
 
 function DataTableCell(initialProps) {
     const props = { ...initialProps };
@@ -3271,7 +3277,7 @@ function DataTableCell(initialProps) {
     return React.createElement(DataTableCell$1, { ...props });
 }
 
-var css$x = {"uui-typography":"bxxf--","uuiTypography":"bxxf--","hero-header":"ExGzo3","heroHeader":"ExGzo3","promo-header":"EJZNeg","promoHeader":"EJZNeg","uui-critical":"HVz-Lo","uuiCritical":"HVz-Lo","uui-info":"GHc0jr","uuiInfo":"GHc0jr","uui-success":"kIlzDu","uuiSuccess":"kIlzDu","uui-warning":"pKwli4","uuiWarning":"pKwli4","uui-highlight":"-vDuKz","uuiHighlight":"-vDuKz","uui-typography-size-12":"u2fa0f","uuiTypographySize12":"u2fa0f","uui-typography-size-14":"vHwIE6","uuiTypographySize14":"vHwIE6","uui-typography-size-16":"b5Sd87","uuiTypographySize16":"b5Sd87","root":"Uq7RaL"};
+var css$x = {"root":"hZZdB8"};
 
 // 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.
@@ -3279,7 +3285,7 @@ const renderCell = (props) => {
     const mods = props.rowProps;
     return React.createElement(DataTableCell, { ...props, key: props.key, size: mods.size, columnsGap: mods.columnsGap });
 };
-const renderDropMarkers = (props) => React.createElement(DropMarker, { ...props, enableBlocker: true });
+const renderDropMarkers = ({ ref, ...props }) => React.createElement(DropMarker, { ...props, enableBlocker: true });
 const propsMods = { renderCell, renderDropMarkers };
 const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = true, size }) => {
     return [
@@ -3287,7 +3293,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$w = {"uui-typography":"cFRTw8","uuiTypography":"cFRTw8","hero-header":"LQy-1t","heroHeader":"LQy-1t","promo-header":"MJDqnA","promoHeader":"MJDqnA","uui-critical":"IypTCN","uuiCritical":"IypTCN","uui-info":"ufkSue","uuiInfo":"ufkSue","uui-success":"IxmMXw","uuiSuccess":"IxmMXw","uui-warning":"zuGVsW","uuiWarning":"zuGVsW","uui-highlight":"H9OGSF","uuiHighlight":"H9OGSF","uui-typography-size-12":"_4G7iBd","uuiTypographySize12":"_4G7iBd","uui-typography-size-14":"Odwz48","uuiTypographySize14":"Odwz48","uui-typography-size-16":"QQxNqK","uuiTypographySize16":"QQxNqK","sorting-panel-container":"OntJF0","sortingPanelContainer":"OntJF0"};
+var css$w = {"sorting-panel-container":"WKx2Kn","sortingPanelContainer":"WKx2Kn"};
 
 var _path$q;
 function _extends$q() { return _extends$q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$q.apply(null, arguments); }
@@ -3417,7 +3423,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$k = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
 
-var css$v = {"uui-typography":"bfNiMz","uuiTypography":"bfNiMz","hero-header":"Ix2R6l","heroHeader":"Ix2R6l","promo-header":"I7Ftdd","promoHeader":"I7Ftdd","uui-critical":"NXPIpj","uuiCritical":"NXPIpj","uui-info":"ND3jIx","uuiInfo":"ND3jIx","uui-success":"UJb7ky","uuiSuccess":"UJb7ky","uui-warning":"UtqHT0","uuiWarning":"UtqHT0","uui-highlight":"w4k5pe","uuiHighlight":"w4k5pe","uui-typography-size-12":"OHP904","uuiTypographySize12":"OHP904","uui-typography-size-14":"POdB4-","uuiTypographySize14":"POdB4-","uui-typography-size-16":"y3l3Q-","uuiTypographySize16":"y3l3Q-","root":"NMiTae","caption-wrapper":"WlSFtz","captionWrapper":"WlSFtz","sort-icon":"CsY6Ed","sortIcon":"CsY6Ed","dropdown-icon":"_93W2nm","dropdownIcon":"_93W2nm","infoIcon":"Evaw8Z","resizable":"pSaiNl","align-right":"U3zCYb","alignRight":"U3zCYb","align-center":"_68-NAF","alignCenter":"_68-NAF","caption":"R-EItv","truncate":"LNd8KZ","checkbox":"hMfPqw","icon":"dg9TUY","fold-all-icon":"aTtwBq","foldAllIcon":"aTtwBq","cell-tooltip":"m2DLAt","cellTooltip":"m2DLAt","upper-case":"gnKB7Y","upperCase":"gnKB7Y","resizing-marker":"HN6sWw","resizingMarker":"HN6sWw","pinned-right":"SyH0bm","pinnedRight":"SyH0bm","draggable":"eb9XB1","ghost":"EB4HYG","is-dragged-out":"PpEB00","isDraggedOut":"PpEB00","dnd-marker-left":"YX8tYV","dndMarkerLeft":"YX8tYV","dnd-marker-right":"_5GBIv0","dndMarkerRight":"_5GBIv0","cell-tooltip-wrapper":"T2cE-J","cellTooltipWrapper":"T2cE-J","cell-tooltip-text":"lAfcdU","cellTooltipText":"lAfcdU","tooltip-caption":"rx4MAN","tooltipCaption":"rx4MAN","tooltip-info":"bvcblW","tooltipInfo":"bvcblW"};
+var css$v = {"root":"_7Vfg2P","caption-wrapper":"KQoiQt","captionWrapper":"KQoiQt","sort-icon":"msyKMt","sortIcon":"msyKMt","dropdown-icon":"_6UHrRy","dropdownIcon":"_6UHrRy","infoIcon":"segMLZ","resizable":"oSnigd","align-right":"sdCB39","alignRight":"sdCB39","align-center":"szENV8","alignCenter":"szENV8","caption":"_94V2Oy","truncate":"_1FIucA","checkbox":"I3VulH","icon":"l-rwIs","fold-all-icon":"Wj6vzc","foldAllIcon":"Wj6vzc","cell-tooltip":"uVPbhK","cellTooltip":"uVPbhK","upper-case":"-MDYrj","upperCase":"-MDYrj","resizing-marker":"_5NA14B","resizingMarker":"_5NA14B","pinned-right":"mibPoD","pinnedRight":"mibPoD","draggable":"XbYbAo","ghost":"NsX2ub","is-dragged-out":"_9IkSo6","isDraggedOut":"_9IkSo6","dnd-marker-left":"_9jkea0","dndMarkerLeft":"_9jkea0","dnd-marker-right":"NUkqZ5","dndMarkerRight":"NUkqZ5","cell-tooltip-wrapper":"NwrDBI","cellTooltipWrapper":"NwrDBI","cell-tooltip-text":"-zMpPT","cellTooltipText":"-zMpPT","tooltip-caption":"_7c9W7N","tooltipCaption":"_7c9W7N","tooltip-info":"bruX73","tooltipInfo":"bruX73"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -3525,9 +3531,9 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$j = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
 
-var css$u = {"uui-typography":"mgWXfz","uuiTypography":"mgWXfz","hero-header":"C-s3P6","heroHeader":"C-s3P6","promo-header":"aV9ZCl","promoHeader":"aV9ZCl","uui-critical":"_7I-a9f","uuiCritical":"_7I-a9f","uui-info":"AwKlW2","uuiInfo":"AwKlW2","uui-success":"zUE5dc","uuiSuccess":"zUE5dc","uui-warning":"-t1PMm","uuiWarning":"-t1PMm","uui-highlight":"_23-0XK","uuiHighlight":"_23-0XK","uui-typography-size-12":"kV0K28","uuiTypographySize12":"kV0K28","uui-typography-size-14":"US-ZYr","uuiTypographySize14":"US-ZYr","uui-typography-size-16":"_9bsjZe","uuiTypographySize16":"_9bsjZe","root":"xI4lWO"};
+var css$u = {"root":"_7G-aol"};
 
-var css$t = {"uui-typography":"QwffB3","uuiTypography":"QwffB3","hero-header":"gHZLap","heroHeader":"gHZLap","promo-header":"VE7asY","promoHeader":"VE7asY","uui-critical":"_9cBO8t","uuiCritical":"_9cBO8t","uui-info":"XAIsUC","uuiInfo":"XAIsUC","uui-success":"dPeMLF","uuiSuccess":"dPeMLF","uui-warning":"x2CQ-1","uuiWarning":"x2CQ-1","uui-highlight":"y0-8Ck","uuiHighlight":"y0-8Ck","uui-typography-size-12":"FwLHq0","uuiTypographySize12":"FwLHq0","uui-typography-size-14":"FsNrN3","uuiTypographySize14":"FsNrN3","uui-typography-size-16":"L27Q-U","uuiTypographySize16":"L27Q-U","root":"j9rnvX","caption-wrapper":"i50--m","captionWrapper":"i50--m","align-center":"oLZu6X","alignCenter":"oLZu6X","caption":"R3o1y9","truncate":"FkiOLs","group-cell-tooltip":"WZApoA","groupCellTooltip":"WZApoA","upper-case":"NeqCQ2","upperCase":"NeqCQ2","group-cell-tooltip-wrapper":"RV716h","groupCellTooltipWrapper":"RV716h","group-cell-tooltip-text":"U-6LLl","groupCellTooltipText":"U-6LLl","tooltip-caption":"v8mL3U","tooltipCaption":"v8mL3U","tooltip-info":"_3mJoOx","tooltipInfo":"_3mJoOx"};
+var css$t = {"root":"orSNlT","caption-wrapper":"Mvvde7","captionWrapper":"Mvvde7","align-center":"xh7e4K","alignCenter":"xh7e4K","caption":"MibKUx","truncate":"gc499d","group-cell-tooltip":"y53S0v","groupCellTooltip":"y53S0v","upper-case":"lGTyaD","upperCase":"lGTyaD","group-cell-tooltip-wrapper":"fE8qGT","groupCellTooltipWrapper":"fE8qGT","group-cell-tooltip-text":"rgdXwu","groupCellTooltipText":"rgdXwu","tooltip-caption":"_6Thokg","tooltipCaption":"_6Thokg","tooltip-info":"fFlp-1","tooltipInfo":"fFlp-1"};
 
 class DataTableHeaderGroupCell extends React.Component {
     constructor() {
@@ -3595,7 +3601,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
 const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
 const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
 
-var css$s = {"uui-typography":"Pq6E-m","uuiTypography":"Pq6E-m","hero-header":"qL10cY","heroHeader":"qL10cY","promo-header":"PRe8D8","promoHeader":"PRe8D8","uui-critical":"_6PO9uq","uuiCritical":"_6PO9uq","uui-info":"LK-ia1","uuiInfo":"LK-ia1","uui-success":"t-lku7","uuiSuccess":"t-lku7","uui-warning":"uZvSoz","uuiWarning":"uZvSoz","uui-highlight":"srwnNe","uuiHighlight":"srwnNe","uui-typography-size-12":"uJiE8w","uuiTypographySize12":"uJiE8w","uui-typography-size-14":"_9xSTmy","uuiTypographySize14":"_9xSTmy","uui-typography-size-16":"SeZ5S8","uuiTypographySize16":"SeZ5S8","root":"Fj4oQ-","title-wrapper":"G2i95t","titleWrapper":"G2i95t","title":"J4tXOQ","text-wrapper":"b8MhHd","textWrapper":"b8MhHd","selection":"CMuJMW","postfix":"Z5jYWg","selected":"SB8Nkx"};
+var css$s = {"root":"C64e-b","title-wrapper":"pEQgEO","titleWrapper":"pEQgEO","title":"-P0wVc","text-wrapper":"gUG2Hi","textWrapper":"gUG2Hi","selection":"Rp1B8x","postfix":"Ux1Zbe","selected":"ZcDAkC"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -3626,7 +3632,7 @@ const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
             role: 'button',
             tabIndex: props.isDisabled ? -1 : 0,
             onKeyDown: onKeyDownHandler,
-        }, cx: cx(UUI_FILTERS_PANEL_ITEM_TOGGLER, css$s.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$s.root, uuiElement.inputBox, uuiMarkers.clickable, props.isOpen && uuiMod.opened, `uui-size-${props.size || defaultSize}`, props.cx), onClick: togglerPickerOpened, ref: ref },
         React.createElement(FlexRow$1, { cx: css$s.titleWrapper },
             React.createElement(Text, { size: props.size, cx: css$s.title }, getTitle),
             props.selection && (React.createElement("div", { className: css$s.textWrapper },
@@ -3767,7 +3773,7 @@ function FilterRangeDatePickerBody(props) {
                 React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$r = {"container":"s3c6dE"};
+var css$r = {"container":"_83NsYD"};
 
 function FilterNumericBody(props) {
     const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
@@ -3819,15 +3825,15 @@ function FilterNumericBody(props) {
         return (React__default.createElement("div", null,
             React__default.createElement(FlexRow, { padding: "12", alignItems: "center", spacing: "12", borderBottom: true, cx: css$r.container },
                 React__default.createElement(FlexCell, { width: "100%" },
-                    React__default.createElement(NumericInput, { value: value?.from ?? null, onValueChange: rangeValueHandler('from'), size: "36", placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
+                    React__default.createElement(NumericInput, { value: value?.from ?? null, onValueChange: rangeValueHandler('from'), placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
                 React__default.createElement(FlexCell, { width: "100%" },
-                    React__default.createElement(NumericInput, { value: value?.to ?? null, onValueChange: rangeValueHandler('to'), size: "36", placeholder: "Max", formatOptions: { maximumFractionDigits: 2 }, isInvalid: isWrongRange(value?.from, value?.to) }))),
+                    React__default.createElement(NumericInput, { value: value?.to ?? null, onValueChange: rangeValueHandler('to'), placeholder: "Max", formatOptions: { maximumFractionDigits: 2 }, isInvalid: isWrongRange(value?.from, value?.to) }))),
             renderFooter()));
     }
     return (React__default.createElement("div", null,
         React__default.createElement(FlexRow, { padding: "12", alignItems: "center", borderBottom: true, cx: css$r.container },
             React__default.createElement(FlexCell, { width: 130 },
-                React__default.createElement(NumericInput, { value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, size: "36", placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
+                React__default.createElement(NumericInput, { value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
         renderFooter()));
 }
 
@@ -3863,7 +3869,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
 };
 var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
 
-var css$q = {"uui-typography":"HakE-i","uuiTypography":"HakE-i","hero-header":"_3-VTBu","heroHeader":"_3-VTBu","promo-header":"Ya1V7L","promoHeader":"Ya1V7L","uui-critical":"_0yMGTM","uuiCritical":"_0yMGTM","uui-info":"sHo-4T","uuiInfo":"sHo-4T","uui-success":"V8yETW","uuiSuccess":"V8yETW","uui-warning":"NOd84J","uuiWarning":"NOd84J","uui-highlight":"yPUKhm","uuiHighlight":"yPUKhm","uui-typography-size-12":"MR-Eo4","uuiTypographySize12":"MR-Eo4","uui-typography-size-14":"_6J06ot","uuiTypographySize14":"_6J06ot","uui-typography-size-16":"wekIyY","uuiTypographySize16":"wekIyY","header":"DJtr-t","removeButton":"_7ImrsI","with-search":"OlhP3z","withSearch":"OlhP3z"};
+var css$q = {"header":"_2zDeM3","removeButton":"U-4ZU3","with-search":"YNVaVJ","withSearch":"YNVaVJ"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -4095,7 +4101,7 @@ const normalizeFilterWithPredicates = (filter) => {
     return result;
 };
 function FiltersToolbarImpl(props) {
-    const { filters, tableState, setTableState } = props;
+    const { filters, tableState, setTableState, size = settings.sizes.defaults.filtersPanel } = props;
     const [newFilterId, setNewFilterId] = useState(null);
     const pickerInputRef = useRef(null);
     const dataSource = useArrayDataSource({
@@ -4155,7 +4161,7 @@ function FiltersToolbarImpl(props) {
         return orderBy(selectedFilters, (f) => tableState.filtersConfig?.[f.field]?.order);
     }, [filters, tableState.filtersConfig]);
     const renderAddFilterToggler = useCallback((togglerProps) => {
-        return (React__default.createElement(Button, { size: props.size, onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$h, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
+        return (React__default.createElement(Button, { size: size, onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$h, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
     }, []);
     const getRowOptions = useCallback((item) => ({
         isDisabled: item.isAlwaysVisible,
@@ -4176,15 +4182,15 @@ function FiltersToolbarImpl(props) {
     }, [newFilterId, sortedActiveFilters]);
     return (React__default.createElement(React__default.Fragment, null,
         sortedActiveFilters.map((f) => (React__default.createElement(FlexCell$1, { width: "auto", key: f.field },
-            React__default.createElement(FiltersPanelItem, { ...f, value: tableState.filter?.[f.field], onValueChange: handleFilterChange, key: f.field, autoFocus: newFilterId === f.field, removeFilter: removeFilter, size: props.size })))),
+            React__default.createElement(FiltersPanelItem, { ...f, value: tableState.filter?.[f.field], onValueChange: handleFilterChange, key: f.field, autoFocus: newFilterId === f.field, removeFilter: removeFilter, size: size })))),
         !isAllFiltersAlwaysVisible && (React__default.createElement(PickerInput, { dataSource: dataSource, value: selectedFilters, onValueChange: onFiltersChange, selectionMode: "multi", valueType: "entity", renderRow: (props) => (React__default.createElement(DataPickerRow, { ...props, padding: "12", key: props.key, onCheck: (row) => {
                     props.onCheck && props.onCheck(row);
                     setNewFilterId(row.value.field);
-                }, renderItem: (item, rowProps) => React__default.createElement(PickerItem, { ...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, ref: pickerInputRef }))));
+                }, renderItem: (item, rowProps) => React__default.createElement(PickerItem, { ...rowProps, title: item.title }) })), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true, size: size, bodyCx: UUI_FILTERS_PANEL_ADD_BUTTON_BODY, ref: pickerInputRef }))));
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$p = {"divider":"NsY86Q","dropdownDeleteIcon":"gQGLLu","presetsWrapper":"BkKuEQ","addPresetContainer":"Avklsr","dropContainer":"buEpVj"};
+var css$p = {"divider":"Yk71gJ","dropdownDeleteIcon":"YOVnyc","presetsWrapper":"vP8Ge5","addPresetContainer":"ssnA78","dropContainer":"aiUq04"};
 
 var _path$g;
 function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
@@ -4297,7 +4303,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
 };
 var ForwardRef$a = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
 
-var css$o = {"delete-button":"a7rcQx","deleteButton":"a7rcQx","tab-button":"s5vzEm","tabButton":"s5vzEm","targetOpen":"_3nKtqh"};
+var css$o = {"delete-button":"bSgP-j","deleteButton":"bSgP-j","tab-button":"aRGW-T","tabButton":"aRGW-T","targetOpen":"FCtTUh"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -4364,7 +4370,7 @@ function PresetActionsDropdown(props) {
     return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$n = {"preset-input-cell":"uc1qTY","presetInputCell":"uc1qTY","preset-input":"BESZSR","presetInput":"BESZSR"};
+var css$n = {"preset-input-cell":"aRpkq5","presetInputCell":"aRpkq5","preset-input":"W1Pjj5","presetInput":"W1Pjj5"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -4396,7 +4402,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$m = {"preset":"cL478P","activePreset":"Qdt70a"};
+var css$m = {"preset":"pqIPK6","activePreset":"EqjkKT"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -4451,7 +4457,7 @@ function PresetsPanel(props) {
         return React__default.createElement(Preset, { key: preset.id, preset: preset, addPreset: setAddingPreset, ...presetApi });
     };
     const renderAddPresetButton = useCallback(() => {
-        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$p.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON, size: "36", onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$h, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
+        return (React__default.createElement("div", { key: "addingPresetBlock", className: css$p.addPresetContainer }, !isAddingPreset ? (React__default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON, onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$h, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
     }, [isAddingPreset]);
     const onPresetDropdownSelect = (preset) => {
         props.choosePreset(preset.preset);
@@ -4577,7 +4583,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
-var css$l = {"unpin-icon":"NLUjnv","unpinIcon":"NLUjnv","pin-toggler-icon":"_0oH6AT","pinTogglerIcon":"_0oH6AT"};
+var css$l = {"unpin-icon":"_85FnOD","unpinIcon":"_85FnOD","pin-toggler-icon":"_96FQli","pinTogglerIcon":"_96FQli"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4636,7 +4642,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
 
-var css$k = {"uui-typography":"sXToSl","uuiTypography":"sXToSl","hero-header":"_2BrBlL","heroHeader":"_2BrBlL","promo-header":"u8UZYs","promoHeader":"u8UZYs","uui-critical":"YPzEL3","uuiCritical":"YPzEL3","uui-info":"_05SGTx","uuiInfo":"_05SGTx","uui-success":"tPe5fM","uuiSuccess":"tPe5fM","uui-warning":"_7ius3W","uuiWarning":"_7ius3W","uui-highlight":"L1opX1","uuiHighlight":"L1opX1","uui-typography-size-12":"HqYRCU","uuiTypographySize12":"HqYRCU","uui-typography-size-14":"HetW8-","uuiTypographySize14":"HetW8-","uui-typography-size-16":"_1q2qcr","uuiTypographySize16":"_1q2qcr","row-wrapper":"_9GM16k","rowWrapper":"_9GM16k","pin-icon-button":"o3JVi-","pinIconButton":"o3JVi-","not-pinned":"psb6FC","notPinned":"psb6FC","checkbox":"xJNPq6","drag-handle":"Nxk1sr","dragHandle":"Nxk1sr","dnd-disabled":"zg4smd","dndDisabled":"zg4smd"};
+var css$k = {"row-wrapper":"qnxzLP","rowWrapper":"qnxzLP","pin-icon-button":"SC8GS4","pinIconButton":"SC8GS4","not-pinned":"g46j1h","notPinned":"g46j1h","checkbox":"ugUK-4","drag-handle":"HXYO-8","dragHandle":"HXYO-8","dnd-disabled":"_5CvVv0","dndDisabled":"_5CvVv0"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4659,7 +4665,7 @@ const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     return (React.createElement(DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
 });
 
-var css$j = {"uui-typography":"O2CpAp","uuiTypography":"O2CpAp","hero-header":"_4bbgm6","heroHeader":"_4bbgm6","promo-header":"C6pBKC","promoHeader":"C6pBKC","uui-critical":"_4rDAwz","uuiCritical":"_4rDAwz","uui-info":"_55QnbU","uuiInfo":"_55QnbU","uui-success":"_--JUmf","uuiSuccess":"_--JUmf","uui-warning":"ikhNfn","uuiWarning":"ikhNfn","uui-highlight":"iIg0U2","uuiHighlight":"iIg0U2","uui-typography-size-12":"_4HriOF","uuiTypographySize12":"_4HriOF","uui-typography-size-14":"hvYwKp","uuiTypographySize14":"hvYwKp","uui-typography-size-16":"RLMulW","uuiTypographySize16":"RLMulW","root":"h7ZsgT","main-panel":"_9h-QAl","mainPanel":"_9h-QAl","group":"z0zAc-","group-title":"yDJlpd","groupTitle":"yDJlpd","group-items":"l1HqL-","groupItems":"l1HqL-","no-data":"gk7pn0","noData":"gk7pn0","no-data-title":"eEw7uz","noDataTitle":"eEw7uz","no-data-sub-title":"wS3M4l","noDataSubTitle":"wS3M4l","h-divider":"_0T56ny","hDivider":"_0T56ny","search-area":"_0Fd462","searchArea":"_0Fd462","subgroup-accordion":"jgr59q","subgroupAccordion":"jgr59q","subgroup":"D-l5JE","subgroup-title":"PNBwRx","subgroupTitle":"PNBwRx"};
+var css$j = {"root":"gCav-U","main-panel":"_0fXcOs","mainPanel":"_0fXcOs","group":"_43jszA","group-title":"_1eHeYN","groupTitle":"_1eHeYN","group-items":"qrrLNn","groupItems":"qrrLNn","no-data":"ZJZyaF","noData":"ZJZyaF","no-data-title":"KzZir7","noDataTitle":"KzZir7","no-data-sub-title":"_6r36vR","noDataSubTitle":"_6r36vR","h-divider":"_490NyC","hDivider":"_490NyC","search-area":"XG-TEp","searchArea":"XG-TEp","subgroup-accordion":"kxwucb","subgroupAccordion":"kxwucb","subgroup":"O7kjf2","subgroup-title":"ioJahS","subgroupTitle":"ioJahS"};
 
 const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { cx: css$j.group },
     React.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
@@ -4748,7 +4754,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"CaJkL-","header":"-QOhAL","group":"lkVq7g","stickyHeader":"_6xC5Sm"};
+var css$i = {"listContainer":"TAGA8J","header":"ZRooRZ","group":"zlLPEf","stickyHeader":"Ip-fvE"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4812,7 +4818,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#z7v0sbayvku4mc68_a)"
+    clipPath: "url(#upoqav6dlx0k3kfhr_a)"
   }, _path$4 || (_path$4 = /*#__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"
@@ -4833,7 +4839,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: "z7v0sbjimnryz7b6_b",
+    id: "upoqavaqvlvzl1j0o_b",
     style: {
       maskType: "alpha"
     },
@@ -4846,7 +4852,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 || (_g = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#z7v0sbjimnryz7b6_b)",
+    mask: "url(#upoqavaqvlvzl1j0o_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4932,7 +4938,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: "z7v0sbayvku4mc68_a"
+    id: "upoqav6dlx0k3kfhr_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4941,7 +4947,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var css$h = {"root":"Ap3iJD","sticky-header":"zj38ZK","stickyHeader":"zj38ZK","no-results":"Ka4hFf","noResults":"Ka4hFf","icon":"QQuNKx","title":"_43mbnv"};
+var css$h = {"root":"-Wsx-o","sticky-header":"VVVx-t","stickyHeader":"VVVx-t","no-results":"q05n7h","noResults":"q05n7h","icon":"th6CT5","title":"InW1ks"};
 
 function DataTable(props) {
     const { uuiModals } = useUuiContext();
@@ -4990,9 +4996,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"qNrCBP"};
+var css$g = {"root":"Fv8a0i"};
 
-var css$f = {"root":"GmA-NF","burger-content":"wiKZVH","burgerContent":"wiKZVH"};
+var css$f = {"root":"_3M1cyW","burger-content":"JhJ70o","burgerContent":"JhJ70o"};
 
 var _path$3;
 function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
@@ -5035,7 +5041,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"G-gjIz","uuiTypography":"G-gjIz","hero-header":"KS3v4S","heroHeader":"KS3v4S","promo-header":"Bt7aAK","promoHeader":"Bt7aAK","uui-critical":"mdJ0At","uuiCritical":"mdJ0At","uui-info":"zWYLkM","uuiInfo":"zWYLkM","uui-success":"a5Az7k","uuiSuccess":"a5Az7k","uui-warning":"BnFRGB","uuiWarning":"BnFRGB","uui-highlight":"MlJQ5K","uuiHighlight":"MlJQ5K","uui-typography-size-12":"_6FTwDt","uuiTypographySize12":"_6FTwDt","uui-typography-size-14":"_0pAh99","uuiTypographySize14":"_0pAh99","uui-typography-size-16":"vq2bZE","uuiTypographySize16":"vq2bZE","root":"GrG3pu","button-primary":"_9pck7d","buttonPrimary":"_9pck7d","button-secondary":"a-Jlwn","buttonSecondary":"a-Jlwn","hasIcon":"OwESOc","dropdown":"uMCdLT"};
+var css$e = {"root":"V-PEkP","button-primary":"R-ZpjN","buttonPrimary":"R-ZpjN","button-secondary":"S5F1bc","buttonSecondary":"S5F1bc","hasIcon":"pMNLn9","dropdown":"M-r24o"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -5046,13 +5052,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"rPOjPn","searchInput":"rPOjPn"};
+var css$d = {"search-input":"dSu2-S","searchInput":"dSu2-S"};
 
 function BurgerSearch(props) {
     return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$O, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$R }));
 }
 
-var css$c = {"root":"UF6aL1","group-header":"L9Cdn-","groupHeader":"L9Cdn-","group-name":"x-m6d8","groupName":"x-m6d8","line":"-xJC6j"};
+var css$c = {"root":"aouls7","group-header":"_5oJ6QY","groupHeader":"_5oJ6QY","group-name":"uxEDJz","groupName":"uxEDJz","line":"D2M3zb"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -5060,7 +5066,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"_55QC3h","uuiTypography":"_55QC3h","hero-header":"KqCV6n","heroHeader":"KqCV6n","promo-header":"EOhurv","promoHeader":"EOhurv","uui-critical":"TrReJX","uuiCritical":"TrReJX","uui-info":"jNiZiI","uuiInfo":"jNiZiI","uui-success":"-l-4Zu","uuiSuccess":"-l-4Zu","uui-warning":"ISwuT0","uuiWarning":"ISwuT0","uui-highlight":"UXyA50","uuiHighlight":"UXyA50","uui-typography-size-12":"Vvupc0","uuiTypographySize12":"Vvupc0","uui-typography-size-14":"DnlfTU","uuiTypographySize14":"DnlfTU","uui-typography-size-16":"LMB-Dw","uuiTypographySize16":"LMB-Dw","root":"Q8fVtx","type-primary":"ECI7yt","typePrimary":"ECI7yt","type-secondary":"xjghv8","typeSecondary":"xjghv8"};
+var css$b = {"root":"rNt2eI","type-primary":"HxHWoa","typePrimary":"HxHWoa","type-secondary":"SRXvwy","typeSecondary":"SRXvwy"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type, ...clickableProps } = props;
@@ -5082,7 +5088,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$Q, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"QT6i-w","dropdownBody":"QT6i-w"};
+var css$a = {"dropdown-body":"OlG0t6","dropdownBody":"OlG0t6"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -5140,12 +5146,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"UJFXPf","globalMenuBtn":"UJFXPf","global-menu-icon":"_0l1W2g","globalMenuIcon":"_0l1W2g"};
+var css$9 = {"global-menu-btn":"TcKBbH","globalMenuBtn":"TcKBbH","global-menu-icon":"k2dxyB","globalMenuIcon":"k2dxyB"};
 
 const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx), ...props.rawProps },
     React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"rx3dLP","open":"UksY06","folding-arrow":"Hmcc8U","foldingArrow":"Hmcc8U"};
+var css$8 = {"container":"krCV6I","open":"SOaoRN","folding-arrow":"bFHzHw","foldingArrow":"bFHzHw"};
 
 const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
@@ -5153,15 +5159,15 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
     props.isDropdown && (React.createElement("div", null,
         React.createElement(IconContainer, { size: 18, icon: ForwardRef$Q, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
 
-var css$7 = {"search-input":"-T8B-P","searchInput":"-T8B-P"};
+var css$7 = {"search-input":"f-2w7y","searchInput":"f-2w7y"};
 
 const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, { ...props, render: (iEditable) => (React.createElement(TextInput$1, { iconPosition: "left", icon: ForwardRef$O, cancelIcon: props.value?.length > 0 && ForwardRef$R, ...props, ...iEditable, ref: ref, cx: cx$1(css$7.searchInput, props.cx), ...props.rawProps })) })));
 
-var css$6 = {"container":"pN452V"};
+var css$6 = {"container":"FS1ziC"};
 
 const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, { ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container), ...props })));
 
-var css$5 = {"root":"MdxzMF"};
+var css$5 = {"root":"Y9V9YU"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -5179,7 +5185,7 @@ function Form(props) {
                 },
             ] },
             React.createElement(RichTextView, null,
-                React.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
+                React.createElement(Text, null, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
     };
     return React.createElement(Form$1, { loadUnsavedChanges: loadUnsavedChanges, beforeLeave: beforeLeave, ...props });
 }
@@ -5197,7 +5203,7 @@ function useForm(props) {
                 },
             ] },
             React__default.createElement(RichTextView, null,
-                React__default.createElement(Text, { size: "36" }, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
+                React__default.createElement(Text, null, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
     };
     return useForm$1({ beforeLeave, loadUnsavedChanges, ...props });
 }
@@ -5219,7 +5225,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"leQoU9","drop-start":"i5rnty","dropStart":"i5rnty","drop-over":"xgmHnJ","dropOver":"xgmHnJ","link":"nBe4uS","drop-area":"e2ww3-","dropArea":"e2ww3-","drop-caption":"P4TAxl","dropCaption":"P4TAxl","icon-blue":"UhBcga","iconBlue":"UhBcga"};
+var css$4 = {"root":"NH-gIi","drop-start":"Uu6HFG","dropStart":"Uu6HFG","drop-over":"KuV25T","dropOver":"KuV25T","link":"Lcy7g5","drop-area":"ZJU9Pi","dropArea":"ZJU9Pi","drop-caption":"kcZjcC","dropCaption":"kcZjcC","icon-blue":"JiJAim","iconBlue":"JiJAim"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -5237,9 +5243,9 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"_2bw14-","uuiTypography":"_2bw14-","hero-header":"s0Qm5n","heroHeader":"s0Qm5n","promo-header":"l0njlQ","promoHeader":"l0njlQ","uui-critical":"i-9Umo","uuiCritical":"i-9Umo","uui-info":"hSUZZU","uuiInfo":"hSUZZU","uui-success":"j8dncP","uuiSuccess":"j8dncP","uui-warning":"p7YTPV","uuiWarning":"p7YTPV","uui-highlight":"gjTmkw","uuiHighlight":"gjTmkw","uui-typography-size-12":"qYxWlz","uuiTypographySize12":"qYxWlz","uui-typography-size-14":"SO-hGt","uuiTypographySize14":"SO-hGt","uui-typography-size-16":"mG33ir","uuiTypographySize16":"mG33ir","root":"ZvBlWq","file-name":"yqbE9j","fileName":"yqbE9j","default-color":"CyU4xD","defaultColor":"CyU4xD","doc-color":"fyg24B","docColor":"fyg24B","xls-color":"rJD9oz","xlsColor":"rJD9oz","pdf-color":"hYMeq2","pdfColor":"hYMeq2","movie-color":"eLz3Lf","movieColor":"eLz3Lf","img-color":"e2m2-r","imgColor":"e2m2-r","mov-color":"keKyJB","movColor":"keKyJB","error-block":"_5YZJ8S","errorBlock":"_5YZJ8S","icons-block":"_0RsVZ6","iconsBlock":"_0RsVZ6"};
+var css$3 = {"root":"_4GU78u","file-name":"fdnQFO","fileName":"fdnQFO","default-color":"BQRZDm","defaultColor":"BQRZDm","doc-color":"yZFCfs","docColor":"yZFCfs","xls-color":"EYCqa-","xlsColor":"EYCqa-","pdf-color":"_5KxLS5","pdfColor":"_5KxLS5","movie-color":"eK5RDd","movieColor":"eK5RDd","img-color":"bZAjoj","imgColor":"bZAjoj","mov-color":"hA3Fz7","movColor":"hA3Fz7","error-block":"g7Vrkd","errorBlock":"g7Vrkd","icons-block":"h0sflS","iconsBlock":"h0sflS"};
 
-var css$2 = {"root":"GD4eHq"};
+var css$2 = {"root":"_6Q0-FW"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5315,7 +5321,7 @@ const FileCard = /* @__PURE__ */React.forwardRef((props, ref) => {
         onClick();
     };
     return (React.createElement(FlexCell, { ref: ref, cx: cx$1(css$3.root, 'uui-file_card', (isLoading || error?.isError) && uuiMod.loading, componentCx, error?.isError && uuiMod.error), minWidth: width, width: !width ? '100%' : undefined },
-        React.createElement(FlexRow, { size: "36", alignItems: "top", columnGap: "6" },
+        React.createElement(FlexRow, { alignItems: "top", columnGap: "6" },
             fileExtension && getIcon(fileExtension),
             React.createElement(FlexCell, { width: "100%" },
                 React.createElement(Text, { size: "18", fontSize: "14", lineHeight: "18", color: (progress < 100 || error?.isError) ? 'tertiary' : 'primary', cx: css$3.fileName }, fileName),
@@ -5367,7 +5373,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"MM-FFC"};
+var css$1 = {"container":"kzzEgD"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -5379,7 +5385,7 @@ const ErrorPage = (props) => {
             props?.supportLink && React__default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
 };
 
-var css = {"recovery-spinner":"YDnh-t","recoverySpinner":"YDnh-t","recovery-message":"z0nPRc","recoveryMessage":"z0nPRc","modal-blocker":"Rh2h7F","modalBlocker":"Rh2h7F","modalFadeIn":"Pj1DLO"};
+var css = {"recovery-spinner":"BAsWwf","recoverySpinner":"BAsWwf","recovery-message":"k-WYea","recoveryMessage":"k-WYea","modal-blocker":"U4zMV9","modalBlocker":"U4zMV9","modalFadeIn":"x2hKDO"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5395,7 +5401,7 @@ function ErrorHandler(props) {
             }
             else {
                 uuiNotifications.show((notificationProps) => (React__default.createElement(ErrorNotification, { ...notificationProps },
-                    React__default.createElement(Text, { size: "36" }, c.responseData && c.responseData.errorMessage))));
+                    React__default.createElement(Text, null, c.responseData && c.responseData.errorMessage))));
             }
             c.dismissError();
         });
@@ -5406,7 +5412,7 @@ function ErrorHandler(props) {
             React__default.createElement(ModalWindow, null,
                 React__default.createElement(ModalHeader, { borderBottom: true, title: title }),
                 React__default.createElement(Spinner, { cx: css.recoverySpinner }),
-                React__default.createElement(FlexRow, { padding: "24", cx: css.recoveryMessage },
+                React__default.createElement(FlexRow, { cx: css.recoveryMessage },
                     React__default.createElement(FlexCell, { grow: 1 },
                         React__default.createElement(RichTextView, null, subtitle),
                         isAuthLost && (React__default.createElement(Text, { color: "tertiary" },