@epam/uui 5.8.1-alpha.0 → 5.8.1-beta.0

package/index.js

@@ -314,16 +314,187 @@ const systemIcons = {
     info: ForwardRef$L,
 };
 
-var css$1s = {"uui-typography":"jtU7Y5","hero-header":"Rxw-U2","promo-header":"-sdkYU","uui-critical":"SdUbdO","uui-info":"-sBeKK","uui-success":"ztsOKi","uui-warning":"AsZKC4","uui-highlight":"_92CXwY","uui-typography-size-12":"_1IGK-m","uui-typography-size-14":"lcCSjc","uui-typography-size-16":"Ny7oKl","root":"_7B7HRS","uuiTypography":"jtU7Y5","heroHeader":"Rxw-U2","promoHeader":"-sdkYU","uuiCritical":"SdUbdO","uuiInfo":"-sBeKK","uuiSuccess":"ztsOKi","uuiWarning":"AsZKC4","uuiHighlight":"_92CXwY","uuiTypographySize12":"_1IGK-m","uuiTypographySize14":"lcCSjc","uuiTypographySize16":"Ny7oKl"};
+const settings = {
+    sizes: {
+        defaults: {
+            button: '36',
+            checkbox: '18',
+            countIndicator: '24',
+            dataPickerCell: '36',
+            linkButton: '36',
+            numericInput: '36',
+            pickerToggler: '36',
+            pickerItem: '36',
+            radioInput: '18',
+            switch: '18',
+            tabButton: '48',
+            tag: '36',
+            text: '36',
+            textInput: '36',
+            rangeDatePicker: '36',
+            datePicker: '36',
+        },
+        tag: {
+            countIndicator: {
+                18: '12',
+                24: '18',
+                30: '18',
+                36: '18',
+                42: '24',
+                48: '24',
+            },
+        },
+        mobileDropdownWrapper: {
+            linkButton: '48',
+        },
+        pickerInput: {
+            height: 300,
+            width: 360,
+            rowSize: {
+                mobile: '48',
+                modal: '36',
+                padding: {
+                    modal: '24',
+                    default: '12',
+                },
+            },
+        },
+        pickerToggler: {
+            tag: {
+                24: '18',
+                30: '24',
+                36: '30',
+                42: '36',
+                48: '42',
+                60: '48',
+            },
+        },
+        dataPickerHeader: {
+            text: {
+                fontWeight: '600',
+                size: '48',
+            },
+        },
+        dataPickerBody: {
+            flexCell: {
+                default: '36',
+            },
+            searchInput: {
+                mobile: '48',
+            },
+        },
+        pickerItem: {
+            avatar: {
+                rest: {
+                    24: '18',
+                    30: '24',
+                    36: '30',
+                    42: '36',
+                    48: '36', // no design
+                },
+                multiline: {
+                    24: '30',
+                    30: '30',
+                    36: '36',
+                    42: '42',
+                    48: '48', // no design
+                },
+            },
+        },
+        dataPickerCell: {
+            isBoldIcon: {
+                24: true,
+            },
+            padding: {
+                default: '12',
+            },
+            paddingLeft: {
+                default: '24',
+            },
+            text: {
+                24: '24',
+                30: '30',
+                36: '36',
+                42: '42',
+                48: '48',
+                60: '48',
+            },
+        },
+        dataPickerRow: {
+            padding: {
+                default: '24',
+            },
+            dataPickerCell: {
+                default: '36',
+            },
+        },
+        dataPickerFooter: {
+            flexRowPadding: '12',
+            switch: {
+                24: '12',
+                30: '18',
+                36: '18',
+                42: '24',
+                48: '24',
+            },
+            linkButton: {
+                24: '12',
+                30: '18',
+                36: '18',
+                42: '24',
+                48: '24',
+                mobile: '48',
+            },
+        },
+        rowAddons: {
+            checkbox: {
+                24: '12',
+                30: '18',
+                36: '18',
+                42: '18',
+                48: '18',
+                60: '18',
+            },
+            indentUnit: {
+                24: 6,
+                30: 12,
+                36: 12,
+                42: 24,
+                48: 24,
+                60: 24,
+                default: 24,
+            },
+            indentWidth: {
+                24: 12,
+                30: 18,
+                36: 18,
+                42: 24,
+                48: 24,
+                60: 24,
+                default: 12,
+            },
+        },
+        text: {
+            18: { lineHeight: 12, fontSize: 10 },
+            24: { lineHeight: 18, fontSize: 12 },
+            30: { lineHeight: 18, fontSize: 14 },
+            36: { lineHeight: 18, fontSize: 14 },
+            42: { lineHeight: 24, fontSize: 16 },
+            48: { lineHeight: 24, fontSize: 16 },
+            60: { lineHeight: 30, fontSize: 24 },
+        },
+    },
+};
+
+var css$1s = {"uui-typography":"vAOb-p","hero-header":"n9Pi6L","promo-header":"-axDU2","uui-critical":"-JHG1y","uui-info":"sYlNWa","uui-success":"lV1AFN","uui-warning":"FTq9Mi","uui-highlight":"_0DO176","uui-typography-size-12":"f1hI1l","uui-typography-size-14":"nNf9R8","uui-typography-size-16":"_0JBPoc","root":"YrD6ge","uuiTypography":"vAOb-p","heroHeader":"n9Pi6L","promoHeader":"-axDU2","uuiCritical":"-JHG1y","uuiInfo":"sYlNWa","uuiSuccess":"lV1AFN","uuiWarning":"FTq9Mi","uuiHighlight":"_0DO176","uuiTypographySize12":"f1hI1l","uuiTypographySize14":"nNf9R8","uuiTypographySize16":"_0JBPoc"};
 
-const DEFAULT_SIZE$8 = '36';
 function applyButtonMods(mods) {
     return [
         css$1s.root,
         'uui-button',
         `uui-fill-${mods.fill || 'solid'}`,
         `uui-color-${mods.color || 'primary'}`,
-        `uui-size-${mods.size || DEFAULT_SIZE$8}`,
+        `uui-size-${mods.size || settings.sizes.defaults.button}`,
     ];
 }
 const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button, applyButtonMods, () => {
@@ -333,7 +504,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
     };
 });
 
-var css$1r = {"root":"-xLjCl"};
+var css$1r = {"root":"erRxEF"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -350,7 +521,6 @@ const IconButton = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Icon
     }
     return {
         dropdownIcon: props.dropdownIcon || systemIcons.foldingArrow,
-        size: props.size && Number(props.size),
     };
 });
 
@@ -371,15 +541,14 @@ 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$1q = {"uui-typography":"TeVpqW","hero-header":"JtzdWC","promo-header":"LRsXW1","uui-critical":"_9GbZ4A","uui-info":"cBE-dY","uui-success":"tgBm8h","uui-warning":"AUT2K6","uui-highlight":"i7yDXP","uui-typography-size-12":"upvE-3","uui-typography-size-14":"_63Ul3g","uui-typography-size-16":"RhkX5m","root":"kqJhb3","uuiTypography":"TeVpqW","heroHeader":"JtzdWC","promoHeader":"LRsXW1","uuiCritical":"_9GbZ4A","uuiInfo":"cBE-dY","uuiSuccess":"tgBm8h","uuiWarning":"AUT2K6","uuiHighlight":"i7yDXP","uuiTypographySize12":"upvE-3","uuiTypographySize14":"_63Ul3g","uuiTypographySize16":"RhkX5m"};
+var css$1q = {"uui-typography":"FQQ-bo","hero-header":"_4hhhCS","promo-header":"iC4ZI5","uui-critical":"M34YP-","uui-info":"PnZips","uui-success":"hO5k6z","uui-warning":"zib473","uui-highlight":"R1CVfM","uui-typography-size-12":"lh-v3b","uui-typography-size-14":"_1mN75V","uui-typography-size-16":"CY6CqE","root":"Z0R-il","uuiTypography":"FQQ-bo","heroHeader":"_4hhhCS","promoHeader":"iC4ZI5","uuiCritical":"M34YP-","uuiInfo":"PnZips","uuiSuccess":"hO5k6z","uuiWarning":"zib473","uuiHighlight":"R1CVfM","uuiTypographySize12":"lh-v3b","uuiTypographySize14":"_1mN75V","uuiTypographySize16":"CY6CqE"};
 
-const DEFAULT_SIZE$7 = '36';
 const DEFAULT_COLOR = 'primary';
 function applyLinkButtonMods(mods) {
     return [
         'uui-link_button',
         css$1q.root,
-        `uui-size-${mods.size || DEFAULT_SIZE$7}`,
+        `uui-size-${mods.size || settings.sizes.defaults.linkButton}`,
         ...getIconClass(mods),
         `uui-color-${mods.color || DEFAULT_COLOR}`,
     ];
@@ -403,25 +572,25 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1p = {"root":"Ui8-v8","size-24":"_8qL2Id","size-18":"X4n8N-","size-12":"IARhOt","size24":"_8qL2Id","size18":"X4n8N-","size12":"IARhOt"};
+var css$1p = {"root":"cIXEL0"};
 
 const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
             css$1p.root,
             'uui-count_indicator',
-            css$1p[`size-${props.size || 24}`],
+            `uui-size-${props.size || settings.sizes.defaults.countIndicator}`,
             props.color && `uui-color-${props.color}`,
             props.cx,
         ]) }, props.caption));
 });
 
-var css$1o = {"uui-typography":"JCqTQH","hero-header":"MBY8Kw","promo-header":"DQDhTG","uui-critical":"_5KKh1N","uui-info":"Rvlgi9","uui-success":"SPZUT9","uui-warning":"isXH9o","uui-highlight":"kaaL5s","uui-typography-size-12":"sfJFtQ","uui-typography-size-14":"XlNbhD","uui-typography-size-16":"YU-20F","root":"hWhotw","withNotify":"_1G7Jgc","caption-with-notify":"pBlShy","size-36":"eZeB30","size-48":"oa1WM8","size-60":"yjHD5a","uuiTypography":"JCqTQH","heroHeader":"MBY8Kw","promoHeader":"DQDhTG","uuiCritical":"_5KKh1N","uuiInfo":"Rvlgi9","uuiSuccess":"SPZUT9","uuiWarning":"isXH9o","uuiHighlight":"kaaL5s","uuiTypographySize12":"sfJFtQ","uuiTypographySize14":"XlNbhD","uuiTypographySize16":"YU-20F","captionWithNotify":"pBlShy","size36":"eZeB30","size48":"oa1WM8","size60":"yjHD5a"};
+var css$1o = {"uui-typography":"gKynmo","hero-header":"Eo1Aaj","promo-header":"_2fWei2","uui-critical":"Oy2eHQ","uui-info":"ekNTAP","uui-success":"_5UCsCz","uui-warning":"Q0wlqo","uui-highlight":"khNLru","uui-typography-size-12":"Plls7n","uui-typography-size-14":"e-rQdI","uui-typography-size-16":"_1PSB-0","root":"_85ALOF","withNotify":"s-lvfM","uuiTypography":"gKynmo","heroHeader":"Eo1Aaj","promoHeader":"_2fWei2","uuiCritical":"Oy2eHQ","uuiInfo":"ekNTAP","uuiSuccess":"_5UCsCz","uuiWarning":"Q0wlqo","uuiHighlight":"khNLru","uuiTypographySize12":"Plls7n","uuiTypographySize14":"e-rQdI","uuiTypographySize16":"_1PSB-0"};
 
 const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const styles = [
         css$1o.root,
         'uui-tab-button',
-        css$1o['size-' + (props.size || '48')],
+        `uui-size-${props.size || settings.sizes.defaults.tabButton}`,
         props.withNotify && css$1o.withNotify,
         ...getIconClass(props),
         props.cx,
@@ -430,14 +599,14 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
     const ClearIcon = props.clearIcon ? props.clearIcon : systemIcons.clear;
     return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ role: 'tab', 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
         props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
-        props.caption && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption, props.withNotify && css$1o.captionWithNotify) }, props.caption)),
+        props.caption && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption) }, props.caption)),
         props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: props.isLinkActive ? 'info' : 'neutral', size: "18", caption: props.count })),
         props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
         props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$1n = {"uui-typography":"_6Sa5xJ","hero-header":"oYc1Eq","promo-header":"FF4Hqa","uui-critical":"_8oZqXI","uui-info":"_43xzVp","uui-success":"f-4rSa","uui-warning":"m7l-YK","uui-highlight":"-Hb1-N","uui-typography-size-12":"pegkzr","uui-typography-size-14":"J-yDeB","uui-typography-size-16":"cudQkp","root":"CylNCq","uuiTypography":"_6Sa5xJ","heroHeader":"oYc1Eq","promoHeader":"FF4Hqa","uuiCritical":"_8oZqXI","uuiInfo":"_43xzVp","uuiSuccess":"f-4rSa","uuiWarning":"m7l-YK","uuiHighlight":"-Hb1-N","uuiTypographySize12":"pegkzr","uuiTypographySize14":"J-yDeB","uuiTypographySize16":"cudQkp"};
+var css$1n = {"uui-typography":"gZu7nm","hero-header":"_0u1NDl","promo-header":"nUTjnP","uui-critical":"VvvP6u","uui-info":"b3XT58","uui-success":"i5u-Yq","uui-warning":"czWgUI","uui-highlight":"fEWCYB","uui-typography-size-12":"Hp57uL","uui-typography-size-14":"vrmi34","uui-typography-size-16":"EQuPOA","root":"_86miAd","uuiTypography":"gZu7nm","heroHeader":"_0u1NDl","promoHeader":"nUTjnP","uuiCritical":"VvvP6u","uuiInfo":"b3XT58","uuiSuccess":"i5u-Yq","uuiWarning":"czWgUI","uuiHighlight":"fEWCYB","uuiTypographySize12":"Hp57uL","uuiTypographySize14":"vrmi34","uuiTypographySize16":"EQuPOA"};
 
 function applyVerticalTabButtonMods() {
     return [css$1n.root];
@@ -459,12 +628,12 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
 
-var css$1m = {"uui-typography":"ROthms","hero-header":"JKj6Ro","promo-header":"nq7bhQ","uui-critical":"N35ruZ","uui-info":"bQoQlY","uui-success":"OoTlTt","uui-warning":"BvfMtz","uui-highlight":"_1-3TR0","uui-typography-size-12":"gyH1Hq","uui-typography-size-14":"P03SzI","uui-typography-size-16":"gp665Z","root":"_0U1-Rr","size-18":"Daqaet","size-12":"hNWe6R","mode-cell":"tDOqpn","uuiTypography":"ROthms","heroHeader":"JKj6Ro","promoHeader":"nq7bhQ","uuiCritical":"N35ruZ","uuiInfo":"bQoQlY","uuiSuccess":"OoTlTt","uuiWarning":"BvfMtz","uuiHighlight":"_1-3TR0","uuiTypographySize12":"gyH1Hq","uuiTypographySize14":"P03SzI","uuiTypographySize16":"gp665Z","size18":"Daqaet","size12":"hNWe6R","modeCell":"tDOqpn"};
+var css$1m = {"uui-typography":"OuOUFa","hero-header":"QHniUa","promo-header":"nnQ5CS","uui-critical":"_6Z-xa-","uui-info":"oofXGe","uui-success":"DqtQer","uui-warning":"_9Tv1jD","uui-highlight":"mrNHPj","uui-typography-size-12":"DnWgDu","uui-typography-size-14":"fRDSzu","uui-typography-size-16":"gYUj09","root":"hf-Nez","mode-cell":"IigCnI","uuiTypography":"OuOUFa","heroHeader":"QHniUa","promoHeader":"nnQ5CS","uuiCritical":"_6Z-xa-","uuiInfo":"oofXGe","uuiSuccess":"DqtQer","uuiWarning":"_9Tv1jD","uuiHighlight":"mrNHPj","uuiTypographySize12":"DnWgDu","uuiTypographySize14":"fRDSzu","uuiTypographySize16":"gYUj09","modeCell":"IigCnI"};
 
 function applyCheckboxMods(mods) {
     return [
         css$1m.root,
-        css$1m['size-' + (mods.size || '18')],
+        `uui-size-${mods.size || settings.sizes.defaults.checkbox}`,
         css$1m['mode-' + (mods.mode || 'form')],
         'uui-color-primary',
     ];
@@ -479,8 +648,6 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1l = {"uui-typography":"-GXMPm","hero-header":"cq2j2i","promo-header":"Vn0zAT","uui-critical":"_4mrGCp","uui-info":"ptl3yO","uui-success":"GiPYju","uui-warning":"_8hFv8-","uui-highlight":"_3XIzcs","uui-typography-size-12":"hcFiI6","uui-typography-size-14":"rZM0uR","uui-typography-size-16":"Xb4g7j","root":"OHLcHq","size-18":"oWlII4","size-12":"AE7sK1","uuiTypography":"-GXMPm","heroHeader":"cq2j2i","promoHeader":"Vn0zAT","uuiCritical":"_4mrGCp","uuiInfo":"ptl3yO","uuiSuccess":"GiPYju","uuiWarning":"_8hFv8-","uuiHighlight":"_3XIzcs","uuiTypographySize12":"hcFiI6","uuiTypographySize14":"rZM0uR","uuiTypographySize16":"Xb4g7j","size18":"oWlII4","size12":"AE7sK1"};
-
 var _path$A;
 function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
 var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
@@ -496,21 +663,25 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
 };
 var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
 
+var css$1l = {"uui-typography":"YSDnC6","hero-header":"pRufus","promo-header":"jYZL8c","uui-critical":"GL6mM7","uui-info":"BHFIB9","uui-success":"RYeA-q","uui-warning":"rU-sdn","uui-highlight":"AVs1B4","uui-typography-size-12":"VpR1-6","uui-typography-size-14":"JQi8Eu","uui-typography-size-16":"hBfjC3","root":"sMicyC","uuiTypography":"YSDnC6","heroHeader":"pRufus","promoHeader":"jYZL8c","uuiCritical":"GL6mM7","uuiInfo":"BHFIB9","uuiSuccess":"RYeA-q","uuiWarning":"rU-sdn","uuiHighlight":"AVs1B4","uuiTypographySize12":"VpR1-6","uuiTypographySize14":"JQi8Eu","uuiTypographySize16":"hBfjC3"};
+
 function applyRadioInputMods(mods) {
     return [
         css$1l.root,
-        css$1l['size-' + (mods.size || '18')],
+        `uui-size-${mods.size || settings.sizes.defaults.radioInput}`,
         'uui-radio-input-container',
         'uui-color-primary',
     ];
 }
 const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
 
-var css$1k = {"root":"QteL3f","size-12":"goRGZT","size-18":"AlbX8H","size-24":"jUXEi4","size12":"goRGZT","size18":"AlbX8H","size24":"jUXEi4"};
+var css$1k = {"root":"GBwivt"};
 
 function applySwitchMods(mods) {
     return [
-        css$1k.root, css$1k['size-' + (mods.size || '18')], 'uui-color-primary',
+        css$1k.root,
+        `uui-size-${mods.size || settings.sizes.defaults.switch}`,
+        'uui-color-primary',
     ];
 }
 const Switch = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Switch, applySwitchMods);
