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

package/index.esm.js

@@ -1,5 +1,5 @@
 import * as uuiComponents from '@epam/uui-components';
-import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, Calendar as Calendar$1, YearSelection, MonthSelection, AdaptivePanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1, CalendarPresets as CalendarPresets$1, Day, uuiDaySelection, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
+import { Clickable, IconContainer, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, FlexSpacer, useDocumentDir, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, Calendar as Calendar$1, YearSelection, MonthSelection, AdaptivePanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1, CalendarPresets as CalendarPresets$1, Day, uuiDaySelection, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
 export { Avatar, FlexSpacer, IconContainer } from '@epam/uui-components';
 import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, directionMode, useVirtualList, useScrollShadows, i18n as i18n$1, Lens, isMobile, usePrevious, useUuiContext, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, isFocusReceiverInsideFocusLock, mobilePopperModifier, uuiDataTableHeaderCell, DndActor, useColumnsConfig, uuiScrollShadows, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
 import * as React from 'react';
@@ -281,16 +281,226 @@ 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: {
+            badge: '36',
+            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',
+            textArea: '36',
+            textInput: '36',
+            rangeDatePicker: '36',
+            datePicker: '36',
+            labeledInput: '36',
+            statusIndicator: '24',
+        },
+        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',
+            },
+            icon: {
+                24: '12',
+                30: '18',
+                36: '18',
+                42: '24',
+                48: '24',
+                60: '24',
+            },
+        },
+        dataPickerRow: {
+            padding: {
+                default: '24',
+            },
+            dataPickerCell: {
+                default: '36',
+            },
+        },
+        dataPickerFooter: {
+            flexRowPadding: '12',
+            switch: {
+                24: '12',
+                30: '18',
+                36: '36',
+                42: '24',
+                48: '24',
+            },
+            linkButton: {
+                24: '24',
+                30: '30',
+                36: '36',
+                42: '42',
+                48: '48',
+                mobile: '48',
+            },
+        },
+        rowAddons: {
+            checkbox: {
+                24: '12',
+                30: '18',
+                36: '18',
+                42: '18',
+                48: '18',
+                60: '18',
+            },
+            icon: {
+                24: '12',
+                30: '18',
+                36: '18',
+                42: '24',
+                48: '24',
+                60: '24',
+            },
+            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 },
+        },
+        filterPickerBody: {
+            pickerItem: '36',
+            dataPickerRow: '36',
+            dataPickerFooter: '36',
+            searchSize: '36',
+        },
+        labeledInput: {
+            fillIcon: ['24', '30'],
+        },
+        badge: {
+            countIndicator: {
+                18: '12',
+                24: '18',
+                30: '18',
+                36: '18',
+                42: '24',
+                48: '24',
+            },
+        },
+    },
+};
+
+var css$1s = {"uui-typography":"_7rwaF-","hero-header":"FNQS-7","promo-header":"S-YEtF","uui-critical":"Zoda-c","uui-info":"rxWuVc","uui-success":"VPent4","uui-warning":"Lz-qyz","uui-highlight":"wwfwhQ","uui-typography-size-12":"e9tAkl","uui-typography-size-14":"kzTrZf","uui-typography-size-16":"_6UrGbu","root":"t2sjl9","uuiTypography":"_7rwaF-","heroHeader":"FNQS-7","promoHeader":"S-YEtF","uuiCritical":"Zoda-c","uuiInfo":"rxWuVc","uuiSuccess":"VPent4","uuiWarning":"Lz-qyz","uuiHighlight":"wwfwhQ","uuiTypographySize12":"e9tAkl","uuiTypographySize14":"kzTrZf","uuiTypographySize16":"_6UrGbu"};
 
