@epam/uui 5.2.0-rc.1 → 5.2.0-rc.2

package/index.esm.js

@@ -570,7 +570,7 @@ const systemIcons = {
     },
 };
 
-var css$1h = {"root":"-Y6tVQ","size-18":"Lv6YRW","size-24":"_4xJklk","size-30":"BTyad0","size-36":"OonVnI","size-42":"Nmw4KU","size-48":"ye2YTq","size18":"Lv6YRW","size24":"_4xJklk","size30":"BTyad0","size36":"OonVnI","size42":"Nmw4KU","size48":"ye2YTq"};
+var css$1h = {"root":"_5ynll0","size-18":"S9AhMl","size-24":"kK2z52","size-30":"H-FMj9","size-36":"_62G7eb","size-42":"-VelrW","size-48":"Oo-AvP","size18":"S9AhMl","size24":"kK2z52","size30":"H-FMj9","size36":"_62G7eb","size42":"-VelrW","size48":"Oo-AvP"};
 
 const allButtonColors = [
     'accent', 'primary', 'secondary', 'negative',
@@ -590,7 +590,7 @@ const Button = withMods(Button$1, applyButtonMods, (props) => ({
     clearIcon: systemIcons[props.size || defaultSize$b].clear,
 }));
 
-var css$1g = {"root":"j3BYii"};
+var css$1g = {"root":"_9Zz54b"};
 
 const allIconColors = [
     'info', 'success', 'warning', 'error', 'secondary', 'default',
@@ -600,7 +600,7 @@ function applyIconButtonMods(mods) {
 }
 const IconButton = withMods(IconButton$1, applyIconButtonMods);
 
-var css$1f = {"root":"_7M5nRh","size-18":"FIcyh0","size-24":"Cf8fFT","size-30":"wrguvf","size-36":"XvzQBl","size-42":"Y1WRyA","size-48":"JIju-H","size18":"FIcyh0","size24":"Cf8fFT","size30":"wrguvf","size36":"XvzQBl","size42":"Y1WRyA","size48":"JIju-H"};
+var css$1f = {"root":"gC3wbA","size-18":"jzAs3k","size-24":"NtOTSq","size-30":"FfH7BZ","size-36":"s3jmXc","size-42":"_1mjjie","size-48":"m9AVGl","size18":"jzAs3k","size24":"NtOTSq","size30":"FfH7BZ","size36":"s3jmXc","size42":"_1mjjie","size48":"m9AVGl"};
 
 function getIconClass(props) {
     const classList = {
@@ -635,7 +635,7 @@ const LinkButton = withMods(Button$1, applyLinkButtonMods, (props) => ({
     clearIcon: systemIcons[props.size || defaultSize$a].clear,
 }));
 
-var css$1e = {"root":"DUvF4V","uui-notification":"-KDqw9","size-36":"MSc3gJ","size-48":"_0NGsR7","size-60":"_3zzfWo","uuiNotification":"-KDqw9","size36":"MSc3gJ","size48":"_0NGsR7","size60":"_3zzfWo"};
+var css$1e = {"root":"k0JRPN","uui-notification":"UKdWBG","size-36":"gSNopp","size-48":"BCH4uY","size-60":"W6sYZf","uuiNotification":"UKdWBG","size36":"gSNopp","size48":"BCH4uY","size60":"W6sYZf"};
 
 function applyTabButtonMods(mods) {
     return [
@@ -649,7 +649,7 @@ function applyTabButtonMods(mods) {
 }
 const TabButton = withMods(Button$1, applyTabButtonMods, (props) => (Object.assign(Object.assign({ dropdownIcon: systemIcons['36'].foldingArrow, clearIcon: systemIcons['36'].clear, countPosition: 'right' }, props), { rawProps: Object.assign({ role: 'tab' }, props.rawProps) })));
 
-var css$1d = {"root":"GR8Uxh"};
+var css$1d = {"root":"VaKh8F"};
 
 function applyVerticalTabButtonMods() {
     return [css$1d.root];
@@ -752,7 +752,7 @@ var SvgPartlySelect18 = function SvgPartlySelect18(props, ref) {
 };
 var ForwardRef$M = /*#__PURE__*/forwardRef(SvgPartlySelect18);
 
-var css$1c = {"root":"suS2NK","size-18":"xsfT4J","size-12":"BhSYn0","mode-cell":"_6wR1QC","size18":"xsfT4J","size12":"BhSYn0","modeCell":"_6wR1QC"};
+var css$1c = {"root":"osARZp","size-18":"_3dlYIr","size-12":"WpmORg","mode-cell":"FlP6ld","size18":"_3dlYIr","size12":"WpmORg","modeCell":"FlP6ld"};
 
 function applyCheckboxMods(mods) {
     return [
@@ -768,7 +768,7 @@ const applyUUICheckboxProps = (props) => ({
 });
 const Checkbox = withMods(Checkbox$1, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1b = {"root":"YkOl9J","size-18":"rv602K","size-12":"pYUGDb","size18":"rv602K","size12":"pYUGDb"};
+var css$1b = {"root":"a6WcBR","size-18":"RBeS-N","size-12":"ewcmHD","size18":"RBeS-N","size12":"ewcmHD"};
 
 var _circle;
 function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
@@ -792,7 +792,7 @@ function applyRadioInputMods(mods) {
 }
 const RadioInput = withMods(RadioInput$1, applyRadioInputMods, () => ({ icon: ForwardRef$L }));
 
-var css$1a = {"root":"y091I7","size-12":"TfQAWp","size-18":"wNCwQd","size-24":"_4fFJ9B","size12":"TfQAWp","size18":"wNCwQd","size24":"_4fFJ9B"};
+var css$1a = {"root":"Z3Ox-1","size-12":"KOM9YM","size-18":"stcLau","size-24":"FOuJ-r","size12":"KOM9YM","size18":"stcLau","size24":"FOuJ-r"};
 
 function applySwitchMods(mods) {
     return [
@@ -845,7 +845,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var textInputCss = {"root":"_9rnQhJ","mode-form":"UZ4F39","mode-inline":"-zn8mW","mode-cell":"D-WMGe","size-24":"XVPByG","size-30":"nlwKB8","size-36":"Hg9Q8m","size-42":"ntOgD0","size-48":"OhsCdf","modeForm":"UZ4F39","modeInline":"-zn8mW","modeCell":"D-WMGe","size24":"XVPByG","size30":"nlwKB8","size36":"Hg9Q8m","size42":"ntOgD0","size48":"OhsCdf"};
+var textInputCss = {"root":"hWnarL","mode-form":"_98brw2","mode-inline":"AjPeqR","mode-cell":"v0dVs3","size-24":"zIuAyF","size-30":"OWPPDy","size-36":"GNeSss","size-42":"zQ-a46","size-48":"In98Fu","modeForm":"_98brw2","modeInline":"AjPeqR","modeCell":"v0dVs3","size24":"zIuAyF","size30":"OWPPDy","size36":"GNeSss","size42":"zQ-a46","size48":"In98Fu"};
 
 const defaultSize$9 = '36';
 const defaultMode$5 = EditMode.FORM;
@@ -874,7 +874,7 @@ const SearchInput = React__default.forwardRef((props, ref) => {
                 : undefined, type: "search", inputMode: "search", ref: ref }, textInputProps, iEditable))) })));
 });
 
-var css$19 = {"root":"-sMa6Z"};
+var css$19 = {"root":"_3uyeRg"};
 
 const ControlGroup = withMods(ControlGroup$1, () => [css$19.root]);
 
@@ -883,7 +883,7 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = React.forwardRef(MultiSwitchComponent);
 
-var css$18 = {"root":"_5zBH4f","size-24":"i8dx-M","size-30":"binLjQ","size-36":"dVqQRZ","size-42":"mL7E7w","size-48":"YEOdaz","mode-form":"az821t","mode-cell":"wC1e6J","size24":"i8dx-M","size30":"binLjQ","size36":"dVqQRZ","size42":"mL7E7w","size48":"YEOdaz","modeForm":"az821t","modeCell":"wC1e6J"};
+var css$18 = {"root":"DPv5eI","size-24":"_7mkkpb","size-30":"Itf4Rm","size-36":"xV-JJn","size-42":"bvWhtW","size-48":"Xbgr16","mode-form":"G2POqw","mode-cell":"sM226V","size24":"_7mkkpb","size30":"Itf4Rm","size36":"xV-JJn","size42":"bvWhtW","size48":"Xbgr16","modeForm":"G2POqw","modeCell":"sM226V"};
 
 const defaultSize$8 = '36';
 const defaultMode$4 = EditMode.FORM;
@@ -902,7 +902,7 @@ const NumericInput = withMods(NumericInput$1, applyNumericInputMods, (props) =>
     });
 });
 
-var css$17 = {"root":"kV6LmK","mode-form":"ehx4xr","mode-cell":"_6-Ftpe","mode-inline":"-eQ18h","size-24":"eWmXRB","size-30":"_8h8Rva","size-36":"VjGn0i","size-42":"wMslky","size-48":"IWCL5x","modeForm":"ehx4xr","modeCell":"_6-Ftpe","modeInline":"-eQ18h","size24":"eWmXRB","size30":"_8h8Rva","size36":"VjGn0i","size42":"wMslky","size48":"IWCL5x"};
+var css$17 = {"root":"Hb55pe","mode-form":"GjQvcd","mode-cell":"HlinVr","mode-inline":"Ngm2FY","size-24":"EWp2DA","size-30":"_0FtNQX","size-36":"lFpDEP","size-42":"WPcvpP","size-48":"SLjLGx","modeForm":"GjQvcd","modeCell":"HlinVr","modeInline":"Ngm2FY","size24":"EWp2DA","size30":"_0FtNQX","size36":"lFpDEP","size42":"WPcvpP","size48":"SLjLGx"};
 
 const defaultSize$7 = '36';
 const defaultMode$3 = EditMode.FORM;
@@ -916,7 +916,7 @@ const TextArea = withMods(TextArea$1, applyTextAreaMods, (props) => ({
     maxLength: props.mode === EditMode.CELL ? undefined : props.maxLength,
 }));
 
-var css$16 = {"root":"UQvqWv"};
+var css$16 = {"root":"_6Mz11K"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -925,7 +925,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = withMods(DropdownContainer$1, applyDropdownContainerMods);
 
-var css$15 = {"root":"dRxkS-","icon":"CtwDcn","date-input":"wECJWS","dateInput":"wECJWS"};
+var css$15 = {"root":"AWJEEE","icon":"XLw6DC","date-input":"GSeQev","dateInput":"GSeQev"};
 
 const TimePickerBody = withMods(TimePickerBody$1, () => [css$15.root], () => ({ addIcon: ForwardRef$1c, subtractIcon: ForwardRef$1c }));
 
@@ -957,7 +957,7 @@ class TimePicker extends BaseTimePicker {
     }
 }
 
-var css$14 = {"container":"Dx7Pg2"};
+var css$14 = {"container":"gW40VX"};
 
 var _path$I;
 function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
@@ -1072,7 +1072,7 @@ function DatePickerHeader(props) {
             React.createElement(Button, { icon: ForwardRef$J, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow() }))));
 }
 