@@ -572,14 +743,13 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"uui-typography":"_0PY9yq","hero-header":"uWlhdh","promo-header":"Pd0cdT","uui-critical":"YP9-kE","uui-info":"FhEQ47","uui-success":"_7ZM6g8","uui-warning":"RpScwi","uui-highlight":"e2rkSC","uui-typography-size-12":"W7mWY4","uui-typography-size-14":"qFdA7f","uui-typography-size-16":"ZZU89t","root":"GX-caR","mode-form":"_8e-xMZ","mode-inline":"kzL1iA","mode-cell":"_31ruaF","size-24":"lFcyEf","size-30":"kIJKDJ","size-36":"tQB64g","size-42":"WVg8bK","size-48":"De2Cyz","size-60":"ehSmzx","uuiTypography":"_0PY9yq","heroHeader":"uWlhdh","promoHeader":"Pd0cdT","uuiCritical":"YP9-kE","uuiInfo":"FhEQ47","uuiSuccess":"_7ZM6g8","uuiWarning":"RpScwi","uuiHighlight":"e2rkSC","uuiTypographySize12":"W7mWY4","uuiTypographySize14":"qFdA7f","uuiTypographySize16":"ZZU89t","modeForm":"_8e-xMZ","modeInline":"kzL1iA","modeCell":"_31ruaF","size24":"lFcyEf","size30":"kIJKDJ","size36":"tQB64g","size42":"WVg8bK","size48":"De2Cyz","size60":"ehSmzx"};
+var textInputCss = {"uui-typography":"bwTROp","hero-header":"CPcU8h","promo-header":"kJTuvl","uui-critical":"_833VaA","uui-info":"ok6LUr","uui-success":"_8khVzP","uui-warning":"vPDu6c","uui-highlight":"UccU9Z","uui-typography-size-12":"_5hkdTC","uui-typography-size-14":"sX5mVq","uui-typography-size-16":"_42WpRI","root":"-JPIqp","mode-form":"uRWLV0","mode-inline":"kVlbh3","mode-cell":"ARJ-2d","uuiTypography":"bwTROp","heroHeader":"CPcU8h","promoHeader":"kJTuvl","uuiCritical":"_833VaA","uuiInfo":"ok6LUr","uuiSuccess":"_8khVzP","uuiWarning":"vPDu6c","uuiHighlight":"UccU9Z","uuiTypographySize12":"_5hkdTC","uuiTypographySize14":"sX5mVq","uuiTypographySize16":"_42WpRI","modeForm":"uRWLV0","modeInline":"kVlbh3","modeCell":"ARJ-2d"};
 
-const DEFAULT_SIZE$6 = '36';
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
     return [
         textInputCss.root,
-        textInputCss['size-' + (mods.size || DEFAULT_SIZE$6)],
+        `uui-size-${mods.size || settings.sizes.defaults.textInput}`,
         textInputCss['mode-' + (mods.mode || DEFAULT_MODE$3)],
     ];
 }
@@ -599,7 +769,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
         } })));
 });
 
-var css$1j = {"root":"azRM9a"};
+var css$1j = {"root":"_3-rR-7"};
 
 const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1j.root]);
 
@@ -608,16 +778,14 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
 
-var css$1i = {"uui-typography":"_8d-z81","hero-header":"tTJFnl","promo-header":"HBxo6S","uui-critical":"Bii9Dw","uui-info":"_2ENq1y","uui-success":"_3LWCIk","uui-warning":"fDYpqF","uui-highlight":"Y-HloJ","uui-typography-size-12":"nrF82e","uui-typography-size-14":"HQy5SA","uui-typography-size-16":"JWh7BI","root":"rD6zhN","size-24":"iaVLDE","size-30":"UTkKr7","size-36":"AAg2hp","size-42":"CX1UY-","size-48":"n5c-R1","mode-form":"V1dIdQ","mode-cell":"xQqzA5","uuiTypography":"_8d-z81","heroHeader":"tTJFnl","promoHeader":"HBxo6S","uuiCritical":"Bii9Dw","uuiInfo":"_2ENq1y","uuiSuccess":"_3LWCIk","uuiWarning":"fDYpqF","uuiHighlight":"Y-HloJ","uuiTypographySize12":"nrF82e","uuiTypographySize14":"HQy5SA","uuiTypographySize16":"JWh7BI","size24":"iaVLDE","size30":"UTkKr7","size36":"AAg2hp","size42":"CX1UY-","size48":"n5c-R1","modeForm":"V1dIdQ","modeCell":"xQqzA5"};
+var css$1i = {"uui-typography":"_2LNriT","hero-header":"VkEZFy","promo-header":"vY-3mS","uui-critical":"_7hh16q","uui-info":"scpgd5","uui-success":"JHdYef","uui-warning":"_8w0o1b","uui-highlight":"dOpPpc","uui-typography-size-12":"S-e5GO","uui-typography-size-14":"UzhCRd","uui-typography-size-16":"j3NlXv","root":"YFB4WT","mode-form":"CEBfis","mode-cell":"La9bKd","uuiTypography":"_2LNriT","heroHeader":"VkEZFy","promoHeader":"vY-3mS","uuiCritical":"_7hh16q","uuiInfo":"scpgd5","uuiSuccess":"JHdYef","uuiWarning":"_8w0o1b","uuiHighlight":"dOpPpc","uuiTypographySize12":"S-e5GO","uuiTypographySize14":"UzhCRd","uuiTypographySize16":"j3NlXv","modeForm":"CEBfis","modeCell":"La9bKd"};
 
-const DEFAULT_SIZE$5 = '36';
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
     return [
         textInputCss.root,
         css$1i.root,
-        css$1i['size-' + (mods.size || DEFAULT_SIZE$5)],
-        textInputCss['size-' + (mods.size || DEFAULT_SIZE$5)],
+        `uui-size-${mods.size || settings.sizes.defaults.numericInput}`,
         textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
     ];
 }
@@ -631,14 +799,14 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
     };
 });
 
-var css$1h = {"uui-typography":"LgGL7u","hero-header":"NwYmRV","promo-header":"vGVr0j","uui-critical":"GTJuIa","uui-info":"S6ns4k","uui-success":"_7DjuG1","uui-warning":"x6xTIF","uui-highlight":"_2HTQML","uui-typography-size-12":"_7IjcIx","uui-typography-size-14":"iYHGXV","uui-typography-size-16":"LpGXTC","root":"fTHDeI","mode-form":"-UDo7G","mode-cell":"XSLsfu","mode-inline":"ToIScu","size-24":"mAYHpn","size-30":"agTCB-","size-36":"hJgd3b","size-42":"RljIhs","size-48":"Pfm-UY","uuiTypography":"LgGL7u","heroHeader":"NwYmRV","promoHeader":"vGVr0j","uuiCritical":"GTJuIa","uuiInfo":"S6ns4k","uuiSuccess":"_7DjuG1","uuiWarning":"x6xTIF","uuiHighlight":"_2HTQML","uuiTypographySize12":"_7IjcIx","uuiTypographySize14":"iYHGXV","uuiTypographySize16":"LpGXTC","modeForm":"-UDo7G","modeCell":"XSLsfu","modeInline":"ToIScu","size24":"mAYHpn","size30":"agTCB-","size36":"hJgd3b","size42":"RljIhs","size48":"Pfm-UY"};
+var css$1h = {"uui-typography":"_69fblh","hero-header":"WmCryB","promo-header":"vNKjs0","uui-critical":"bJX1lr","uui-info":"yTVSFj","uui-success":"SJYMiv","uui-warning":"hPe7SM","uui-highlight":"l7kqmV","uui-typography-size-12":"wo8Udy","uui-typography-size-14":"EO7HeH","uui-typography-size-16":"oOv4m0","root":"RK9bPF","mode-form":"rDVIPS","mode-cell":"L0Ke9Y","mode-inline":"YdH-3n","size-24":"xIvvY9","size-30":"ujcL3-","size-36":"oSD-9m","size-42":"_0kWp0b","size-48":"-gFaO8","uuiTypography":"_69fblh","heroHeader":"WmCryB","promoHeader":"vNKjs0","uuiCritical":"bJX1lr","uuiInfo":"yTVSFj","uuiSuccess":"SJYMiv","uuiWarning":"hPe7SM","uuiHighlight":"l7kqmV","uuiTypographySize12":"wo8Udy","uuiTypographySize14":"EO7HeH","uuiTypographySize16":"oOv4m0","modeForm":"rDVIPS","modeCell":"L0Ke9Y","modeInline":"YdH-3n","size24":"xIvvY9","size30":"ujcL3-","size36":"oSD-9m","size42":"_0kWp0b","size48":"-gFaO8"};
 
-const DEFAULT_SIZE$4 = '36';
+const DEFAULT_SIZE$3 = '36';
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
     return [
         css$1h.root,
-        css$1h['size-' + (mods.size || DEFAULT_SIZE$4)],
+        css$1h['size-' + (mods.size || DEFAULT_SIZE$3)],
         css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
     ];
 }
@@ -733,7 +901,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
 
-var css$1g = {"uui-typography":"y5PZZP","hero-header":"MR3xqZ","promo-header":"xD62QP","uui-critical":"NdMAW7","uui-info":"yvWYkl","uui-success":"dcPsRH","uui-warning":"zTZ6L-","uui-highlight":"WnwKOl","uui-typography-size-12":"IiyFkN","uui-typography-size-14":"_2HB7Mp","uui-typography-size-16":"_6Jn-dF","root":"xgvboj","icon-wrapper":"ZOj9iA","alert-wrapper":"erwtTE","size-48":"_3w7cGd","size-36":"vnWuLd","action-wrapper":"K0rtpE","action-icon":"WC16KI","action-link":"pmZxVU","close-icon":"edwPVj","main-path":"HE4-WE","content":"XX9Gci","uuiTypography":"y5PZZP","heroHeader":"MR3xqZ","promoHeader":"xD62QP","uuiCritical":"NdMAW7","uuiInfo":"yvWYkl","uuiSuccess":"dcPsRH","uuiWarning":"zTZ6L-","uuiHighlight":"WnwKOl","uuiTypographySize12":"IiyFkN","uuiTypographySize14":"_2HB7Mp","uuiTypographySize16":"_6Jn-dF","iconWrapper":"ZOj9iA","alertWrapper":"erwtTE","size48":"_3w7cGd","size36":"vnWuLd","actionWrapper":"K0rtpE","actionIcon":"WC16KI","actionLink":"pmZxVU","closeIcon":"edwPVj","mainPath":"HE4-WE"};
+var css$1g = {"uui-typography":"Auz4dr","hero-header":"K31cUB","promo-header":"zidd01","uui-critical":"uCVhgr","uui-info":"quHY-t","uui-success":"r0yY2x","uui-warning":"BlcLnz","uui-highlight":"_4We4D6","uui-typography-size-12":"_2hxRxC","uui-typography-size-14":"zY-Vve","uui-typography-size-16":"_2hlZtd","root":"tGw7Fa","icon-wrapper":"aWNsmN","alert-wrapper":"e3Q8b0","size-48":"_83uooS","size-36":"CbZuxM","action-wrapper":"kC9gDp","action-icon":"oXJIDO","action-link":"aVWBEM","close-icon":"_30tSa7","main-path":"f1XhNV","content":"Lcxft9","uuiTypography":"Auz4dr","heroHeader":"K31cUB","promoHeader":"zidd01","uuiCritical":"uCVhgr","uuiInfo":"quHY-t","uuiSuccess":"r0yY2x","uuiWarning":"BlcLnz","uuiHighlight":"_4We4D6","uuiTypographySize12":"_2hxRxC","uuiTypographySize14":"zY-Vve","uuiTypographySize16":"_2hlZtd","iconWrapper":"aWNsmN","alertWrapper":"e3Q8b0","size48":"_83uooS","size36":"CbZuxM","actionWrapper":"kC9gDp","actionIcon":"oXJIDO","actionLink":"aVWBEM","closeIcon":"_30tSa7","mainPath":"f1XhNV"};
 
 const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1g.root, css$1g.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1g.size36 : css$1g.size48)) }, props.rawProps),
     React__namespace.createElement("div", { className: css$1g.mainPath },
@@ -750,7 +918,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
 
 const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
 
-var css$1f = {"root":"tX6sDz"};
+var css$1f = {"root":"m49Jpy"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -761,7 +929,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
 
-var css$1e = {"uui-typography":"YyS8RB","hero-header":"VLgqGf","promo-header":"_4zsF8-","uui-critical":"pHRWf-","uui-info":"mLo9hO","uui-success":"Ahpcnw","uui-warning":"pX3gcu","uui-highlight":"c1FEkA","uui-typography-size-12":"NX8wzw","uui-typography-size-14":"erSpVq","uui-typography-size-16":"SPqxFv","submenu-root-item":"R9f7gy","icon-after":"LtQHyS","icon-check":"IzHdHB","splitter-root":"kMfLTz","splitter":"I-XhEJ","header-root":"zQHriY","item-root":"XFrh-T","icon":"_3tkF-3","link":"ksYzDf","indent":"yv76r-","selected-mark":"cS84XD","uuiTypography":"YyS8RB","heroHeader":"VLgqGf","promoHeader":"_4zsF8-","uuiCritical":"pHRWf-","uuiInfo":"mLo9hO","uuiSuccess":"Ahpcnw","uuiWarning":"pX3gcu","uuiHighlight":"c1FEkA","uuiTypographySize12":"NX8wzw","uuiTypographySize14":"erSpVq","uuiTypographySize16":"SPqxFv","submenuRootItem":"R9f7gy","iconAfter":"LtQHyS","iconCheck":"IzHdHB","splitterRoot":"kMfLTz","headerRoot":"zQHriY","itemRoot":"XFrh-T","selectedMark":"cS84XD"};
+var css$1e = {"uui-typography":"cVl9gI","hero-header":"S2h-qF","promo-header":"WLhirG","uui-critical":"eRhO-X","uui-info":"at7iwm","uui-success":"_7Tm5nJ","uui-warning":"_8xJPoJ","uui-highlight":"kPbAmZ","uui-typography-size-12":"cWkQD8","uui-typography-size-14":"mRlW9O","uui-typography-size-16":"DU86t-","submenu-root-item":"L-M3cL","icon-after":"xcxQTg","icon-check":"qL7rkm","splitter-root":"MlN3q8","splitter":"EM0Flq","header-root":"J6FAgg","item-root":"Y6Jfsp","icon":"rR0e-r","link":"sJrvwy","indent":"UoUboJ","selected-mark":"_8sIKqz","uuiTypography":"cVl9gI","heroHeader":"S2h-qF","promoHeader":"WLhirG","uuiCritical":"eRhO-X","uuiInfo":"at7iwm","uuiSuccess":"_7Tm5nJ","uuiWarning":"_8xJPoJ","uuiHighlight":"kPbAmZ","uuiTypographySize12":"cWkQD8","uuiTypographySize14":"mRlW9O","uuiTypographySize16":"DU86t-","submenuRootItem":"L-M3cL","iconAfter":"xcxQTg","iconCheck":"qL7rkm","splitterRoot":"MlN3q8","headerRoot":"J6FAgg","itemRoot":"Y6Jfsp","selectedMark":"_8sIKqz"};
 
 exports.IDropdownControlKeys = void 0;
 (function (IDropdownControlKeys) {
@@ -866,7 +1034,8 @@ function DropdownSubMenu(props) {
             },
         },
     ];
-    return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: "right-start", modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
+    const dir = uuiComponents.getHtmlDir();
+    return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
             var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
             return (React__namespace.default.createElement(DropdownMenuButton, Object.assign({ cx: uuiCore.cx(css$1e.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
         } }));
@@ -892,7 +1061,7 @@ function DropdownMenuSwitchButton(props) {
         React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1d = {"uui-typography":"qvM-DY","hero-header":"n6TEde","promo-header":"qBRZn0","uui-critical":"w-h-5l","uui-info":"JGzeqx","uui-success":"dIZKTc","uui-warning":"cpBN3Q","uui-highlight":"xNyode","uui-typography-size-12":"fLI9im","uui-typography-size-14":"XQGQ0K","uui-typography-size-16":"_99rWER","root":"_8Ns5I6","mode-block":"fNndlg","mode-inline":"gTGfcj","padding-0":"G6039A","padding-6":"IE-HP6","padding-12":"_2KKAZF","padding-18":"ywZV75","uuiTypography":"qvM-DY","heroHeader":"n6TEde","promoHeader":"qBRZn0","uuiCritical":"w-h-5l","uuiInfo":"JGzeqx","uuiSuccess":"dIZKTc","uuiWarning":"cpBN3Q","uuiHighlight":"xNyode","uuiTypographySize12":"fLI9im","uuiTypographySize14":"XQGQ0K","uuiTypographySize16":"_99rWER","modeBlock":"fNndlg","modeInline":"gTGfcj","padding0":"G6039A","padding6":"IE-HP6","padding12":"_2KKAZF","padding18":"ywZV75"};
+var css$1d = {"uui-typography":"UlhQNR","hero-header":"XX-4D1","promo-header":"snBhOY","uui-critical":"K8-4-S","uui-info":"MnaAl9","uui-success":"dQUwcf","uui-warning":"SM26uI","uui-highlight":"_48ToW-","uui-typography-size-12":"MPUziX","uui-typography-size-14":"hlworM","uui-typography-size-16":"SFd88x","root":"sqPncl","mode-block":"zoFdDA","mode-inline":"cMa4Wu","padding-0":"-n33x7","padding-6":"Fn1zBQ","padding-12":"_08tweQ","padding-18":"XqC-DB","uuiTypography":"UlhQNR","heroHeader":"XX-4D1","promoHeader":"snBhOY","uuiCritical":"K8-4-S","uuiInfo":"MnaAl9","uuiSuccess":"dQUwcf","uuiWarning":"SM26uI","uuiHighlight":"_48ToW-","uuiTypographySize12":"MPUziX","uuiTypographySize14":"hlworM","uuiTypographySize16":"SFd88x","modeBlock":"zoFdDA","modeInline":"cMa4Wu","padding0":"-n33x7","padding6":"Fn1zBQ","padding12":"_08tweQ","padding18":"XqC-DB"};
 
 const getMode = (mode) => {
     return mode || 'block';
@@ -908,7 +1077,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
     dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
 }));
 
-var css$1c = {"uui-typography":"nlynn6","hero-header":"_-80UL1","promo-header":"j8YG1p","uui-critical":"fY0Jg3","uui-info":"T3NJah","uui-success":"DQfcDN","uui-warning":"_4WoWl-","uui-highlight":"YfDjDa","uui-typography-size-12":"hak98a","uui-typography-size-14":"x7tMRr","uui-typography-size-16":"xge7EQ","root":"WfXrU-","border-top":"xALGpy","border-bottom":"FJ99f-","top-shadow":"pYS8x4","size-24":"SZBVtb","size-30":"GWn89k","size-36":"kA-Nhq","size-42":"zBvNMx","size-48":"AzzkCJ","padding-6":"RcD3ix","padding-12":"_6YHsyT","padding-18":"XyTrdp","padding-24":"ysBIcG","margin-24":"lx5puD","margin-12":"Fryym0","vPadding-12":"NTeBfr","vPadding-18":"yJo31X","vPadding-24":"_6fYudj","vPadding-36":"ChSZu6","vPadding-48":"T0V4Mb","spacing-6":"_5YiYD4","spacing-12":"bAvdC2","spacing-18":"_9d10Oe","uui-surface-main":"cQcquB","uuiTypography":"nlynn6","heroHeader":"_-80UL1","promoHeader":"j8YG1p","uuiCritical":"fY0Jg3","uuiInfo":"T3NJah","uuiSuccess":"DQfcDN","uuiWarning":"_4WoWl-","uuiHighlight":"YfDjDa","uuiTypographySize12":"hak98a","uuiTypographySize14":"x7tMRr","uuiTypographySize16":"xge7EQ","borderTop":"xALGpy","borderBottom":"FJ99f-","topShadow":"pYS8x4","size24":"SZBVtb","size30":"GWn89k","size36":"kA-Nhq","size42":"zBvNMx","size48":"AzzkCJ","padding6":"RcD3ix","padding12":"_6YHsyT","padding18":"XyTrdp","padding24":"ysBIcG","margin24":"lx5puD","margin12":"Fryym0","vPadding12":"NTeBfr","vPadding18":"yJo31X","vPadding24":"_6fYudj","vPadding36":"ChSZu6","vPadding48":"T0V4Mb","spacing6":"_5YiYD4","spacing12":"bAvdC2","spacing18":"_9d10Oe","uuiSurfaceMain":"cQcquB"};
+var css$1c = {"uui-typography":"qVXjrw","hero-header":"_5kB1Rz","promo-header":"jMLhfC","uui-critical":"eglxlB","uui-info":"SCeWIM","uui-success":"PkWZg8","uui-warning":"BNJT-f","uui-highlight":"-TMBYL","uui-typography-size-12":"mXtXIS","uui-typography-size-14":"mYO9Ai","uui-typography-size-16":"xmkiWU","root":"hgLLgb","border-top":"bGRYTz","border-bottom":"yQXHTO","top-shadow":"WKJVHy","size-24":"_5vpcFL","size-30":"iL4a65","size-36":"R4EF8O","size-42":"mQDXl0","size-48":"_0qpK1B","padding-6":"_9JVjw9","padding-12":"uAuZLB","padding-18":"db-Z4A","padding-24":"c-5aQy","margin-24":"INe5ve","margin-12":"jd2W17","vPadding-12":"_0TBmb8","vPadding-18":"rXixxQ","vPadding-24":"ufRRGD","vPadding-36":"GKdUdz","vPadding-48":"fssdeb","spacing-6":"fKDOSo","spacing-12":"_9ypziz","spacing-18":"-zjOiK","uui-surface-main":"BeymDo","uuiTypography":"qVXjrw","heroHeader":"_5kB1Rz","promoHeader":"jMLhfC","uuiCritical":"eglxlB","uuiInfo":"SCeWIM","uuiSuccess":"PkWZg8","uuiWarning":"BNJT-f","uuiHighlight":"-TMBYL","uuiTypographySize12":"mXtXIS","uuiTypographySize14":"mYO9Ai","uuiTypographySize16":"xmkiWU","borderTop":"bGRYTz","borderBottom":"yQXHTO","topShadow":"WKJVHy","size24":"_5vpcFL","size30":"iL4a65","size36":"R4EF8O","size42":"mQDXl0","size48":"_0qpK1B","padding6":"_9JVjw9","padding12":"uAuZLB","padding18":"db-Z4A","padding24":"c-5aQy","margin24":"INe5ve","margin12":"jd2W17","vPadding12":"_0TBmb8","vPadding18":"rXixxQ","vPadding24":"ufRRGD","vPadding36":"GKdUdz","vPadding48":"fssdeb","spacing6":"fKDOSo","spacing12":"_9ypziz","spacing18":"-zjOiK","uuiSurfaceMain":"BeymDo"};
 
 const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1c.flexCell]);
 