-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__ */withMods(uuiComponents.Button, applyButtonMods, () => {
@@ -300,7 +510,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1r = {"root":"-xLjCl"};
+var css$1r = {"root":"_2DZVcI"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -317,7 +527,6 @@ const IconButton = /* @__PURE__ */withMods(uuiComponents.IconButton, applyIconBu
     }
     return {
         dropdownIcon: props.dropdownIcon || systemIcons.foldingArrow,
-        size: props.size && Number(props.size),
     };
 });
 
@@ -338,15 +547,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":"P9kjmu","hero-header":"VILt-X","promo-header":"_7kMeX3","uui-critical":"wzvdPG","uui-info":"ya7Eao","uui-success":"UV-hmw","uui-warning":"_8SYYiZ","uui-highlight":"wJsw9t","uui-typography-size-12":"cMY2Ng","uui-typography-size-14":"ASE4Wf","uui-typography-size-16":"vVKPae","root":"iM9ba4","uuiTypography":"P9kjmu","heroHeader":"VILt-X","promoHeader":"_7kMeX3","uuiCritical":"wzvdPG","uuiInfo":"ya7Eao","uuiSuccess":"UV-hmw","uuiWarning":"_8SYYiZ","uuiHighlight":"wJsw9t","uuiTypographySize12":"cMY2Ng","uuiTypographySize14":"ASE4Wf","uuiTypographySize16":"vVKPae"};
 
-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}`,
     ];
@@ -370,25 +578,25 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(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":"TL8nGm"};
 
 const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
             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":"_76lWT6","hero-header":"n-BEEj","promo-header":"flKp2R","uui-critical":"vTbgOd","uui-info":"Sr9-5M","uui-success":"hz8iJ-","uui-warning":"cRs5KD","uui-highlight":"ejerCU","uui-typography-size-12":"kOPHom","uui-typography-size-14":"dId06L","uui-typography-size-16":"_4c1AbK","root":"_5H2MmO","withNotify":"iH0jvN","uuiTypography":"_76lWT6","heroHeader":"n-BEEj","promoHeader":"flKp2R","uuiCritical":"vTbgOd","uuiInfo":"Sr9-5M","uuiSuccess":"hz8iJ-","uuiWarning":"cRs5KD","uuiHighlight":"ejerCU","uuiTypographySize12":"kOPHom","uuiTypographySize14":"dId06L","uuiTypographySize16":"_4c1AbK"};
 
 const TabButton = /* @__PURE__ */React__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,
@@ -397,14 +605,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const ClearIcon = props.clearIcon ? props.clearIcon : systemIcons.clear;
     return (React__default.createElement(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__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
-        props.caption && (React__default.createElement("div", { className: cx$1(uuiElement.caption, props.withNotify && css$1o.captionWithNotify) }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: props.isLinkActive ? 'info' : 'neutral', size: "18", caption: props.count })),
+        props.caption && (React__default.createElement("div", { className: cx$1(uuiElement.caption) }, props.caption)),
+        props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: "neutral", size: "18", caption: props.count })),
         props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: 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":"diAuIc","hero-header":"GJZx-T","promo-header":"ru3U2Z","uui-critical":"EJRadU","uui-info":"QLYYXT","uui-success":"_7-vyhO","uui-warning":"BtzqQZ","uui-highlight":"_16SmIY","uui-typography-size-12":"z4AAjm","uui-typography-size-14":"fcNWck","uui-typography-size-16":"eVxO-B","root":"atgwbU","uuiTypography":"diAuIc","heroHeader":"GJZx-T","promoHeader":"ru3U2Z","uuiCritical":"EJRadU","uuiInfo":"QLYYXT","uuiSuccess":"_7-vyhO","uuiWarning":"BtzqQZ","uuiHighlight":"_16SmIY","uuiTypographySize12":"z4AAjm","uuiTypographySize14":"fcNWck","uuiTypographySize16":"eVxO-B"};
 
 function applyVerticalTabButtonMods() {
     return [css$1n.root];
@@ -426,12 +634,12 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/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":"Xj5nOi","hero-header":"v6RMJ-","promo-header":"_10PYYx","uui-critical":"_51bSu4","uui-info":"yATSIf","uui-success":"uGVMwm","uui-warning":"JcDguu","uui-highlight":"_9iMSLp","uui-typography-size-12":"X9NEbI","uui-typography-size-14":"gf9DZy","uui-typography-size-16":"_0c-H7C","root":"i5mYQp","mode-cell":"koTYxz","uuiTypography":"Xj5nOi","heroHeader":"v6RMJ-","promoHeader":"_10PYYx","uuiCritical":"_51bSu4","uuiInfo":"yATSIf","uuiSuccess":"uGVMwm","uuiWarning":"JcDguu","uuiHighlight":"_9iMSLp","uuiTypographySize12":"X9NEbI","uuiTypographySize14":"gf9DZy","uuiTypographySize16":"_0c-H7C","modeCell":"koTYxz"};
 
 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',
     ];
@@ -446,8 +654,6 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.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) {
@@ -463,21 +669,25 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
 };
 var ForwardRef$A = /*#__PURE__*/forwardRef(SvgRadioDotFill);
 
+var css$1l = {"uui-typography":"-FwvY8","hero-header":"QcLMHw","promo-header":"NZ3830","uui-critical":"ICDKGC","uui-info":"nj2eph","uui-success":"_6SwtGr","uui-warning":"ooVXxY","uui-highlight":"NjajSy","uui-typography-size-12":"bjgNtD","uui-typography-size-14":"k0jysk","uui-typography-size-16":"gGhouu","root":"DKSEjy","uuiTypography":"-FwvY8","heroHeader":"QcLMHw","promoHeader":"NZ3830","uuiCritical":"ICDKGC","uuiInfo":"nj2eph","uuiSuccess":"_6SwtGr","uuiWarning":"ooVXxY","uuiHighlight":"NjajSy","uuiTypographySize12":"bjgNtD","uuiTypographySize14":"k0jysk","uuiTypographySize16":"gGhouu"};
+
 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__ */withMods(RadioInput$1, 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":"_9JUdEE"};
 
 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__ */withMods(uuiComponents.Switch, applySwitchMods);
@@ -539,14 +749,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":"qnDC16","hero-header":"i8Z-B1","promo-header":"dRy5eh","uui-critical":"s8NCkW","uui-info":"-UhjTp","uui-success":"_7P5l5e","uui-warning":"XUMICz","uui-highlight":"O7kZtV","uui-typography-size-12":"Fh-4PI","uui-typography-size-14":"jNNMis","uui-typography-size-16":"ruNIqR","root":"_8FbZ1l","mode-form":"_2-npZf","mode-inline":"LY71Kn","mode-cell":"n3MWHk","uuiTypography":"qnDC16","heroHeader":"i8Z-B1","promoHeader":"dRy5eh","uuiCritical":"s8NCkW","uuiInfo":"-UhjTp","uuiSuccess":"_7P5l5e","uuiWarning":"XUMICz","uuiHighlight":"O7kZtV","uuiTypographySize12":"Fh-4PI","uuiTypographySize14":"jNNMis","uuiTypographySize16":"ruNIqR","modeForm":"_2-npZf","modeInline":"LY71Kn","modeCell":"n3MWHk"};
 
-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)],
     ];
 }
@@ -566,7 +775,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } })));
 });
 
-var css$1j = {"root":"azRM9a"};
+var css$1j = {"root":"LaZ5dM"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root]);
 
@@ -575,16 +784,14 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.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":"PuF0PW","hero-header":"knoCf8","promo-header":"gjyv1B","uui-critical":"mgvJz-","uui-info":"nU8CMb","uui-success":"RwZsKp","uui-warning":"uFTN8x","uui-highlight":"Q9O5MQ","uui-typography-size-12":"sFXq5q","uui-typography-size-14":"z-spp3","uui-typography-size-16":"_6qZvTQ","root":"jsy6Qp","mode-form":"VHHNNJ","mode-cell":"NIv8NA","uuiTypography":"PuF0PW","heroHeader":"knoCf8","promoHeader":"gjyv1B","uuiCritical":"mgvJz-","uuiInfo":"nU8CMb","uuiSuccess":"RwZsKp","uuiWarning":"uFTN8x","uuiHighlight":"Q9O5MQ","uuiTypographySize12":"sFXq5q","uuiTypographySize14":"z-spp3","uuiTypographySize16":"_6qZvTQ","modeForm":"VHHNNJ","modeCell":"NIv8NA"};
 
-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)],
     ];
 }
@@ -598,21 +805,20 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-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":"rZHFXJ","hero-header":"kAibCL","promo-header":"rRENv2","uui-critical":"_9CKrKE","uui-info":"fblsjF","uui-success":"rAOAaQ","uui-warning":"qUkskq","uui-highlight":"T4ek7K","uui-typography-size-12":"bHEFiX","uui-typography-size-14":"Ox2-AY","uui-typography-size-16":"RVi-RJ","root":"j3ycuU","mode-form":"IU3cZx","mode-cell":"EX3Q49","mode-inline":"ObK7tn","uuiTypography":"rZHFXJ","heroHeader":"kAibCL","promoHeader":"rRENv2","uuiCritical":"_9CKrKE","uuiInfo":"fblsjF","uuiSuccess":"rAOAaQ","uuiWarning":"qUkskq","uuiHighlight":"T4ek7K","uuiTypographySize12":"bHEFiX","uuiTypographySize14":"Ox2-AY","uuiTypographySize16":"RVi-RJ","modeForm":"IU3cZx","modeCell":"EX3Q49","modeInline":"ObK7tn"};
 
-const DEFAULT_SIZE$4 = '36';
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
     return [
         css$1h.root,
-        css$1h['size-' + (mods.size || DEFAULT_SIZE$4)],
+        'uui-textarea',
+        'uui-size-' + (mods.size || settings.sizes.defaults.textArea),
         css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
     ];
 }
 const TextArea = /* @__PURE__ */withMods(TextArea$1, applyTextAreaMods, (props) => {
     return {
         autoSize: props.mode === EditMode.CELL ? true : props.autoSize,
-        maxLength: props.mode === EditMode.CELL ? undefined : props.maxLength,
     };
 });
 
@@ -700,7 +906,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$w = /*#__PURE__*/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":"sDxnnu","hero-header":"uDae6S","promo-header":"_201SKJ","uui-critical":"iuBxK8","uui-info":"myQByi","uui-success":"vMlxnE","uui-warning":"Lg-BjO","uui-highlight":"kGhW18","uui-typography-size-12":"P0I-b3","uui-typography-size-14":"gim--N","uui-typography-size-16":"awv1DN","root":"_69ahqo","icon-wrapper":"FgN2oP","alert-wrapper":"j1se1G","size-48":"hKwHMS","size-36":"IDKouJ","action-wrapper":"ZEYX3M","action-icon":"AocEwW","action-link":"qgRxVv","close-icon":"gwpdsI","main-path":"Lwak0A","content":"zw99cr","uuiTypography":"sDxnnu","heroHeader":"uDae6S","promoHeader":"_201SKJ","uuiCritical":"iuBxK8","uuiInfo":"myQByi","uuiSuccess":"vMlxnE","uuiWarning":"Lg-BjO","uuiHighlight":"kGhW18","uuiTypographySize12":"P0I-b3","uuiTypographySize14":"gim--N","uuiTypographySize16":"awv1DN","iconWrapper":"FgN2oP","alertWrapper":"j1se1G","size48":"hKwHMS","size36":"IDKouJ","actionWrapper":"ZEYX3M","actionIcon":"AocEwW","actionLink":"qgRxVv","closeIcon":"gwpdsI","mainPath":"Lwak0A"};
 
 const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('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.createElement("div", { className: css$1g.mainPath },
@@ -717,7 +923,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1f = {"root":"tX6sDz"};
+var css$1f = {"root":"yA-hwk"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -728,7 +934,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.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":"_7klDf1","hero-header":"uVgqv-","promo-header":"UPIUYk","uui-critical":"aKwo1Y","uui-info":"_40p0ph","uui-success":"lJB0o9","uui-warning":"Oj7MmR","uui-highlight":"OtKRZf","uui-typography-size-12":"gqOkq-","uui-typography-size-14":"N-orbL","uui-typography-size-16":"tnL5YC","submenu-root-item":"HhbGHg","icon-after":"BLAY31","icon-check":"lQ9Zrk","splitter-root":"qC5-xu","splitter":"a-5CqL","header-root":"-WkqQG","item-root":"-bZo14","icon":"SIrZ89","link":"_-18MAm","indent":"QSZSy3","selected-mark":"_3MCi8m","uuiTypography":"_7klDf1","heroHeader":"uVgqv-","promoHeader":"UPIUYk","uuiCritical":"aKwo1Y","uuiInfo":"_40p0ph","uuiSuccess":"lJB0o9","uuiWarning":"Oj7MmR","uuiHighlight":"OtKRZf","uuiTypographySize12":"gqOkq-","uuiTypographySize14":"N-orbL","uuiTypographySize16":"tnL5YC","submenuRootItem":"HhbGHg","iconAfter":"BLAY31","iconCheck":"lQ9Zrk","splitterRoot":"qC5-xu","headerRoot":"-WkqQG","itemRoot":"-bZo14","selectedMark":"_3MCi8m"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -833,7 +1039,8 @@ function DropdownSubMenu(props) {
             },
         },
     ];
-    return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: "right-start", modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
+    const dir = useDocumentDir();
+    return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
             var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
             return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(css$1e.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
         } }));
@@ -859,7 +1066,7 @@ function DropdownMenuSwitchButton(props) {
         React__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":"VmObqY","hero-header":"SymwaR","promo-header":"BhkSHQ","uui-critical":"_0uVICO","uui-info":"CXbTbQ","uui-success":"_6Fpb9a","uui-warning":"_4cxtCF","uui-highlight":"dYOVC9","uui-typography-size-12":"nGaSIK","uui-typography-size-14":"CWXJv9","uui-typography-size-16":"JXjBHZ","root":"qMMtFg","mode-block":"nZwghV","mode-inline":"NMVMyy","padding-0":"Mi2xaZ","padding-6":"j3mvDa","padding-12":"Hhw8x7","padding-18":"dw650j","uuiTypography":"VmObqY","heroHeader":"SymwaR","promoHeader":"BhkSHQ","uuiCritical":"_0uVICO","uuiInfo":"CXbTbQ","uuiSuccess":"_6Fpb9a","uuiWarning":"_4cxtCF","uuiHighlight":"dYOVC9","uuiTypographySize12":"nGaSIK","uuiTypographySize14":"CWXJv9","uuiTypographySize16":"JXjBHZ","modeBlock":"nZwghV","modeInline":"NMVMyy","padding0":"Mi2xaZ","padding6":"j3mvDa","padding12":"Hhw8x7","padding18":"dw650j"};
 
 const getMode = (mode) => {
     return mode || 'block';
@@ -875,7 +1082,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     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":"zs10u8","hero-header":"XGNL1O","promo-header":"NE4nUZ","uui-critical":"alD4M1","uui-info":"cte2og","uui-success":"X1F-Yo","uui-warning":"p28UQ2","uui-highlight":"LisMK0","uui-typography-size-12":"mL2IFD","uui-typography-size-14":"MJXM0u","uui-typography-size-16":"x4zSP-","root":"kA3Aed","border-top":"qT9Jvl","border-bottom":"mIqW5M","top-shadow":"jHyejA","size-24":"Cz82wh","size-30":"p05y62","size-36":"QYajVt","size-42":"agGoFV","size-48":"cCzFTG","padding-6":"ntr3A3","padding-12":"nnYW9Y","padding-18":"vGOGmF","padding-24":"O8wNUt","margin-24":"bgpzDn","margin-12":"a5seFv","vPadding-12":"_1C3TmD","vPadding-18":"V-MDKw","vPadding-24":"_4m-E9G","vPadding-36":"YIk-zT","vPadding-48":"zZtJiL","spacing-6":"xXm9-4","spacing-12":"mP1OPQ","spacing-18":"lzQGNQ","uui-surface-main":"xZl6h5","uuiTypography":"zs10u8","heroHeader":"XGNL1O","promoHeader":"NE4nUZ","uuiCritical":"alD4M1","uuiInfo":"cte2og","uuiSuccess":"X1F-Yo","uuiWarning":"p28UQ2","uuiHighlight":"LisMK0","uuiTypographySize12":"mL2IFD","uuiTypographySize14":"MJXM0u","uuiTypographySize16":"x4zSP-","borderTop":"qT9Jvl","borderBottom":"mIqW5M","topShadow":"jHyejA","size24":"Cz82wh","size30":"p05y62","size36":"QYajVt","size42":"agGoFV","size48":"cCzFTG","padding6":"ntr3A3","padding12":"nnYW9Y","padding18":"vGOGmF","padding24":"O8wNUt","margin24":"bgpzDn","margin12":"a5seFv","vPadding12":"_1C3TmD","vPadding18":"V-MDKw","vPadding24":"_4m-E9G","vPadding36":"YIk-zT","vPadding48":"zZtJiL","spacing6":"xXm9-4","spacing12":"mP1OPQ","spacing18":"lzQGNQ","uuiSurfaceMain":"xZl6h5"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1c.flexCell]);
 
@@ -899,7 +1106,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (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":"ixBdLk","margin-24":"bsMVNb","padding-12":"_8sEW-V","padding-24":"yihCac","shadow":"IDcbgX","uui-surface-main":"SsMxs6","margin24":"bsMVNb","padding12":"_8sEW-V","padding24":"yihCac","uuiSurfaceMain":"SsMxs6"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -909,7 +1116,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$1b[`uui-${props.background}`],
 ]);
 
-var css$1a = {"root":"Oenrlm"};
+var css$1a = {"root":"qtNTr-"};
 
 function applyTooltipMods(mods) {
     return [
@@ -919,18 +1126,21 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.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":"_1f-SHf","hero-header":"_4WB2MZ","promo-header":"czpszq","uui-critical":"_4kc-3f","uui-info":"-PdTOL","uui-success":"_5R3-MY","uui-warning":"GIzpe-","uui-highlight":"G8G22u","uui-typography-size-12":"_9oLl37","uui-typography-size-14":"O-nkOt","uui-typography-size-16":"_7gt9o0","root":"iKJUmO","uuiTypography":"_1f-SHf","heroHeader":"_4WB2MZ","promoHeader":"czpszq","uuiCritical":"_4kc-3f","uuiInfo":"-PdTOL","uuiSuccess":"_5R3-MY","uuiWarning":"GIzpe-","uuiHighlight":"G8G22u","uuiTypographySize12":"_9oLl37","uuiTypographySize14":"O-nkOt","uuiTypographySize16":"_7gt9o0"};
 
-const DEFAULT_SIZE$3 = '36';
 function applyLabeledInputMods(mods) {
-    return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$3)]];
+    return [
+        'uui-labeled-input',
+        css$19.root,
+        'uui-size-' + (mods.size || settings.sizes.defaults.labeledInput),
+    ];
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, (props) => ({
     Tooltip: props.Tooltip || Tooltip,
-    infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
+    infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$w : ForwardRef$L),
 }));
 
-var css$18 = {"root":"aaxruf"};
+var css$18 = {"root":"X-xO3k"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -945,7 +1155,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$17 = {"root":"WQhrGr"};
+var css$17 = {"root":"StUcZs"};
 
 function applyScrollBarsMods() {
     return [
@@ -954,60 +1164,42 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$16 = {"scroll-container":"efeXkS","list-container":"X7G7tT","scrollContainer":"efeXkS","listContainer":"X7G7tT"};
+var css$16 = {"scroll-container":"xvqW-R","list-container":"GAR6Qy","scrollContainer":"xvqW-R","listContainer":"GAR6Qy"};
 
-var css$15 = {"root":"dGz8g-"};
+var css$15 = {"root":"zdFur0"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [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":"cVrxHE","hero-header":"rGwKf-","promo-header":"Cr3Vfq","uui-critical":"vmVoYK","uui-info":"Vi7Mhl","uui-success":"mSMaf5","uui-warning":"_14Sx9n","uui-highlight":"_2pQgoM","uui-typography-size-12":"YHpt3l","uui-typography-size-14":"S5qCc9","uui-typography-size-16":"y4WPMz","root":"_9R5YoA","uuiTypography":"cVrxHE","heroHeader":"rGwKf-","promoHeader":"Cr3Vfq","uuiCritical":"vmVoYK","uuiInfo":"Vi7Mhl","uuiSuccess":"mSMaf5","uuiWarning":"_14Sx9n","uuiHighlight":"_2pQgoM","uuiTypographySize12":"YHpt3l","uuiTypographySize14":"S5qCc9","uuiTypographySize16":"y4WPMz"};
 
-const DEFAULT_SIZE$2 = '36';
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
     return [
         'uui-badge',
         css$14.root,
-        css$14['size-' + (mods.size || DEFAULT_SIZE$2)],
+        `uui-size-${mods.size || settings.sizes.defaults.badge}`,
         `uui-fill-${mods.fill || DEFAULT_FILL}`,
         `uui-color-${mods.color || 'info'}`,
         mods.indicator && mods.fill === 'outline' && 'uui-indicator',
     ];
 }
-const mapCountIndicatorSizes$1 = {
-    18: '12',
-    24: '18',
-    30: '18',
-    36: '18',
-    42: '24',
-    48: '24',
-};
 const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const styles = [applyBadgeMods(props), props.cx];
     const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : systemIcons.foldingArrow;
     return (React__default.createElement(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__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React__default.createElement("div", { className: uuiElement.caption }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__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__default.createElement(CountIndicator, { key: "count-indicator", color: null, size: settings.sizes.badge.countIndicator[props.size || settings.sizes.defaults.badge], caption: props.count })),
         props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__default.createElement(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":"BpgLrF","hero-header":"cHq2gM","promo-header":"KEmDSU","uui-critical":"fkWLUN","uui-info":"omGr8l","uui-success":"_4TgKux","uui-warning":"V0BStV","uui-highlight":"Fa-ngw","uui-typography-size-12":"v2FsGm","uui-typography-size-14":"-SyPgJ","uui-typography-size-16":"UEZ0HV","root":"EZzE-P","uuiTypography":"BpgLrF","heroHeader":"cHq2gM","promoHeader":"KEmDSU","uuiCritical":"fkWLUN","uuiInfo":"omGr8l","uuiSuccess":"_4TgKux","uuiWarning":"V0BStV","uuiHighlight":"Fa-ngw","uuiTypographySize12":"v2FsGm","uuiTypographySize14":"-SyPgJ","uuiTypographySize16":"UEZ0HV"};
 
-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',
@@ -1020,20 +1212,20 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     return (React__default.createElement(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__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.caption && (React__default.createElement("div", { className: uuiElement.caption }, props.caption)),
-        props.count !== undefined && props.count !== null && (React__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__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__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
         props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
         props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
 });
 
-var css$12 = {"root":"innuJB","uui-spinner":"rSh5Tq","uuiSpinner":"rSh5Tq"};
+var css$12 = {"root":"Nu33Ir","uui-spinner":"XJpjUP","uuiSpinner":"XJpjUP"};
 
 function applySpinnerMods() {
     return [css$12.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, 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":"-yLNim","spacer":"lsiizj","mode-ghost":"Yl-eXr","size-24":"DIrayb","size-30":"iR3aov","navigation-size-24":"upnzt7","navigation-size-30":"W1a61M","modeGhost":"Yl-eXr","size24":"DIrayb","size30":"iR3aov","navigationSize24":"upnzt7","navigationSize30":"W1a61M"};
 
 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); }
@@ -1084,14 +1276,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, 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":"b7N-tX","progress-bar":"NDHVJ4","progressBar-indeterminate":"CzrnDA","size-12":"ZeMXzd","size-18":"o7J8rX","size-24":"-X-C5k","progressBar":"NDHVJ4","progressBarIndeterminate":"CzrnDA","size12":"ZeMXzd","size18":"o7J8rX","size24":"-X-C5k"};
 
 const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$10.root, css$10[`size-${props.size || 12}`]) },
         React.createElement("div", { className: cx(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":"fmHHpv","striped":"k-deMu","animate-stripes":"lFH1t8","size-12":"_3txpws","size-18":"-ExaFw","size-24":"L9uot-","animateStripes":"lFH1t8","size12":"_3txpws","size18":"-ExaFw","size24":"L9uot-"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1106,76 +1298,51 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$_ = {"root":"poRHuu"};
+var css$_ = {"root":"Zrp-ki"};
 
 const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { progress } = props;
     return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$_.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(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":"BmN8oo"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
             css$Z.root,
-            css$Z[`size-${props.size || 24}`],
+            `uui-size-${props.size || settings.sizes.defaults.statusIndicator}`,
             'uui-status_indicator',
             `uui-color-${props.color || 'neutral'}`,
             `uui-fill-${props.fill || 'solid'}`,
             props.cx,
         ]) },
-        React__default.createElement("div", { className: "uui-status_indicator_dot" }),
-        React__default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
+        React__default.createElement("div", { className: "uui-status_indicator-dot" }),
+        React__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":"kGBa5m","icon-container":"T0jAuf","dragHandle":"kGBa5m","iconContainer":"T0jAuf"};
 
 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__default.createElement(React__default.Fragment, null,
         ((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(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__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__default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginLeft: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
+        ((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__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__default.createElement("div", { key: "fold", className: cx('uui-dr_addons-indent', `uui-size-${props.size}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
                 'aria-label': row.isFolded ? 'Unfold' : 'Fold',
                 role: 'button',
             }, key: "icon", icon: ForwardRef$P, cx: [
                 uuiElement.foldingArrow, uuiMarkers.clickable, css$Y.iconContainer,
-            ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
+            ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] }))))));
 }
 