-var css$13 = {"root":"Lo25rY"};
+var css$13 = {"root":"ExtSYB"};
 
 function applyDateSelectionMods() {
     return [css$13.root];
@@ -1194,7 +1194,7 @@ var SvgNavigationClose24$1 = function SvgNavigationClose24(props, ref) {
 };
 var ForwardRef$E = /*#__PURE__*/forwardRef(SvgNavigationClose24$1);
 
-var css$12 = {"root":"K2KAdz","icon-wrapper":"_7imNC4","alert-wrapper":"ffymCL","size-48":"XG1Z2z","size-36":"zGlxFR","action-wrapper":"zf68U-","action-icon":"_86ZZ4W","action-link":"kiuVSW","close-icon":"_-3KSDW","main-path":"Jbm8T-","content":"tPMwd0","iconWrapper":"_7imNC4","alertWrapper":"ffymCL","size48":"XG1Z2z","size36":"zGlxFR","actionWrapper":"zf68U-","actionIcon":"_86ZZ4W","actionLink":"kiuVSW","closeIcon":"_-3KSDW","mainPath":"Jbm8T-"};
+var css$12 = {"root":"fHQEfn","icon-wrapper":"Te1C6p","alert-wrapper":"QZMybO","size-48":"pWUPAv","size-36":"Q608u9","action-wrapper":"x6mdaF","action-icon":"RSTk3V","action-link":"ck75ps","close-icon":"J-vxVp","main-path":"uURsb8","content":"khvWyj","iconWrapper":"Te1C6p","alertWrapper":"QZMybO","size48":"pWUPAv","size36":"Q608u9","actionWrapper":"x6mdaF","actionIcon":"RSTk3V","actionLink":"ck75ps","closeIcon":"J-vxVp","mainPath":"uURsb8"};
 
 const Alert = React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$12.alertWrapper, `uui-color-${props.color || 'default'}`, css$12.root, props.cx, (props.size === '36' ? css$12.size36 : css$12.size48)) }, props.rawProps),
     React.createElement("div", { className: css$12.mainPath },
@@ -1213,7 +1213,7 @@ function Dropdown(props) {
     return React.createElement(Dropdown$1, Object.assign({}, props));
 }
 
-var css$11 = {"menuRoot":"_6jqnzC","bodyRoot":"s5pXoO","submenuRootItem":"TcPZ6l","iconAfter":"BaaBe6","iconCheck":"HNFHex","splitterRoot":"F-klxV","splitter":"O8WYju","headerRoot":"KGAIpv","itemRoot":"X78Xgt","icon":"_7vyNBS","link":"vYmAcA"};
+var css$11 = {"menuRoot":"SfJVGZ","bodyRoot":"oR1SiY","submenuRootItem":"qA9qFE","iconAfter":"ExdedZ","iconCheck":"_6d8c6p","splitterRoot":"_4O1X0i","splitter":"w8913l","headerRoot":"n65e39","itemRoot":"sqAitH","icon":"UVWv3G","link":"vMWfj0"};
 
 const icons = systemIcons['36'];
 var IDropdownControlKeys;
@@ -1348,7 +1348,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$10 = {"root":"dFQsW8","mode-block":"PS6XBA","mode-inline":"jR4Ywp","padding-0":"lBrY-l","padding-6":"Z7ED-x","padding-12":"vcNKE-","padding-18":"lOr7yA","modeBlock":"PS6XBA","modeInline":"jR4Ywp","padding0":"lBrY-l","padding6":"Z7ED-x","padding12":"vcNKE-","padding18":"lOr7yA"};
+var css$10 = {"root":"CqfjsH","mode-block":"ylTpvI","mode-inline":"k8jLFB","padding-0":"tXGWyJ","padding-6":"D3AlOj","padding-12":"dFjZhY","padding-18":"xZpueL","modeBlock":"ylTpvI","modeInline":"k8jLFB","padding0":"tXGWyJ","padding6":"D3AlOj","padding12":"dFjZhY","padding18":"xZpueL"};
 
 function applyAccordionMods(mods) {
     return [
@@ -1359,7 +1359,7 @@ const Accordion = withMods(Accordion$1, applyAccordionMods, (mods) => ({
     dropdownIcon: mods.dropdownIcon !== null && systemIcons[mods.mode === 'block' ? '60' : '30'].foldingArrow,
 }));
 
-var css$$ = {"root":"tbgwCL","border-bottom":"iwje0H","top-shadow":"_3So7xQ","size-24":"Ow-XX4","size-30":"soxBaO","size-36":"Gyo35r","size-42":"NkxY7H","size-48":"AA4Sog","padding-6":"QwsNEV","padding-12":"frd4g0","padding-18":"BvlE1L","padding-24":"faz4ou","margin-24":"_6OjcmT","margin-12":"mqq9Kk","vPadding-12":"MDJps0","vPadding-18":"jDRKd6","vPadding-24":"qjxD0b","vPadding-36":"_973vFo","vPadding-48":"SEibAr","spacing-6":"ZV-d1y","spacing-12":"TzgrkY","spacing-18":"LGQXGg","borderBottom":"iwje0H","topShadow":"_3So7xQ","size24":"Ow-XX4","size30":"soxBaO","size36":"Gyo35r","size42":"NkxY7H","size48":"AA4Sog","padding6":"QwsNEV","padding12":"frd4g0","padding18":"BvlE1L","padding24":"faz4ou","margin24":"_6OjcmT","margin12":"mqq9Kk","vPadding12":"MDJps0","vPadding18":"jDRKd6","vPadding24":"qjxD0b","vPadding36":"_973vFo","vPadding48":"SEibAr","spacing6":"ZV-d1y","spacing12":"TzgrkY","spacing18":"LGQXGg"};
+var css$$ = {"root":"YsrMh8","border-bottom":"KBB1Ug","top-shadow":"xxSec4","size-24":"vPFb39","size-30":"j6EIQm","size-36":"dtRUyP","size-42":"xPgcHL","size-48":"F2FDct","padding-6":"xNlhoY","padding-12":"_0hgVzu","padding-18":"_5NvBco","padding-24":"I6qbop","margin-24":"Km5CY2","margin-12":"_4VF5Je","vPadding-12":"cPv0xO","vPadding-18":"T7pKFg","vPadding-24":"qZ4Sf7","vPadding-36":"en0CFJ","vPadding-48":"t1vFJ-","spacing-6":"stIxgh","spacing-12":"Ji-yIq","spacing-18":"HVK8rN","borderBottom":"KBB1Ug","topShadow":"xxSec4","size24":"vPFb39","size30":"j6EIQm","size36":"dtRUyP","size42":"xPgcHL","size48":"F2FDct","padding6":"xNlhoY","padding12":"_0hgVzu","padding18":"_5NvBco","padding24":"I6qbop","margin24":"Km5CY2","margin12":"_4VF5Je","vPadding12":"cPv0xO","vPadding18":"T7pKFg","vPadding24":"qZ4Sf7","vPadding36":"en0CFJ","vPadding48":"t1vFJ-","spacing6":"stIxgh","spacing12":"Ji-yIq","spacing18":"HVK8rN"};
 
 const FlexCell = withMods(FlexCell$1, () => [css$$.flexCell]);
 
@@ -1369,13 +1369,13 @@ const FlexRow = withMods(FlexRow$1, (props) => {
     ];
 });
 
-var css$_ = {"root":"NNU1Ry","margin-24":"bqi-qt","padding-12":"hcmCr0","padding-24":"-IIizP","shadow":"_-39MUE","margin24":"bqi-qt","padding12":"hcmCr0","padding24":"-IIizP"};
+var css$_ = {"root":"UGVIhh","margin-24":"vgsryX","padding-12":"jHdjS-","padding-24":"UJFY7a","shadow":"-nWVfu","margin24":"vgsryX","padding12":"jHdjS-","padding24":"UJFY7a"};
 
 const Panel = withMods(VPanel, (props) => [
     'uui-panel', css$_.root, props.shadow && css$_.shadow, props.margin && css$_['margin-' + props.margin],
 ]);
 
-var css$Z = {"root":"e2cfXp"};
+var css$Z = {"root":"nS0zaK"};
 
 function applyTooltipMods(mods) {
     return [
@@ -1385,7 +1385,7 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = withMods(Tooltip$1, applyTooltipMods);
 
-var css$Y = {"root":"_6P9yfJ","size-24":"_6J69TO","size-30":"VK0FMi","size-36":"vnG8wA","size-42":"yzHcV0","size-48":"c-TKeo","size24":"_6J69TO","size30":"VK0FMi","size36":"vnG8wA","size42":"yzHcV0","size48":"c-TKeo"};
+var css$Y = {"root":"FEpBfY","size-24":"_8BweCF","size-30":"mBezly","size-36":"bIdcUp","size-42":"c08VRt","size-48":"h0xqcR","size24":"_8BweCF","size30":"mBezly","size36":"bIdcUp","size42":"c08VRt","size48":"h0xqcR"};
 
 const defaultSize$6 = '36';
 function applyLabeledInputMods(mods) {
@@ -1396,7 +1396,7 @@ const LabeledInput = withMods(LabeledInput$1, applyLabeledInputMods, (props) =>
     infoIcon: systemIcons[props.size || defaultSize$6].help,
 }));
 
-var css$X = {"root":"xnzZXv"};
+var css$X = {"root":"dw56tA"};
 
 const RadioGroup = withMods(RadioGroup$1, () => [css$X.root], () => ({ RadioInput }));
 
@@ -1409,9 +1409,9 @@ const ScrollBars = withMods(ScrollBars$1, applyScrollBarsMods);
 
 const VirtualList = VirtualList$1;
 
-var css$W = {"root":"rjT1Gf"};
+var css$W = {"root":"UsK-Rt"};
 
-var css$V = {"root":"QWgHtB","uui-spinner":"hGD-6B","uuiSpinner":"hGD-6B"};
+var css$V = {"root":"v6o0PL","uui-spinner":"li5HgG","uuiSpinner":"li5HgG"};
 
 function applySpinnerMods() {
     return [css$V.root];
@@ -1420,11 +1420,11 @@ const Spinner = withMods(Spinner$1, applySpinnerMods);
 
 const Blocker = withMods(Blocker$1, () => [css$W.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
-var css$U = {"root":"_2JXNhd"};
+var css$U = {"root":"_2Wisvp"};
 
 const CheckboxGroup = withMods(CheckboxGroup$1, () => [css$U.root], () => ({ CheckboxInput: Checkbox }));
 
-var css$T = {"root":"OWVGiv"};
+var css$T = {"root":"fqA3Q1"};
 
 const i18n = Object.assign(Object.assign({}, i18n$2), { dataPickerBody: {
         searchPlaceholder: 'Search',
@@ -1515,7 +1515,7 @@ const i18n = Object.assign(Object.assign({}, i18n$2), { dataPickerBody: {
         fileSizeProgress: ' of ',
     } });
 
-var css$S = {"body":"_3-j3-F","modal":"ic9Man","search-wrapper":"_1PLHt8","checkbox":"Tbcbqq","no-found-size-24":"pTk47p","no-found-size-30":"_5WWtsP","no-found-size-36":"Weppi8","no-found-size-42":"Kpr9Po","searchWrapper":"_1PLHt8","noFoundSize24":"pTk47p","noFoundSize30":"_5WWtsP","noFoundSize36":"Weppi8","noFoundSize42":"Kpr9Po"};
+var css$S = {"body":"m6yapY","modal":"uNYPN0","search-wrapper":"HvLRBk","checkbox":"_60kyyK","no-found-size-24":"D0gT-C","no-found-size-30":"rrz2uL","no-found-size-36":"VjXfUD","no-found-size-42":"DBTllg","searchWrapper":"HvLRBk","noFoundSize24":"D0gT-C","noFoundSize30":"rrz2uL","noFoundSize36":"VjXfUD","noFoundSize42":"DBTllg"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -1570,7 +1570,7 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = React__default.memo(DataPickerFooterImpl);
 
-var css$R = {"header":"edkUM9","close":"ZmUymM"};
+var css$R = {"header":"I9nM79","close":"_8MiiNK"};
 
 var _path$B;
 function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
@@ -1620,7 +1620,7 @@ var SvgTreeFoldingArrow = function SvgTreeFoldingArrow(props, ref) {
 };
 var ForwardRef$C = /*#__PURE__*/forwardRef(SvgTreeFoldingArrow);
 
-var css$Q = {"cell":"_0Ct8Up","wrapper":"Ny-wfK","align-widgets-top":"RWyajf","size-24":"dQi2bT","folding-arrow":"Tdlj0U","size-30":"C32sKZ","size-36":"DUmLaX","size-42":"muHyuA","size-48":"_8G1v2O","size-60":"-pZspS","align-widgets-center":"nXo1--","padding-12":"yuqa-M","padding-24":"Hd2YjI","padding-left-12":"Qf8Ahm","padding-left-24":"-VlKDw","padding-right-24":"leX0C6","drag-handle":"D7kKUr","checkbox":"n4dWJV","indent":"bEhwX1","folding-arrow-12":"GlyhDj","folding-arrow-18":"DNsqz5","icon-container":"KUky9O","alignWidgetsTop":"RWyajf","size24":"dQi2bT","foldingArrow":"Tdlj0U","size30":"C32sKZ","size36":"DUmLaX","size42":"muHyuA","size48":"_8G1v2O","size60":"-pZspS","alignWidgetsCenter":"nXo1--","padding12":"yuqa-M","padding24":"Hd2YjI","paddingLeft12":"Qf8Ahm","paddingLeft24":"-VlKDw","paddingRight24":"leX0C6","dragHandle":"D7kKUr","foldingArrow12":"GlyhDj","foldingArrow18":"DNsqz5","iconContainer":"KUky9O"};
+var css$Q = {"cell":"zSKKCw","wrapper":"BnAODd","align-widgets-top":"JZk-WT","size-24":"OStCoS","folding-arrow":"loOEKu","size-30":"_0zzYtQ","size-36":"hIcguP","size-42":"vbF5vN","size-48":"kEOdj3","size-60":"PIcvgX","align-widgets-center":"xCZq9O","padding-12":"DmhGQt","padding-24":"D45Geu","padding-left-12":"mRsAMF","padding-left-24":"weBjep","padding-right-24":"_65AZjC","drag-handle":"Q4BsZF","checkbox":"nDi96m","indent":"Zgflpj","folding-arrow-12":"asffmw","folding-arrow-18":"UCfYsG","icon-container":"X9j-kn","alignWidgetsTop":"JZk-WT","size24":"OStCoS","foldingArrow":"loOEKu","size30":"_0zzYtQ","size36":"hIcguP","size42":"vbF5vN","size48":"kEOdj3","size60":"PIcvgX","alignWidgetsCenter":"xCZq9O","padding12":"DmhGQt","padding24":"D45Geu","paddingLeft12":"mRsAMF","paddingLeft24":"weBjep","paddingRight24":"_65AZjC","dragHandle":"Q4BsZF","foldingArrow12":"asffmw","foldingArrow18":"UCfYsG","iconContainer":"X9j-kn"};
 
 function DataTableRowAddons(props) {
     var _a, _b;
@@ -1646,6 +1646,7 @@ function DataTableCell(props) {
     props.renderTooltip = (tooltipProps) => React.createElement(Tooltip, Object.assign({ color: "critical" }, tooltipProps));
     const isEditable = !!props.onValueChange;
     props.cx = [
+        'uui-dt-vars',
         'data-table-cell',
         props.cx,
         css$Q.cell,
@@ -1708,7 +1709,7 @@ var SvgNotificationDone12 = function SvgNotificationDone12(props, ref) {
 };
 var ForwardRef$z = /*#__PURE__*/forwardRef(SvgNotificationDone12);
 
-var css$P = {"render-item":"txz-U8","icon-wrapper":"VwcaMJ","picker-row":"Q-Lnjx","icon-default":"_1IzqNT","icon-primary":"Njz327","renderItem":"txz-U8","iconWrapper":"VwcaMJ","pickerRow":"Q-Lnjx","iconDefault":"_1IzqNT","iconPrimary":"Njz327"};
+var css$P = {"render-item":"BTKtJ5","icon-wrapper":"_7dZqfe","picker-row":"Jbc86-","icon-default":"Zon5Cg","icon-primary":"fgLvcX","renderItem":"BTKtJ5","iconWrapper":"_7dZqfe","pickerRow":"Jbc86-","iconDefault":"Zon5Cg","iconPrimary":"fgLvcX"};
 
 class DataPickerRow extends React.Component {
     constructor() {
@@ -1746,7 +1747,7 @@ class DataPickerRow extends React.Component {
     }
 }
 
-var css$O = {"done":"TF-DgL"};
+var css$O = {"done":"cOrsY0"};
 
 const MobileDropdownWrapper = (props) => {
     const isVisible = isMobile();
@@ -1757,7 +1758,7 @@ const MobileDropdownWrapper = (props) => {
         isVisible && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$O.done, size: "48" })));
 };
 
-var css$N = {"sub-header-wrapper":"_37l8Sk","switch":"DCNyr2","no-found-modal-container":"Aynezx","no-found-modal-container-icon":"_8N5xsr","no-found-modal-container-text":"mUTZVh","subHeaderWrapper":"_37l8Sk","$switch$":"DCNyr2","noFoundModalContainer":"Aynezx","noFoundModalContainerIcon":"_8N5xsr","noFoundModalContainerText":"mUTZVh"};
+var css$N = {"sub-header-wrapper":"yA2k-w","switch":"_4IxSOl","no-found-modal-container":"F3oJMz","no-found-modal-container-icon":"lw3Ud2","no-found-modal-container-text":"G4mosa","subHeaderWrapper":"yA2k-w","$switch$":"_4IxSOl","noFoundModalContainer":"F3oJMz","noFoundModalContainerIcon":"lw3Ud2","noFoundModalContainerText":"G4mosa"};
 
 var _path$x, _path2$1;
 function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$y.apply(this, arguments); }
@@ -1836,11 +1837,11 @@ class PickerModal extends React.Component {
     }
 }
 
-var css$M = {"root":"VXyMKf"};
+var css$M = {"root":"UjfrDv"};
 
 const AvatarStack = withMods(AvatarStack$1, () => [css$M.root]);
 
-var css$L = {"root":"_4rnl1z","size-18":"mgM-6Y","size-24":"v0YQOk","size-30":"_8JQCXQ","size-36":"fMxPo9","size-42":"OXHUtv","size-48":"VWwcob","size18":"mgM-6Y","size24":"v0YQOk","size30":"_8JQCXQ","size36":"fMxPo9","size42":"OXHUtv","size48":"VWwcob"};
+var css$L = {"root":"_-5k1Ns","size-18":"rGLsAP","size-24":"X5jgWo","size-30":"iHh0kM","size-36":"E4u6mo","size-42":"l9dryK","size-48":"Y-VPhr","size18":"rGLsAP","size24":"X5jgWo","size30":"iHh0kM","size36":"E4u6mo","size42":"l9dryK","size48":"Y-VPhr"};
 
 const defaultSize$5 = '36';
 const mapSize$1 = {
@@ -1866,7 +1867,7 @@ const Badge = withMods(Button$1, applyBadgeMods, (props) => ({
     countPosition: 'left',
 }));
 
-var css$K = {"root":"dy4p0g","size-18":"W-Y9cJ","size-24":"Mq68yP","size-30":"D-VYcz","size-36":"IHOcsN","size-42":"_8-BVzo","size-48":"pnDnpX","size18":"W-Y9cJ","size24":"Mq68yP","size30":"D-VYcz","size36":"IHOcsN","size42":"_8-BVzo","size48":"pnDnpX"};
+var css$K = {"root":"_3JBx9a","size-18":"_95Zccq","size-24":"aKgepU","size-30":"iYdvbC","size-36":"NRE3wn","size-42":"yqn3hq","size-48":"dWJeP8","size18":"_95Zccq","size24":"aKgepU","size30":"iYdvbC","size36":"NRE3wn","size42":"yqn3hq","size48":"dWJeP8"};
 
 const defaultSize$4 = '36';
 const mapSize = {
@@ -1885,7 +1886,7 @@ const Tag = withMods(Button$1, applyTagMods, (props) => ({
     clearIcon: systemIcons[mapSize[props.size] || defaultSize$4].clear,
 }));
 
-var css$J = {"root":"_7OVVnL","spacer":"WWt50S","mode-ghost":"JCaRvI","size-24":"jk2tZu","size-30":"xMsWIm","navigation-size-24":"F-meY3","navigation-size-30":"-wFBSl","modeGhost":"JCaRvI","size24":"jk2tZu","size30":"xMsWIm","navigationSize24":"F-meY3","navigationSize30":"-wFBSl"};
+var css$J = {"root":"dgDVq7","spacer":"VCkNTO","mode-ghost":"LyhnzN","size-24":"Hhg4Yg","size-30":"Scjc1g","navigation-size-24":"JGifsX","navigation-size-30":"_8HjIjv","modeGhost":"LyhnzN","size24":"Hhg4Yg","size30":"Scjc1g","navigationSize24":"JGifsX","navigationSize30":"_8HjIjv"};
 
 var _path$w;
 function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
@@ -1940,14 +1941,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
 }
 
-var css$I = {"root":"NqnrT5","bar":"f2z39S","progressBar-indeterminate":"kDUsmT","size-12":"_9HaROu","size-18":"_4CJfTp","size-24":"tHA5iq","progressBarIndeterminate":"kDUsmT","size12":"_9HaROu","size18":"_4CJfTp","size24":"tHA5iq"};
+var css$I = {"root":"VfmepX","bar":"isqewK","progressBar-indeterminate":"Wg7Cpk","size-12":"-lPV5R","size-18":"QBUG2I","size-24":"lJppgr","progressBarIndeterminate":"Wg7Cpk","size12":"-lPV5R","size18":"QBUG2I","size24":"lJppgr"};
 
 const IndeterminateBar = React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx(props.cx, css$I.root, css$I[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(css$I.bar) })));
 });
 
-var css$H = {"root":"zHXoyb","striped":"_6Xypc3","animate-stripes":"gnr7Fk","size-12":"e6duwx","size-18":"_3z4065","size-24":"V3XBMl","animateStripes":"gnr7Fk","size12":"e6duwx","size18":"_3z4065","size24":"V3XBMl"};
+var css$H = {"root":"CFGCsO","striped":"_2VtLi3","animate-stripes":"zbhUli","size-12":"_2YiwSS","size-18":"ULVGlI","size-24":"Uz0mrC","animateStripes":"zbhUli","size12":"_2YiwSS","size18":"ULVGlI","size24":"Uz0mrC"};
 
 const defaultSize$3 = '12';
 function applyProgressBarMods(mods) {
@@ -1960,7 +1961,7 @@ const ProgressBar = withMods(ProgressBar$1, applyProgressBarMods, (props) => ({
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$G = {"root":"qhyrX6"};
+var css$G = {"root":"_58X3Ct"};
 
 const IndicatorBar = React.forwardRef((props, ref) => {
     const { progress } = props;
@@ -1970,7 +1971,7 @@ const IndicatorBar = React.forwardRef((props, ref) => {
 const MAX_ITEMS = 100;
 const getMaxItems = (maxItems) => maxItems || maxItems === 0 ? maxItems : MAX_ITEMS;
 
-var css$F = {"root":"eeyMrY","mode-form":"tIwAtY","mode-cell":"_7kv3sn","mode-inline":"xhlfVP","size-24":"_2uziD3","size-30":"_6FttDP","size-36":"HPx004","size-42":"hbolbs","size-48":"jxXPkM","modeForm":"tIwAtY","modeCell":"_7kv3sn","modeInline":"xhlfVP","size24":"_2uziD3","size30":"_6FttDP","size36":"HPx004","size42":"hbolbs","size48":"jxXPkM"};
+var css$F = {"root":"xI7zD6","mode-form":"GlOAgX","mode-cell":"Gjyr9F","mode-inline":"EHSytE","size-24":"yf0mTG","size-30":"_1-dzc-","size-36":"YKAYPj","size-42":"_2fLXX7","size-48":"CmFchS","modeForm":"GlOAgX","modeCell":"Gjyr9F","modeInline":"EHSytE","size24":"yf0mTG","size30":"_1-dzc-","size36":"YKAYPj","size42":"_2fLXX7","size48":"CmFchS"};
 
 const defaultSize$2 = '36';
 const defaultMode$1 = EditMode.FORM;
@@ -2020,9 +2021,9 @@ function PickerTogglerComponent(props, ref) {
 }
 const PickerToggler = React.forwardRef(PickerTogglerComponent);
 
-var css$E = {"root":"oElIPH","multiline-vertical-padding-24":"PfDEzT","multiline-vertical-padding-30":"smcM4P","multiline-vertical-padding-36":"DR3IrQ","multiline-vertical-padding-42":"yPu6u-","multiline-vertical-padding-48":"B6ncD9","text":"EAdEBn","multilineVerticalPadding24":"PfDEzT","multilineVerticalPadding30":"smcM4P","multilineVerticalPadding36":"DR3IrQ","multilineVerticalPadding42":"yPu6u-","multilineVerticalPadding48":"B6ncD9"};
+var css$E = {"root":"xlF0-S","multiline-vertical-padding-24":"h5kLI6","multiline-vertical-padding-30":"ucBAtU","multiline-vertical-padding-36":"eRHptB","multiline-vertical-padding-42":"SJMeyt","multiline-vertical-padding-48":"C6NZT6","text":"EKBwYy","multilineVerticalPadding24":"h5kLI6","multilineVerticalPadding30":"ucBAtU","multilineVerticalPadding36":"eRHptB","multilineVerticalPadding42":"SJMeyt","multilineVerticalPadding48":"C6NZT6"};
 
-var css$D = {"highlighted-text":"kjTqrg","highlightedText":"kjTqrg"};
+var css$D = {"highlighted-text":"BDPloQ","highlightedText":"BDPloQ"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -2118,7 +2119,7 @@ PickerItem.defaultProps = {
     highlightSearchMatches: true,
 };
 
-var css$C = {"panel":"_6aHo2o","footer-wrapper":"oM1c-6","footer-size-24":"i-au-k","footer-size-30":"HKL-f-","footer-size-36":"bINX9M","footer-size-42":"jpSJip","footer-size-48":"MmA7dQ","footerWrapper":"oM1c-6","footerSize24":"i-au-k","footerSize30":"HKL-f-","footerSize36":"bINX9M","footerSize42":"jpSJip","footerSize48":"MmA7dQ"};
+var css$C = {"panel":"VL6iPh","footer-wrapper":"_1BCTnu","footer-size-24":"s0Bi7i","footer-size-30":"wJtiGo","footer-size-36":"M5slYb","footer-size-42":"IXqJ3P","footer-size-48":"zajMwC","footerWrapper":"_1BCTnu","footerSize24":"s0Bi7i","footerSize30":"wJtiGo","footerSize36":"M5slYb","footerSize42":"IXqJ3P","footerSize48":"zajMwC"};
 
 const pickerHeight$1 = 300;
 const pickerWidth$1 = 360;
@@ -2186,7 +2187,7 @@ class PickerInput extends PickerInputBase {
     }
 }
 
-var css$B = {"row":"tRUtY2"};
+var css$B = {"row":"Jbx9o4"};
 
 class PickerListItem extends React__default.Component {
     render() {
@@ -2247,7 +2248,7 @@ class PickerList extends PickerListBase {
 }
 PickerList.contextType = UuiContext;
 
-var css$A = {"root":"haKPNb","title-wrapper":"Iblda-","title":"ZzX-Jw","text-wrapper":"tMZBMJ","selection":"Lt9KCO","postfix":"_04tpcy","selected":"XUB1tW","titleWrapper":"Iblda-","textWrapper":"tMZBMJ"};
+var css$A = {"root":"Lc3twb","title-wrapper":"GisRn8","title":"i-0KcV","text-wrapper":"_9KjqUc","selection":"ODafNU","postfix":"MV4eFb","selected":"nyPiDK","titleWrapper":"GisRn8","textWrapper":"_9KjqUc"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = React.forwardRef((props, ref) => {
@@ -2364,7 +2365,7 @@ class FilterDatePickerBody extends BaseDatePicker {
     }
 }
 
-var css$z = {"date-input":"CQjM0N","size-24":"uta-fj","size-30":"XAIRYC","size-36":"eWNXhM","size-42":"s4c8tH","size-48":"_4BiFp-","date-input-group":"FaTcca","separator":"Q2OLj9","mode-form":"kcYNE0","mode-cell":"H6M0jf","dateInput":"CQjM0N","size24":"uta-fj","size30":"XAIRYC","size36":"eWNXhM","size42":"s4c8tH","size48":"_4BiFp-","dateInputGroup":"FaTcca","modeForm":"kcYNE0","modeCell":"H6M0jf"};
+var css$z = {"date-input":"siEqHn","size-24":"QKD91V","size-30":"KFS7hU","size-36":"SFhkyc","size-42":"sk8WPj","size-48":"ZnokTV","date-input-group":"uF-ASR","separator":"LWmJvv","mode-form":"mmcT5K","mode-cell":"IMK3L6","dateInput":"siEqHn","size24":"QKD91V","size30":"KFS7hU","size36":"SFhkyc","size42":"sk8WPj","size48":"ZnokTV","dateInputGroup":"uF-ASR","modeForm":"mmcT5K","modeCell":"IMK3L6"};
 
 class FilterRangeDatePickerBody extends BaseRangeDatePicker {
     constructor() {
@@ -2396,7 +2397,7 @@ class FilterRangeDatePickerBody extends BaseRangeDatePicker {
     }
 }
 
-var css$y = {"container":"TnpZfI"};
+var css$y = {"container":"r7YNbl"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2487,7 +2488,7 @@ var SvgActionDeleteforever12 = function SvgActionDeleteforever12(props, ref) {
 };
 var ForwardRef$v = /*#__PURE__*/forwardRef(SvgActionDeleteforever12);
 
-var css$x = {"header":"_3iFlLk","removeButton":"d6zQNN","with-search":"uDJfNW","panel":"rsk6L8","withSearch":"uDJfNW"};
+var css$x = {"header":"jZJTSs","removeButton":"qB2MYV","with-search":"_5UZ7MM","panel":"t3-8u0","withSearch":"_5UZ7MM"};
 
 function FiltersToolbarItemImpl(props) {
     const { maxCount = 2 } = props;
@@ -2784,9 +2785,9 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = React__default.memo(FiltersToolbarImpl);
 
-var css$w = {"divider":"_7zrTig","dropdownDeleteIcon":"_6PNjni","presetsWrapper":"UOli1p","addPresetContainer":"_8hdmtT","dropContainer":"T9FSyc"};
+var css$w = {"divider":"UEO8x5","dropdownDeleteIcon":"OuJeUl","presetsWrapper":"av683i","addPresetContainer":"PLAmtz","dropContainer":"YFniCM"};
 
-var css$v = {"preset-dropdown-panel":"s0k-3K","delete-row":"xI7THV","delete-button":"hNPvuc","targetOpen":"xrj0L0","presetDropdownPanel":"s0k-3K","deleteRow":"xI7THV","deleteButton":"hNPvuc"};
+var css$v = {"preset-dropdown-panel":"W-1aql","delete-row":"zCaHXp","delete-button":"hauuGK","targetOpen":"-pILry","presetDropdownPanel":"W-1aql","deleteRow":"zCaHXp","deleteButton":"hauuGK"};
 
 var _path$s;
 function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
@@ -2980,7 +2981,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$u = {"preset-input-cell":"QOUSVs","preset-input":"pPXCvp","presetInputCell":"QOUSVs","presetInput":"pPXCvp"};
+var css$u = {"preset-input-cell":"qxmGQM","preset-input":"_6wWYNJ","presetInputCell":"qxmGQM","presetInput":"_6wWYNJ"};
 
 function PresetInput(props) {
     var _a;
@@ -3005,7 +3006,7 @@ function PresetInput(props) {
         React__default.createElement(TextInput, { cx: css$u.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50 })));
 }
 
-var css$t = {"preset":"LyeNgN","activePreset":"oGFX9Q"};
+var css$t = {"preset":"_38xI-e","activePreset":"LDGoAV"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -3119,7 +3120,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$s = {"line-height-12":"NX2-F4","line-height-18":"mEsWtk","line-height-24":"eaXOUs","line-height-30":"GlZ8ex","font-size-10":"eBlh0c","font-size-12":"IHKJWl","font-size-14":"WGTt0i","font-size-16":"atRZyD","font-size-18":"pQwy2P","font-size-24":"Jwom2C","v-padding-2":"rTJLCj","v-padding-3":"_8Q1QFV","v-padding-5":"WHjJJK","v-padding-6":"_7IWOjZ","v-padding-8":"SCaCyn","v-padding-9":"Nlx-9z","v-padding-11":"HjGzt-","v-padding-12":"AgCU4G","v-padding-14":"J0RtHl","v-padding-15":"_--YbZ3","v-padding-17":"_4sXaDd","v-padding-18":"dRk-ta","v-padding-23":"NIUOV-","v-padding-24":"KnHlji","lineHeight12":"NX2-F4","lineHeight18":"mEsWtk","lineHeight24":"eaXOUs","lineHeight30":"GlZ8ex","fontSize10":"eBlh0c","fontSize12":"IHKJWl","fontSize14":"WGTt0i","fontSize16":"atRZyD","fontSize18":"pQwy2P","fontSize24":"Jwom2C","vPadding2":"rTJLCj","vPadding3":"_8Q1QFV","vPadding5":"WHjJJK","vPadding6":"_7IWOjZ","vPadding8":"SCaCyn","vPadding9":"Nlx-9z","vPadding11":"HjGzt-","vPadding12":"AgCU4G","vPadding14":"J0RtHl","vPadding15":"_--YbZ3","vPadding17":"_4sXaDd","vPadding18":"dRk-ta","vPadding23":"NIUOV-","vPadding24":"KnHlji"};
+var css$s = {"line-height-12":"mD-DmK","line-height-18":"_2QYXWl","line-height-24":"mSerP9","line-height-30":"zBBXL-","font-size-10":"fy2mqS","font-size-12":"uAImK-","font-size-14":"_7m0RYD","font-size-16":"_1z-8Jy","font-size-18":"MNxnAk","font-size-24":"zxKzOf","v-padding-2":"_3sj4zE","v-padding-3":"fvUIPc","v-padding-5":"c4494d","v-padding-6":"j98gti","v-padding-8":"eCaGtG","v-padding-9":"eUZO5R","v-padding-11":"dDxCeH","v-padding-12":"OIqffZ","v-padding-14":"um7LQL","v-padding-15":"zTy9hQ","v-padding-17":"bmbOqd","v-padding-18":"GOQA06","v-padding-23":"m0Xyxp","v-padding-24":"_4mS8-T","lineHeight12":"mD-DmK","lineHeight18":"_2QYXWl","lineHeight24":"mSerP9","lineHeight30":"zBBXL-","fontSize10":"fy2mqS","fontSize12":"uAImK-","fontSize14":"_7m0RYD","fontSize16":"_1z-8Jy","fontSize18":"MNxnAk","fontSize24":"zxKzOf","vPadding2":"_3sj4zE","vPadding3":"fvUIPc","vPadding5":"c4494d","vPadding6":"j98gti","vPadding8":"eCaGtG","vPadding9":"eUZO5R","vPadding11":"dDxCeH","vPadding12":"OIqffZ","vPadding14":"um7LQL","vPadding15":"zTy9hQ","vPadding17":"bmbOqd","vPadding18":"GOQA06","vPadding23":"m0Xyxp","vPadding24":"_4mS8-T"};
 
 const defaultTextSettings = {
     18: { lineHeight: 12, fontSize: 10 },
@@ -3161,7 +3162,7 @@ function applyTextMods(mods) {
 }
 const Text = withMods(Text$1, applyTextMods);
 
-var css$r = {"root":"Fs1oOI","loading-word":"LI6AnV","animated-loading":"aPNLB-","skeleton_loading":"fykZSX","loadingWord":"LI6AnV","animatedLoading":"aPNLB-","skeletonLoading":"fykZSX"};
+var css$r = {"root":"BPCsED","loading-word":"Crp14x","animated-loading":"M7qCA1","skeleton_loading":"lm9PTM","loadingWord":"Crp14x","animatedLoading":"M7qCA1","skeletonLoading":"lm9PTM"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3178,11 +3179,11 @@ const TextPlaceholder = (props) => {
         ]), dangerouslySetInnerHTML: { __html: it } })))));
 };
 
-var style = {"typography-16":"NKlC2l","typography-14":"n16sOx","typography-12":"fS5q3q","typography-uui":"kI7KrA","typography16":"NKlC2l","typography14":"n16sOx","typography12":"fS5q3q","typographyUui":"kI7KrA"};
+var style = {"typography-16":"XcDmAh","typography-14":"JRebeP","typography-12":"X-Dshb","typography-uui":"c-P7ZZ","typography16":"XcDmAh","typography14":"JRebeP","typography12":"X-Dshb","typographyUui":"c-P7ZZ"};
 
 const RichTextView = withMods(RichTextView$1, (mods) => [style.typographyUui, style['typography-' + (mods.size || '14')]]);
 
-var css$q = {"modal-blocker":"Bp-OQA","animateModalBlocker":"Ap0G5L","modal":"rVLxlg","modal-footer":"IS3BZM","border-top":"hSnMfA","modal-header":"pWMlIf","modalBlocker":"Bp-OQA","modalFooter":"IS3BZM","borderTop":"hSnMfA","modalHeader":"pWMlIf"};
+var css$q = {"modal-blocker":"xNQp-e","animateModalBlocker":"PQfcDA","modal":"NAGHnD","modal-footer":"rz6hez","border-top":"AtKl0U","modal-header":"ITVRj-","modalBlocker":"xNQp-e","modalFooter":"rz6hez","borderTop":"AtKl0U","modalHeader":"ITVRj-"};
 
 const ModalBlocker = withMods(ModalBlocker$1, () => [css$q.modalBlocker]);
 const ModalWindow = withMods(ModalWindow$1, () => [css$q.modal], (props) => ({
@@ -3222,7 +3223,7 @@ var SvgCross = function SvgCross(props, ref) {
 };
 var ForwardRef$k = /*#__PURE__*/forwardRef(SvgCross);
 
-var css$p = {"root":"jHTpF0","icon-wrapper":"IPkii8","action-wrapper":"G-4Bgp","action-link":"rXfXXD","close-icon":"_-5bs2B","main-path":"uiidE2","content":"wibSks","clear-button":"_1TlVzN","close-wrapper":"UCJ9Kh","iconWrapper":"IPkii8","actionWrapper":"G-4Bgp","actionLink":"rXfXXD","closeIcon":"_-5bs2B","mainPath":"uiidE2","clearButton":"_1TlVzN","closeWrapper":"UCJ9Kh"};
+var css$p = {"root":"pCXiv4","icon-wrapper":"vH-GMH","action-wrapper":"TrN3M4","action-link":"B6ngXi","close-icon":"Yt3CXa","main-path":"Q5CLyt","content":"SYYXq6","clear-button":"CT0ILR","close-wrapper":"SZLITI","iconWrapper":"vH-GMH","actionWrapper":"TrN3M4","actionLink":"B6ngXi","closeIcon":"Yt3CXa","mainPath":"Q5CLyt","clearButton":"CT0ILR","closeWrapper":"SZLITI"};
 
 const NotificationCard = React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -3304,14 +3305,14 @@ class DatePicker extends BaseDatePicker {
     }
 }
 
-var css$o = {"root":"Sg587u"};
+var css$o = {"root":"aVhaQT"};
 
 function applyCalendarPresetsMods() {
     return [css$o.root];
 }
 const CalendarPresets = withMods(CalendarPresets$1, applyCalendarPresetsMods, () => ({}));
 
-var css$n = {"root":"gCWaja","container":"eOjT8U","day-selection":"o0FvOW","from-picker":"wmWqK3","to-picker":"qq3dKr","bodes-wrapper":"INDlLJ","blocker":"hV0v-w","daySelection":"o0FvOW","fromPicker":"wmWqK3","toPicker":"qq3dKr","bodesWrapper":"INDlLJ"};
+var css$n = {"root":"J24ofS","container":"K356qe","day-selection":"CBx8ti","from-picker":"VwsIlC","to-picker":"SdXbfe","bodes-wrapper":"_1SSpDE","blocker":"V6UilZ","daySelection":"CBx8ti","fromPicker":"VwsIlC","toPicker":"SdXbfe","bodesWrapper":"_1SSpDE"};
 
 dayjs.extend(isoWeek);
 function weekCount(displayedDate) {
@@ -3472,7 +3473,7 @@ class RangeDatePickerBody extends React.Component {
     }
 }
 
-var css$m = {"dropdown-container":"W-T-SR","container":"NPlxju","button-group":"hvOYMm","date-input":"Lf3VUh","size-24":"b0sDCb","size-30":"-yimxc","size-36":"_94ZfFC","size-42":"bgs4Jr","size-48":"eOmju7","date-input-group":"u3jMJg","separator":"_0hMgv8","mode-form":"-T1Uuc","mode-cell":"H653dA","dropdownContainer":"W-T-SR","buttonGroup":"hvOYMm","dateInput":"Lf3VUh","size24":"b0sDCb","size30":"-yimxc","size36":"_94ZfFC","size42":"bgs4Jr","size48":"eOmju7","dateInputGroup":"u3jMJg","modeForm":"-T1Uuc","modeCell":"H653dA"};
+var css$m = {"dropdown-container":"dhymYA","container":"wF8-Tp","button-group":"yB9sHY","date-input":"PmHtZ-","size-24":"RnZN3J","size-30":"UyMsvV","size-36":"Dszt05","size-42":"nHX49-","size-48":"_1ujJlj","date-input-group":"heduuN","separator":"-M6hA6","mode-form":"H7DxgE","mode-cell":"CCvtEH","dropdownContainer":"dhymYA","buttonGroup":"yB9sHY","dateInput":"PmHtZ-","size24":"RnZN3J","size30":"UyMsvV","size36":"Dszt05","size42":"nHX49-","size48":"_1ujJlj","dateInputGroup":"heduuN","modeForm":"H7DxgE","modeCell":"CCvtEH"};
 
 const defaultValue = { from: null, to: null };
 class RangeDatePicker extends BaseRangeDatePicker {
@@ -3505,7 +3506,7 @@ class RangeDatePicker extends BaseRangeDatePicker {
     }
 }
 
-var css$l = {"blocker":"AlDbb0","marker":"BRuNP1","top":"gl0nkL","bottom":"TTdNS-","left":"ZPGvuN","right":"wv96nG","inside":"XUQbOF"};
+var css$l = {"blocker":"jwsQao","marker":"X9feU3","top":"ERI2ck","bottom":"Y0L5K5","left":"aY-aN4","right":"_6eqhiy","inside":"jRan0v"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3519,7 +3520,7 @@ function DropMarker(props) {
         : null;
 }
 
-var css$k = {"root":"ejptRg","size-24":"_6KmvB-","size-30":"tYBqE0","size-36":"ydXg7p","size-48":"DbBoY4","size-60":"Cyizo9","size24":"_6KmvB-","size30":"tYBqE0","size36":"ydXg7p","size48":"DbBoY4","size60":"Cyizo9"};
+var css$k = {"root":"DxeoCE","size-24":"_0op7oQ","size-30":"VsMSo0","size-36":"-ioU0j","size-48":"yPS-CM","size-60":"luSckc","size24":"_0op7oQ","size30":"VsMSo0","size36":"-ioU0j","size48":"yPS-CM","size60":"luSckc"};
 
 // 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.
@@ -3531,13 +3532,13 @@ const renderDropMarkers = (props) => React.createElement(DropMarker, Object.assi
 const propsMods = { renderCell, renderDropMarkers };
 const DataTableRow = withMods(DataTableRow$1, ({ borderBottom = true, size }) => {
     return [
-        css$k.root, borderBottom && 'uui-dt-row-border', css$k['size-' + (size || '36')],
+        css$k.root, 'uui-dt-vars', borderBottom && 'uui-dt-row-border', css$k['size-' + (size || '36')],
     ];
 }, () => propsMods);
 
-var css$j = {"panel":"abOQ0R"};
+var css$j = {"panel":"TTNmJf"};
 
-var css$i = {"sorting-panel-container":"TbLjCv","sort-active":"btJ5r1","sortingPanelContainer":"TbLjCv","sortActive":"btJ5r1"};
+var css$i = {"sorting-panel-container":"AMBqQt","sort-active":"oXsW9B","sortingPanelContainer":"AMBqQt","sortActive":"oXsW9B"};
 
 var _path$i;
 function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
@@ -3600,7 +3601,7 @@ const ColumnHeaderDropdownImpl = (props) => {
 };
 const ColumnHeaderDropdown = React__default.memo(ColumnHeaderDropdownImpl);
 
-var css$h = {"cell":"_5-Ec8g","sort-icon":"T7zvUi","dropdown-icon":"mHO19-","infoIcon":"i67F6L","resizable":"Op1z45","size-24":"gVBmnu","size-30":"UQ-XSh","size-36":"z03apG","size-42":"DcTHkt","size-48":"nEvx0U","padding-left-24":"mFSom1","padding-right-24":"_6nwOyd","caption":"ZNJgAR","checkbox":"Rt9c62","icon":"dpFFky","icon-cell":"ggys3p","align-right":"_1sn68m","align-center":"R41M8X","tooltip-wrapper":"_4-1W6i","cell-tooltip":"U20v9I","upper-case":"YHBTwK","font-size-14":"A8uFVd","resize-mark":"H0tfS6","draggable":"_5gWLQB","ghost":"r7xQ8d","is-dragged-out":"qKJZ8K","dnd-marker-left":"L0lqUI","dnd-marker-right":"_46V8j5","cell-tooltip-wrapper":"v4NLEt","cell-tooltip-text":"Tq-wEp","sortIcon":"T7zvUi","dropdownIcon":"mHO19-","size24":"gVBmnu","size30":"UQ-XSh","size36":"z03apG","size42":"DcTHkt","size48":"nEvx0U","paddingLeft24":"mFSom1","paddingRight24":"_6nwOyd","iconCell":"ggys3p","alignRight":"_1sn68m","alignCenter":"R41M8X","tooltipWrapper":"_4-1W6i","cellTooltip":"U20v9I","upperCase":"YHBTwK","fontSize14":"A8uFVd","resizeMark":"H0tfS6","isDraggedOut":"qKJZ8K","dndMarkerLeft":"L0lqUI","dndMarkerRight":"_46V8j5","cellTooltipWrapper":"v4NLEt","cellTooltipText":"Tq-wEp"};
+var css$h = {"cell":"ObDsF3","sort-icon":"AanQJs","dropdown-icon":"_7F5Jzy","infoIcon":"EVX3Ps","resizable":"GcXBIU","size-24":"mEORwK","size-30":"wbaoeX","size-36":"_5-uFMM","size-42":"QswDOA","size-48":"MPVr-A","padding-left-24":"_5T1goW","padding-right-24":"q6eHvr","caption":"JsWB6d","checkbox":"f8CObp","icon":"FlHcs8","icon-cell":"vWZfxa","align-right":"_9WbqYS","align-center":"_4tbcvd","tooltip-wrapper":"R7a1gN","cell-tooltip":"lgrBLl","upper-case":"_0Izu4P","font-size-14":"-k717Q","resize-mark":"_0-CyGK","draggable":"C0swlt","ghost":"UTwCKm","is-dragged-out":"_6u5u3K","dnd-marker-left":"_9neCJF","dnd-marker-right":"-p5fzW","cell-tooltip-wrapper":"N0SQz9","cell-tooltip-text":"uC9SPM","sortIcon":"AanQJs","dropdownIcon":"_7F5Jzy","size24":"mEORwK","size30":"wbaoeX","size36":"_5-uFMM","size42":"QswDOA","size48":"MPVr-A","paddingLeft24":"_5T1goW","paddingRight24":"q6eHvr","iconCell":"vWZfxa","alignRight":"_9WbqYS","alignCenter":"_4tbcvd","tooltipWrapper":"R7a1gN","cellTooltip":"lgrBLl","upperCase":"_0Izu4P","fontSize14":"-k717Q","resizeMark":"_0-CyGK","isDraggedOut":"_6u5u3K","dndMarkerLeft":"_9neCJF","dndMarkerRight":"-p5fzW","cellTooltipWrapper":"N0SQz9","cellTooltipText":"uC9SPM"};
 
 var _path$g;
 function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
@@ -3707,11 +3708,11 @@ class DataTableHeaderCell extends React.Component {
         this.renderCellWithFilter = (props) => (React.createElement(ColumnHeaderDropdown, { isOpen: this.state.isDropdownOpen, isSortable: this.props.column.isSortable, renderTarget: (dropdownProps) => this.renderCellContent(props, dropdownProps), renderFilter: this.props.renderFilter, onSort: this.props.onSort, sortDirection: this.props.sortDirection, onOpenChange: (isDropdownOpen) => this.setState({ isDropdownOpen }), title: this.props.column.caption }));
     }
     render() {
-        return React.createElement(DataTableHeaderCell$1, Object.assign({}, this.props, { renderCellContent: this.props.column.renderFilter ? this.renderCellWithFilter : this.renderCellContent }));
+        return React.createElement(DataTableHeaderCell$1, Object.assign({}, this.props, { cx: "uui-dt-vars", renderCellContent: this.props.column.renderFilter ? this.renderCellWithFilter : this.renderCellContent }));
     }
 }
 
-var css$g = {"header-cell":"C89ifb","config-icon":"_5IQRVr","headerCell":"C89ifb","configIcon":"_5IQRVr"};
+var css$g = {"header-cell":"vNr2Y8","config-icon":"H8remB","headerCell":"vNr2Y8","configIcon":"H8remB"};
 
 var _path$c;
 function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
@@ -3730,12 +3731,12 @@ var SvgActionSettings18 = function SvgActionSettings18(props, ref) {
 };
 var ForwardRef$d = /*#__PURE__*/forwardRef(SvgActionSettings18);
 
-const DataTableHeaderRow = withMods(DataTableHeaderRow$1, () => [css$g.root], (mods) => ({
+const DataTableHeaderRow = withMods(DataTableHeaderRow$1, () => [css$g.root, 'uui-dt-vars'], (mods) => ({
     renderCell: (props) => React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key })),
     renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: css$g.configIcon, color: "default", icon: ForwardRef$d }),
 }));
 
-var styles$1 = {"main-panel":"R8fhnN","group-title":"_1Suww8","group-title-text":"DZB3cQ","group-title-badge":"iWiLPg","group-items":"Lxw3qz","no-data":"xWBgBy","h-divider":"SjlhsR","search-area":"_655Za7","mainPanel":"R8fhnN","groupTitle":"_1Suww8","groupTitleText":"DZB3cQ","groupTitleBadge":"iWiLPg","groupItems":"Lxw3qz","noData":"xWBgBy","hDivider":"SjlhsR","searchArea":"_655Za7"};
+var styles$1 = {"main-panel":"qIfDMm","group-title":"_6uzMRe","group-title-text":"p1d8It","group-title-badge":"c7vr9B","group-items":"gV9cPj","no-data":"_5U4zdg","h-divider":"Ylz-Xm","search-area":"xs9sEE","mainPanel":"qIfDMm","groupTitle":"_6uzMRe","groupTitleText":"p1d8It","groupTitleBadge":"c7vr9B","groupItems":"gV9cPj","noData":"_5U4zdg","hDivider":"Ylz-Xm","searchArea":"xs9sEE"};
 
 var _path$b;
 function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
@@ -3814,7 +3815,7 @@ function PinIconButton(props) {
             React.createElement(IconButton, { icon: pinIcon, onClick: pinClickHandler, isDisabled: isPinnedAlways, color: isPinned ? 'info' : undefined }))));
 }
 
-var styles = {"row-wrapper":"_0W3Hel","not-pinned":"cY9vYp","pin-icon-button":"rlw-aq","drag-handle":"KSnFsN","dnd-disabled":"H3MGpX","rowWrapper":"_0W3Hel","notPinned":"cY9vYp","pinIconButton":"rlw-aq","dragHandle":"KSnFsN","dndDisabled":"H3MGpX"};
+var styles = {"row-wrapper":"mwQi8O","not-pinned":"_4d6pfM","pin-icon-button":"r2xfPn","drag-handle":"j6IPe3","dnd-disabled":"OiYTDL","rowWrapper":"mwQi8O","notPinned":"_4d6pfM","pinIconButton":"r2xfPn","dragHandle":"j6IPe3","dndDisabled":"OiYTDL"};
 
 const ColumnRow = React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4040,7 +4041,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var css$f = {"sticky-header":"Mlt3VQ","listContainer":"YHjkkK","table":"pcJZu8","no-results":"LdWhLy","no-results-icon":"ZxAu3Z","no-results-title":"-P5uAa","stickyHeader":"Mlt3VQ","noResults":"LdWhLy","noResultsIcon":"ZxAu3Z","noResultsTitle":"-P5uAa"};
+var css$f = {"sticky-header":"K0vkM6","listContainer":"_-28Lpg","table":"SqpKyg","no-results":"_9I3EOw","no-results-icon":"A-G25u","no-results-title":"YWGtna","stickyHeader":"K0vkM6","noResults":"_9I3EOw","noResultsIcon":"A-G25u","noResultsTitle":"YWGtna"};
 
 function DataTable(props) {
     var _a;
@@ -4083,16 +4084,16 @@ function DataTable(props) {
         props, columns, rows, renderNoResultsBlock, onConfigurationButtonClick,
     ]);
     return (React.createElement(DataTableSelectionProvider, { onCopy: props.onCopy, rows: rows, columns: columns },
-        React.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rows: renderedRows, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: cx$1(css$f.table), rawProps: {
+        React.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rows: renderedRows, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: cx$1(css$f.table, 'uui-dt-vars'), rawProps: {
                 role: 'table',
                 'aria-colcount': columns.length,
                 'aria-rowcount': props.rowsCount,
             } })));
 }
 
-var css$e = {"root":"_-3JvOK"};
+var css$e = {"root":"p0VUFk"};
 
-var css$d = {"root":"_0o-RYf","burger-content":"N12acX","burgerContent":"N12acX"};
+var css$d = {"root":"suX4PW","burger-content":"kHsiSV","burgerContent":"kHsiSV"};
 
 var _path$7;
 function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
@@ -4159,7 +4160,7 @@ var SvgTriangle = function SvgTriangle(props, ref) {
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTriangle);
 
-var css$c = {"root":"XonmO2","button-primary":"yOc--v","button-secondary":"FYTVAy","hasIcon":"ncYzc3","dropdown":"gb5VWG","buttonPrimary":"yOc--v","buttonSecondary":"FYTVAy"};
+var css$c = {"root":"AwE-CS","button-primary":"_3sYdoj","button-secondary":"_6ET3Wk","hasIcon":"ah4lib","dropdown":"TvLWd7","buttonPrimary":"_3sYdoj","buttonSecondary":"_6ET3Wk"};
 
 const BurgerButton = withMods(Button$1, (props) => [
     css$c.root,
@@ -4216,13 +4217,13 @@ var SvgMenuInputCancel = function SvgMenuInputCancel(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgMenuInputCancel);
 
-var css$b = {"search-input":"LTZ1gu","searchInput":"LTZ1gu"};
+var css$b = {"search-input":"lyeTOe","searchInput":"lyeTOe"};
 
 function BurgerSearch(props) {
     return (React.createElement(TextInput$1, { cx: cx(css$b.searchInput, 'uui-mainMenu-burger-search'), iconPosition: "left", icon: ForwardRef$16, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$5, autoFocus: true }));
 }
 
-var css$a = {"root":"Q45ap8","group-header":"_5Ht2mM","group-name":"seaA8g","line":"FkkpUs","groupHeader":"_5Ht2mM","groupName":"seaA8g"};
+var css$a = {"root":"-u-EL3","group-header":"_7JIND-","group-name":"_6SXBWX","line":"aPyBLE","groupHeader":"_7JIND-","groupName":"_6SXBWX"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$a.root, css$a.groupHeader, 'uui-burger-group-header') },
@@ -4230,7 +4231,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$a.groupName }, props.caption)));
 }
 
-var css$9 = {"root":"FVJgNu","type-primary":"pliPNp","type-secondary":"WYCa26","typePrimary":"pliPNp","typeSecondary":"WYCa26"};
+var css$9 = {"root":"McOdbD","type-primary":"dWzR5D","type-secondary":"YTrEiP","typePrimary":"dWzR5D","typeSecondary":"YTrEiP"};
 
 var _path$4;
 function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
@@ -4250,7 +4251,7 @@ var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgChevronDown24);
 
 const MainMenuButton = withMods(Button$1, (mods) => [css$9.root, css$9['type-' + (mods.type || 'primary')]], () => ({ dropdownIcon: ForwardRef$4, role: 'menuitem' }));
 
-var css$8 = {"dropdown-body":"EMeEnS","dropdownBody":"EMeEnS"};
+var css$8 = {"dropdown-body":"xs9wI1","dropdownBody":"xs9wI1"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -4298,12 +4299,12 @@ var SvgGlobalMenu = function SvgGlobalMenu(props, ref) {
 };
 var ForwardRef$3 = /*#__PURE__*/forwardRef(SvgGlobalMenu);
 
-var css$7 = {"global-menu-btn":"VyuI-y","globalMenuIcon":"-JrEU-","globalMenuBtn":"VyuI-y"};
+var css$7 = {"global-menu-btn":"gZfSCc","globalMenuIcon":"HwESPD","globalMenuBtn":"gZfSCc"};
 
 const GlobalMenu = React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$7.globalMenuBtn, props.cx) }, props.rawProps),
     React.createElement(IconContainer, { icon: ForwardRef$3, cx: css$7.globalMenuIcon }))));
 
-var css$6 = {"container":"ZDYGXL","open":"_06SSPR"};
+var css$6 = {"container":"B8mnp1","open":"M8-MWO"};
 
 const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$6.container, props.isDropdown && css$6.dropdown, props.isOpen && css$6.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
@@ -4311,18 +4312,18 @@ const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("bu
     props.isDropdown && (React.createElement("div", null,
         React.createElement(IconContainer, { icon: ForwardRef$1c, flipY: props.isOpen }))))));
 