@@ -932,7 +1101,7 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
     ];
 });
 
-var css$1b = {"root":"_3JbP6N","margin-24":"ui9Hvb","padding-12":"wwDHQk","padding-24":"bW5Gs6","shadow":"d37Tng","uui-surface-main":"Ej1Nfz","margin24":"ui9Hvb","padding12":"wwDHQk","padding24":"bW5Gs6","uuiSurfaceMain":"Ej1Nfz"};
+var css$1b = {"root":"gio4iZ","margin-24":"wD0ASS","padding-12":"_8unl4d","padding-24":"wsLMkk","shadow":"HuAlM1","uui-surface-main":"MALGBk","margin24":"wD0ASS","padding12":"_8unl4d","padding24":"wsLMkk","uuiSurfaceMain":"MALGBk"};
 
 const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     'uui-panel',
@@ -942,7 +1111,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
     props.background && css$1b[`uui-${props.background}`],
 ]);
 
-var css$1a = {"root":"Oenrlm"};
+var css$1a = {"root":"eMOBAR"};
 
 function applyTooltipMods(mods) {
     return [
@@ -952,18 +1121,18 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
 
-var css$19 = {"uui-typography":"whyuM0","hero-header":"IeGfCN","promo-header":"_6EikH4","uui-critical":"SN9XtB","uui-info":"IaT25s","uui-success":"YXmtYF","uui-warning":"g8yGol","uui-highlight":"FEwlj-","uui-typography-size-12":"hE1U3H","uui-typography-size-14":"EHt0F8","uui-typography-size-16":"jQrr3-","root":"_8G8vto","size-24":"_3g119o","size-30":"yvUmvl","size-36":"_526nSJ","size-42":"g7zUXv","size-48":"fMUNd8","uuiTypography":"whyuM0","heroHeader":"IeGfCN","promoHeader":"_6EikH4","uuiCritical":"SN9XtB","uuiInfo":"IaT25s","uuiSuccess":"YXmtYF","uuiWarning":"g8yGol","uuiHighlight":"FEwlj-","uuiTypographySize12":"hE1U3H","uuiTypographySize14":"EHt0F8","uuiTypographySize16":"jQrr3-","size24":"_3g119o","size30":"yvUmvl","size36":"_526nSJ","size42":"g7zUXv","size48":"fMUNd8"};
+var css$19 = {"uui-typography":"MfCZXZ","hero-header":"avK3Xj","promo-header":"f40eoh","uui-critical":"_2MUwWg","uui-info":"aYN0IB","uui-success":"i5AuSB","uui-warning":"Dx2xEI","uui-highlight":"l9m8Fc","uui-typography-size-12":"AyvzZG","uui-typography-size-14":"_3dr-rf","uui-typography-size-16":"mF7m6m","root":"vNkMY-","size-24":"sEh3tG","size-30":"nObZcH","size-36":"EdJY6T","size-42":"kpC-Ck","size-48":"VfjNgk","uuiTypography":"MfCZXZ","heroHeader":"avK3Xj","promoHeader":"f40eoh","uuiCritical":"_2MUwWg","uuiInfo":"aYN0IB","uuiSuccess":"i5AuSB","uuiWarning":"Dx2xEI","uuiHighlight":"l9m8Fc","uuiTypographySize12":"AyvzZG","uuiTypographySize14":"_3dr-rf","uuiTypographySize16":"mF7m6m","size24":"sEh3tG","size30":"nObZcH","size36":"EdJY6T","size42":"kpC-Ck","size48":"VfjNgk"};
 
-const DEFAULT_SIZE$3 = '36';
+const DEFAULT_SIZE$2 = '36';
 function applyLabeledInputMods(mods) {
-    return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$3)]];
+    return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$2)]];
 }
 const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, (props) => ({
     Tooltip: props.Tooltip || Tooltip,
     infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
 }));
 
-var css$18 = {"root":"aaxruf"};
+var css$18 = {"root":"yNMqw9"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -978,7 +1147,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$17 = {"root":"WQhrGr"};
+var css$17 = {"root":"B2xsQH"};
 
 function applyScrollBarsMods() {
     return [
@@ -987,27 +1156,27 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
 
-var css$16 = {"scroll-container":"efeXkS","list-container":"X7G7tT","scrollContainer":"efeXkS","listContainer":"X7G7tT"};
+var css$16 = {"scroll-container":"mjE6ax","list-container":"hQrjJt","scrollContainer":"mjE6ax","listContainer":"hQrjJt"};
 
-var css$15 = {"root":"dGz8g-"};
+var css$15 = {"root":"Q2RUce"};
 
 const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$15.root]);
 
-var css$14 = {"uui-typography":"_8RGNmX","hero-header":"kj8MjL","promo-header":"V4tExG","uui-critical":"btRgSM","uui-info":"EOsSdg","uui-success":"USmDGv","uui-warning":"-tMGF3","uui-highlight":"KhsF4g","uui-typography-size-12":"UWq9-C","uui-typography-size-14":"WELMWG","uui-typography-size-16":"JLEEfc","root":"I-Yo6O","size-18":"Gftej-","size-24":"_1JZqMs","size-30":"roDsfo","size-36":"UNd5hF","size-42":"UtJX-h","size-48":"_6Fq0zN","uuiTypography":"_8RGNmX","heroHeader":"kj8MjL","promoHeader":"V4tExG","uuiCritical":"btRgSM","uuiInfo":"EOsSdg","uuiSuccess":"USmDGv","uuiWarning":"-tMGF3","uuiHighlight":"KhsF4g","uuiTypographySize12":"UWq9-C","uuiTypographySize14":"WELMWG","uuiTypographySize16":"JLEEfc","size18":"Gftej-","size24":"_1JZqMs","size30":"roDsfo","size36":"UNd5hF","size42":"UtJX-h","size48":"_6Fq0zN"};
+var css$14 = {"uui-typography":"_1DLP4v","hero-header":"ZFg16a","promo-header":"Qx-Ewq","uui-critical":"UWDgqt","uui-info":"tfubzO","uui-success":"tSPhGA","uui-warning":"_84nyWy","uui-highlight":"XX1MK4","uui-typography-size-12":"BncAhe","uui-typography-size-14":"plPD43","uui-typography-size-16":"XyeFOu","root":"_3MXhg-","size-18":"Ytxl1G","size-24":"fJA66V","size-30":"ucO5X2","size-36":"e0E9l7","size-42":"yieuav","size-48":"U46oAG","uuiTypography":"_1DLP4v","heroHeader":"ZFg16a","promoHeader":"Qx-Ewq","uuiCritical":"UWDgqt","uuiInfo":"tfubzO","uuiSuccess":"tSPhGA","uuiWarning":"_84nyWy","uuiHighlight":"XX1MK4","uuiTypographySize12":"BncAhe","uuiTypographySize14":"plPD43","uuiTypographySize16":"XyeFOu","size18":"Ytxl1G","size24":"fJA66V","size30":"ucO5X2","size36":"e0E9l7","size42":"yieuav","size48":"U46oAG"};
 
-const DEFAULT_SIZE$2 = '36';
+const DEFAULT_SIZE$1 = '36';
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
     return [
         'uui-badge',
         css$14.root,
-        css$14['size-' + (mods.size || DEFAULT_SIZE$2)],
+        css$14['size-' + (mods.size || DEFAULT_SIZE$1)],
         `uui-fill-${mods.fill || DEFAULT_FILL}`,
         `uui-color-${mods.color || 'info'}`,
         mods.indicator && mods.fill === 'outline' && 'uui-indicator',
     ];
 }
-const mapCountIndicatorSizes$1 = {
+const mapCountIndicatorSizes = {
     18: '12',
     24: '18',
     30: '18',
@@ -1021,26 +1190,17 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
     return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
         props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes$1[props.size || DEFAULT_SIZE$2], caption: props.count })),
+        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
         props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$13 = {"uui-typography":"Sm-KXS","hero-header":"Z6mgRl","promo-header":"BjwwsL","uui-critical":"_6Phpmc","uui-info":"r5X5ma","uui-success":"b8aJJ4","uui-warning":"GVDyKz","uui-highlight":"yOQfHK","uui-typography-size-12":"R8v7XT","uui-typography-size-14":"Sa0aKp","uui-typography-size-16":"O5zvjv","root":"VVC-9m","size-18":"D7KPyx","size-24":"_5uirah","size-30":"BNADif","size-36":"jl15XN","size-42":"ByFA6B","size-48":"Tci8S7","uuiTypography":"Sm-KXS","heroHeader":"Z6mgRl","promoHeader":"BjwwsL","uuiCritical":"_6Phpmc","uuiInfo":"r5X5ma","uuiSuccess":"b8aJJ4","uuiWarning":"GVDyKz","uuiHighlight":"yOQfHK","uuiTypographySize12":"R8v7XT","uuiTypographySize14":"Sa0aKp","uuiTypographySize16":"O5zvjv","size18":"D7KPyx","size24":"_5uirah","size30":"BNADif","size36":"jl15XN","size42":"ByFA6B","size48":"Tci8S7"};
+var css$13 = {"uui-typography":"Z-pr52","hero-header":"_88D-Cq","promo-header":"-cphLB","uui-critical":"kZ0eQ6","uui-info":"xHVA6G","uui-success":"ls6f1z","uui-warning":"_69wwFR","uui-highlight":"FQoH3q","uui-typography-size-12":"AlZmMm","uui-typography-size-14":"rAu89-","uui-typography-size-16":"fG-Trq","root":"_0dS869","uuiTypography":"Z-pr52","heroHeader":"_88D-Cq","promoHeader":"-cphLB","uuiCritical":"kZ0eQ6","uuiInfo":"xHVA6G","uuiSuccess":"ls6f1z","uuiWarning":"_69wwFR","uuiHighlight":"FQoH3q","uuiTypographySize12":"AlZmMm","uuiTypographySize14":"rAu89-","uuiTypographySize16":"fG-Trq"};
 
-const DEFAULT_SIZE$1 = '36';
-const mapCountIndicatorSizes = {
-    18: '12',
-    24: '18',
-    30: '18',
-    36: '18',
-    42: '24',
-    48: '24',
-};
 function applyTagMods(props) {
     return [
-        css$13['size-' + (props.size || DEFAULT_SIZE$1)],
         css$13.root,
+        `uui-size-${props.size || settings.sizes.defaults.tag}`,
         `uui-color-${props.color || 'neutral'}`,
         `uui-fill-${props.fill || 'solid'}`,
         'uui-tag',
@@ -1053,20 +1213,20 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     return (React__namespace.default.createElement(uuiComponents.Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
         props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
+        props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: settings.sizes.tag.countIndicator[(props.size || settings.sizes.defaults.tag)], caption: props.count })),
         props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
         props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$12 = {"root":"innuJB","uui-spinner":"rSh5Tq","uuiSpinner":"rSh5Tq"};
+var css$12 = {"root":"_3Q-iyF","uui-spinner":"w0wyMy","uuiSpinner":"w0wyMy"};
 
 function applySpinnerMods() {
     return [css$12.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
 
-var css$11 = {"root":"a1eqMm","spacer":"_5gRDGL","mode-ghost":"BKDx9Z","size-24":"-AvP98","size-30":"gEWU8G","navigation-size-24":"W43zSK","navigation-size-30":"_42e-t4","modeGhost":"BKDx9Z","size24":"-AvP98","size30":"gEWU8G","navigationSize24":"W43zSK","navigationSize30":"_42e-t4"};
+var css$11 = {"root":"ZwJtgH","spacer":"FUy--O","mode-ghost":"-WVipS","size-24":"Ix59HY","size-30":"hfXxIZ","navigation-size-24":"ewLI2Q","navigation-size-30":"jTUvOa","modeGhost":"-WVipS","size24":"Ix59HY","size30":"hfXxIZ","navigationSize24":"ewLI2Q","navigationSize30":"jTUvOa"};
 
 var _path$v;
 function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
@@ -1117,14 +1277,14 @@ function Paginator(props) {
     return React__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
 }
 
-var css$10 = {"root":"j-FpEl","progress-bar":"_4-MB1C","progressBar-indeterminate":"_1FpdOR","size-12":"eAutDd","size-18":"uj25dX","size-24":"FTRcTW","progressBar":"_4-MB1C","progressBarIndeterminate":"_1FpdOR","size12":"eAutDd","size18":"uj25dX","size24":"FTRcTW"};
+var css$10 = {"root":"f7UvMX","progress-bar":"PZOrtk","progressBar-indeterminate":"t0YzEa","size-12":"TSegaH","size-18":"r4LYOT","size-24":"yb-xao","progressBar":"PZOrtk","progressBarIndeterminate":"t0YzEa","size12":"TSegaH","size18":"r4LYOT","size24":"yb-xao"};
 
 const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$10.root, css$10[`size-${props.size || 12}`]) },
         React__namespace.createElement("div", { className: cx__default.default(css$10.progressBar) })));
 });
 
-var css$$ = {"root":"VZNdSC","striped":"tOvoto","animate-stripes":"DW9GEq","size-12":"ifCQXR","size-18":"bOCXhm","size-24":"IJOhDd","animateStripes":"DW9GEq","size12":"ifCQXR","size18":"bOCXhm","size24":"IJOhDd"};
+var css$$ = {"root":"LSP5VW","striped":"hQ5FbP","animate-stripes":"_3B5bp7","size-12":"rNPc8f","size-18":"mzeda-","size-24":"fOQeEu","animateStripes":"_3B5bp7","size12":"rNPc8f","size18":"mzeda-","size24":"fOQeEu"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1139,14 +1299,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$_ = {"root":"poRHuu"};
+var css$_ = {"root":"D4YDzG"};
 
 const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$_.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$_.root, props.cx) }));
 });
 
-var css$Z = {"root":"nvnMRK","size-12":"h4Kg1a","size-18":"o-RI1l","size-24":"asiXye","size12":"h4Kg1a","size18":"o-RI1l","size24":"asiXye"};
+var css$Z = {"root":"_5OJsXA","size-12":"-MZuwu","size-18":"fHxUQk","size-24":"UW-Ufw","size12":"-MZuwu","size18":"fHxUQk","size24":"UW-Ufw"};
 
 const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
@@ -1161,46 +1321,21 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
         React__namespace.default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
 });
 
-var css$Y = {"drag-handle":"_6-8Phh","icon-container":"dhp-O8","dragHandle":"_6-8Phh","iconContainer":"dhp-O8"};
+var css$Y = {"drag-handle":"HcyAXL","icon-container":"amFCZn","dragHandle":"HcyAXL","iconContainer":"amFCZn"};
 
 function DataRowAddons(props) {
     var _a, _b;
     const row = props.rowProps;
-    const additionalItemSize = +props.size < 30 ? '12' : '18';
     const getIndent = () => {
-        switch (props.size) {
-            case '24':
-                return (row.indent - 1) * 6;
-            case '30':
-            case '36':
-                return (row.indent - 1) * 12;
-            case '42':
-            case '48':
-            case '60':
-                return (row.indent - 1) * 24;
-            default:
-                return (row.indent - 1) * 24;
-        }
+        return (row.indent - 1) * settings.sizes.rowAddons.indentUnit[props.size || 'default'];
     };
     const getWidth = () => {
-        switch (props.size) {
-            case '24':
-                return '12px';
-            case '30':
-            case '36':
-                return '18px';
-            case '42':
-            case '48':
-            case '60':
-                return '24px';
-            default:
-                return '12px';
-        }
+        return settings.sizes.rowAddons.indentWidth[props.size || 'default'];
     };
     return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
         ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$Y.dragHandle }),
-        ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: additionalItemSize, value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
-        row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginLeft: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
+        ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.sizes.rowAddons.checkbox[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
+        row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
             }, key: "icon", icon: ForwardRef$P, cx: [
@@ -1208,7 +1343,7 @@ function DataRowAddons(props) {
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
 }
 
-var css$X = {"root":"Dgnc83"};
+var css$X = {"root":"wq7Umd"};
 
 const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
 
@@ -1244,13 +1379,12 @@ const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
         }), onScroll: handleScroll, renderView: renderView, ref: scrollBarsRef }, renderRows()));
 });
 const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