-var css$X = {"root":"Dgnc83"};
+var css$X = {"root":"vizobG"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
@@ -1211,13 +1378,12 @@ const VirtualList = /* @__PURE__ */React.forwardRef((props, ref) => {
         }), onScroll: handleScroll, renderView: renderView, ref: scrollBarsRef }, renderRows()));
 });
 const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
-    console.log(props);
     return (React.createElement(React.Fragment, null,
         React.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.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$W = {"root":"gNXGje"};
+var css$W = {"root":"_5dWB1d"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1379,7 +1545,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
     } }));
 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":"e2w165","hero-header":"A3C4z8","promo-header":"_-9zbfK","uui-critical":"e2-Vmi","uui-info":"lw7sOd","uui-success":"BXXvAi","uui-warning":"YSFBES","uui-highlight":"_03FNp7","uui-typography-size-12":"R0r8Cn","uui-typography-size-14":"-R2BTV","uui-typography-size-16":"r8dO7v","modal":"XOcmOK","search-wrapper":"cvoTJi","checkbox":"IoJd8D","no-found-size-24":"R9xbOp","no-found-size-30":"wMO9W6","no-found-size-36":"r0Ktq3","no-found-size-42":"QBRPIZ","uuiTypography":"e2w165","heroHeader":"A3C4z8","promoHeader":"_-9zbfK","uuiCritical":"e2-Vmi","uuiInfo":"lw7sOd","uuiSuccess":"BXXvAi","uuiWarning":"YSFBES","uuiHighlight":"_03FNp7","uuiTypographySize12":"R0r8Cn","uuiTypographySize14":"-R2BTV","uuiTypographySize16":"r8dO7v","searchWrapper":"cvoTJi","noFoundSize24":"R9xbOp","noFoundSize30":"wMO9W6","noFoundSize36":"r0Ktq3","noFoundSize42":"QBRPIZ"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -1391,29 +1557,23 @@ class DataPickerBody extends PickerBodyBase {
         if (this.props.renderNotFound) {
             return this.props.renderNotFound();
         }
-        return (React__default.createElement(FlexCell$1, { cx: css$V[`no-found-size-${this.props.searchSize || 36}`], grow: 1, textAlign: "center" },
-            React__default.createElement(Text, { size: this.props.searchSize || '36' }, i18n.dataPickerBody.noRecordsMessage)));
+        // TODO: need fix sizes, how to use variables
+        return (React__default.createElement(FlexCell$1, { cx: css$V[`no-found-size-${this.props.searchSize || settings.sizes.dataPickerBody.flexCell.default}`], grow: 1, textAlign: "center" },
+            React__default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.noRecordsMessage)));
     }
     render() {
-        const searchSize = isMobile() ? '48' : this.props.searchSize || '36';
+        const searchSize = (isMobile() ? settings.sizes.dataPickerBody.searchInput['mobile'] : this.props.searchSize);
         return (React__default.createElement(React__default.Fragment, null,
             this.showSearch() && (React__default.createElement("div", { key: "search", className: css$V.searchWrapper },
                 React__default.createElement(FlexCell$1, { grow: 1 },
-                    React__default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay }))))),
-            React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-pickerInput-body', css$V[this.props.editMode], css$V[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rowsCount > 0 ? (React__default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : (this.renderNotFound()))));
+                    React__default.createElement(SearchInput, Object.assign({ ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder }, this.searchLens.toProps(), { onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } }))))),
+            React__default.createElement(FlexRow, { key: "body", cx: cx$1('uui-picker_input-body', css$V[this.props.editMode], css$V[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rowsCount > 0 ? (React__default.createElement(VirtualList, Object.assign({}, this.lens.toProps(), { rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading }))) : (this.renderNotFound()))));
     }
 }
 