-var css$5 = {"search-input":"MlXOKM","searchInput":"MlXOKM"};
+var css$5 = {"search-input":"an3mFX","searchInput":"an3mFX"};
 
 const MainMenuSearch = React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
         return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$16, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$5 }, props, iEditable, { ref: ref, cx: cx$1(css$5.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
-var css$4 = {"container":"lXiISd"};
+var css$4 = {"container":"tI7e-P"};
 
 const MainMenuIcon = React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$4.container) }, props))));
 
-var css$3 = {"root":"GjXOSO"};
+var css$3 = {"root":"D3DC2Q"};
 
 const Anchor = withMods(Anchor$1, () => [css$3.root]);
 
@@ -4379,7 +4380,7 @@ var SvgShape = function SvgShape(props, ref) {
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgShape);
 
-var css$2 = {"root":"r1vDtL","drop-start":"BAXctJ","drop-over":"_71sVR9","link":"_51hfs-","drop-area":"jakv-T","icon-blue":"p3sLjF","dropStart":"BAXctJ","dropOver":"_71sVR9","dropArea":"jakv-T","iconBlue":"p3sLjF"};
+var css$2 = {"root":"_--PFMd","drop-start":"zze7Mv","drop-over":"LxZBXE","link":"ddZ4RQ","drop-area":"hjWKjo","icon-blue":"_-6m2Wy","dropStart":"zze7Mv","dropOver":"LxZBXE","dropArea":"hjWKjo","iconBlue":"_-6m2Wy"};
 
 class DropSpot extends React.Component {
     constructor() {
@@ -4403,9 +4404,9 @@ class DropSpot extends React.Component {
     }
 }
 
-var css$1 = {"file-card-wrapper":"qjUK6C","file-name":"_0KWZNS","error-card-wrapper":"kiMNtM","default-color":"vX0xmi","doc-color":"asv4i2","xls-color":"nIEwvm","pdf-color":"_6VWtuJ","movie-color":"T7HSOv","img-color":"bcBead","drop-start":"_5Qx6oO","error-block":"Cuo6BU","icons-block":"hyMkRj","fileCardWrapper":"qjUK6C","fileName":"_0KWZNS","errorCardWrapper":"kiMNtM","defaultColor":"vX0xmi","docColor":"asv4i2","xlsColor":"nIEwvm","pdfColor":"_6VWtuJ","movieColor":"T7HSOv","imgColor":"bcBead","dropStart":"_5Qx6oO","errorBlock":"Cuo6BU","iconsBlock":"hyMkRj"};
+var css$1 = {"file-card-wrapper":"KC8IOs","file-name":"vwp-Z3","error-card-wrapper":"VP3CSR","default-color":"MVyxyX","doc-color":"xYuF1G","xls-color":"VgX-rW","pdf-color":"d6KEYJ","movie-color":"bAKTu8","img-color":"ZHKlud","drop-start":"zXBsiL","error-block":"FXrwD8","icons-block":"pb1gRW","fileCardWrapper":"KC8IOs","fileName":"vwp-Z3","errorCardWrapper":"VP3CSR","defaultColor":"MVyxyX","docColor":"xYuF1G","xlsColor":"VgX-rW","pdfColor":"d6KEYJ","movieColor":"bAKTu8","imgColor":"ZHKlud","dropStart":"zXBsiL","errorBlock":"FXrwD8","iconsBlock":"pb1gRW"};
 
-var css = {"root":"_7XUAmJ"};
+var css = {"root":"YAu6r3"};
 
 const SvgCircleProgress = React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;