-    console.log(props);
     return (React__namespace.createElement(React__namespace.Fragment, null,
         React__namespace.createElement("div", Object.assign({}, props.rawProps, { style: Object.assign(Object.assign({}, props.style), { position: 'relative', flex: '1 1 auto', display: 'flex', flexDirection: 'column', overflow: props.isLoading ? 'hidden' : 'scroll', marginRight: props.isLoading ? 0 : props.style.marginRight, marginBottom: props.isLoading ? 0 : props.style.marginBottom }), ref: ref }), props.children),
         React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$W = {"root":"gNXGje"};
+var css$W = {"root":"VCQmIb"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1412,7 +1546,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, uuiCore.i18n)
     } }));
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$V = {"uui-typography":"BNNhxi","hero-header":"xSLHDX","promo-header":"YAsjt0","uui-critical":"Ya4BPX","uui-info":"_8AwQNp","uui-success":"_9csSJJ","uui-warning":"mQLjpT","uui-highlight":"vDGIqA","uui-typography-size-12":"TtJlZU","uui-typography-size-14":"-uMfpg","uui-typography-size-16":"SIISR2","modal":"UYTIyk","search-wrapper":"LeSqSU","body":"OeSYL-","checkbox":"rz8eUq","no-found-size-24":"c5q1Hu","no-found-size-30":"m6lZAh","no-found-size-36":"NjxfHj","no-found-size-42":"KOxb7p","uuiTypography":"BNNhxi","heroHeader":"xSLHDX","promoHeader":"YAsjt0","uuiCritical":"Ya4BPX","uuiInfo":"_8AwQNp","uuiSuccess":"_9csSJJ","uuiWarning":"mQLjpT","uuiHighlight":"vDGIqA","uuiTypographySize12":"TtJlZU","uuiTypographySize14":"-uMfpg","uuiTypographySize16":"SIISR2","searchWrapper":"LeSqSU","noFoundSize24":"c5q1Hu","noFoundSize30":"m6lZAh","noFoundSize36":"NjxfHj","noFoundSize42":"KOxb7p"};
+var css$V = {"uui-typography":"cHosMQ","hero-header":"n-EURO","promo-header":"NZGq89","uui-critical":"Wum0Ru","uui-info":"uHBN8Z","uui-success":"pJj1zm","uui-warning":"gkbjjq","uui-highlight":"A-jAG2","uui-typography-size-12":"W-GKgp","uui-typography-size-14":"_2HWAO2","uui-typography-size-16":"r-ZAL-","modal":"Gj6PQ8","search-wrapper":"KS-msT","body":"ghZYS3","checkbox":"l4XlhV","no-found-size-24":"_8nsVjO","no-found-size-30":"c5c8-j","no-found-size-36":"XLeyBv","no-found-size-42":"aAFpsJ","uuiTypography":"cHosMQ","heroHeader":"n-EURO","promoHeader":"NZGq89","uuiCritical":"Wum0Ru","uuiInfo":"uHBN8Z","uuiSuccess":"pJj1zm","uuiWarning":"gkbjjq","uuiHighlight":"A-jAG2","uuiTypographySize12":"W-GKgp","uuiTypographySize14":"_2HWAO2","uuiTypographySize16":"r-ZAL-","searchWrapper":"KS-msT","noFoundSize24":"_8nsVjO","noFoundSize30":"c5c8-j","noFoundSize36":"XLeyBv","noFoundSize42":"aAFpsJ"};
 
 class DataPickerBody extends uuiComponents.PickerBodyBase {
     constructor() {
@@ -1424,11 +1558,12 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
         if (this.props.renderNotFound) {
             return this.props.renderNotFound();
         }
-        return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$V[`no-found-size-${this.props.searchSize || 36}`], grow: 1, textAlign: "center" },
-            React__namespace.default.createElement(Text, { size: this.props.searchSize || '36' }, i18n.dataPickerBody.noRecordsMessage)));
+        // TODO: need fix sizes, how to use variables
+        return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$V[`no-found-size-${this.props.searchSize || settings.sizes.dataPickerBody.flexCell.default}`], grow: 1, textAlign: "center" },
+            React__namespace.default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.noRecordsMessage)));
     }
     render() {
-        const searchSize = uuiCore.isMobile() ? '48' : this.props.searchSize || '36';
+        const searchSize = (uuiCore.isMobile() ? settings.sizes.dataPickerBody.searchInput['mobile'] : this.props.searchSize);
         return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
             this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: css$V.searchWrapper },
                 React__namespace.default.createElement(uuiComponents.FlexCell, { grow: 1 },
@@ -1437,16 +1572,9 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
     }
 }
 
-const switchSizes = {
-    24: '12',
-    36: '18',
-    42: '24',
-    48: '24',
-};
 function DataPickerFooterImpl(props) {
     const { clearSelection, view, showSelected, selectionMode, } = props;
-    const size = uuiCore.isMobile() ? '48' : props.size || '36';
-    const switchSize = switchSizes[size];
+    const size = settings.sizes.dataPickerFooter.linkButton[uuiCore.isMobile() ? 'mobile' : props.size];
     const hasSelection = view.getSelectedRowsCount() > 0;
     const rowsCount = view.getListProps().rowsCount;
     const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
@@ -1456,8 +1584,8 @@ function DataPickerFooterImpl(props) {
     const selectAllText = i18n.pickerInput.selectAllButton;
     // show always for multi picker and for single only in case if search not disabled.
     const shouldShowFooter = isSinglePicker ? !props.disableClear : true;
-    return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { padding: "12" },
-        !isSinglePicker && (React__namespace.default.createElement(Switch, { size: switchSize, value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
+    return shouldShowFooter && (React__namespace.default.createElement(FlexRow, { padding: settings.sizes.dataPickerFooter.flexRowPadding },
+        !isSinglePicker && (React__namespace.default.createElement(Switch, { size: settings.sizes.dataPickerFooter.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
         React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
         React__namespace.default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
             view.selectAll && (React__namespace.default.createElement(LinkButton, { size: size, caption: hasSelection ? clearAllText : selectAllText, onClick: hasSelection ? clearSelection : () => view.selectAll.onValueChange(true), rawProps: {
@@ -1469,12 +1597,12 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
 
-var css$U = {"header":"xBCuKV","close":"XoSOYc"};
+var css$U = {"header":"m80e7X","close":"nxOsfA"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
     return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$U.header },
-        React__namespace.default.createElement(Text, { size: "48", fontWeight: "600" }, title),
+        React__namespace.default.createElement(Text, { size: settings.sizes.dataPickerHeader.text.size, fontWeight: settings.sizes.dataPickerHeader.text.fontWeight }, title),
         React__namespace.default.createElement(IconButton, { icon: ForwardRef$Q, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$U.close })));
 };
 const DataPickerHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerHeaderImpl);
@@ -1494,7 +1622,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
 
-var css$T = {"uui-typography":"e6hdU-","hero-header":"_61OR2C","promo-header":"lee8BX","uui-critical":"VBDEpx","uui-info":"Bdv8nf","uui-success":"mg-und","uui-warning":"_3rJMhN","uui-highlight":"hPfaSj","uui-typography-size-12":"kMD9na","uui-typography-size-14":"yiWVnY","uui-typography-size-16":"q09ZdG","root":"jTHSIa","align-widgets-top":"iLk-s9","size-24":"-CwI76","size-30":"zwtK7l","size-36":"_4RdhPQ","size-42":"-TNMhw","size-48":"zm-fhz","size-60":"_4kF0iH","align-widgets-center":"Mq2igf","icon-wrapper":"NRMET2","padding-12":"IYmaj4","padding-24":"g326Rt","padding-left-12":"_4mwZgb","padding-left-24":"EeiGLe","icon-container":"sQGQzi","loading-cell":"_4GP47E","content-wrapper":"XL2du-","render-item":"I8MFAA","icon-default":"JmY0Iy","selected-mark":"GN0N-1","uuiTypography":"e6hdU-","heroHeader":"_61OR2C","promoHeader":"lee8BX","uuiCritical":"VBDEpx","uuiInfo":"Bdv8nf","uuiSuccess":"mg-und","uuiWarning":"_3rJMhN","uuiHighlight":"hPfaSj","uuiTypographySize12":"kMD9na","uuiTypographySize14":"yiWVnY","uuiTypographySize16":"q09ZdG","alignWidgetsTop":"iLk-s9","size24":"-CwI76","size30":"zwtK7l","size36":"_4RdhPQ","size42":"-TNMhw","size48":"zm-fhz","size60":"_4kF0iH","alignWidgetsCenter":"Mq2igf","iconWrapper":"NRMET2","padding12":"IYmaj4","padding24":"g326Rt","paddingLeft12":"_4mwZgb","paddingLeft24":"EeiGLe","iconContainer":"sQGQzi","loadingCell":"_4GP47E","contentWrapper":"XL2du-","renderItem":"I8MFAA","iconDefault":"JmY0Iy","selectedMark":"GN0N-1"};
+var css$T = {"uui-typography":"Rru0yE","hero-header":"zYDKFv","promo-header":"A9GHvb","uui-critical":"TXFOzF","uui-info":"_9PbGG-","uui-success":"kY5lDc","uui-warning":"KfECmf","uui-highlight":"_5214tZ","uui-typography-size-12":"wNk9yf","uui-typography-size-14":"st56-1","uui-typography-size-16":"V0oa4t","root":"DxkwOq","align-widgets-top":"odZfGg","size-24":"_-1vBGI","size-30":"U0yvje","size-36":"unJQdD","size-42":"jXGciB","size-48":"AKolNP","size-60":"JXhg7a","align-widgets-center":"Q8MgPj","icon-wrapper":"_2Y3MuS","padding-12":"UMcBFK","padding-24":"DglHZu","padding-left-12":"w-vdf1","padding-left-24":"hbb96D","icon-container":"-ZNYPk","loading-cell":"N7OxEe","content-wrapper":"b4DgDg","render-item":"_4jYh-z","icon-default":"u78y4e","selected-mark":"vYWMoC","uuiTypography":"Rru0yE","heroHeader":"zYDKFv","promoHeader":"A9GHvb","uuiCritical":"TXFOzF","uuiInfo":"_9PbGG-","uuiSuccess":"kY5lDc","uuiWarning":"KfECmf","uuiHighlight":"_5214tZ","uuiTypographySize12":"wNk9yf","uuiTypographySize14":"st56-1","uuiTypographySize16":"V0oa4t","alignWidgetsTop":"odZfGg","size24":"_-1vBGI","size30":"U0yvje","size36":"unJQdD","size42":"jXGciB","size48":"AKolNP","size60":"JXhg7a","alignWidgetsCenter":"Q8MgPj","iconWrapper":"_2Y3MuS","padding12":"UMcBFK","padding24":"DglHZu","paddingLeft12":"w-vdf1","paddingLeft24":"hbb96D","iconContainer":"-ZNYPk","loadingCell":"N7OxEe","contentWrapper":"b4DgDg","renderItem":"_4jYh-z","iconDefault":"u78y4e","selectedMark":"vYWMoC"};
 
 function DataPickerCell(props) {
     const ref = React__namespace.useRef();
@@ -1502,18 +1630,18 @@ function DataPickerCell(props) {
     if (props.rowProps.isLoading) {
         content = (
         // remove `css.loadingCell` after` removing `margin: 0 3px 3px 0` from `TextPlaceholder` `loadingWord` class styles.
-        React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48', cx: css$T.loadingCell },
+        React__namespace.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size], cx: css$T.loadingCell },
             React__namespace.createElement(TextPlaceholder, null)));
     }
     else if (props.rowProps.isUnknown) {
-        content = (React__namespace.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown"));
+        content = (React__namespace.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size] }, "Unknown"));
     }
     else {
         content = (React__namespace.createElement("div", { key: `${props.rowProps.id}`, className: css$T.renderItem },
             props.renderItem(props.rowProps.value, props.rowProps),
             React__namespace.createElement(uuiComponents.FlexSpacer, null),
             (props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React__namespace.createElement("div", { className: uuiCore.cx(css$T.iconWrapper, uuiCore.uuiMod.selected) },
-                React__namespace.createElement(uuiComponents.IconContainer, { icon: props.size === '24' ? ForwardRef$t : ForwardRef$O, cx: uuiCore.cx(props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark), rawProps: { 'aria-label': props.rowProps.isChildrenSelected
+                React__namespace.createElement(uuiComponents.IconContainer, { icon: settings.sizes.dataPickerCell.isBoldIcon[props.size] ? ForwardRef$t : ForwardRef$O, cx: props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
                             ? 'Child is selected'
                             : 'Selected' } })))));
     }
@@ -1522,22 +1650,22 @@ function DataPickerCell(props) {
             css$T.root,
             props.cx,
             'data-picker-cell',
-            css$T['size-' + (props.size || '36')],
-            css$T[`padding-${props.padding || '12'}`],
-            css$T[`padding-left-${props.padding || '24'}`],
+            css$T['size-' + (props.size || settings.sizes.defaults.dataPickerCell)],
+            css$T[`padding-${props.padding || settings.sizes.dataPickerCell.padding.default}`],
+            css$T[`padding-left-${props.padding || settings.sizes.dataPickerCell.paddingLeft.default}`],
             css$T[`align-widgets-${props.alignActions || 'top'}`],
         ] },
         React__namespace.createElement(DataRowAddons, Object.assign({}, props)),
         getWrappedContent()));
 }
 
-var css$S = {"uui-typography":"yQqsls","hero-header":"fQnWxu","promo-header":"_0Lg9H9","uui-critical":"xA8JKP","uui-info":"quIZLm","uui-success":"LlyHRy","uui-warning":"roWOUL","uui-highlight":"U8YXuE","uui-typography-size-12":"aje-qn","uui-typography-size-14":"d7pJEy","uui-typography-size-16":"kpBwgX","picker-row":"RPcMCE","uuiTypography":"yQqsls","heroHeader":"fQnWxu","promoHeader":"_0Lg9H9","uuiCritical":"xA8JKP","uuiInfo":"quIZLm","uuiSuccess":"LlyHRy","uuiWarning":"roWOUL","uuiHighlight":"U8YXuE","uuiTypographySize12":"aje-qn","uuiTypographySize14":"d7pJEy","uuiTypographySize16":"kpBwgX","pickerRow":"RPcMCE"};
+var css$S = {"uui-typography":"sKy-AO","hero-header":"H1reVt","promo-header":"_1JEi8A","uui-critical":"Orn045","uui-info":"js28AB","uui-success":"P0DWSC","uui-warning":"tvnCpP","uui-highlight":"cIKTSl","uui-typography-size-12":"Yulgoe","uui-typography-size-14":"NFRZdS","uui-typography-size-16":"nCQia8","picker-row":"_73hdnS","uuiTypography":"sKy-AO","heroHeader":"H1reVt","promoHeader":"_1JEi8A","uuiCritical":"Orn045","uuiInfo":"js28AB","uuiSuccess":"P0DWSC","uuiWarning":"tvnCpP","uuiHighlight":"cIKTSl","uuiTypographySize12":"Yulgoe","uuiTypographySize14":"NFRZdS","uuiTypographySize16":"nCQia8","pickerRow":"_73hdnS"};
 
 class DataPickerRow extends React__namespace.Component {
     constructor() {
         super(...arguments);
         this.renderContent = () => {
-            return (React__namespace.createElement(DataPickerCell, { key: "name", size: this.props.size || '36', padding: this.props.padding || '24', rowProps: this.props, alignActions: this.props.alignActions || 'top', renderItem: this.props.renderItem }));
+            return (React__namespace.createElement(DataPickerCell, { key: "name", size: this.props.size || settings.sizes.dataPickerRow.dataPickerCell.default, padding: this.props.padding || settings.sizes.dataPickerRow.padding.default, rowProps: this.props, alignActions: this.props.alignActions || 'top', renderItem: this.props.renderItem }));
         };
     }
     render() {
@@ -1545,7 +1673,7 @@ class DataPickerRow extends React__namespace.Component {
     }
 }
 
-var css$R = {"uui-typography":"OQ-D-T","hero-header":"G7KfL0","promo-header":"MUBIUR","uui-critical":"S3Iynr","uui-info":"dN6pnu","uui-success":"zqn-g9","uui-warning":"s0wJ6e","uui-highlight":"eoU00U","uui-typography-size-12":"b4ZxTX","uui-typography-size-14":"cmgPpF","uui-typography-size-16":"EgOCCv","done":"HGWjU2","container":"Y700eo","uuiTypography":"OQ-D-T","heroHeader":"G7KfL0","promoHeader":"MUBIUR","uuiCritical":"S3Iynr","uuiInfo":"dN6pnu","uuiSuccess":"zqn-g9","uuiWarning":"s0wJ6e","uuiHighlight":"eoU00U","uuiTypographySize12":"b4ZxTX","uuiTypographySize14":"cmgPpF","uuiTypographySize16":"EgOCCv"};
+var css$R = {"uui-typography":"ssRelx","hero-header":"JQZF8-","promo-header":"_1V-NUb","uui-critical":"_25rd8y","uui-info":"_1Kwm-B","uui-success":"FvLDeE","uui-warning":"ZfGUD5","uui-highlight":"Yxe7Rx","uui-typography-size-12":"DPsoBw","uui-typography-size-14":"E8GZf3","uui-typography-size-16":"iiVmBi","done":"Zl8KL-","container":"lxp5pY","uuiTypography":"ssRelx","heroHeader":"JQZF8-","promoHeader":"_1V-NUb","uuiCritical":"_25rd8y","uuiInfo":"_1Kwm-B","uuiSuccess":"FvLDeE","uuiWarning":"ZfGUD5","uuiHighlight":"Yxe7Rx","uuiTypographySize12":"DPsoBw","uuiTypographySize14":"E8GZf3","uuiTypographySize16":"iiVmBi"};
 
 const MobileDropdownWrapper = (props) => {
     const isMobileView = uuiCore.isMobile();
@@ -1554,7 +1682,7 @@ const MobileDropdownWrapper = (props) => {
     return (React__namespace.default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$R.container, props.cx] }),
         isMobileView && React__namespace.default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
         props.children,
-        isMobileView && React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$R.done, size: "48" })));
+        isMobileView && React__namespace.default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$R.done, size: settings.sizes.mobileDropdownWrapper.linkButton })));
 };
 
 var _path$s, _path2$4;
@@ -1579,9 +1707,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
 