-const switchSizes = {
-    24: '12',
-    36: '18',
-    42: '24',
-    48: '24',
-};
 function DataPickerFooterImpl(props) {
     const { clearSelection, view, showSelected, selectionMode, } = props;
-    const size = isMobile() ? '48' : props.size || '36';
-    const switchSize = switchSizes[size];
+    const size = settings.sizes.dataPickerFooter.linkButton[isMobile() ? 'mobile' : props.size];
     const hasSelection = view.getSelectedRowsCount() > 0;
     const rowsCount = view.getListProps().rowsCount;
     const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
@@ -1423,8 +1583,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__default.createElement(FlexRow, { padding: "12" },
-        !isSinglePicker && (React__default.createElement(Switch, { size: switchSize, value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
+    return shouldShowFooter && (React__default.createElement(FlexRow, { padding: settings.sizes.dataPickerFooter.flexRowPadding },
+        !isSinglePicker && (React__default.createElement(Switch, { size: settings.sizes.dataPickerFooter.switch[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
         React__default.createElement(FlexSpacer, null),
         React__default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
             view.selectAll && (React__default.createElement(LinkButton, { size: size, caption: hasSelection ? clearAllText : selectAllText, onClick: hasSelection ? clearSelection : () => view.selectAll.onValueChange(true), rawProps: {
@@ -1436,12 +1596,12 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$U = {"header":"xBCuKV","close":"XoSOYc"};
+var css$U = {"header":"-NyBV1","close":"Kv1z8J"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
     return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$U.header },
-        React__default.createElement(Text, { size: "48", fontWeight: "600" }, title),
+        React__default.createElement(Text, { size: settings.sizes.dataPickerHeader.text.size, fontWeight: settings.sizes.dataPickerHeader.text.fontWeight }, title),
         React__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__default.memo(DataPickerHeaderImpl);
@@ -1461,7 +1621,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/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":"Do4uRT","hero-header":"SMO6mD","promo-header":"NYfhmh","uui-critical":"_6m1JlD","uui-info":"gzdV89","uui-success":"M-4Fte","uui-warning":"g7eFtl","uui-highlight":"fmsKtK","uui-typography-size-12":"_9QnF5f","uui-typography-size-14":"-LkguN","uui-typography-size-16":"FHHnJb","root":"lM6L32","align-widgets-top":"DkzjgB","align-widgets-center":"SqojH2","padding-12":"mY1CEk","padding-24":"SuL2Vr","padding-left-12":"eTqVBW","padding-left-24":"eJJCQE","icon-container":"ikqKi9","loading-cell":"_5AMLYi","content-wrapper":"pBPZNN","render-item":"vZk1NU","icon-wrapper":"p41ATJ","icon-default":"ClpXIT","selected-mark":"XpoPzH","uuiTypography":"Do4uRT","heroHeader":"SMO6mD","promoHeader":"NYfhmh","uuiCritical":"_6m1JlD","uuiInfo":"gzdV89","uuiSuccess":"M-4Fte","uuiWarning":"g7eFtl","uuiHighlight":"fmsKtK","uuiTypographySize12":"_9QnF5f","uuiTypographySize14":"-LkguN","uuiTypographySize16":"FHHnJb","alignWidgetsTop":"DkzjgB","alignWidgetsCenter":"SqojH2","padding12":"mY1CEk","padding24":"SuL2Vr","paddingLeft12":"eTqVBW","paddingLeft24":"eJJCQE","iconContainer":"ikqKi9","loadingCell":"_5AMLYi","contentWrapper":"pBPZNN","renderItem":"vZk1NU","iconWrapper":"p41ATJ","iconDefault":"ClpXIT","selectedMark":"XpoPzH"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -1469,18 +1629,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.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48', cx: css$T.loadingCell },
+        React.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size], cx: css$T.loadingCell },
             React.createElement(TextPlaceholder, null)));
     }
     else if (props.rowProps.isUnknown) {
-        content = (React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown"));
+        content = (React.createElement(Text, { key: "t", size: settings.sizes.dataPickerCell.text[props.size] }, "Unknown"));
     }
     else {
         content = (React.createElement("div", { key: `${props.rowProps.id}`, className: css$T.renderItem },
             props.renderItem(props.rowProps.value, props.rowProps),
             React.createElement(FlexSpacer, null),
             (props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React.createElement("div", { className: cx$1(css$T.iconWrapper, uuiMod.selected) },
-                React.createElement(IconContainer, { icon: props.size === '24' ? ForwardRef$t : ForwardRef$O, cx: cx$1(props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark), rawProps: { 'aria-label': props.rowProps.isChildrenSelected
+                React.createElement(IconContainer, { size: settings.sizes.dataPickerCell.icon[props.size], 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' } })))));
     }
@@ -1489,22 +1649,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'}`],
+            'uui-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.createElement(DataRowAddons, Object.assign({}, props)),
+        React.createElement(DataRowAddons, Object.assign({ size: props.size || settings.sizes.defaults.dataPickerCell }, 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":"_2SePCq","hero-header":"nfhGWq","promo-header":"z4gMCD","uui-critical":"z-ebub","uui-info":"ldMtWn","uui-success":"hMDRaU","uui-warning":"DW8Bp2","uui-highlight":"_9KlZnT","uui-typography-size-12":"_8zAm3A","uui-typography-size-14":"pDGoE6","uui-typography-size-16":"GWOP9u","picker-row":"XmrQqy","uuiTypography":"_2SePCq","heroHeader":"nfhGWq","promoHeader":"z4gMCD","uuiCritical":"z-ebub","uuiInfo":"ldMtWn","uuiSuccess":"hMDRaU","uuiWarning":"DW8Bp2","uuiHighlight":"_9KlZnT","uuiTypographySize12":"_8zAm3A","uuiTypographySize14":"pDGoE6","uuiTypographySize16":"GWOP9u","pickerRow":"XmrQqy"};
 
 class DataPickerRow extends React.Component {
     constructor() {
         super(...arguments);
         this.renderContent = () => {
-            return (React.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.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() {
@@ -1512,7 +1672,7 @@ class DataPickerRow extends React.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":"DxPR41","hero-header":"ddf9pA","promo-header":"YjCbp2","uui-critical":"anz51B","uui-info":"rIX13a","uui-success":"iuCyKB","uui-warning":"ZvJgve","uui-highlight":"V5jliH","uui-typography-size-12":"UElBuh","uui-typography-size-14":"ZM9FTt","uui-typography-size-16":"_6-Ll-y","done":"RfQcL7","container":"VHgCqT","uuiTypography":"DxPR41","heroHeader":"ddf9pA","promoHeader":"YjCbp2","uuiCritical":"anz51B","uuiInfo":"rIX13a","uuiSuccess":"iuCyKB","uuiWarning":"ZvJgve","uuiHighlight":"V5jliH","uuiTypographySize12":"UElBuh","uuiTypographySize14":"ZM9FTt","uuiTypographySize16":"_6-Ll-y"};
 
 const MobileDropdownWrapper = (props) => {
     const isMobileView = isMobile();
@@ -1521,7 +1681,7 @@ const MobileDropdownWrapper = (props) => {
     return (React__default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$R.container, props.cx] }),
         isMobileView && React__default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
         props.children,
-        isMobileView && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$R.done, size: "48" })));
+        isMobileView && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$R.done, size: settings.sizes.mobileDropdownWrapper.linkButton })));
 };
 
 var _path$s, _path2$4;
@@ -1546,9 +1706,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/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":"LafbQU","hero-header":"_5P6jSv","promo-header":"f5VjFN","uui-critical":"HfXLBw","uui-info":"Z-vIXV","uui-success":"lDNzjK","uui-warning":"FCGTX0","uui-highlight":"Kq-i4s","uui-typography-size-12":"tNGF-4","uui-typography-size-14":"xtXpgd","uui-typography-size-16":"ttDBN5","sub-header-wrapper":"HNRZ5V","switch":"LY0uX-","no-found-modal-container":"J5PE-B","no-found-modal-container-icon":"eBm8Rz","no-found-modal-container-text":"myCkzN","uuiTypography":"LafbQU","heroHeader":"_5P6jSv","promoHeader":"f5VjFN","uuiCritical":"HfXLBw","uuiInfo":"Z-vIXV","uuiSuccess":"lDNzjK","uuiWarning":"FCGTX0","uuiHighlight":"Kq-i4s","uuiTypographySize12":"tNGF-4","uuiTypographySize14":"xtXpgd","uuiTypographySize16":"ttDBN5","subHeaderWrapper":"HNRZ5V","$switch$":"LY0uX-","noFoundModalContainer":"J5PE-B","noFoundModalContainerIcon":"eBm8Rz","noFoundModalContainerText":"myCkzN"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -1615,11 +1773,12 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-const defaultSize$2 = '36';
+var css$P = {"root":"U9tsYa","multiline":"DVWTHU","vertical-padding-24":"_1SGcfI","vertical-padding-30":"wEh8Dr","vertical-padding-36":"NbFHAl","vertical-padding-42":"BG7pzq","vertical-padding-48":"bPzYz-","text":"E072MA","verticalPadding24":"_1SGcfI","verticalPadding30":"wEh8Dr","verticalPadding36":"NbFHAl","verticalPadding42":"BG7pzq","verticalPadding48":"bPzYz-"};
+
 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;
@@ -1633,7 +1792,7 @@ function PickerItem(props) {
                 subtitle && (React.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$P.text }, isLoading ? React.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) {
@@ -1682,34 +1841,18 @@ function PickerModal(props) {
                             listView: view,
                             rows: dataRows,
                             searchPosition: 'body',
-                        }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder }))),
+                        }, e), autoFocus: true, placeholder: i18n.pickerModal.searchPlaceholder, rawProps: { dir: 'auto' } }))),
                 !isSingleSelect() && (React__default.createElement(Switch, Object.assign({ cx: css$Q.switch, size: "18" }, getFooterProps().showSelected, { isDisabled: view.getSelectedRowsCount() < 1, label: "Show only selected" }))),
                 props.renderFilter && React__default.createElement(FlexCell, { grow: 2 }, props.renderFilter(dataSourceStateLens.prop('filter').toProps()))),
             React__default.createElement(DataPickerBody, Object.assign({}, getListProps(), { value: getDataSourceState(), onValueChange: handleDataSourceValueChange, search: dataSourceStateLens.prop('search').toProps(), showSearch: false, rows: rows, renderNotFound: renderNotFound, editMode: "modal" })),
             React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-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":"-iDFMj"};
+
 const PickerTogglerTag = /* @__PURE__ */React.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.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.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.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$O.tooltip },
@@ -1720,20 +1863,20 @@ const PickerTogglerTag = /* @__PURE__ */React.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":"OYoA2g","hero-header":"-wIath","promo-header":"_1lMWM1","uui-critical":"_0ecCIZ","uui-info":"blczXq","uui-success":"Gg6v4l","uui-warning":"AeY9cf","uui-highlight":"RIgBaU","uui-typography-size-12":"_8k9559","uui-typography-size-14":"Orp-bF","uui-typography-size-16":"gx4C7U","root":"vlHl37","mode-form":"Ex6BK2","mode-cell":"_2Lssnz","mode-inline":"EBFllY","uuiTypography":"OYoA2g","heroHeader":"-wIath","promoHeader":"_1lMWM1","uuiCritical":"_0ecCIZ","uuiInfo":"blczXq","uuiSuccess":"Gg6v4l","uuiWarning":"AeY9cf","uuiHighlight":"RIgBaU","uuiTypographySize12":"_8k9559","uuiTypographySize14":"Orp-bF","uuiTypographySize16":"gx4C7U","modeForm":"Ex6BK2","modeCell":"_2Lssnz","modeInline":"EBFllY"};
 
-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);
         }
@@ -1743,8 +1886,6 @@ function PickerTogglerComponent(props, ref) {
 }
 const PickerToggler = /* @__PURE__ */React.forwardRef(PickerTogglerComponent);
 
-const pickerHeight$1 = 300;
-const pickerWidth = 360;
 function PickerInputComponent(_a, ref) {
     var { highlightSearchMatches = true } = _a, props = __rest(_a, ["highlightSearchMatches"]);
     const toggleModalOpening = () => {
@@ -1781,9 +1922,9 @@ function PickerInputComponent(_a, ref) {
     };
     const getRowSize = () => {
         if (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)
@@ -1798,12 +1939,12 @@ function PickerInputComponent(_a, ref) {
         return (React__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__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__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 = isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || pickerHeight$1;
-        const minBodyWidth = props.minBodyWidth || pickerWidth;
+        const bodyHeight = isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || settings.sizes.pickerInput.height;
+        const minBodyWidth = props.minBodyWidth || settings.sizes.pickerInput.width;
         return (React__default.createElement(MobileDropdownWrapper, { title: props.entityName, onClose: () => toggleBodyOpening(false), cx: [props.bodyCx], onKeyDown: bodyProps.onKeyDown, width: bodyProps.togglerWidth > minBodyWidth ? bodyProps.togglerWidth : minBodyWidth, focusLock: getSearchPosition() === 'body' },
             React__default.createElement(DataPickerBody, Object.assign({}, bodyProps, { rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode, renderNotFound: props.renderNotFound
                     ? () => props.renderNotFound({
@@ -1822,7 +1963,7 @@ function PickerInputComponent(_a, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$M = {"row":"QkiO74"};
+var css$M = {"row":"DBnujB"};
 
 function PickerListItem(props) {
     var _a;
@@ -1843,7 +1984,7 @@ function PickerListItem(props) {
     return (React__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":"GJOlH9"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
@@ -1883,7 +2024,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":"Iw3vKX","hero-header":"Dn8Iiz","promo-header":"WKzb1F","uui-critical":"_0-VgP0","uui-info":"fbsunz","uui-success":"_4uEl2r","uui-warning":"CgsB4o","uui-highlight":"TPh1Sc","uui-typography-size-12":"r4lXM9","uui-typography-size-14":"M78LJF","uui-typography-size-16":"VQw-TW","root":"d-W7ox","title-wrapper":"dwEcNJ","title":"a9fEF8","text-wrapper":"EHkPub","selection":"CXSUH2","postfix":"htvRZV","selected":"rjjxES","uuiTypography":"Iw3vKX","heroHeader":"Dn8Iiz","promoHeader":"WKzb1F","uuiCritical":"_0-VgP0","uuiInfo":"fbsunz","uuiSuccess":"_4uEl2r","uuiWarning":"CgsB4o","uuiHighlight":"TPh1Sc","uuiTypographySize12":"r4lXM9","uuiTypographySize14":"M78LJF","uuiTypographySize16":"VQw-TW","titleWrapper":"dwEcNJ","textWrapper":"EHkPub"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1950,7 +2091,7 @@ function FilterPickerBody(_a) {
     };
     const renderItem = (item, rowProps, dsState) => {
         const { flattenSearchResults } = view.getConfig();
-        return (React.createElement(PickerItem, Object.assign({ title: getName(item), highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), { dataSourceState: dsState, size: "36" }, rowProps)));
+        return (React.createElement(PickerItem, Object.assign({ title: getName(item), highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dsState) } : {}), { dataSourceState: dsState, size: settings.sizes.filterPickerBody.pickerItem }, rowProps)));
     };
     const onSelect = (row) => {
         handleDataSourceValueChange((currentDataSourceState) => (Object.assign(Object.assign({}, currentDataSourceState), { search: '', selectedId: row.id })));
@@ -1959,24 +2100,24 @@ function FilterPickerBody(_a) {
         if (rowProps.isSelectable && isSingleSelect() && props.editMode !== 'modal') {
             rowProps.onSelect = onSelect;
         }
-        return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: "36", padding: "12", renderItem: (item, itemProps) => renderItem(item, itemProps, dsState) })));
+        return props.renderRow ? (props.renderRow(rowProps, dataSourceState)) : (React.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: settings.sizes.filterPickerBody.dataPickerRow, padding: "12", renderItem: (item, itemProps) => renderItem(item, itemProps, dsState) })));
     };
     const renderFooter = () => {
-        return React.createElement(DataPickerFooter, Object.assign({}, getFooterProps(), { size: "36" }));
+        return React.createElement(DataPickerFooter, Object.assign({}, getFooterProps(), { size: settings.sizes.filterPickerBody.dataPickerFooter }));
     };
     const renderBody = (bodyProps, rows) => {
         const renderedDataRows = rows.map((props) => renderRow(props, dataSourceState));
         const maxHeight = isMobile() ? document.documentElement.clientHeight : props.maxBodyHeight || pickerHeight;
         const maxWidth = isMobile() ? undefined : 360;
         return (React.createElement(React.Fragment, null,
-            React.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize: "36", editMode: "dropdown" })),
+            React.createElement(DataPickerBody, Object.assign({}, bodyProps, { selectionMode: props.selectionMode, rows: renderedDataRows, maxHeight: maxHeight, maxWidth: maxWidth, searchSize: settings.sizes.filterPickerBody.searchSize, editMode: "dropdown" })),
             renderFooter()));
     };
     const rows = getRows();
     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":"YY6FWB"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2185,14 +2326,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
             React.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":"mYpFF0","hero-header":"E9p9C0","promo-header":"YxrFY-","uui-critical":"_54QOT5","uui-info":"AAJRoA","uui-success":"fx9rl-","uui-warning":"wCMdWn","uui-highlight":"uC6Ty5","uui-typography-size-12":"bALD--","uui-typography-size-14":"nJag6u","uui-typography-size-16":"zKqoEm","root":"X8UNw9","uuiTypography":"mYpFF0","heroHeader":"E9p9C0","promoHeader":"YxrFY-","uuiCritical":"_54QOT5","uuiInfo":"AAJRoA","uuiSuccess":"fx9rl-","uuiWarning":"wCMdWn","uuiHighlight":"uC6Ty5","uuiTypographySize12":"bALD--","uuiTypographySize14":"nJag6u","uuiTypographySize16":"zKqoEm"};
 
 function applyDateSelectionMods() {
     return [css$I.root];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, 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":"_3N-4G1","hero-header":"X0V9Xu","promo-header":"lY8iar","uui-critical":"jF531I","uui-info":"zai5Wm","uui-success":"SfGI7C","uui-warning":"uS5HYX","uui-highlight":"Zeiofa","uui-typography-size-12":"_3lnhYX","uui-typography-size-14":"t-roNO","uui-typography-size-16":"fWTrCG","root":"xk2a44","uuiTypography":"_3N-4G1","heroHeader":"X0V9Xu","promoHeader":"lY8iar","uuiCritical":"jF531I","uuiInfo":"zai5Wm","uuiSuccess":"SfGI7C","uuiWarning":"uS5HYX","uuiHighlight":"Zeiofa","uuiTypographySize12":"_3lnhYX","uuiTypographySize14":"t-roNO","uuiTypographySize16":"fWTrCG"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepickerBody-wrapper',
@@ -2280,7 +2421,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":"_9zK6d6","hero-header":"xOYY-D","promo-header":"XfGycM","uui-critical":"w26Lb9","uui-info":"Ofj472","uui-success":"DAWvzG","uui-warning":"_5aulQK","uui-highlight":"eH2zCX","uui-typography-size-12":"rUNHan","uui-typography-size-14":"x31K4w","uui-typography-size-16":"_6iNphr","dropdown-container":"men63l","date-input":"oAfTgr","date-input-group":"_4pl4y-","separator":"Bun8vo","mode-form":"_11S8wM","mode-cell":"KUTHqh","uuiTypography":"_9zK6d6","heroHeader":"xOYY-D","promoHeader":"XfGycM","uuiCritical":"w26Lb9","uuiInfo":"Ofj472","uuiSuccess":"DAWvzG","uuiWarning":"_5aulQK","uuiHighlight":"eH2zCX","uuiTypographySize12":"rUNHan","uuiTypographySize14":"x31K4w","uuiTypographySize16":"_6iNphr","dropdownContainer":"men63l","dateInput":"oAfTgr","dateInputGroup":"_4pl4y-","modeForm":"_11S8wM","modeCell":"KUTHqh"};
 
 const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onBlur, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
     const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
@@ -2306,14 +2447,14 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
         }
     };
     const clearAllowed = !disableClear && inputValue.from && inputValue.to;
-    return (React__default.createElement("div", { ref: ref, className: cx$1(classes, css$G.dateInputGroup, isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onClick: (event) => {
+    return (React__default.createElement("div", { ref: ref, className: cx$1(classes, css$G.dateInputGroup, 'uui-range-date-picker', isDisabled && uuiMod.disabled, isReadonly && uuiMod.readonly, isInvalid && uuiMod.invalid, inFocus && uuiMod.focus), onClick: (event) => {
             if (!isDisabled) {
                 onClick === null || onClick === void 0 ? void 0 : onClick(event);
             }
         }, onBlur: onBlur },
-        React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'from' && 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__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$G.dateInput, inFocus === 'from' && 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__default.createElement("div", { className: css$G.separator }),
-        React__default.createElement(TextInput, { cx: cx$1(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || '36', value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
+        React__default.createElement(TextInput, { cx: cx$1(css$G.dateInput, inFocus === 'to' && 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 })));
 });
@@ -2371,7 +2512,7 @@ function FilterRangeDatePickerBody(props) {
                 React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$F = {"container":"RZxVoN"};
+var css$F = {"container":"eORk5q"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2471,7 +2612,7 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
 };
 var ForwardRef$r = /*#__PURE__*/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":"fwvtXp","hero-header":"Gu96dI","promo-header":"veXf69","uui-critical":"lCf5iL","uui-info":"_2DvYfA","uui-success":"X-HYxX","uui-warning":"NaMgCF","uui-highlight":"aDwDVl","uui-typography-size-12":"UlSYY6","uui-typography-size-14":"TytSgT","uui-typography-size-16":"_8NEiwW","header":"erctQB","removeButton":"OCjHFS","with-search":"fCvkZz","uuiTypography":"fwvtXp","heroHeader":"Gu96dI","promoHeader":"veXf69","uuiCritical":"lCf5iL","uuiInfo":"_2DvYfA","uuiSuccess":"X-HYxX","uuiWarning":"NaMgCF","uuiHighlight":"aDwDVl","uuiTypographySize12":"UlSYY6","uuiTypographySize14":"TytSgT","uuiTypographySize16":"_8NEiwW","withSearch":"fCvkZz"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -2759,8 +2900,7 @@ function FiltersToolbarImpl(props) {
         return orderBy(selectedFilters, (f) => { var _a, _b; return (_b = (_a = tableState.filtersConfig) === null || _a === void 0 ? void 0 : _a[f.field]) === null || _b === void 0 ? void 0 : _b.order; });
     }, [filters, tableState.filtersConfig]);
     const renderAddFilterToggler = useCallback((togglerProps) => {
-        var _a;
-        return (React__default.createElement(Button, { size: (_a = props.size) !== null && _a !== void 0 ? _a : '36', onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$q, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
+        return (React__default.createElement(Button, { size: props.size, onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$q, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
     }, []);
     const getRowOptions = useCallback((item) => ({
         isDisabled: item.isAlwaysVisible,
@@ -2793,7 +2933,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$D = {"divider":"rvUxuZ","dropdownDeleteIcon":"tS-P3Z","presetsWrapper":"f9a7aK","addPresetContainer":"NvVtXd","dropContainer":"-YTtMQ"};
+var css$D = {"divider":"XsVmbi","dropdownDeleteIcon":"rhDOxJ","presetsWrapper":"TFlngs","addPresetContainer":"x7aMqS","dropContainer":"FRyAy6"};
 
 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); }
@@ -2921,7 +3061,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
 };
 var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
 
-var css$C = {"delete-button":"M7b6eZ","tab-button":"piNZxf","targetOpen":"-XGNpt","deleteButton":"M7b6eZ","tabButton":"piNZxf"};
+var css$C = {"delete-button":"q2wfpv","tab-button":"KA7Wdr","targetOpen":"jaaOf-","deleteButton":"q2wfpv","tabButton":"KA7Wdr"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -2979,7 +3119,7 @@ function PresetActionsDropdown(props) {
     return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
 }
 
-var css$B = {"preset-input-cell":"K0AiE0","preset-input":"_8Bp-Yv","presetInputCell":"K0AiE0","presetInput":"_8Bp-Yv"};
+var css$B = {"preset-input-cell":"ciwz-C","preset-input":"XhElaS","presetInputCell":"ciwz-C","presetInput":"XhElaS"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -3012,7 +3152,7 @@ function PresetInput(props) {
         React__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":"fZRNvn","activePreset":"_4RMRm1"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -3114,25 +3254,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":"YEodeC","line-height-18":"QUkk6f","line-height-24":"-r7znJ","line-height-30":"tLna8K","font-size-10":"EP3At9","font-size-12":"fW9s1r","font-size-14":"eZWH2m","font-size-16":"EGxoRl","font-size-18":"Hy5wX9","font-size-24":"oN8u7Y","v-padding-2":"vYvxlN","v-padding-3":"GVX0nT","v-padding-5":"JIoXaW","v-padding-6":"zrLB5m","v-padding-8":"ibjyun","v-padding-9":"NEd-D2","v-padding-11":"VDosF0","v-padding-12":"gDJpG9","v-padding-14":"_55EJIS","v-padding-15":"CGQ-DD","v-padding-17":"_5gpbum","v-padding-18":"_1vrY-v","v-padding-23":"ee6VgB","v-padding-24":"FYMWhj","lineHeight12":"YEodeC","lineHeight18":"QUkk6f","lineHeight24":"-r7znJ","lineHeight30":"tLna8K","fontSize10":"EP3At9","fontSize12":"fW9s1r","fontSize14":"eZWH2m","fontSize16":"EGxoRl","fontSize18":"Hy5wX9","fontSize24":"oN8u7Y","vPadding2":"vYvxlN","vPadding3":"GVX0nT","vPadding5":"JIoXaW","vPadding6":"zrLB5m","vPadding8":"ibjyun","vPadding9":"NEd-D2","vPadding11":"VDosF0","vPadding12":"gDJpG9","vPadding14":"_55EJIS","vPadding15":"CGQ-DD","vPadding17":"_5gpbum","vPadding18":"_1vrY-v","vPadding23":"ee6VgB","vPadding24":"FYMWhj"};
 
-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 [
@@ -3140,11 +3271,11 @@ function getTextClasses(props, border) {
     ];
 }
 
-var css$y = {"root":"_5nJYj2"};
+var css$y = {"root":"Ex052M"};
 
 function applyTextMods(mods) {
     const textClasses = getTextClasses({
-        size: mods.size || '36',
+        size: mods.size || settings.sizes.defaults.text,
         lineHeight: mods.lineHeight,
         fontSize: mods.fontSize,
     }, false);
@@ -3159,7 +3290,7 @@ function applyTextMods(mods) {
 }
 const Text = /* @__PURE__ */withMods(uuiComponents.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":"QvjJV3","loading-word":"-I41jW","animated-loading":"ez1pCS","skeleton_loading":"cC3lIN","loadingWord":"-I41jW","animatedLoading":"ez1pCS","skeletonLoading":"cC3lIN"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3178,7 +3309,7 @@ const TextPlaceholder = (props) => {
 
 const RichTextView = /* @__PURE__ */withMods(uuiComponents.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":"msaTeg","hero-header":"OfLVhW","promo-header":"WjbyHh","uui-critical":"C7Qq3t","uui-info":"TkPJio","uui-success":"_8V80js","uui-warning":"snUFWE","uui-highlight":"PBBSNm","uui-typography-size-12":"-QrHJm","uui-typography-size-14":"-EU-Ne","uui-typography-size-16":"lBhYfa","root":"wo6czA","modal-blocker":"GPxzTo","animateModalBlocker":"_7RsBVy","modal":"QHEeUj","modal-footer":"gE4m8Q","modal-header":"ouXVe6","uuiTypography":"msaTeg","heroHeader":"OfLVhW","promoHeader":"WjbyHh","uuiCritical":"C7Qq3t","uuiInfo":"TkPJio","uuiSuccess":"_8V80js","uuiWarning":"snUFWE","uuiHighlight":"PBBSNm","uuiTypographySize12":"-QrHJm","uuiTypographySize14":"-EU-Ne","uuiTypographySize16":"lBhYfa","modalBlocker":"GPxzTo","modalFooter":"gE4m8Q","modalHeader":"ouXVe6"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$w.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$w.root, css$w.modal], (props) => {
@@ -3232,7 +3363,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$h = /*#__PURE__*/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":"c-tluJ","hero-header":"_7pjCao","promo-header":"_7mpOno","uui-critical":"D-B57-","uui-info":"tQ0y0E","uui-success":"wFiknd","uui-warning":"HzvMOs","uui-highlight":"uSedEa","uui-typography-size-12":"Vz5k62","uui-typography-size-14":"qiMcL1","uui-typography-size-16":"_7t95fA","root":"-XKeCg","icon-wrapper":"_1QHiEr","action-wrapper":"fXcv9v","action-link":"ZP-9Lk","close-icon":"oXm6a4","main-path":"jzKYfQ","content":"Pma8RR","close-wrapper":"Umpnwp","notification-wrapper":"x3GRyr","clear-button":"mC4riz","uuiTypography":"c-tluJ","heroHeader":"_7pjCao","promoHeader":"_7mpOno","uuiCritical":"D-B57-","uuiInfo":"tQ0y0E","uuiSuccess":"wFiknd","uuiWarning":"HzvMOs","uuiHighlight":"uSedEa","uuiTypographySize12":"Vz5k62","uuiTypographySize14":"qiMcL1","uuiTypographySize16":"_7t95fA","iconWrapper":"_1QHiEr","actionWrapper":"fXcv9v","actionLink":"ZP-9Lk","closeIcon":"oXm6a4","mainPath":"jzKYfQ","closeWrapper":"Umpnwp","notificationWrapper":"x3GRyr","clearButton":"mC4riz"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -3308,6 +3439,64 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
+var css$u = {"root":"euOpMy","timepicker-input":"_00LnhS","ltr-always":"mop4br","timepickerInput":"_00LnhS","ltrAlways":"mop4br"};
+
+const uuiTimePicker = {
+    container: 'uui-timepicker-container',
+    iconUp: 'uui-timepicker-icon-up',
+    iconDown: 'uui-timepicker-icon-down',
+    input: 'uui-timepicker-input',
+    elementContainer: 'uui-timepicker-item',
+};
+const MIN_MINUTES = 0;
+const MAX_MINUTES = 59;
+const FORMAT_12H = 12;
+function TimePickerBody(props) {
+    const MIN_HOURS = props.format === FORMAT_12H ? 1 : 0;
+    const MAX_HOURS = props.format || FORMAT_12H;
+    const setValue = (newTime) => {
+        props.onValueChange({ hours: newTime.hour(), minutes: newTime.minute() });
+    };
+    const onHoursChange = (newHours) => {
+        setValue(uuiDayjs.dayjs().set(props.value).hour(newHours));
+    };
+    const onMinutesChange = (newMinutes) => {
+        setValue(uuiDayjs.dayjs().set(props.value).minute(newMinutes));
+    };
+    const onTimeTypeChange = () => {
+        setValue(uuiDayjs.dayjs().set(props.value).add(12, 'h'));
+    };
+    const handleMinutesUpClick = () => {
+        const minutesStep = props.minutesStep || 5;
+        const value = uuiDayjs.dayjs().set(props.value);
+        const minutesToAdd = minutesStep - (value.minute() % minutesStep);
+        onMinutesChange(value.add(minutesToAdd, 'm').minute());
+    };
+    const handleMinutesDownClick = () => {
+        const minutesStep = props.minutesStep || 5;
+        const value = uuiDayjs.dayjs().set(props.value);
+        const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
+        onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
+    };
+    return (React.createElement("div", Object.assign({ className: cx$1(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
+        React.createElement("div", { className: css$u.ltrAlways },
+            React.createElement("div", { className: uuiTimePicker.elementContainer },
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
+                React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
+                        .set(props.value)
+                        .format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
+            React.createElement("div", { className: uuiTimePicker.elementContainer },
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
+                React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
+                React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick }))),
+        MAX_HOURS === FORMAT_12H && (React.createElement("div", { className: uuiTimePicker.elementContainer },
+            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
+            React.createElement(TextInput$1, { cx: uuiTimePicker.input, onValueChange: () => {
+                }, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
+            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
+}
+
 const getMeridian = (newValue, format) => {
     if (format === 'hh:mm A') {
         if (newValue.toLowerCase().includes('p') && newValue.toLowerCase().includes('a')) {
@@ -3354,8 +3543,6 @@ const formatTime = (hours, minutes, meridian, format) => {
     return meridianResult ? time.concat(` ${meridianResult}`) : time;
 };
 
-var css$u = {"root":"Rc7FnZ","timepicker-input":"OUmwGb","timepickerInput":"OUmwGb"};
-
 const DEFAULT_MODE = EditMode.FORM;
 const valueToTimeString = (value, format) => {
     if (value === null)
@@ -3445,62 +3632,7 @@ function TimePicker(props) {
     return (React__default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
 }
 
-const uuiTimePicker = {
-    container: 'uui-timepicker-container',
-    iconUp: 'uui-timepicker-icon-up',
-    iconDown: 'uui-timepicker-icon-down',
-    input: 'uui-timepicker-input',
-    elementContainer: 'uui-timepicker-item',
-};
-const MIN_MINUTES = 0;
-const MAX_MINUTES = 59;
-const FORMAT_12H = 12;
-function TimePickerBody(props) {
-    const MIN_HOURS = props.format === FORMAT_12H ? 1 : 0;
-    const MAX_HOURS = props.format || FORMAT_12H;
-    const setValue = (newTime) => {
-        props.onValueChange({ hours: newTime.hour(), minutes: newTime.minute() });
-    };
-    const onHoursChange = (newHours) => {
-        setValue(uuiDayjs.dayjs().set(props.value).hour(newHours));
-    };
-    const onMinutesChange = (newMinutes) => {
-        setValue(uuiDayjs.dayjs().set(props.value).minute(newMinutes));
-    };
-    const onTimeTypeChange = () => {
-        setValue(uuiDayjs.dayjs().set(props.value).add(12, 'h'));
-    };
-    const handleMinutesUpClick = () => {
-        const minutesStep = props.minutesStep || 5;
-        const value = uuiDayjs.dayjs().set(props.value);
-        const minutesToAdd = minutesStep - (value.minute() % minutesStep);
-        onMinutesChange(value.add(minutesToAdd, 'm').minute());
-    };
-    const handleMinutesDownClick = () => {
-        const minutesStep = props.minutesStep || 5;
-        const value = uuiDayjs.dayjs().set(props.value);
-        const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
-        onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
-    };
-    return (React.createElement("div", Object.assign({ className: cx$1(css$u.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
-        React.createElement("div", { className: uuiTimePicker.elementContainer },
-            React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
-            React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
-                    .set(props.value)
-                    .format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
-            React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
-        React.createElement("div", { className: uuiTimePicker.elementContainer },
-            React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
-            React.createElement(NumericInput$1, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
-            React.createElement(IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick })),
-        MAX_HOURS === FORMAT_12H && (React.createElement("div", { className: uuiTimePicker.elementContainer },
-            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
-            React.createElement(TextInput$1, { cx: uuiTimePicker.input, onValueChange: () => {
-                }, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
-            React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
-}
-
-var css$t = {"root":"BCnb2b"};
+var css$t = {"root":"qus0-K"};
 
 function applyInputAddonMods() {
     return [
@@ -3509,7 +3641,7 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$s = {"root":"i-8lxt"};
+var css$s = {"root":"caNXQc"};
 
 function applySliderMods() {
     return [css$s.root, 'uui-color-neutral'];
@@ -3563,7 +3695,7 @@ function DatePickerComponent(props, ref) {
         const allowClear = !props.disableClear && !!inputValue;
         return (React__default.createElement(TextInput, Object.assign({}, renderProps, { 
             // fixes a bug with body open, it skips unwanted prevent default
-            onClick: () => { }, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || '36', value: inputValue || undefined, onValueChange: (v) => {
+            onClick: () => { }, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || settings.sizes.defaults.datePicker, value: inputValue || undefined, onValueChange: (v) => {
                 setInputValue(v || '');
             }, onCancel: allowClear ? () => {
                 if (!props.disableClear && !!inputValue) {
@@ -3592,14 +3724,14 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__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":"OqC--u","hero-header":"maSz0J","promo-header":"_0Wf2zx","uui-critical":"jjTx4d","uui-info":"T8rB8Y","uui-success":"cIpk0Q","uui-warning":"_3k018I","uui-highlight":"PB7ks0","uui-typography-size-12":"ZSfEYb","uui-typography-size-14":"aeWFVY","uui-typography-size-16":"qSgwUK","root":"OKYv-a","uuiTypography":"OqC--u","heroHeader":"maSz0J","promoHeader":"_0Wf2zx","uuiCritical":"jjTx4d","uuiInfo":"T8rB8Y","uuiSuccess":"cIpk0Q","uuiWarning":"_3k018I","uuiHighlight":"PB7ks0","uuiTypographySize12":"ZSfEYb","uuiTypographySize14":"aeWFVY","uuiTypographySize16":"qSgwUK"};
 
 function applyCalendarPresetsMods() {
     return [css$r.root];
 }
 const CalendarPresets = /* @__PURE__ */withMods(CalendarPresets$1, 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":"_4P8nEW","hero-header":"_4j8bxM","promo-header":"DL4aQw","uui-critical":"KFs27L","uui-info":"iwBeQL","uui-success":"PN7xF7","uui-warning":"AzBAS2","uui-highlight":"KgQOFL","uui-typography-size-12":"iVbRK4","uui-typography-size-14":"bVyJ7q","uui-typography-size-16":"vIPwll","root":"V0ecbR","container":"mBQ9zT","day-selection":"z2owM2","from-picker":"N5YJi6","to-picker":"ZcbMth","bodes-wrapper":"VGklND","blocker":"Ap-HcE","uuiTypography":"_4P8nEW","heroHeader":"_4j8bxM","promoHeader":"DL4aQw","uuiCritical":"KFs27L","uuiInfo":"iwBeQL","uuiSuccess":"PN7xF7","uuiWarning":"AzBAS2","uuiHighlight":"KgQOFL","uuiTypographySize12":"iVbRK4","uuiTypographySize14":"bVyJ7q","uuiTypographySize16":"vIPwll","daySelection":"z2owM2","fromPicker":"N5YJi6","toPicker":"ZcbMth","bodesWrapper":"VGklND"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3843,7 +3975,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__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":"hTFVc1","blocker":"_58b3NI","marker":"kjxe6P","top":"hoRQso","bottom":"UZ4Di0","left":"XqTO-o","right":"CToWmG","inside":"_3Hq4pF"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3858,12 +3990,12 @@ 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":"LFrsZ2","hero-header":"UE2tJt","promo-header":"H0qxR6","uui-critical":"nlUgN0","uui-info":"EA5nfP","uui-success":"YbM0MA","uui-warning":"mOZ4u7","uui-highlight":"daWrim","uui-typography-size-12":"GLkQ-e","uui-typography-size-14":"qEGVpL","uui-typography-size-16":"Uz0tOS","cell":"_5RRyjJ","wrapper":"DVojKb","align-widgets-top":"sCXK0q","align-widgets-center":"YI0eBQ","padding-6":"C8S3AO","padding-12":"j81rii","padding-24":"Scj1zJ","padding-left-12":"BwGuK7","padding-left-24":"CipppK","padding-right-12":"m46OyU","padding-right-24":"DXVVYY","loading-cell":"txRl3a","uuiTypography":"LFrsZ2","heroHeader":"UE2tJt","promoHeader":"H0qxR6","uuiCritical":"nlUgN0","uuiInfo":"EA5nfP","uuiSuccess":"YbM0MA","uuiWarning":"mOZ4u7","uuiHighlight":"daWrim","uuiTypographySize12":"GLkQ-e","uuiTypographySize14":"qEGVpL","uuiTypographySize16":"Uz0tOS","alignWidgetsTop":"sCXK0q","alignWidgetsCenter":"YI0eBQ","padding6":"C8S3AO","padding12":"j81rii","padding24":"Scj1zJ","paddingLeft12":"BwGuK7","paddingLeft24":"CipppK","paddingRight12":"m46OyU","paddingRight24":"DXVVYY","loadingCell":"txRl3a"};
 
-function DataTableCell(props) {
-    props = Object.assign({}, props);
+function DataTableCell(initialProps) {
+    const props = Object.assign({}, initialProps);
     if (props.isFirstColumn) {
-        props.addons = React.createElement(DataRowAddons, Object.assign({}, props));
+        props.addons = React.createElement(DataRowAddons, Object.assign({ size: props.size }, props));
     }
     props.renderPlaceholder = props.renderPlaceholder
         || (() => (
@@ -3896,7 +4028,7 @@ function DataTableCell(props) {
         'data-table-cell',
         props.cx,
         css$o.cell,
-        css$o['size-' + (props.size || '36')],
+        'uui-size-' + (props.size || '36'),
         css$o[`padding-${getPaddings().padding}`],
         props.isFirstColumn && css$o[`padding-left-${getPaddings().sidePadding}`],
         props.isLastColumn && css$o[`padding-right-${getPaddings().sidePadding}`],
@@ -3906,7 +4038,7 @@ function DataTableCell(props) {
     return React.createElement(DataTableCell$1, 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":"x0-ZU5","hero-header":"eYaclr","promo-header":"raxlWV","uui-critical":"u24tlY","uui-info":"pS7iPQ","uui-success":"_0-wQDB","uui-warning":"QBDNCn","uui-highlight":"oBFveF","uui-typography-size-12":"QEV01W","uui-typography-size-14":"n-b576","uui-typography-size-16":"YPfnY1","root":"WhT2lW","size-24":"_19wlpy","size-30":"PGd1OL","size-36":"wg3b3O","size-48":"O88NXC","size-60":"dKfh-J","uuiTypography":"x0-ZU5","heroHeader":"eYaclr","promoHeader":"raxlWV","uuiCritical":"u24tlY","uuiInfo":"pS7iPQ","uuiSuccess":"_0-wQDB","uuiWarning":"QBDNCn","uuiHighlight":"oBFveF","uuiTypographySize12":"QEV01W","uuiTypographySize14":"n-b576","uuiTypographySize16":"YPfnY1","size24":"_19wlpy","size30":"PGd1OL","size36":"wg3b3O","size48":"O88NXC","size60":"dKfh-J"};
 
 // 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.
@@ -3922,7 +4054,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => 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":"_1ebN1c","hero-header":"OSjvgy","promo-header":"MGScrF","uui-critical":"_7g8yLH","uui-info":"_3PZHIv","uui-success":"nQ39tq","uui-warning":"Ei3Fiw","uui-highlight":"S460zC","uui-typography-size-12":"ZdSjEq","uui-typography-size-14":"n74LLf","uui-typography-size-16":"ZTAWLU","sorting-panel-container":"G-0kTq","sort-active":"_67JR7x","uuiTypography":"_1ebN1c","heroHeader":"OSjvgy","promoHeader":"MGScrF","uuiCritical":"_7g8yLH","uuiInfo":"_3PZHIv","uuiSuccess":"nQ39tq","uuiWarning":"Ei3Fiw","uuiHighlight":"S460zC","uuiTypographySize12":"ZdSjEq","uuiTypographySize14":"n74LLf","uuiTypographySize16":"ZTAWLU","sortingPanelContainer":"G-0kTq","sortActive":"_67JR7x"};
 
 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); }
@@ -4052,7 +4184,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$a = /*#__PURE__*/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":"YNx-RB","hero-header":"CgZezX","promo-header":"xv-IyU","uui-critical":"bQ5adb","uui-info":"ZBeUBR","uui-success":"eAG33j","uui-warning":"rZAute","uui-highlight":"oewfuU","uui-typography-size-12":"rVYk-D","uui-typography-size-14":"pNJu0W","uui-typography-size-16":"NJb73G","cell":"lLaIu1","column-gap-12":"GeevGQ","caption-wrapper":"OyBftH","column-gap-24":"ac-l5i","first-column-12":"eYyeJG","last-column-12":"_2-dMyi","first-column-24":"pNEUlo","last-column-24":"_5Baytd","sort-icon":"Y7hNgB","dropdown-icon":"_5CbJ-x","infoIcon":"ySsQiV","resizable":"_3A5qlR","size-24":"klA7mD","size-30":"JBej3-","size-36":"kfjKi1","size-42":"eEtn3W","size-48":"iSWzbw","padding-left-24":"WcNhS0","padding-right-24":"sjYIdS","align-right":"K20vV1","align-center":"iW9TAT","caption":"DmDqbQ","checkbox":"yUryse","icon":"YRc5jG","fold-all-icon":"IkGFma","cell-tooltip":"mDd6St","upper-case":"_1nwwcW","font-size-14":"OJbWnd","resize-mark":"GTZFp5","resize-mark-6":"daj1o9","resize-mark-12":"w3FhoM","pinned-right":"WFFLtF","draggable":"cHidwE","ghost":"HzS3Aq","is-dragged-out":"zhXRof","dnd-marker-left":"VsRZC2","dnd-marker-right":"_3oL0ZY","cell-tooltip-wrapper":"piD0yR","cell-tooltip-text":"F65KKG","uuiTypography":"YNx-RB","heroHeader":"CgZezX","promoHeader":"xv-IyU","uuiCritical":"bQ5adb","uuiInfo":"ZBeUBR","uuiSuccess":"eAG33j","uuiWarning":"rZAute","uuiHighlight":"oewfuU","uuiTypographySize12":"rVYk-D","uuiTypographySize14":"pNJu0W","uuiTypographySize16":"NJb73G","columnGap12":"GeevGQ","captionWrapper":"OyBftH","columnGap24":"ac-l5i","firstColumn12":"eYyeJG","lastColumn12":"_2-dMyi","firstColumn24":"pNEUlo","lastColumn24":"_5Baytd","sortIcon":"Y7hNgB","dropdownIcon":"_5CbJ-x","size24":"klA7mD","size30":"JBej3-","size36":"kfjKi1","size42":"eEtn3W","size48":"iSWzbw","paddingLeft24":"WcNhS0","paddingRight24":"sjYIdS","alignRight":"K20vV1","alignCenter":"iW9TAT","foldAllIcon":"IkGFma","cellTooltip":"mDd6St","upperCase":"_1nwwcW","fontSize14":"OJbWnd","resizeMark":"GTZFp5","resizeMark6":"daj1o9","resizeMark12":"w3FhoM","pinnedRight":"WFFLtF","isDraggedOut":"zhXRof","dndMarkerLeft":"VsRZC2","dndMarkerRight":"_3oL0ZY","cellTooltipWrapper":"piD0yR","cellTooltipText":"F65KKG"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -4134,14 +4266,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$9 = /*#__PURE__*/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":"RubMPw","hero-header":"NDoMq6","promo-header":"TGV0BM","uui-critical":"ojkuv6","uui-info":"ncQCMy","uui-success":"_2W6Uds","uui-warning":"DCv6F1","uui-highlight":"DsU0IP","uui-typography-size-12":"w298gd","uui-typography-size-14":"cXoSW6","uui-typography-size-16":"UsiIYG","header-cell":"pNNzHd","truncate":"_2uR9p-","uuiTypography":"RubMPw","heroHeader":"NDoMq6","promoHeader":"TGV0BM","uuiCritical":"ojkuv6","uuiInfo":"ncQCMy","uuiSuccess":"_2W6Uds","uuiWarning":"DCv6F1","uuiHighlight":"DsU0IP","uuiTypographySize12":"w298gd","uuiTypographySize14":"cXoSW6","uuiTypographySize16":"UsiIYG","headerCell":"pNNzHd"};
 
 const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
     renderCell: (props) => React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
     renderConfigButton: () => React.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":"ppdsKp","hero-header":"IaxmKt","promo-header":"cH-A2c","uui-critical":"jf0EjZ","uui-info":"JhWg0p","uui-success":"IfirKQ","uui-warning":"Tldmwc","uui-highlight":"s7e-SY","uui-typography-size-12":"WQoxp9","uui-typography-size-14":"x-MRv0","uui-typography-size-16":"y7plF1","main-panel":"ngiQgt","group-title":"iNC1fg","group-title-text":"cJcy1y","group-title-badge":"SEh-ra","group-items":"LkyW-E","no-data":"VMRcgL","h-divider":"gdJ-jI","search-area":"vJeN33","subgroup-accordion":"GO8nS7","subgroup-title":"dZuhoH","uuiTypography":"ppdsKp","heroHeader":"IaxmKt","promoHeader":"cH-A2c","uuiCritical":"jf0EjZ","uuiInfo":"JhWg0p","uuiSuccess":"IfirKQ","uuiWarning":"Tldmwc","uuiHighlight":"s7e-SY","uuiTypographySize12":"WQoxp9","uuiTypographySize14":"x-MRv0","uuiTypographySize16":"y7plF1","mainPanel":"ngiQgt","groupTitle":"iNC1fg","groupTitleText":"cJcy1y","groupTitleBadge":"SEh-ra","groupItems":"LkyW-E","noData":"VMRcgL","hDivider":"gdJ-jI","searchArea":"vJeN33","subgroupAccordion":"GO8nS7","subgroupTitle":"dZuhoH"};
 
 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); }
@@ -4198,7 +4330,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
-var css$j = {"unpin-icon":"Oo5B4h","pin-toggler-icon":"zwsNWm","unpinIcon":"Oo5B4h","pinTogglerIcon":"zwsNWm"};
+var css$j = {"unpin-icon":"uDxCyV","pin-toggler-icon":"_2uBM-S","unpinIcon":"uDxCyV","pinTogglerIcon":"_2uBM-S"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4257,7 +4389,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/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":"_8rhmsb","hero-header":"yTeFiF","promo-header":"nGsf-6","uui-critical":"O9-MYj","uui-info":"brmnMw","uui-success":"kxjLyp","uui-warning":"mCAd74","uui-highlight":"s83Gzp","uui-typography-size-12":"WI1J-v","uui-typography-size-14":"cBSdfF","uui-typography-size-16":"zDzSM4","row-wrapper":"Kg8cMp","not-pinned":"_8uVYPy","pin-icon-button":"d9wUat","checkbox":"lqH6sC","drag-handle":"bF0MYU","dnd-disabled":"Ux33se","uuiTypography":"_8rhmsb","heroHeader":"yTeFiF","promoHeader":"nGsf-6","uuiCritical":"O9-MYj","uuiInfo":"brmnMw","uuiSuccess":"kxjLyp","uuiWarning":"mCAd74","uuiHighlight":"s83Gzp","uuiTypographySize12":"WI1J-v","uuiTypographySize14":"cBSdfF","uuiTypographySize16":"zDzSM4","rowWrapper":"Kg8cMp","notPinned":"_8uVYPy","pinIconButton":"d9wUat","dragHandle":"bF0MYU","dndDisabled":"Ux33se"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4366,7 +4498,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"-B-g7Y","header":"cy4y8K","group":"_9xwX-V","stickyHeader":"_4UaOcP"};
+var css$i = {"listContainer":"-oRSGt","header":"GNaB-h","group":"f0An1X","stickyHeader":"VkBcZo"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4432,7 +4564,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#bz50ig203b7vwbt8t_a)"
+    clipPath: "url(#ec1iu0xsvfmtmttbq_a)"
   }, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
     d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
     fill: "#F5F6FA"
@@ -4453,7 +4585,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
     fill: "#1D1E26"
   })), /*#__PURE__*/React.createElement("mask", {
-    id: "bz50ig71o7fi8gfjk_b",
+    id: "ec1iu045t7ure16b5_b",
     style: {
       maskType: "alpha"
     },
@@ -4466,7 +4598,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
     fill: "#9BDEFF"
   }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#bz50ig71o7fi8gfjk_b)",
+    mask: "url(#ec1iu045t7ure16b5_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4552,7 +4684,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
     fill: "#fff"
   }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "bz50ig203b7vwbt8t_a"
+    id: "ec1iu0xsvfmtmttbq_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4561,7 +4693,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/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":"rL-2A0","table":"ffpxsw","no-results":"-wSJRv","no-results-icon":"XTw807","no-results-title":"oRE7cY","stickyHeader":"rL-2A0","noResults":"-wSJRv","noResultsIcon":"XTw807","noResultsTitle":"oRE7cY"};
 
 const DEFAULT_HEADER_SIZE = '36';
 const DEFAULT_COLUMN_GAP = '24';
@@ -4614,9 +4746,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"iFtutM"};
+var css$g = {"root":"iRyQPw"};
 
-var css$f = {"root":"jz41p6","burger-content":"UsrnwT","burgerContent":"UsrnwT"};
+var css$f = {"root":"XFfnJT","burger-content":"iCwwLb","burgerContent":"iCwwLb"};
 
 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); }
@@ -4659,7 +4791,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/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":"_0ph5UW","hero-header":"civFTU","promo-header":"RC7jB2","uui-critical":"ey2Y8f","uui-info":"_0py-ua","uui-success":"tHOu6r","uui-warning":"E2KyaT","uui-highlight":"pwNjE8","uui-typography-size-12":"vZADUO","uui-typography-size-14":"zo92MG","uui-typography-size-16":"TVmWdn","root":"ZkJa7j","button-primary":"_6q8Kfb","button-secondary":"MysDJc","hasIcon":"zZ-QsQ","dropdown":"KoajAq","uuiTypography":"_0ph5UW","heroHeader":"civFTU","promoHeader":"RC7jB2","uuiCritical":"ey2Y8f","uuiInfo":"_0py-ua","uuiSuccess":"tHOu6r","uuiWarning":"E2KyaT","uuiHighlight":"pwNjE8","uuiTypographySize12":"vZADUO","uuiTypographySize14":"zo92MG","uuiTypographySize16":"TVmWdn","buttonPrimary":"_6q8Kfb","buttonSecondary":"MysDJc"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -4670,13 +4802,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     props.icon && css$e.hasIcon,
 ], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
 
-var css$d = {"search-input":"Btbcv-","searchInput":"Btbcv-"};
+var css$d = {"search-input":"W4zbG8","searchInput":"W4zbG8"};
 
 function BurgerSearch(props) {
     return (React.createElement(TextInput$1, { cx: cx(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":"neQehg","group-header":"QjE70n","group-name":"QoV-Y2","line":"Imc2IN","groupHeader":"QjE70n","groupName":"QoV-Y2"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -4684,7 +4816,7 @@ function BurgerGroupHeader(props) {
         React.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":"KtsdHt","hero-header":"s-UoH3","promo-header":"_65q2x7","uui-critical":"VVNCTU","uui-info":"qqBO2o","uui-success":"ARcAsE","uui-warning":"DonP0p","uui-highlight":"_97G3Dh","uui-typography-size-12":"_6yjrqn","uui-typography-size-14":"_3tconB","uui-typography-size-16":"u6m-y-","root":"PvrJ2o","type-primary":"fdcc4j","type-secondary":"OcNaEs","uuiTypography":"KtsdHt","heroHeader":"s-UoH3","promoHeader":"_65q2x7","uuiCritical":"VVNCTU","uuiInfo":"qqBO2o","uuiSuccess":"ARcAsE","uuiWarning":"DonP0p","uuiHighlight":"_97G3Dh","uuiTypographySize12":"_6yjrqn","uuiTypographySize14":"_3tconB","uuiTypographySize16":"u6m-y-","typePrimary":"fdcc4j","typeSecondary":"OcNaEs"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -4700,7 +4832,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"xJicJH","dropdownBody":"xJicJH"};
+var css$a = {"dropdown-body":"G9ourU","dropdownBody":"G9ourU"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -4755,12 +4887,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/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":"_78gdNJ","global-menu-icon":"e5MXcT","globalMenuBtn":"_78gdNJ","globalMenuIcon":"e5MXcT"};
 
 const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
     React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
 
-var css$8 = {"container":"bldYAU","open":"YW8M8T"};
+var css$8 = {"container":"_8OJkAa","open":"il1Lkz"};
 
 const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
     React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
@@ -4768,18 +4900,18 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
     props.isDropdown && (React.createElement("div", null,
         React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
 
-var css$7 = {"search-input":"LIK3A-","searchInput":"LIK3A-"};
+var css$7 = {"search-input":"_0-JdNc","searchInput":"_0-JdNc"};
 
 const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
         var _a;
         return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
     } }))));
 
-var css$6 = {"container":"_5hrh1B"};
+var css$6 = {"container":"wraXmE"};
 
 const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container) }, props))));
 
-var css$5 = {"root":"BTAJ1P"};
+var css$5 = {"root":"HhUSt4"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -4837,7 +4969,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/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":"q7TCK-","drop-start":"_7kiITh","drop-over":"sZxfKE","link":"_1sDWt-","drop-area":"aa-jAz","drop-caption":"LgGOmt","icon-blue":"-fT3vF","dropStart":"_7kiITh","dropOver":"sZxfKE","dropArea":"aa-jAz","dropCaption":"LgGOmt","iconBlue":"-fT3vF"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -4855,9 +4987,9 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { 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":"Usr-16","hero-header":"gMOFjb","promo-header":"KTJ4-R","uui-critical":"G-x3N5","uui-info":"ywsD-0","uui-success":"eSnD3R","uui-warning":"PbepV3","uui-highlight":"nWbPSh","uui-typography-size-12":"lPytQh","uui-typography-size-14":"Va8CV2","uui-typography-size-16":"YhvGQH","root":"Ygw-qn","file-name":"BYKusM","default-color":"iubIWw","doc-color":"ywUMp0","xls-color":"_5oHosN","pdf-color":"xz9kR6","movie-color":"NL4F5P","img-color":"_6-Pq7s","mov-color":"e3xFcC","error-block":"S1JgWD","icons-block":"YQKFdM","uuiTypography":"Usr-16","heroHeader":"gMOFjb","promoHeader":"KTJ4-R","uuiCritical":"G-x3N5","uuiInfo":"ywsD-0","uuiSuccess":"eSnD3R","uuiWarning":"PbepV3","uuiHighlight":"nWbPSh","uuiTypographySize12":"lPytQh","uuiTypographySize14":"Va8CV2","uuiTypographySize16":"YhvGQH","fileName":"BYKusM","defaultColor":"iubIWw","docColor":"ywUMp0","xlsColor":"_5oHosN","pdfColor":"xz9kR6","movieColor":"NL4F5P","imgColor":"_6-Pq7s","movColor":"e3xFcC","errorBlock":"S1JgWD","iconsBlock":"YQKFdM"};
 
-var css$2 = {"root":"pY4L21"};
+var css$2 = {"root":"yiFvv8"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -4982,7 +5114,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"g8N3PX"};
+var css$1 = {"container":"h3yn2d"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -4993,7 +5125,7 @@ const ErrorPage = (props) => {
             React__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":"e8Bc4I","recovery-message":"BB6Ize","modal-blocker":"_2d-UrS","modalFadeIn":"_4LXGl4","recoverySpinner":"e8Bc4I","recoveryMessage":"BB6Ize","modalBlocker":"_2d-UrS"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5044,5 +5176,5 @@ function ErrorHandler(props) {
         errorType === 'recovery' && renderRecoveryBlocker(errorInfo)));
 }
 
-export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
+export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, settings, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
 //# sourceMappingURL=index.esm.js.map