-var css$Q = {"uui-typography":"ZkkSDY","hero-header":"pJqCXv","promo-header":"ngDjIw","uui-critical":"EijOGf","uui-info":"ugJVaZ","uui-success":"FIjnde","uui-warning":"_8hDe6p","uui-highlight":"QrSAKX","uui-typography-size-12":"IWybnM","uui-typography-size-14":"dt-M2Z","uui-typography-size-16":"c3C0x2","sub-header-wrapper":"OMnSA9","switch":"rJWab7","no-found-modal-container":"REGWLB","no-found-modal-container-icon":"_4K6UGT","no-found-modal-container-text":"AeyS21","uuiTypography":"ZkkSDY","heroHeader":"pJqCXv","promoHeader":"ngDjIw","uuiCritical":"EijOGf","uuiInfo":"ugJVaZ","uuiSuccess":"FIjnde","uuiWarning":"_8hDe6p","uuiHighlight":"QrSAKX","uuiTypographySize12":"IWybnM","uuiTypographySize14":"dt-M2Z","uuiTypographySize16":"c3C0x2","subHeaderWrapper":"OMnSA9","$switch$":"rJWab7","noFoundModalContainer":"REGWLB","noFoundModalContainerIcon":"_4K6UGT","noFoundModalContainerText":"AeyS21"};
-
-var css$P = {"root":"vQW2K8","multiline":"GAbiqs","vertical-padding-24":"WFUGy-","vertical-padding-30":"_9JUwEf","vertical-padding-36":"H6BVtP","vertical-padding-42":"nf-1Pf","vertical-padding-48":"Nftw4J","text":"xyMYHW","verticalPadding24":"WFUGy-","verticalPadding30":"_9JUwEf","verticalPadding36":"H6BVtP","verticalPadding42":"nf-1Pf","verticalPadding48":"Nftw4J"};
+var css$Q = {"uui-typography":"F5FlIe","hero-header":"RF0dDc","promo-header":"vTb1P-","uui-critical":"wYKBcW","uui-info":"mhv4Sv","uui-success":"q2G5Bl","uui-warning":"a19yzE","uui-highlight":"ivVYTz","uui-typography-size-12":"-tucYt","uui-typography-size-14":"CRdUaV","uui-typography-size-16":"WkV8gd","sub-header-wrapper":"_0DwySD","switch":"IIoiDY","no-found-modal-container":"g3vDob","no-found-modal-container-icon":"O5hcq6","no-found-modal-container-text":"NoVivw","uuiTypography":"F5FlIe","heroHeader":"RF0dDc","promoHeader":"vTb1P-","uuiCritical":"wYKBcW","uuiInfo":"mhv4Sv","uuiSuccess":"q2G5Bl","uuiWarning":"a19yzE","uuiHighlight":"ivVYTz","uuiTypographySize12":"-tucYt","uuiTypographySize14":"CRdUaV","uuiTypographySize16":"WkV8gd","subHeaderWrapper":"_0DwySD","$switch$":"IIoiDY","noFoundModalContainer":"g3vDob","noFoundModalContainerIcon":"O5hcq6","noFoundModalContainerText":"NoVivw"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -1648,11 +1774,12 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-const defaultSize$2 = '36';
+var css$P = {"root":"-YWRjl","multiline":"h4JSdY","vertical-padding-24":"ukJkYq","vertical-padding-30":"jXdWg2","vertical-padding-36":"bsh5rb","vertical-padding-42":"cKn3CA","vertical-padding-48":"G1V3SB","text":"_0X7jab","verticalPadding24":"ukJkYq","verticalPadding30":"jXdWg2","verticalPadding36":"bsh5rb","verticalPadding42":"cKn3CA","verticalPadding48":"G1V3SB"};
+
 function PickerItem(props) {
     var _a;
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, cx, } = props;
-    const itemSize = size || defaultSize$2;
+    const itemSize = size || settings.sizes.defaults.pickerItem;
     const isMultiline = !!(props.title && props.subtitle);
     const { search } = (_a = props.dataSourceState) !== null && _a !== void 0 ? _a : {};
     const title = highlightSearchMatches ? getHighlightedSearchMatches(props.title, search) : props.title;
@@ -1666,7 +1793,7 @@ function PickerItem(props) {
                 subtitle && (React__namespace.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$P.text }, isLoading ? React__namespace.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
 }
 function getAvatarSize(size, isMultiline) {
-    return isMultiline ? size : +size - 6;
+    return settings.sizes.pickerItem.avatar[isMultiline ? 'multiline' : 'rest'][size];
 }
 
 function PickerModal(props) {
@@ -1722,27 +1849,11 @@ function PickerModal(props) {
             React__namespace.default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$O = {"tooltip":"rcHr9x"};
-
-const getPickerTogglerButtonSize = (propSize) => {
-    switch (propSize) {
-        case '48':
-            return '42';
-        case '42':
-            return '36';
-        case '36':
-            return '30';
-        case '30':
-            return '24';
-        case '24':
-            return '18';
-        default:
-            return '30';
-    }
-};
+var css$O = {"tooltip":"HTjac6"};
+
 const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     var _a;
-    const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: getPickerTogglerButtonSize(props.size), caption: ((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.isLoading) ? React__namespace.createElement(TextPlaceholder, null) : props.caption });
+    const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: settings.sizes.pickerToggler.tag[props.size], caption: ((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.isLoading) ? React__namespace.createElement(TextPlaceholder, null) : props.caption });
     if (props.isCollapsed) {
         const collapsedRows = props.collapsedRows.map((row) => { var _a; return (_a = row.value) === null || _a === void 0 ? void 0 : _a.name; }).join(', ');
         return (React__namespace.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$O.tooltip },
@@ -1753,20 +1864,20 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
     }
 });
 
-var css$N = {"uui-typography":"VgH66r","hero-header":"C2mOsr","promo-header":"CxD7GJ","uui-critical":"WwYDjA","uui-info":"RWfJuh","uui-success":"j1tc84","uui-warning":"BwfbD-","uui-highlight":"UwgaWB","uui-typography-size-12":"_326obK","uui-typography-size-14":"USsvXb","uui-typography-size-16":"_6kd41Y","root":"_3QLiBG","mode-form":"_-3cbHq","mode-cell":"msnYmM","mode-inline":"LOFPSp","size-24":"DoeQ45","size-30":"OdTbXn","size-36":"am5-tg","size-42":"_0LJWkV","size-48":"_9oeEAh","uuiTypography":"VgH66r","heroHeader":"C2mOsr","promoHeader":"CxD7GJ","uuiCritical":"WwYDjA","uuiInfo":"RWfJuh","uuiSuccess":"j1tc84","uuiWarning":"BwfbD-","uuiHighlight":"UwgaWB","uuiTypographySize12":"_326obK","uuiTypographySize14":"USsvXb","uuiTypographySize16":"_6kd41Y","modeForm":"_-3cbHq","modeCell":"msnYmM","modeInline":"LOFPSp","size24":"DoeQ45","size30":"OdTbXn","size36":"am5-tg","size42":"_0LJWkV","size48":"_9oeEAh"};
+var css$N = {"uui-typography":"jg2H2x","hero-header":"B6u3Kg","promo-header":"AWJQ8q","uui-critical":"UwwGd9","uui-info":"D4y3jz","uui-success":"keWqJB","uui-warning":"_9AmLXP","uui-highlight":"WA9Fl4","uui-typography-size-12":"KxmPEi","uui-typography-size-14":"R6Q7DZ","uui-typography-size-16":"hV17xX","root":"fXaCsH","mode-form":"G2NU6K","mode-cell":"_483o9J","mode-inline":"LsyLkj","uuiTypography":"jg2H2x","heroHeader":"B6u3Kg","promoHeader":"AWJQ8q","uuiCritical":"UwwGd9","uuiInfo":"D4y3jz","uuiSuccess":"keWqJB","uuiWarning":"_9AmLXP","uuiHighlight":"WA9Fl4","uuiTypographySize12":"KxmPEi","uuiTypographySize14":"R6Q7DZ","uuiTypographySize16":"hV17xX","modeForm":"G2NU6K","modeCell":"_483o9J","modeInline":"LsyLkj"};
 
-const defaultSize$1 = '36';
 const defaultMode$1 = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
     return [
         css$N.root,
-        css$N['size-' + (mods.size || defaultSize$1)],
+        'uui-picker_toggler',
+        `uui-size-${mods.size || settings.sizes.defaults.pickerToggler}`,
         css$N['mode-' + (mods.mode || defaultMode$1)],
     ];
 }
 function PickerTogglerComponent(props, ref) {
     const renderItem = (itemProps) => {
-        const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: props.size });
+        const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: (props.size || settings.sizes.defaults.pickerToggler) });
         if (!!props.renderItem) {
             return props.renderItem(itemPropsWithSize);
         }
@@ -1776,8 +1887,6 @@ function PickerTogglerComponent(props, ref) {
 }
 const PickerToggler = /* @__PURE__ */React__namespace.forwardRef(PickerTogglerComponent);
 
-const pickerHeight$1 = 300;
-const pickerWidth = 360;
 function PickerInputComponent(_a, ref) {
     var { highlightSearchMatches = true } = _a, props = __rest(_a, ["highlightSearchMatches"]);
     const toggleModalOpening = () => {
@@ -1814,9 +1923,9 @@ function PickerInputComponent(_a, ref) {
     };
     const getRowSize = () => {
         if (uuiCore.isMobile()) {
-            return '48';
+            return settings.sizes.pickerInput.rowSize.mobile;
         }
-        return props.editMode === 'modal' ? '36' : props.size;
+        return props.editMode === 'modal' ? settings.sizes.pickerInput.rowSize.modal : props.size;
     };
     const getSubtitle = ({ path }, { search }) => {
         if (!search)
@@ -1831,12 +1940,12 @@ function PickerInputComponent(_a, ref) {
         return (React__namespace.default.createElement(PickerItem, Object.assign({ title: getName(item), size: getRowSize(), dataSourceState: dsState, highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), rowProps)));
     };
     const renderRow = (rowProps, dsState) => {
-        return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__namespace.default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding: props.editMode === 'modal' ? '24' : '12', renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) })));
+        return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__namespace.default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding: (props.editMode === 'modal' ? settings.sizes.pickerInput.rowSize.padding.modal : settings.sizes.pickerInput.rowSize.padding.default), renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) })));
     };
     const renderBody = (bodyProps, rows) => {
         const renderedDataRows = rows.map((row) => renderRow(row, dataSourceState));
-        const bodyHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || pickerHeight$1;
-        const minBodyWidth = props.minBodyWidth || pickerWidth;
+        const bodyHeight = uuiCore.isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || settings.sizes.pickerInput.height;
+        const minBodyWidth = props.minBodyWidth || settings.sizes.pickerInput.width;
         return (React__namespace.default.createElement(MobileDropdownWrapper, { title: props.entityName, onClose: () => toggleBodyOpening(false), cx: [props.bodyCx], onKeyDown: bodyProps.onKeyDown, width: bodyProps.togglerWidth > minBodyWidth ? bodyProps.togglerWidth : minBodyWidth, focusLock: getSearchPosition() === 'body' },
             React__namespace.default.createElement(DataPickerBody, Object.assign({}, bodyProps, { rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode, renderNotFound: props.renderNotFound
                     ? () => props.renderNotFound({
@@ -1855,7 +1964,7 @@ function PickerInputComponent(_a, ref) {
 }
 const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
 
-var css$M = {"row":"QkiO74"};
+var css$M = {"row":"cK69ro"};
 
 function PickerListItem(props) {
     var _a;
@@ -1876,7 +1985,7 @@ function PickerListItem(props) {
     return (React__namespace.default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$M.row }), component));
 }
 
-var css$L = {"root":"Xbj53f"};
+var css$L = {"root":"RlOANk"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
@@ -1916,7 +2025,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$K = {"uui-typography":"_110JE5","hero-header":"gqX7Gu","promo-header":"_0NU7SA","uui-critical":"b48V3N","uui-info":"vVEeu0","uui-success":"e-IrXR","uui-warning":"mzNcTH","uui-highlight":"ICJNHq","uui-typography-size-12":"_65f9Yj","uui-typography-size-14":"Da0wvC","uui-typography-size-16":"smGOOZ","root":"XwNLBZ","title-wrapper":"L6rhTc","title":"IiNJAR","text-wrapper":"oYkn5I","selection":"BOgVEC","postfix":"_-24LSV","selected":"OAXkSF","uuiTypography":"_110JE5","heroHeader":"gqX7Gu","promoHeader":"_0NU7SA","uuiCritical":"b48V3N","uuiInfo":"vVEeu0","uuiSuccess":"e-IrXR","uuiWarning":"mzNcTH","uuiHighlight":"ICJNHq","uuiTypographySize12":"_65f9Yj","uuiTypographySize14":"Da0wvC","uuiTypographySize16":"smGOOZ","titleWrapper":"L6rhTc","textWrapper":"oYkn5I"};
+var css$K = {"uui-typography":"rUXQrN","hero-header":"TNSYpj","promo-header":"SZ78zy","uui-critical":"OQiqNo","uui-info":"xyD-Jy","uui-success":"_8VlGWq","uui-warning":"VPlO7h","uui-highlight":"taHouT","uui-typography-size-12":"pJvEtG","uui-typography-size-14":"P-Igpk","uui-typography-size-16":"pfMs9f","root":"IhmNIU","title-wrapper":"SNrBMg","title":"UwyoQl","text-wrapper":"_1AKtM6","selection":"BHNUmM","postfix":"_8SgBGi","selected":"dLnT3-","uuiTypography":"rUXQrN","heroHeader":"TNSYpj","promoHeader":"SZ78zy","uuiCritical":"OQiqNo","uuiInfo":"xyD-Jy","uuiSuccess":"_8VlGWq","uuiWarning":"VPlO7h","uuiHighlight":"taHouT","uuiTypographySize12":"pJvEtG","uuiTypographySize14":"P-Igpk","uuiTypographySize16":"pfMs9f","titleWrapper":"SNrBMg","textWrapper":"_1AKtM6"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
@@ -2009,7 +2118,7 @@ function FilterPickerBody(_a) {
     return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
 }
 
-var css$J = {"container":"_0fm4qW"};
+var css$J = {"container":"rAkR-s"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2218,14 +2327,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow(), isDisabled: disableNext }))));
 }
 
-var css$I = {"uui-typography":"wUjYlt","hero-header":"T3zwIm","promo-header":"GUDSnj","uui-critical":"kXA-TB","uui-info":"_7uSmni","uui-success":"EYKzgf","uui-warning":"_0sCd9A","uui-highlight":"nl7rZd","uui-typography-size-12":"cO-sT8","uui-typography-size-14":"ozkTZ1","uui-typography-size-16":"KEbCRR","root":"XNO8vv","uuiTypography":"wUjYlt","heroHeader":"T3zwIm","promoHeader":"GUDSnj","uuiCritical":"kXA-TB","uuiInfo":"_7uSmni","uuiSuccess":"EYKzgf","uuiWarning":"_0sCd9A","uuiHighlight":"nl7rZd","uuiTypographySize12":"cO-sT8","uuiTypographySize14":"ozkTZ1","uuiTypographySize16":"KEbCRR"};
+var css$I = {"uui-typography":"tBvdEW","hero-header":"vKFCA2","promo-header":"CathsY","uui-critical":"qPxPuu","uui-info":"MkPn3X","uui-success":"eTGgk0","uui-warning":"QYzrt-","uui-highlight":"Es4wdH","uui-typography-size-12":"d-V5gC","uui-typography-size-14":"xmNjs-","uui-typography-size-16":"_9i-YZZ","root":"_5JzgF1","uuiTypography":"tBvdEW","heroHeader":"vKFCA2","promoHeader":"CathsY","uuiCritical":"qPxPuu","uuiInfo":"MkPn3X","uuiSuccess":"eTGgk0","uuiWarning":"QYzrt-","uuiHighlight":"Es4wdH","uuiTypographySize12":"d-V5gC","uuiTypographySize14":"xmNjs-","uuiTypographySize16":"_9i-YZZ"};
 
 function applyDateSelectionMods() {
     return [css$I.root];
 }
 const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
 
-var css$H = {"uui-typography":"sa--0h","hero-header":"X8QjRs","promo-header":"lC3fu4","uui-critical":"_1Gti8L","uui-info":"N67Dgn","uui-success":"_5hi-7P","uui-warning":"bLV3-j","uui-highlight":"GMMGlK","uui-typography-size-12":"QFowog","uui-typography-size-14":"T86R9e","uui-typography-size-16":"ieFLYS","root":"TI7yt6","uuiTypography":"sa--0h","heroHeader":"X8QjRs","promoHeader":"lC3fu4","uuiCritical":"_1Gti8L","uuiInfo":"N67Dgn","uuiSuccess":"_5hi-7P","uuiWarning":"bLV3-j","uuiHighlight":"GMMGlK","uuiTypographySize12":"QFowog","uuiTypographySize14":"T86R9e","uuiTypographySize16":"ieFLYS"};
+var css$H = {"uui-typography":"I-nxCZ","hero-header":"s9fILC","promo-header":"imJqfh","uui-critical":"c71weT","uui-info":"a7H-pG","uui-success":"uFyP86","uui-warning":"_3Sa9tA","uui-highlight":"ZJOqbV","uui-typography-size-12":"jZvKi8","uui-typography-size-14":"I0N7gH","uui-typography-size-16":"AGNt5t","root":"fJxdse","uuiTypography":"I-nxCZ","heroHeader":"s9fILC","promoHeader":"imJqfh","uuiCritical":"c71weT","uuiInfo":"a7H-pG","uuiSuccess":"uFyP86","uuiWarning":"_3Sa9tA","uuiHighlight":"ZJOqbV","uuiTypographySize12":"jZvKi8","uuiTypographySize14":"I0N7gH","uuiTypographySize16":"AGNt5t"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepickerBody-wrapper',
@@ -2313,7 +2422,7 @@ function FilterDatePickerBody(props) {
                     } })))));
 }
 
-var css$G = {"uui-typography":"pBIzxI","hero-header":"laG5kL","promo-header":"pJ-Xzp","uui-critical":"N8yzSs","uui-info":"L33p7Y","uui-success":"dlVySh","uui-warning":"-Y4UAi","uui-highlight":"_9Bj2L9","uui-typography-size-12":"d3IbNk","uui-typography-size-14":"ti7QfB","uui-typography-size-16":"_0AiVbo","dropdown-container":"M-ymcv","date-input":"_9htoCJ","size-24":"rXWvOY","size-30":"G4c9yX","size-36":"D3kAhw","size-42":"p-PYrL","size-48":"YAQAoY","date-input-group":"ds4De-","separator":"ln7hDh","mode-form":"oACKaQ","mode-cell":"BNXpAo","uuiTypography":"pBIzxI","heroHeader":"laG5kL","promoHeader":"pJ-Xzp","uuiCritical":"N8yzSs","uuiInfo":"L33p7Y","uuiSuccess":"dlVySh","uuiWarning":"-Y4UAi","uuiHighlight":"_9Bj2L9","uuiTypographySize12":"d3IbNk","uuiTypographySize14":"ti7QfB","uuiTypographySize16":"_0AiVbo","dropdownContainer":"M-ymcv","dateInput":"_9htoCJ","size24":"rXWvOY","size30":"G4c9yX","size36":"D3kAhw","size42":"p-PYrL","size48":"YAQAoY","dateInputGroup":"ds4De-","modeForm":"oACKaQ","modeCell":"BNXpAo"};
+var css$G = {"uui-typography":"-ZQpbj","hero-header":"JWcZgi","promo-header":"_9dAji-","uui-critical":"kF2JQI","uui-info":"Cy0CP0","uui-success":"sX9RLp","uui-warning":"V7Xx-k","uui-highlight":"SwDggq","uui-typography-size-12":"fioJqs","uui-typography-size-14":"_4i31pM","uui-typography-size-16":"_8QI2bF","dropdown-container":"_6lB6fn","date-input":"lh9l8S","date-input-group":"xCZUsw","separator":"rH5QzZ","mode-form":"L-ue8s","mode-cell":"U79zNp","uuiTypography":"-ZQpbj","heroHeader":"JWcZgi","promoHeader":"_9dAji-","uuiCritical":"kF2JQI","uuiInfo":"Cy0CP0","uuiSuccess":"sX9RLp","uuiWarning":"V7Xx-k","uuiHighlight":"SwDggq","uuiTypographySize12":"fioJqs","uuiTypographySize14":"_4i31pM","uuiTypographySize16":"_8QI2bF","dropdownContainer":"_6lB6fn","dateInput":"lh9l8S","dateInputGroup":"xCZUsw","modeForm":"L-ue8s","modeCell":"U79zNp"};
 
 const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onBlur, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
@@ -2344,9 +2453,9 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
                 onClick === null || onClick === void 0 ? void 0 : onClick(event);
             }
         }, onBlur: onBlur },
-        React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'from' && uuiCore.uuiMod.focus), size: size || '36', placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, id: id }),
+        React__namespace.default.createElement(TextInput, { icon: systemIcons.calendar, cx: uuiCore.cx(css$G.dateInput, inFocus === 'from' && uuiCore.uuiMod.focus), size: size || settings.sizes.defaults.rangeDatePicker, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, id: id }),
         React__namespace.default.createElement("div", { className: css$G.separator }),
-        React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || '36', value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
+        React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$G.dateInput, inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.sizes.defaults.rangeDatePicker, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
                 onValueChange(defaultRangeValue);
             } : 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 === null || rawProps === void 0 ? void 0 : rawProps.to })));
 });
@@ -2404,7 +2513,7 @@ function FilterRangeDatePickerBody(props) {
                 React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$F = {"container":"RZxVoN"};
+var css$F = {"container":"xU4lRP"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2504,7 +2613,7 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
 };
 var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgActionDeleteForeverFill);
 
-var css$E = {"uui-typography":"yvqW-8","hero-header":"wav0j2","promo-header":"_53WSof","uui-critical":"-Waffu","uui-info":"e7OAxT","uui-success":"Xmp85i","uui-warning":"DGaC37","uui-highlight":"_1wO2y5","uui-typography-size-12":"u2CSKz","uui-typography-size-14":"_4wnGVg","uui-typography-size-16":"mQ4hRi","header":"_6oGFEa","removeButton":"SOm6Uv","with-search":"aV-Azt","uuiTypography":"yvqW-8","heroHeader":"wav0j2","promoHeader":"_53WSof","uuiCritical":"-Waffu","uuiInfo":"e7OAxT","uuiSuccess":"Xmp85i","uuiWarning":"DGaC37","uuiHighlight":"_1wO2y5","uuiTypographySize12":"u2CSKz","uuiTypographySize14":"_4wnGVg","uuiTypographySize16":"mQ4hRi","withSearch":"aV-Azt"};
+var css$E = {"uui-typography":"t99nT2","hero-header":"_1nLTdI","promo-header":"JR8mFl","uui-critical":"_0DTvvP","uui-info":"wWEoob","uui-success":"Yhstq1","uui-warning":"n92nch","uui-highlight":"ulO5nz","uui-typography-size-12":"-je-Ox","uui-typography-size-14":"Jm56mP","uui-typography-size-16":"Mx-TzD","header":"g0d5Eu","removeButton":"X2oJ-7","with-search":"gE50kv","uuiTypography":"t99nT2","heroHeader":"_1nLTdI","promoHeader":"JR8mFl","uuiCritical":"_0DTvvP","uuiInfo":"wWEoob","uuiSuccess":"Yhstq1","uuiWarning":"n92nch","uuiHighlight":"ulO5nz","uuiTypographySize12":"-je-Ox","uuiTypographySize14":"Jm56mP","uuiTypographySize16":"Mx-TzD","withSearch":"gE50kv"};
 
 function useView(props, value) {
     const forceUpdate = uuiCore.useForceUpdate();
@@ -2826,7 +2935,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
 
-var css$D = {"divider":"rvUxuZ","dropdownDeleteIcon":"tS-P3Z","presetsWrapper":"f9a7aK","addPresetContainer":"NvVtXd","dropContainer":"-YTtMQ"};
+var css$D = {"divider":"Y8MenA","dropdownDeleteIcon":"ZaDCzr","presetsWrapper":"jQ82uM","addPresetContainer":"_9k1TKJ","dropContainer":"SU-QjG"};
 
 var _path$p;
 function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
@@ -2954,7 +3063,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
 };
 var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
 
-var css$C = {"delete-button":"M7b6eZ","tab-button":"piNZxf","targetOpen":"-XGNpt","deleteButton":"M7b6eZ","tabButton":"piNZxf"};
+var css$C = {"delete-button":"BTnjN-","tab-button":"YIqcZN","targetOpen":"YfYw6Z","deleteButton":"BTnjN-","tabButton":"YIqcZN"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = uuiCore.useUuiContext();
@@ -3012,7 +3121,7 @@ function PresetActionsDropdown(props) {
     return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$B = {"preset-input-cell":"K0AiE0","preset-input":"_8Bp-Yv","presetInputCell":"K0AiE0","presetInput":"_8Bp-Yv"};
+var css$B = {"preset-input-cell":"ffict1","preset-input":"kcWtAr","presetInputCell":"ffict1","presetInput":"kcWtAr"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -3045,7 +3154,7 @@ function PresetInput(props) {
         React__namespace.default.createElement(TextInput, { cx: css$B.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
 }
 
-var css$A = {"preset":"teE9Hq","activePreset":"fUC6NO"};
+var css$A = {"preset":"rfSNLs","activePreset":"iFUqcM"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = React.useState(false);
@@ -3147,25 +3256,16 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$z = {"line-height-12":"EJq2ng","line-height-18":"KHHSgQ","line-height-24":"_3xlFoj","line-height-30":"GIimem","font-size-10":"Gs1cH5","font-size-12":"b-PEG5","font-size-14":"kon6gX","font-size-16":"O4d6QY","font-size-18":"q9Q8NV","font-size-24":"_25RIYo","v-padding-2":"B6m4hC","v-padding-3":"_2u6l8k","v-padding-5":"N1gHkD","v-padding-6":"tLQOrX","v-padding-8":"PBveFE","v-padding-9":"pjpW9q","v-padding-11":"T8q0BU","v-padding-12":"_6WKrDr","v-padding-14":"re2DR0","v-padding-15":"LzANSL","v-padding-17":"_38VK51","v-padding-18":"Kd-wrl","v-padding-23":"NtmIEd","v-padding-24":"dpvNE1","lineHeight12":"EJq2ng","lineHeight18":"KHHSgQ","lineHeight24":"_3xlFoj","lineHeight30":"GIimem","fontSize10":"Gs1cH5","fontSize12":"b-PEG5","fontSize14":"kon6gX","fontSize16":"O4d6QY","fontSize18":"q9Q8NV","fontSize24":"_25RIYo","vPadding2":"B6m4hC","vPadding3":"_2u6l8k","vPadding5":"N1gHkD","vPadding6":"tLQOrX","vPadding8":"PBveFE","vPadding9":"pjpW9q","vPadding11":"T8q0BU","vPadding12":"_6WKrDr","vPadding14":"re2DR0","vPadding15":"LzANSL","vPadding17":"_38VK51","vPadding18":"Kd-wrl","vPadding23":"NtmIEd","vPadding24":"dpvNE1"};
+var css$z = {"line-height-12":"n6n8AC","line-height-18":"ERTGPR","line-height-24":"XcwZaz","line-height-30":"m-dDFW","font-size-10":"hXaoGY","font-size-12":"_8aTaHu","font-size-14":"mjSX2c","font-size-16":"Rt680o","font-size-18":"Z3OMh4","font-size-24":"YM-wjV","v-padding-2":"ddqYGa","v-padding-3":"W1OEz3","v-padding-5":"NXXMt7","v-padding-6":"_9ou-j9","v-padding-8":"_1LKJHY","v-padding-9":"ddNkDA","v-padding-11":"ny3XYv","v-padding-12":"SPjtr7","v-padding-14":"wCBzvw","v-padding-15":"VLLIwn","v-padding-17":"_3x-O2q","v-padding-18":"zFSUQN","v-padding-23":"_4Jo6Z5","v-padding-24":"A9voxj","lineHeight12":"n6n8AC","lineHeight18":"ERTGPR","lineHeight24":"XcwZaz","lineHeight30":"m-dDFW","fontSize10":"hXaoGY","fontSize12":"_8aTaHu","fontSize14":"mjSX2c","fontSize16":"Rt680o","fontSize18":"Z3OMh4","fontSize24":"YM-wjV","vPadding2":"ddqYGa","vPadding3":"W1OEz3","vPadding5":"NXXMt7","vPadding6":"_9ou-j9","vPadding8":"_1LKJHY","vPadding9":"ddNkDA","vPadding11":"ny3XYv","vPadding12":"SPjtr7","vPadding14":"wCBzvw","vPadding15":"VLLIwn","vPadding17":"_3x-O2q","vPadding18":"zFSUQN","vPadding23":"_4Jo6Z5","vPadding24":"A9voxj"};
 
-const defaultTextSettings = {
-    18: { lineHeight: 12, fontSize: 10 },
-    24: { lineHeight: 18, fontSize: 12 },
-    30: { lineHeight: 18, fontSize: 14 },
-    36: { lineHeight: 18, fontSize: 14 },
-    42: { lineHeight: 24, fontSize: 16 },
-    48: { lineHeight: 24, fontSize: 16 },
-    60: { lineHeight: 30, fontSize: 24 },
-};
 function getTextClasses(props, border) {
     if (props.size === 'none') {
         return [css$z['line-height-' + props.lineHeight], css$z['font-size-' + props.fontSize]];
     }
     const setting = {
         size: props.size,
-        lineHeight: props.lineHeight || defaultTextSettings[props.size].lineHeight,
-        fontSize: props.fontSize || defaultTextSettings[props.size].fontSize,
+        lineHeight: props.lineHeight || settings.sizes.text[props.size].lineHeight,
+        fontSize: props.fontSize || settings.sizes.text[props.size].fontSize,
     };
     const vPadding = (+setting.size - +setting.lineHeight - (border ? 2 : 0)) / 2;
     return [
@@ -3173,11 +3273,11 @@ function getTextClasses(props, border) {
     ];
 }
 
-var css$y = {"root":"_5nJYj2"};
+var css$y = {"root":"_4EaCWT"};
 
 function applyTextMods(mods) {
     const textClasses = getTextClasses({
-        size: mods.size || '36',
+        size: mods.size || settings.sizes.defaults.text,
         lineHeight: mods.lineHeight,
         fontSize: mods.fontSize,
     }, false);
@@ -3192,7 +3292,7 @@ function applyTextMods(mods) {
 }
 const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods);
 
-var css$x = {"root":"_71zvYy","loading-word":"l6GjRI","animated-loading":"JwVz-x","skeleton_loading":"qqi-YR","loadingWord":"l6GjRI","animatedLoading":"JwVz-x","skeletonLoading":"qqi-YR"};
+var css$x = {"root":"TmQBwV","loading-word":"G399vK","animated-loading":"bbIIQA","skeleton_loading":"c2DApI","loadingWord":"G399vK","animatedLoading":"bbIIQA","skeletonLoading":"c2DApI"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3211,7 +3311,7 @@ const TextPlaceholder = (props) => {
 
 const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
 
-var css$w = {"uui-typography":"NeDYms","hero-header":"_6vVKvS","promo-header":"_9dJHkr","uui-critical":"_6L8nYh","uui-info":"-UZrax","uui-success":"loT5e8","uui-warning":"sr6vSM","uui-highlight":"rDCDVI","uui-typography-size-12":"vpk7pG","uui-typography-size-14":"_64SK-g","uui-typography-size-16":"s5SyuO","root":"C6v-gs","modal-blocker":"mUEczj","animateModalBlocker":"O7bDF-","modal":"_393JjT","modal-footer":"_44T6-m","modal-header":"K7YQBU","uuiTypography":"NeDYms","heroHeader":"_6vVKvS","promoHeader":"_9dJHkr","uuiCritical":"_6L8nYh","uuiInfo":"-UZrax","uuiSuccess":"loT5e8","uuiWarning":"sr6vSM","uuiHighlight":"rDCDVI","uuiTypographySize12":"vpk7pG","uuiTypographySize14":"_64SK-g","uuiTypographySize16":"s5SyuO","modalBlocker":"mUEczj","modalFooter":"_44T6-m","modalHeader":"K7YQBU"};
+var css$w = {"uui-typography":"dCkX9o","hero-header":"vSi-22","promo-header":"kzpDKT","uui-critical":"T--voI","uui-info":"_7iAKLM","uui-success":"zgDfgz","uui-warning":"_2yulXO","uui-highlight":"jpaM4h","uui-typography-size-12":"YNvyUj","uui-typography-size-14":"KDHazZ","uui-typography-size-16":"lSN6uQ","root":"zQBpcB","modal-blocker":"qIP1QV","animateModalBlocker":"Ykg-tr","modal":"_4EyOmJ","modal-footer":"LpQo6p","modal-header":"thmnnA","uuiTypography":"dCkX9o","heroHeader":"vSi-22","promoHeader":"kzpDKT","uuiCritical":"T--voI","uuiInfo":"_7iAKLM","uuiSuccess":"zgDfgz","uuiWarning":"_2yulXO","uuiHighlight":"jpaM4h","uuiTypographySize12":"YNvyUj","uuiTypographySize14":"KDHazZ","uuiTypographySize16":"lSN6uQ","modalBlocker":"qIP1QV","modalFooter":"LpQo6p","modalHeader":"thmnnA"};
 
 const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$w.modalBlocker]);
 const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$w.root, css$w.modal], (props) => {
@@ -3265,7 +3365,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$h = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
 
-var css$v = {"uui-typography":"qp0us-","hero-header":"i64C2V","promo-header":"HMq725","uui-critical":"IHQsBm","uui-info":"pYSpiF","uui-success":"pKFF22","uui-warning":"iNUzFv","uui-highlight":"SxVUcZ","uui-typography-size-12":"_0ID-zh","uui-typography-size-14":"USG8-V","uui-typography-size-16":"-Y6C8-","root":"A3DrBj","icon-wrapper":"YeioN9","action-wrapper":"ljSxDn","action-link":"_6pF5vK","close-icon":"n8s6Ss","main-path":"_5a5CF2","content":"m-2mdf","close-wrapper":"-mgYlA","notification-wrapper":"uoFL02","clear-button":"-zDBBf","uuiTypography":"qp0us-","heroHeader":"i64C2V","promoHeader":"HMq725","uuiCritical":"IHQsBm","uuiInfo":"pYSpiF","uuiSuccess":"pKFF22","uuiWarning":"iNUzFv","uuiHighlight":"SxVUcZ","uuiTypographySize12":"_0ID-zh","uuiTypographySize14":"USG8-V","uuiTypographySize16":"-Y6C8-","iconWrapper":"YeioN9","actionWrapper":"ljSxDn","actionLink":"_6pF5vK","closeIcon":"n8s6Ss","mainPath":"_5a5CF2","closeWrapper":"-mgYlA","notificationWrapper":"uoFL02","clearButton":"-zDBBf"};
+var css$v = {"uui-typography":"uIOHU6","hero-header":"KwU7yQ","promo-header":"_7nk52W","uui-critical":"d7LZPq","uui-info":"Qpn2hh","uui-success":"w2HH34","uui-warning":"q26Ce0","uui-highlight":"cbTUIW","uui-typography-size-12":"QMXRIN","uui-typography-size-14":"LFg2x5","uui-typography-size-16":"ZKICwk","root":"i6QJAP","icon-wrapper":"zzLwf0","action-wrapper":"tF-A0p","action-link":"_02fJCy","close-icon":"d0fz-Y","main-path":"T3FceX","content":"_7x98HO","close-wrapper":"WDo8TR","notification-wrapper":"xt4k0d","clear-button":"-boDcI","uuiTypography":"uIOHU6","heroHeader":"KwU7yQ","promoHeader":"_7nk52W","uuiCritical":"d7LZPq","uuiInfo":"Qpn2hh","uuiSuccess":"w2HH34","uuiWarning":"q26Ce0","uuiHighlight":"cbTUIW","uuiTypographySize12":"QMXRIN","uuiTypographySize14":"LFg2x5","uuiTypographySize16":"ZKICwk","iconWrapper":"zzLwf0","actionWrapper":"tF-A0p","actionLink":"_02fJCy","closeIcon":"d0fz-Y","mainPath":"T3FceX","closeWrapper":"WDo8TR","notificationWrapper":"xt4k0d","clearButton":"-boDcI"};
 
 const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
     const notificationCardNode = React__namespace.default.useRef(null);
@@ -3387,7 +3487,7 @@ const formatTime = (hours, minutes, meridian, format) => {
     return meridianResult ? time.concat(` ${meridianResult}`) : time;
 };
 
-var css$u = {"root":"Rc7FnZ","timepicker-input":"OUmwGb","timepickerInput":"OUmwGb"};
+var css$u = {"root":"blqLrF","timepicker-input":"HLE4Gw","timepickerInput":"HLE4Gw"};
 
 const DEFAULT_MODE = EditMode.FORM;
 const valueToTimeString = (value, format) => {
@@ -3533,7 +3633,7 @@ function TimePickerBody(props) {
             React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
 }
 
-var css$t = {"root":"BCnb2b"};
+var css$t = {"root":"IzPyWk"};
 
 function applyInputAddonMods() {
     return [
@@ -3542,7 +3642,7 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
 
-var css$s = {"root":"i-8lxt"};
+var css$s = {"root":"_1AUpR9"};
 
 function applySliderMods() {
     return [css$s.root, 'uui-color-neutral'];
@@ -3596,7 +3696,7 @@ function DatePickerComponent(props, ref) {
         const allowClear = !props.disableClear && !!inputValue;
         return (React__namespace.default.createElement(TextInput, Object.assign({}, renderProps, { 
             // fixes a bug with body open, it skips unwanted prevent default
-            onClick: () => { }, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.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 || '36', value: inputValue || undefined, onValueChange: (v) => {
+            onClick: () => { }, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.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) => {
                 setInputValue(v || '');
             }, onCancel: allowClear ? () => {
                 if (!props.disableClear && !!inputValue) {
@@ -3625,14 +3725,14 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
 
-var css$r = {"uui-typography":"n1fc4v","hero-header":"TYrdTz","promo-header":"J-JJ4b","uui-critical":"FzGYN3","uui-info":"BVAQMP","uui-success":"H7EQjn","uui-warning":"gkv0Bf","uui-highlight":"FQdVkl","uui-typography-size-12":"DSi1qc","uui-typography-size-14":"s3k-t-","uui-typography-size-16":"wcBduA","root":"c83E1Q","uuiTypography":"n1fc4v","heroHeader":"TYrdTz","promoHeader":"J-JJ4b","uuiCritical":"FzGYN3","uuiInfo":"BVAQMP","uuiSuccess":"H7EQjn","uuiWarning":"gkv0Bf","uuiHighlight":"FQdVkl","uuiTypographySize12":"DSi1qc","uuiTypographySize14":"s3k-t-","uuiTypographySize16":"wcBduA"};
+var css$r = {"uui-typography":"RwszU7","hero-header":"hkHmYn","promo-header":"hDrF24","uui-critical":"_6pnJck","uui-info":"q1o5-d","uui-success":"Q-cCT1","uui-warning":"_2AYp5X","uui-highlight":"Tu1oj5","uui-typography-size-12":"lrcp1D","uui-typography-size-14":"nGfuY-","uui-typography-size-16":"aaaUyI","root":"BmDWBR","uuiTypography":"RwszU7","heroHeader":"hkHmYn","promoHeader":"hDrF24","uuiCritical":"_6pnJck","uuiInfo":"q1o5-d","uuiSuccess":"Q-cCT1","uuiWarning":"_2AYp5X","uuiHighlight":"Tu1oj5","uuiTypographySize12":"lrcp1D","uuiTypographySize14":"nGfuY-","uuiTypographySize16":"aaaUyI"};
 
 function applyCalendarPresetsMods() {
     return [css$r.root];
 }
 const CalendarPresets = /* @__PURE__ */uuiCore.withMods(uuiComponents.CalendarPresets, applyCalendarPresetsMods, () => ({}));
 
-var css$q = {"uui-typography":"Ytdz1y","hero-header":"_0CpIcB","promo-header":"oKLdTG","uui-critical":"JoXzlk","uui-info":"A3-BgA","uui-success":"mNnULE","uui-warning":"Z2LhM0","uui-highlight":"hBpnBj","uui-typography-size-12":"qKgmuU","uui-typography-size-14":"_3fL5KA","uui-typography-size-16":"vPBs1Z","root":"g8wt9W","container":"_8XwJXq","day-selection":"_3W8u3v","from-picker":"kYZLcu","to-picker":"byAd8p","bodes-wrapper":"Cia-qL","blocker":"df8i1U","uuiTypography":"Ytdz1y","heroHeader":"_0CpIcB","promoHeader":"oKLdTG","uuiCritical":"JoXzlk","uuiInfo":"A3-BgA","uuiSuccess":"mNnULE","uuiWarning":"Z2LhM0","uuiHighlight":"hBpnBj","uuiTypographySize12":"qKgmuU","uuiTypographySize14":"_3fL5KA","uuiTypographySize16":"vPBs1Z","daySelection":"_3W8u3v","fromPicker":"kYZLcu","toPicker":"byAd8p","bodesWrapper":"Cia-qL"};
+var css$q = {"uui-typography":"ro5alQ","hero-header":"x3kQoE","promo-header":"zQZkA7","uui-critical":"tM6IKL","uui-info":"_2yLduF","uui-success":"_85MTql","uui-warning":"Sl-7n9","uui-highlight":"_9u1FjT","uui-typography-size-12":"o8VWux","uui-typography-size-14":"DIcZZN","uui-typography-size-16":"EkUjKD","root":"C7Pzc-","container":"OvAlcN","day-selection":"AOTXMK","from-picker":"v-wsey","to-picker":"vJZwv0","bodes-wrapper":"OWx25s","blocker":"krDtKb","uuiTypography":"ro5alQ","heroHeader":"x3kQoE","promoHeader":"zQZkA7","uuiCritical":"tM6IKL","uuiInfo":"_2yLduF","uuiSuccess":"_85MTql","uuiWarning":"Sl-7n9","uuiHighlight":"_9u1FjT","uuiTypographySize12":"o8VWux","uuiTypographySize14":"DIcZZN","uuiTypographySize16":"EkUjKD","daySelection":"AOTXMK","fromPicker":"v-wsey","toPicker":"vJZwv0","bodesWrapper":"OWx25s"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3876,7 +3976,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
 
-var css$p = {"root":"HIeQnD","blocker":"-zWOjE","marker":"XGEpDI","top":"VKB-wX","bottom":"ohJp2-","left":"BQpP1v","right":"_0p1oqF","inside":"vXPnpo"};
+var css$p = {"root":"i0EH40","blocker":"hht29x","marker":"GFEFH2","top":"cQp6r3","bottom":"B-MMqb","left":"MjjmRM","right":"lKl6YG","inside":"TQrvTx"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3891,7 +3991,7 @@ function DropMarker(props) {
         : null;
 }
 
-var css$o = {"uui-typography":"CrgovB","hero-header":"P1Qem0","promo-header":"dHsevY","uui-critical":"_-1ETFT","uui-info":"TFDrLV","uui-success":"u50OfX","uui-warning":"FEfJTR","uui-highlight":"_0HPeRZ","uui-typography-size-12":"M1sQlh","uui-typography-size-14":"FbDsbE","uui-typography-size-16":"opzcbz","cell":"lv9fcJ","wrapper":"QLIDim","align-widgets-top":"OUQXbf","size-24":"Sk2N2m","size-30":"QZPM7-","size-36":"j3O0Yw","size-42":"lEwSh7","size-48":"kb7bPq","size-60":"Mdirvb","align-widgets-center":"Qfm-Yk","padding-6":"TKqGBf","padding-12":"aGO9F3","padding-24":"LNlNfH","padding-left-12":"BKJ0M6","padding-left-24":"uIUVdc","padding-right-12":"_2H7vXr","padding-right-24":"WSOpna","loading-cell":"_7VxtqA","uuiTypography":"CrgovB","heroHeader":"P1Qem0","promoHeader":"dHsevY","uuiCritical":"_-1ETFT","uuiInfo":"TFDrLV","uuiSuccess":"u50OfX","uuiWarning":"FEfJTR","uuiHighlight":"_0HPeRZ","uuiTypographySize12":"M1sQlh","uuiTypographySize14":"FbDsbE","uuiTypographySize16":"opzcbz","alignWidgetsTop":"OUQXbf","size24":"Sk2N2m","size30":"QZPM7-","size36":"j3O0Yw","size42":"lEwSh7","size48":"kb7bPq","size60":"Mdirvb","alignWidgetsCenter":"Qfm-Yk","padding6":"TKqGBf","padding12":"aGO9F3","padding24":"LNlNfH","paddingLeft12":"BKJ0M6","paddingLeft24":"uIUVdc","paddingRight12":"_2H7vXr","paddingRight24":"WSOpna","loadingCell":"_7VxtqA"};
+var css$o = {"uui-typography":"gQq95Z","hero-header":"dqDpI2","promo-header":"aa5HYz","uui-critical":"sjBzIm","uui-info":"vrenid","uui-success":"tam7wR","uui-warning":"nH9DXD","uui-highlight":"ddta2R","uui-typography-size-12":"LaFovX","uui-typography-size-14":"tcOxHY","uui-typography-size-16":"s--ozc","cell":"nkFylZ","wrapper":"v5Dhoy","align-widgets-top":"CbbPpT","size-24":"j0hlry","size-30":"CJZ-0H","size-36":"_1rKe8o","size-42":"Hn9QzZ","size-48":"J5FSdk","size-60":"OAZ7b4","align-widgets-center":"rafPGu","padding-6":"DkqUPl","padding-12":"igi945","padding-24":"sT26Qb","padding-left-12":"i6HyWr","padding-left-24":"_5-6UzN","padding-right-12":"G3KVEg","padding-right-24":"oxObhY","loading-cell":"_0hzE0Z","uuiTypography":"gQq95Z","heroHeader":"dqDpI2","promoHeader":"aa5HYz","uuiCritical":"sjBzIm","uuiInfo":"vrenid","uuiSuccess":"tam7wR","uuiWarning":"nH9DXD","uuiHighlight":"ddta2R","uuiTypographySize12":"LaFovX","uuiTypographySize14":"tcOxHY","uuiTypographySize16":"s--ozc","alignWidgetsTop":"CbbPpT","size24":"j0hlry","size30":"CJZ-0H","size36":"_1rKe8o","size42":"Hn9QzZ","size48":"J5FSdk","size60":"OAZ7b4","alignWidgetsCenter":"rafPGu","padding6":"DkqUPl","padding12":"igi945","padding24":"sT26Qb","paddingLeft12":"i6HyWr","paddingLeft24":"_5-6UzN","paddingRight12":"G3KVEg","paddingRight24":"oxObhY","loadingCell":"_0hzE0Z"};
 
 function DataTableCell(props) {
     props = Object.assign({}, props);
@@ -3939,7 +4039,7 @@ function DataTableCell(props) {
     return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
 }
 
-var css$n = {"uui-typography":"nUbpBJ","hero-header":"_4QR6RM","promo-header":"y-45AX","uui-critical":"qva9lv","uui-info":"kT1soF","uui-success":"-zelVw","uui-warning":"_4Ce-nc","uui-highlight":"-YZ-0M","uui-typography-size-12":"XmDq5N","uui-typography-size-14":"_3IM0aI","uui-typography-size-16":"mDqIya","root":"f94Mk4","size-24":"qCsfpw","size-30":"T-Dtvf","size-36":"nJihVC","size-48":"f-d1Xq","size-60":"ShYcAD","uuiTypography":"nUbpBJ","heroHeader":"_4QR6RM","promoHeader":"y-45AX","uuiCritical":"qva9lv","uuiInfo":"kT1soF","uuiSuccess":"-zelVw","uuiWarning":"_4Ce-nc","uuiHighlight":"-YZ-0M","uuiTypographySize12":"XmDq5N","uuiTypographySize14":"_3IM0aI","uuiTypographySize16":"mDqIya","size24":"qCsfpw","size30":"T-Dtvf","size36":"nJihVC","size48":"f-d1Xq","size60":"ShYcAD"};
+var css$n = {"uui-typography":"vqj6f1","hero-header":"-DFPc7","promo-header":"J3AaWI","uui-critical":"xyXHHy","uui-info":"Q8rUy7","uui-success":"oy-UfP","uui-warning":"pKOYqB","uui-highlight":"NpC9tt","uui-typography-size-12":"WYMkpX","uui-typography-size-14":"Swn5Tw","uui-typography-size-16":"QgL4kN","root":"H4BnD7","size-24":"_1klxpI","size-30":"mk-9Zz","size-36":"IZQo-M","size-48":"zyYQhm","size-60":"_4JLVdk","uuiTypography":"vqj6f1","heroHeader":"-DFPc7","promoHeader":"J3AaWI","uuiCritical":"xyXHHy","uuiInfo":"Q8rUy7","uuiSuccess":"oy-UfP","uuiWarning":"pKOYqB","uuiHighlight":"NpC9tt","uuiTypographySize12":"WYMkpX","uuiTypographySize14":"Swn5Tw","uuiTypographySize16":"QgL4kN","size24":"_1klxpI","size30":"mk-9Zz","size36":"IZQo-M","size48":"zyYQhm","size60":"_4JLVdk"};
 
 // 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.
@@ -3955,7 +4055,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
     ];
 }, () => propsMods);
 
-var css$m = {"uui-typography":"IatQ3v","hero-header":"_97opwC","promo-header":"X84kFl","uui-critical":"VrWc5L","uui-info":"Qf2h4b","uui-success":"QUZZFD","uui-warning":"_0dtWqV","uui-highlight":"o-iXpw","uui-typography-size-12":"_1n2n6Q","uui-typography-size-14":"a6m-Fz","uui-typography-size-16":"_56f9R3","sorting-panel-container":"_8ze7Dv","sort-active":"_2a0IZi","uuiTypography":"IatQ3v","heroHeader":"_97opwC","promoHeader":"X84kFl","uuiCritical":"VrWc5L","uuiInfo":"Qf2h4b","uuiSuccess":"QUZZFD","uuiWarning":"_0dtWqV","uuiHighlight":"o-iXpw","uuiTypographySize12":"_1n2n6Q","uuiTypographySize14":"a6m-Fz","uuiTypographySize16":"_56f9R3","sortingPanelContainer":"_8ze7Dv","sortActive":"_2a0IZi"};
+var css$m = {"uui-typography":"_7mERrP","hero-header":"hiO8NF","promo-header":"_-8qRy6","uui-critical":"lVLRQA","uui-info":"E512pu","uui-success":"XLqeMf","uui-warning":"La-tLE","uui-highlight":"M7Tx7K","uui-typography-size-12":"jCCZIU","uui-typography-size-14":"fB5C21","uui-typography-size-16":"H18nIl","sorting-panel-container":"mjM33Y","sort-active":"WhmiG-","uuiTypography":"_7mERrP","heroHeader":"hiO8NF","promoHeader":"_-8qRy6","uuiCritical":"lVLRQA","uuiInfo":"E512pu","uuiSuccess":"XLqeMf","uuiWarning":"La-tLE","uuiHighlight":"M7Tx7K","uuiTypographySize12":"jCCZIU","uuiTypographySize14":"fB5C21","uuiTypographySize16":"H18nIl","sortingPanelContainer":"mjM33Y","sortActive":"WhmiG-"};
 
 var _path$g;
 function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
@@ -4085,7 +4185,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
 
-var css$l = {"uui-typography":"daLk-I","hero-header":"mL1sNa","promo-header":"_5PvfCx","uui-critical":"Z6rVwI","uui-info":"hCoTub","uui-success":"-B4HlA","uui-warning":"AdG8oM","uui-highlight":"sZrudo","uui-typography-size-12":"d7tmyd","uui-typography-size-14":"hVdkxT","uui-typography-size-16":"n58Kln","cell":"DpyG0h","column-gap-12":"rcV2Ta","caption-wrapper":"VL5YzK","column-gap-24":"gtjEJQ","first-column-12":"h2EaD-","last-column-12":"kQOgi4","first-column-24":"mNOTzA","last-column-24":"rTyi4n","sort-icon":"P9ibV4","dropdown-icon":"L4VInZ","infoIcon":"EGYDNH","resizable":"BRk1JY","size-24":"gUUBsv","size-30":"FTX-hz","size-36":"_9O-i61","size-42":"Urtp3T","size-48":"_25gyxc","padding-left-24":"g09QWc","padding-right-24":"lwiSNy","align-right":"AyXEaY","align-center":"Ac5Und","caption":"KCEpUr","checkbox":"SId5dY","icon":"_6NrIVE","fold-all-icon":"QZr1sT","cell-tooltip":"oLjdNa","upper-case":"ZGnOgk","font-size-14":"CbXxvg","resize-mark":"f1MakL","resize-mark-6":"wl4yZq","resize-mark-12":"_5Swb1G","pinned-right":"_7lBOp-","draggable":"SIDtub","ghost":"rleYh0","is-dragged-out":"cQLNlJ","dnd-marker-left":"Iq5jXe","dnd-marker-right":"nDBFJH","cell-tooltip-wrapper":"jWYF-U","cell-tooltip-text":"lMfrT-","uuiTypography":"daLk-I","heroHeader":"mL1sNa","promoHeader":"_5PvfCx","uuiCritical":"Z6rVwI","uuiInfo":"hCoTub","uuiSuccess":"-B4HlA","uuiWarning":"AdG8oM","uuiHighlight":"sZrudo","uuiTypographySize12":"d7tmyd","uuiTypographySize14":"hVdkxT","uuiTypographySize16":"n58Kln","columnGap12":"rcV2Ta","captionWrapper":"VL5YzK","columnGap24":"gtjEJQ","firstColumn12":"h2EaD-","lastColumn12":"kQOgi4","firstColumn24":"mNOTzA","lastColumn24":"rTyi4n","sortIcon":"P9ibV4","dropdownIcon":"L4VInZ","size24":"gUUBsv","size30":"FTX-hz","size36":"_9O-i61","size42":"Urtp3T","size48":"_25gyxc","paddingLeft24":"g09QWc","paddingRight24":"lwiSNy","alignRight":"AyXEaY","alignCenter":"Ac5Und","foldAllIcon":"QZr1sT","cellTooltip":"oLjdNa","upperCase":"ZGnOgk","fontSize14":"CbXxvg","resizeMark":"f1MakL","resizeMark6":"wl4yZq","resizeMark12":"_5Swb1G","pinnedRight":"_7lBOp-","isDraggedOut":"cQLNlJ","dndMarkerLeft":"Iq5jXe","dndMarkerRight":"nDBFJH","cellTooltipWrapper":"jWYF-U","cellTooltipText":"lMfrT-"};
+var css$l = {"uui-typography":"TsBCZC","hero-header":"-xolIv","promo-header":"_6IWa5c","uui-critical":"tRM3G3","uui-info":"RR9ZhD","uui-success":"ow0su2","uui-warning":"IBnaLu","uui-highlight":"pdmbJ5","uui-typography-size-12":"vKW7WX","uui-typography-size-14":"WW1PXe","uui-typography-size-16":"HUEb56","cell":"_6mM5uY","column-gap-12":"G9gKXu","caption-wrapper":"-bevo5","column-gap-24":"_306Gfl","first-column-12":"_9KwxLS","last-column-12":"ScFclI","first-column-24":"Wemmli","last-column-24":"TIP0p-","sort-icon":"QFXTvt","dropdown-icon":"M6K66i","infoIcon":"_02Ofwx","resizable":"N-W-1j","size-24":"vKV8GL","size-30":"mQwTOg","size-36":"y3AlXm","size-42":"LeM7LQ","size-48":"GsyF3e","padding-left-24":"L7Bfho","padding-right-24":"QFwFZW","align-right":"OwaqGP","align-center":"jMj8hJ","caption":"ihHHHP","checkbox":"jnZfl0","icon":"HABogn","fold-all-icon":"IPly9Q","cell-tooltip":"-fKpKM","upper-case":"J1u-yl","font-size-14":"Ps-yCr","resize-mark":"_0c1-5J","resize-mark-6":"lVHeUI","resize-mark-12":"vIj5jd","pinned-right":"lqdMdJ","draggable":"ZgxKyp","ghost":"UhJw6M","is-dragged-out":"qP24RO","dnd-marker-left":"pZjdQF","dnd-marker-right":"-PFgOr","cell-tooltip-wrapper":"IcvVQn","cell-tooltip-text":"r9pP0H","uuiTypography":"TsBCZC","heroHeader":"-xolIv","promoHeader":"_6IWa5c","uuiCritical":"tRM3G3","uuiInfo":"RR9ZhD","uuiSuccess":"ow0su2","uuiWarning":"IBnaLu","uuiHighlight":"pdmbJ5","uuiTypographySize12":"vKW7WX","uuiTypographySize14":"WW1PXe","uuiTypographySize16":"HUEb56","columnGap12":"G9gKXu","captionWrapper":"-bevo5","columnGap24":"_306Gfl","firstColumn12":"_9KwxLS","lastColumn12":"ScFclI","firstColumn24":"Wemmli","lastColumn24":"TIP0p-","sortIcon":"QFXTvt","dropdownIcon":"M6K66i","size24":"vKV8GL","size30":"mQwTOg","size36":"y3AlXm","size42":"LeM7LQ","size48":"GsyF3e","paddingLeft24":"L7Bfho","paddingRight24":"QFwFZW","alignRight":"OwaqGP","alignCenter":"jMj8hJ","foldAllIcon":"IPly9Q","cellTooltip":"-fKpKM","upperCase":"J1u-yl","fontSize14":"Ps-yCr","resizeMark":"_0c1-5J","resizeMark6":"lVHeUI","resizeMark12":"vIj5jd","pinnedRight":"lqdMdJ","isDraggedOut":"qP24RO","dndMarkerLeft":"pZjdQF","dndMarkerRight":"-PFgOr","cellTooltipWrapper":"IcvVQn","cellTooltipText":"r9pP0H"};
 
 class DataTableHeaderCell extends React__namespace.Component {
     constructor() {
@@ -4167,14 +4267,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$9 = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
 
-var css$k = {"uui-typography":"rGHRq5","hero-header":"pOwcm8","promo-header":"zWeL-n","uui-critical":"Tqk6nk","uui-info":"o47OIQ","uui-success":"QP0kEw","uui-warning":"_37FUwY","uui-highlight":"_5hEinX","uui-typography-size-12":"i0nOtn","uui-typography-size-14":"KLJT3B","uui-typography-size-16":"dHAXTU","header-cell":"AQyRyW","truncate":"CGKqwx","uuiTypography":"rGHRq5","heroHeader":"pOwcm8","promoHeader":"zWeL-n","uuiCritical":"Tqk6nk","uuiInfo":"o47OIQ","uuiSuccess":"QP0kEw","uuiWarning":"_37FUwY","uuiHighlight":"_5hEinX","uuiTypographySize12":"i0nOtn","uuiTypographySize14":"KLJT3B","uuiTypographySize16":"dHAXTU","headerCell":"AQyRyW"};
+var css$k = {"uui-typography":"K29GD0","hero-header":"Nu9diV","promo-header":"oVgIcK","uui-critical":"nMTrn6","uui-info":"_70NqqR","uui-success":"rfR2HW","uui-warning":"lFyOX5","uui-highlight":"llrn8P","uui-typography-size-12":"vDbjG-","uui-typography-size-14":"dUEROG","uui-typography-size-16":"NllYOh","header-cell":"gCbSIj","truncate":"OYL8zt","uuiTypography":"K29GD0","heroHeader":"Nu9diV","promoHeader":"oVgIcK","uuiCritical":"nMTrn6","uuiInfo":"_70NqqR","uuiSuccess":"rfR2HW","uuiWarning":"lFyOX5","uuiHighlight":"llrn8P","uuiTypographySize12":"vDbjG-","uuiTypographySize14":"dUEROG","uuiTypographySize16":"NllYOh","headerCell":"gCbSIj"};
 
 const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
     renderCell: (props) => React__namespace.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
     renderConfigButton: () => React__namespace.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
 }));
 
-var styles$1 = {"uui-typography":"wX-5Uf","hero-header":"rFVNEp","promo-header":"_8vWOKR","uui-critical":"bbsayn","uui-info":"-ko4lX","uui-success":"_3KIViN","uui-warning":"rz8qV1","uui-highlight":"gXHVJL","uui-typography-size-12":"-OVltx","uui-typography-size-14":"faLgAq","uui-typography-size-16":"w6Zg1q","main-panel":"WxPayU","group-title":"ta-zrN","group-title-text":"dndwOg","group-title-badge":"_0ZEuxr","group-items":"uChche","no-data":"x2v05-","h-divider":"Jadb8X","search-area":"Bt9bYK","subgroup-accordion":"_0450-h","subgroup-title":"m6bidC","uuiTypography":"wX-5Uf","heroHeader":"rFVNEp","promoHeader":"_8vWOKR","uuiCritical":"bbsayn","uuiInfo":"-ko4lX","uuiSuccess":"_3KIViN","uuiWarning":"rz8qV1","uuiHighlight":"gXHVJL","uuiTypographySize12":"-OVltx","uuiTypographySize14":"faLgAq","uuiTypographySize16":"w6Zg1q","mainPanel":"WxPayU","groupTitle":"ta-zrN","groupTitleText":"dndwOg","groupTitleBadge":"_0ZEuxr","groupItems":"uChche","noData":"x2v05-","hDivider":"Jadb8X","searchArea":"Bt9bYK","subgroupAccordion":"_0450-h","subgroupTitle":"m6bidC"};
+var styles$1 = {"uui-typography":"B58szP","hero-header":"VDXNHI","promo-header":"rHy1L1","uui-critical":"RYXSUx","uui-info":"Mjc4Eg","uui-success":"zgVTnn","uui-warning":"_1qX9uf","uui-highlight":"ycEflC","uui-typography-size-12":"ZNAskm","uui-typography-size-14":"C33x9-","uui-typography-size-16":"lZKn09","main-panel":"I7VimD","group-title":"_16seTe","group-title-text":"tHGIVJ","group-title-badge":"_3BVB3q","group-items":"naUxCP","no-data":"Cp3x3a","h-divider":"_-3i4iC","search-area":"_1bQXI9","subgroup-accordion":"gMciAO","subgroup-title":"tp5N8N","uuiTypography":"B58szP","heroHeader":"VDXNHI","promoHeader":"rHy1L1","uuiCritical":"RYXSUx","uuiInfo":"Mjc4Eg","uuiSuccess":"zgVTnn","uuiWarning":"_1qX9uf","uuiHighlight":"ycEflC","uuiTypographySize12":"ZNAskm","uuiTypographySize14":"C33x9-","uuiTypographySize16":"lZKn09","mainPanel":"I7VimD","groupTitle":"_16seTe","groupTitleText":"tHGIVJ","groupTitleBadge":"_3BVB3q","groupItems":"naUxCP","noData":"Cp3x3a","hDivider":"_-3i4iC","searchArea":"_1bQXI9","subgroupAccordion":"gMciAO","subgroupTitle":"tp5N8N"};
 
 var _path$8;
 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); }
@@ -4231,7 +4331,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
 
-var css$j = {"unpin-icon":"Oo5B4h","pin-toggler-icon":"zwsNWm","unpinIcon":"Oo5B4h","pinTogglerIcon":"zwsNWm"};
+var css$j = {"unpin-icon":"_1-E4LA","pin-toggler-icon":"lWl0dl","unpinIcon":"_1-E4LA","pinTogglerIcon":"lWl0dl"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4290,7 +4390,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgActionDragIndicator18);
 
-var styles = {"uui-typography":"EC9ove","hero-header":"EouTRS","promo-header":"_96bYGv","uui-critical":"OJrJYO","uui-info":"FJCcjy","uui-success":"hVyqoX","uui-warning":"_04iUy8","uui-highlight":"-dQ9nM","uui-typography-size-12":"lQDmdI","uui-typography-size-14":"Xj7zzn","uui-typography-size-16":"_1LHXq9","row-wrapper":"BSFmrF","not-pinned":"tGSI8M","pin-icon-button":"DsIHEN","checkbox":"PjW2Qm","drag-handle":"fJUrLO","dnd-disabled":"_2DNhaA","uuiTypography":"EC9ove","heroHeader":"EouTRS","promoHeader":"_96bYGv","uuiCritical":"OJrJYO","uuiInfo":"FJCcjy","uuiSuccess":"hVyqoX","uuiWarning":"_04iUy8","uuiHighlight":"-dQ9nM","uuiTypographySize12":"lQDmdI","uuiTypographySize14":"Xj7zzn","uuiTypographySize16":"_1LHXq9","rowWrapper":"BSFmrF","notPinned":"tGSI8M","pinIconButton":"DsIHEN","dragHandle":"fJUrLO","dndDisabled":"_2DNhaA"};
+var styles = {"uui-typography":"FONkcc","hero-header":"puRmkH","promo-header":"aL2Skp","uui-critical":"K2XpkK","uui-info":"LKyJTS","uui-success":"deYmFZ","uui-warning":"Q0pCmC","uui-highlight":"zTnvYJ","uui-typography-size-12":"YZUXR3","uui-typography-size-14":"fs1U2q","uui-typography-size-16":"vSvynD","row-wrapper":"EMn0hg","not-pinned":"_3xALIi","pin-icon-button":"YzXR8U","checkbox":"_9l1w2d","drag-handle":"fjFR6D","dnd-disabled":"mcP3YM","uuiTypography":"FONkcc","heroHeader":"puRmkH","promoHeader":"aL2Skp","uuiCritical":"K2XpkK","uuiInfo":"LKyJTS","uuiSuccess":"deYmFZ","uuiWarning":"Q0pCmC","uuiHighlight":"zTnvYJ","uuiTypographySize12":"YZUXR3","uuiTypographySize14":"fs1U2q","uuiTypographySize16":"vSvynD","rowWrapper":"EMn0hg","notPinned":"_3xALIi","pinIconButton":"YzXR8U","dragHandle":"fjFR6D","dndDisabled":"mcP3YM"};
 
 const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4399,7 +4499,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"-B-g7Y","header":"cy4y8K","group":"_9xwX-V","stickyHeader":"_4UaOcP"};
+var css$i = {"listContainer":"F0fiuq","header":"zmGP07","group":"wf4X3B","stickyHeader":"MUpWCu"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4465,7 +4565,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React__namespace.createElement("g", {
-    clipPath: "url(#bz50ig203b7vwbt8t_a)"
+    clipPath: "url(#esdeke43b19eluuq7_a)"
   }, _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
     fill: "#F5F6FA"
@@ -4486,7 +4586,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
     fill: "#1D1E26"
   })), /*#__PURE__*/React__namespace.createElement("mask", {
-    id: "bz50ig71o7fi8gfjk_b",
+    id: "esdekekbrjmrcuq3l_b",
     style: {
       maskType: "alpha"
     },
@@ -4499,7 +4599,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__namespace.createElement("g", {
-    mask: "url(#bz50ig71o7fi8gfjk_b)",
+    mask: "url(#esdekekbrjmrcuq3l_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -4585,7 +4685,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
     fill: "#fff"
   }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
-    id: "bz50ig203b7vwbt8t_a"
+    id: "esdeke43b19eluuq7_a"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4594,7 +4694,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
 
-var css$h = {"sticky-header":"hYUsvN","table":"Al691Q","no-results":"XicDva","no-results-icon":"inoLMS","no-results-title":"W5wl15","stickyHeader":"hYUsvN","noResults":"XicDva","noResultsIcon":"inoLMS","noResultsTitle":"W5wl15"};
+var css$h = {"sticky-header":"JcYgTB","table":"nepd--","no-results":"-XqXIQ","no-results-icon":"PEd92F","no-results-title":"otqGrR","stickyHeader":"JcYgTB","noResults":"-XqXIQ","noResultsIcon":"PEd92F","noResultsTitle":"otqGrR"};
 
 const DEFAULT_HEADER_SIZE = '36';
 const DEFAULT_COLUMN_GAP = '24';
@@ -4647,9 +4747,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"iFtutM"};
+var css$g = {"root":"otWLCD"};
 
-var css$f = {"root":"jz41p6","burger-content":"UsrnwT","burgerContent":"UsrnwT"};
+var css$f = {"root":"-J4Tnn","burger-content":"xx9lPR","burgerContent":"xx9lPR"};
 
 var _path$3;
 function _extends$3() { _extends$3 = 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$3.apply(this, arguments); }
@@ -4692,7 +4792,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"MvA3PD","hero-header":"NPXSzC","promo-header":"LfNKtW","uui-critical":"je3R13","uui-info":"UxAPOP","uui-success":"j7vDcc","uui-warning":"az8F-e","uui-highlight":"TGchAI","uui-typography-size-12":"tvgpEx","uui-typography-size-14":"A1vgER","uui-typography-size-16":"Rx7JlG","root":"aZKqyw","button-primary":"XkW56k","button-secondary":"_9GeUe6","hasIcon":"_6RSvda","dropdown":"AGJG-x","uuiTypography":"MvA3PD","heroHeader":"NPXSzC","promoHeader":"LfNKtW","uuiCritical":"je3R13","uuiInfo":"UxAPOP","uuiSuccess":"j7vDcc","uuiWarning":"az8F-e","uuiHighlight":"TGchAI","uuiTypographySize12":"tvgpEx","uuiTypographySize14":"A1vgER","uuiTypographySize16":"Rx7JlG","buttonPrimary":"XkW56k","buttonSecondary":"_9GeUe6"};
+var css$e = {"uui-typography":"TDj1G6","hero-header":"daV45T","promo-header":"aN8-7e","uui-critical":"Tm9hUC","uui-info":"Pfv-u1","uui-success":"hL1cPx","uui-warning":"jMpmOZ","uui-highlight":"o1IgXz","uui-typography-size-12":"SK7V-5","uui-typography-size-14":"gg1Fov","uui-typography-size-16":"CSP2V2","root":"DofBmi","button-primary":"bcSbCe","button-secondary":"dTcwyP","hasIcon":"apkDn0","dropdown":"wDdYkH","uuiTypography":"TDj1G6","heroHeader":"daV45T","promoHeader":"aN8-7e","uuiCritical":"Tm9hUC","uuiInfo":"Pfv-u1","uuiSuccess":"hL1cPx","uuiWarning":"jMpmOZ","uuiHighlight":"o1IgXz","uuiTypographySize12":"SK7V-5","uuiTypographySize14":"gg1Fov","uuiTypographySize16":"CSP2V2","buttonPrimary":"bcSbCe","buttonSecondary":"dTcwyP"};
 
 const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
     css$e.root,
@@ -4703,13 +4803,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"Btbcv-","searchInput":"Btbcv-"};
+var css$d = {"search-input":"_7ppRWK","searchInput":"_7ppRWK"};
 
 function BurgerSearch(props) {
     return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
 }
 
-var css$c = {"root":"JCy89T","group-header":"XUDD5J","group-name":"sBYaFH","line":"ShJ7q3","groupHeader":"XUDD5J","groupName":"sBYaFH"};
+var css$c = {"root":"L6uhEO","group-header":"X1nQZG","group-name":"pnh51f","line":"hUOqPp","groupHeader":"X1nQZG","groupName":"pnh51f"};
 
 function BurgerGroupHeader(props) {
     return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -4717,7 +4817,7 @@ function BurgerGroupHeader(props) {
         React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"ezdJr1","hero-header":"P46hRU","promo-header":"kBSqi1","uui-critical":"qk9uAG","uui-info":"Cd-1Hr","uui-success":"NwctQW","uui-warning":"ZrlAR1","uui-highlight":"C2A-IJ","uui-typography-size-12":"Hw82-B","uui-typography-size-14":"nezsfA","uui-typography-size-16":"_9i8Pka","root":"ZuoSPC","type-primary":"_0fvM5S","type-secondary":"Nx0Ho-","uuiTypography":"ezdJr1","heroHeader":"P46hRU","promoHeader":"kBSqi1","uuiCritical":"qk9uAG","uuiInfo":"Cd-1Hr","uuiSuccess":"NwctQW","uuiWarning":"ZrlAR1","uuiHighlight":"C2A-IJ","uuiTypographySize12":"Hw82-B","uuiTypographySize14":"nezsfA","uuiTypographySize16":"_9i8Pka","typePrimary":"_0fvM5S","typeSecondary":"Nx0Ho-"};
+var css$b = {"uui-typography":"FuExj4","hero-header":"oHn-pM","promo-header":"_4kcGyG","uui-critical":"Lvl1Jw","uui-info":"AXfP-L","uui-success":"BBioqw","uui-warning":"zbrATC","uui-highlight":"UHyM6x","uui-typography-size-12":"eJWjlO","uui-typography-size-14":"IsdoDw","uui-typography-size-16":"OsJ2Ub","root":"ELwsSo","type-primary":"xH0SON","type-secondary":"iODMQI","uuiTypography":"FuExj4","heroHeader":"oHn-pM","promoHeader":"_4kcGyG","uuiCritical":"Lvl1Jw","uuiInfo":"AXfP-L","uuiSuccess":"BBioqw","uuiWarning":"zbrATC","uuiHighlight":"UHyM6x","uuiTypographySize12":"eJWjlO","uuiTypographySize14":"IsdoDw","uuiTypographySize16":"OsJ2Ub","typePrimary":"xH0SON","typeSecondary":"iODMQI"};
 
 const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -4733,7 +4833,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
         props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"xJicJH","dropdownBody":"xJicJH"};
+var css$a = {"dropdown-body":"E3MbTV","dropdownBody":"E3MbTV"};
 
 class MainMenuDropdown extends React__namespace.Component {
     render() {
@@ -4788,12 +4888,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"Lg-dP8","global-menu-icon":"E94iSb","globalMenuBtn":"Lg-dP8","globalMenuIcon":"E94iSb"};
+var css$9 = {"global-menu-btn":"X9heht","global-menu-icon":"Fqtizm","globalMenuBtn":"X9heht","globalMenuIcon":"Fqtizm"};
 
 const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx) }, props.rawProps),
     React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"bldYAU","open":"YW8M8T"};
+var css$8 = {"container":"LCyLIc","open":"lnWX1s"};
 
 const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick },
     React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
@@ -4801,18 +4901,18 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
     props.isDropdown && (React__namespace.createElement("div", null,
         React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
 
-var css$7 = {"search-input":"LIK3A-","searchInput":"LIK3A-"};
+var css$7 = {"search-input":"bGo9U1","searchInput":"bGo9U1"};
 
 const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
         return (React__namespace.createElement(uuiComponents.TextInput, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
-var css$6 = {"container":"_5hrh1B"};
+var css$6 = {"container":"uu4pcN"};
 
 const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container) }, props))));
 
-var css$5 = {"root":"BTAJ1P"};
+var css$5 = {"root":"mF8NCi"};
 
 const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
 
@@ -4870,7 +4970,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"WL3Xp-","drop-start":"BB8asf","drop-over":"sfSx6s","link":"OyyR4W","drop-area":"P--ObJ","drop-caption":"-dSmsR","icon-blue":"d8Mksa","dropStart":"BB8asf","dropOver":"sfSx6s","dropArea":"P--ObJ","dropCaption":"-dSmsR","iconBlue":"d8Mksa"};
+var css$4 = {"root":"izug49","drop-start":"w0aJtS","drop-over":"xpUg8P","link":"IEyekd","drop-area":"dDSQZa","drop-caption":"_17bd6g","icon-blue":"IJMhlB","dropStart":"w0aJtS","dropOver":"xpUg8P","dropArea":"dDSQZa","dropCaption":"_17bd6g","iconBlue":"IJMhlB"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -4888,9 +4988,9 @@ function DropSpot(props) {
     return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"_4q9CEg","hero-header":"NYTy6j","promo-header":"MF9fR2","uui-critical":"s0L6pW","uui-info":"_4OGC6C","uui-success":"HUPAbt","uui-warning":"ezNeIj","uui-highlight":"_47ks9c","uui-typography-size-12":"-pPmTK","uui-typography-size-14":"tmbHgv","uui-typography-size-16":"OeWkTe","root":"_4fWlq6","file-name":"_2-a8FN","default-color":"_2ZMFia","doc-color":"_9jiO-0","xls-color":"lQcOwJ","pdf-color":"WUs3ik","movie-color":"Ey8leB","img-color":"_9GL3oM","mov-color":"_4uuvxH","error-block":"H23peL","icons-block":"KmC4gl","uuiTypography":"_4q9CEg","heroHeader":"NYTy6j","promoHeader":"MF9fR2","uuiCritical":"s0L6pW","uuiInfo":"_4OGC6C","uuiSuccess":"HUPAbt","uuiWarning":"ezNeIj","uuiHighlight":"_47ks9c","uuiTypographySize12":"-pPmTK","uuiTypographySize14":"tmbHgv","uuiTypographySize16":"OeWkTe","fileName":"_2-a8FN","defaultColor":"_2ZMFia","docColor":"_9jiO-0","xlsColor":"lQcOwJ","pdfColor":"WUs3ik","movieColor":"Ey8leB","imgColor":"_9GL3oM","movColor":"_4uuvxH","errorBlock":"H23peL","iconsBlock":"KmC4gl"};
+var css$3 = {"uui-typography":"VBhi32","hero-header":"_3YWKPO","promo-header":"hkioxu","uui-critical":"lUGHTE","uui-info":"ODV4hF","uui-success":"cISo5S","uui-warning":"IAZXED","uui-highlight":"IxJszx","uui-typography-size-12":"lfS4A-","uui-typography-size-14":"a1FSJE","uui-typography-size-16":"_9An-WY","root":"gC5Z1Y","file-name":"PoA8k3","default-color":"_8lNErv","doc-color":"tDc8iY","xls-color":"bOiTJy","pdf-color":"xqqoOE","movie-color":"_4TklMC","img-color":"lA7EHk","mov-color":"CCiUhS","error-block":"-Bk-m9","icons-block":"mDxBSl","uuiTypography":"VBhi32","heroHeader":"_3YWKPO","promoHeader":"hkioxu","uuiCritical":"lUGHTE","uuiInfo":"ODV4hF","uuiSuccess":"cISo5S","uuiWarning":"IAZXED","uuiHighlight":"IxJszx","uuiTypographySize12":"lfS4A-","uuiTypographySize14":"a1FSJE","uuiTypographySize16":"_9An-WY","fileName":"PoA8k3","defaultColor":"_8lNErv","docColor":"tDc8iY","xlsColor":"bOiTJy","pdfColor":"xqqoOE","movieColor":"_4TklMC","imgColor":"lA7EHk","movColor":"CCiUhS","errorBlock":"-Bk-m9","iconsBlock":"mDxBSl"};
 
-var css$2 = {"root":"pY4L21"};
+var css$2 = {"root":"ixXlun"};
 
 const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -5015,7 +5115,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"g8N3PX"};
+var css$1 = {"container":"AbKtZD"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = uuiCore.isMobile();
@@ -5026,7 +5126,7 @@ const ErrorPage = (props) => {
             React__namespace.default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
 };
 
-var css = {"recovery-spinner":"e2kWIq","recovery-message":"Hxlv-c","modal-blocker":"Zm6Ns9","modalFadeIn":"_62FCL-","recoverySpinner":"e2kWIq","recoveryMessage":"Hxlv-c","modalBlocker":"Zm6Ns9"};
+var css = {"recovery-spinner":"a0Q0Hv","recovery-message":"axdvSE","modal-blocker":"_68MC4D","modalFadeIn":"_7iNHQg","recoverySpinner":"a0Q0Hv","recoveryMessage":"axdvSE","modalBlocker":"_68MC4D"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
@@ -5218,6 +5318,7 @@ exports.propsMods = propsMods;
 exports.rangeDatePickerPresets = rangeDatePickerPresets;
 exports.renderCell = renderCell;
 exports.renderDropMarkers = renderDropMarkers;
+exports.settings = settings;
 exports.useColumnsWithFilters = useColumnsWithFilters;
 exports.useForm = useForm;
 exports.uuiDatePickerBody = uuiDatePickerBody;