@epam/uui 5.8.1 → 5.9.0-beta.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":"dvYXvK","hero-header":"Dcmwip","promo-header":"LFe6l7","uui-critical":"k-GFaP","uui-info":"GyRUio","uui-success":"ctD82b","uui-warning":"CDVTeT","uui-highlight":"Ifb8qf","uui-typography-size-12":"C6BfYa","uui-typography-size-14":"CXKJfF","uui-typography-size-16":"dSAW6B","root":"r-N9Qk","uuiTypography":"dvYXvK","heroHeader":"Dcmwip","promoHeader":"LFe6l7","uuiCritical":"k-GFaP","uuiInfo":"GyRUio","uuiSuccess":"ctD82b","uuiWarning":"CDVTeT","uuiHighlight":"Ifb8qf","uuiTypographySize12":"C6BfYa","uuiTypographySize14":"CXKJfF","uuiTypographySize16":"dSAW6B"};
+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":"kgTbKY","hero-header":"pwjn8u","promo-header":"cECO0u","uui-critical":"NIsivg","uui-info":"uSAmM9","uui-success":"Sdsxow","uui-warning":"_7G0dB4","uui-highlight":"JkUw6P","uui-typography-size-12":"UCNsuY","uui-typography-size-14":"cOz3UF","uui-typography-size-16":"FEvWnM","root":"GJnngF","uuiTypography":"kgTbKY","heroHeader":"pwjn8u","promoHeader":"cECO0u","uuiCritical":"NIsivg","uuiInfo":"uSAmM9","uuiSuccess":"Sdsxow","uuiWarning":"_7G0dB4","uuiHighlight":"JkUw6P","uuiTypographySize12":"UCNsuY","uuiTypographySize14":"cOz3UF","uuiTypographySize16":"FEvWnM"};
 
-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":"rbnZUJ"};
+var css$1r = {"root":"_34-QuP"};
 
 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":"fcFEuI","hero-header":"QuteAQ","promo-header":"scyn0Z","uui-critical":"e31haE","uui-info":"fNjqJU","uui-success":"lmvBQs","uui-warning":"xtbo2u","uui-highlight":"MnAwyr","uui-typography-size-12":"FnMd5C","uui-typography-size-14":"_0eP5AY","uui-typography-size-16":"Na-asq","root":"cPfYKP","uuiTypography":"fcFEuI","heroHeader":"QuteAQ","promoHeader":"scyn0Z","uuiCritical":"e31haE","uuiInfo":"fNjqJU","uuiSuccess":"lmvBQs","uuiWarning":"xtbo2u","uuiHighlight":"MnAwyr","uuiTypographySize12":"FnMd5C","uuiTypographySize14":"_0eP5AY","uuiTypographySize16":"Na-asq"};
+var css$1q = {"uui-typography":"slGgB-","hero-header":"qrwVD-","promo-header":"D6zV-Q","uui-critical":"Df9Mte","uui-info":"UMQHkk","uui-success":"lZWcy7","uui-warning":"AGd-to","uui-highlight":"w1Ij7C","uui-typography-size-12":"F6DYPj","uui-typography-size-14":"bSrnR0","uui-typography-size-16":"kKecjt","root":"_5MCudS","uuiTypography":"slGgB-","heroHeader":"qrwVD-","promoHeader":"D6zV-Q","uuiCritical":"Df9Mte","uuiInfo":"UMQHkk","uuiSuccess":"lZWcy7","uuiWarning":"AGd-to","uuiHighlight":"w1Ij7C","uuiTypographySize12":"F6DYPj","uuiTypographySize14":"bSrnR0","uuiTypographySize16":"kKecjt"};
 
-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":"_7Nw7Rq","size-24":"_2Z-h-M","size-18":"lOoP8a","size-12":"b-Apf6","size24":"_2Z-h-M","size18":"lOoP8a","size12":"b-Apf6"};
+var css$1p = {"root":"UlrdES"};
 
 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":"pXc7Li","hero-header":"AauMo6","promo-header":"bnfSQk","uui-critical":"c3AIFG","uui-info":"_3f7sK-","uui-success":"WcFa88","uui-warning":"flVCaC","uui-highlight":"lO0SiY","uui-typography-size-12":"MU2KxY","uui-typography-size-14":"N3HRQG","uui-typography-size-16":"jY-KZ-","root":"bMrvVl","withNotify":"_0yob5j","caption-with-notify":"oHtrxG","size-36":"CxPh0v","size-48":"n3sUqZ","size-60":"ZGi1lL","uuiTypography":"pXc7Li","heroHeader":"AauMo6","promoHeader":"bnfSQk","uuiCritical":"c3AIFG","uuiInfo":"_3f7sK-","uuiSuccess":"WcFa88","uuiWarning":"flVCaC","uuiHighlight":"lO0SiY","uuiTypographySize12":"MU2KxY","uuiTypographySize14":"N3HRQG","uuiTypographySize16":"jY-KZ-","captionWithNotify":"oHtrxG","size36":"CxPh0v","size48":"n3sUqZ","size60":"ZGi1lL"};
+var css$1o = {"uui-typography":"tSGEkP","hero-header":"mQxoqy","promo-header":"-qVaep","uui-critical":"ZOz2jY","uui-info":"_74oldI","uui-success":"_0-ddFN","uui-warning":"K85u-t","uui-highlight":"D6hc5r","uui-typography-size-12":"q00ACF","uui-typography-size-14":"jFRO-G","uui-typography-size-16":"Y6TL5x","root":"_2Opey7","withNotify":"dw6vHz","uuiTypography":"tSGEkP","heroHeader":"mQxoqy","promoHeader":"-qVaep","uuiCritical":"ZOz2jY","uuiInfo":"_74oldI","uuiSuccess":"_0-ddFN","uuiWarning":"K85u-t","uuiHighlight":"D6hc5r","uuiTypographySize12":"q00ACF","uuiTypographySize14":"jFRO-G","uuiTypographySize16":"Y6TL5x"};
 
 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":"KP1389","hero-header":"_90iVsu","promo-header":"dvNgg1","uui-critical":"SqbwEI","uui-info":"xR1Bm7","uui-success":"uXL5bC","uui-warning":"TmBCjx","uui-highlight":"_2YFaXD","uui-typography-size-12":"lzIPqv","uui-typography-size-14":"Fn8pV2","uui-typography-size-16":"FZJJoW","root":"yipmY6","uuiTypography":"KP1389","heroHeader":"_90iVsu","promoHeader":"dvNgg1","uuiCritical":"SqbwEI","uuiInfo":"xR1Bm7","uuiSuccess":"uXL5bC","uuiWarning":"TmBCjx","uuiHighlight":"_2YFaXD","uuiTypographySize12":"lzIPqv","uuiTypographySize14":"Fn8pV2","uuiTypographySize16":"FZJJoW"};
+var css$1n = {"uui-typography":"ZkEKdL","hero-header":"rfZo4Z","promo-header":"wVhJty","uui-critical":"cFUiet","uui-info":"f6bLd-","uui-success":"rKCEVr","uui-warning":"ZmyOlv","uui-highlight":"_2DE9cg","uui-typography-size-12":"opvITi","uui-typography-size-14":"lptD0v","uui-typography-size-16":"PucnSG","root":"zC0nrQ","uuiTypography":"ZkEKdL","heroHeader":"rfZo4Z","promoHeader":"wVhJty","uuiCritical":"cFUiet","uuiInfo":"f6bLd-","uuiSuccess":"rKCEVr","uuiWarning":"ZmyOlv","uuiHighlight":"_2DE9cg","uuiTypographySize12":"opvITi","uuiTypographySize14":"lptD0v","uuiTypographySize16":"PucnSG"};
 
 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":"_1-oM1z","hero-header":"LwGGf6","promo-header":"cBbWGs","uui-critical":"aqwA9V","uui-info":"kb9sh0","uui-success":"S9D7kZ","uui-warning":"_7-k5cF","uui-highlight":"POyBZF","uui-typography-size-12":"pG6VHE","uui-typography-size-14":"eykh2j","uui-typography-size-16":"_7QFpF1","root":"qGCRm-","size-18":"NbVqd-","size-12":"KLMFUC","mode-cell":"wxrRUi","uuiTypography":"_1-oM1z","heroHeader":"LwGGf6","promoHeader":"cBbWGs","uuiCritical":"aqwA9V","uuiInfo":"kb9sh0","uuiSuccess":"S9D7kZ","uuiWarning":"_7-k5cF","uuiHighlight":"POyBZF","uuiTypographySize12":"pG6VHE","uuiTypographySize14":"eykh2j","uuiTypographySize16":"_7QFpF1","size18":"NbVqd-","size12":"KLMFUC","modeCell":"wxrRUi"};
+var css$1m = {"uui-typography":"J6G3v4","hero-header":"vkqli-","promo-header":"_7BtCD9","uui-critical":"dRcG6Q","uui-info":"_3durSx","uui-success":"_9eQgT-","uui-warning":"xmA39f","uui-highlight":"CvAPgR","uui-typography-size-12":"yA607R","uui-typography-size-14":"tWF-PJ","uui-typography-size-16":"SGSIG9","root":"t7aosk","mode-cell":"CDrE04","uuiTypography":"J6G3v4","heroHeader":"vkqli-","promoHeader":"_7BtCD9","uuiCritical":"dRcG6Q","uuiInfo":"_3durSx","uuiSuccess":"_9eQgT-","uuiWarning":"xmA39f","uuiHighlight":"CvAPgR","uuiTypographySize12":"yA607R","uuiTypographySize14":"tWF-PJ","uuiTypographySize16":"SGSIG9","modeCell":"CDrE04"};
 
 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":"_7R0jjV","hero-header":"d78dAh","promo-header":"DwzoS-","uui-critical":"O6RJqn","uui-info":"_2ntH2f","uui-success":"BEQ-hZ","uui-warning":"i9ALqx","uui-highlight":"_70hDuG","uui-typography-size-12":"hpkc1P","uui-typography-size-14":"xUyQUh","uui-typography-size-16":"VQhXYY","root":"_2YQlTt","size-18":"EB22NN","size-12":"L20e7v","uuiTypography":"_7R0jjV","heroHeader":"d78dAh","promoHeader":"DwzoS-","uuiCritical":"O6RJqn","uuiInfo":"_2ntH2f","uuiSuccess":"BEQ-hZ","uuiWarning":"i9ALqx","uuiHighlight":"_70hDuG","uuiTypographySize12":"hpkc1P","uuiTypographySize14":"xUyQUh","uuiTypographySize16":"VQhXYY","size18":"EB22NN","size12":"L20e7v"};
-
 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":"QwweiY","hero-header":"IEYohZ","promo-header":"ZIvzhh","uui-critical":"_1hRvty","uui-info":"_1PxguZ","uui-success":"jTqvfv","uui-warning":"o5O6hP","uui-highlight":"g1Qc-P","uui-typography-size-12":"CF-01G","uui-typography-size-14":"s5zTNZ","uui-typography-size-16":"OG4Koh","root":"bJmX0C","uuiTypography":"QwweiY","heroHeader":"IEYohZ","promoHeader":"ZIvzhh","uuiCritical":"_1hRvty","uuiInfo":"_1PxguZ","uuiSuccess":"jTqvfv","uuiWarning":"o5O6hP","uuiHighlight":"g1Qc-P","uuiTypographySize12":"CF-01G","uuiTypographySize14":"s5zTNZ","uuiTypographySize16":"OG4Koh"};
+
 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":"OHF1K8","size-12":"XWLbNi","size-18":"jsfzoM","size-24":"kTNfcU","size12":"XWLbNi","size18":"jsfzoM","size24":"kTNfcU"};
+var css$1k = {"root":"cfxkwl"};
 
 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":"N6N5n2","hero-header":"yfnnMI","promo-header":"uhC26H","uui-critical":"pZ9doZ","uui-info":"_1U-9W8","uui-success":"ZmuDro","uui-warning":"IfBZBF","uui-highlight":"_2MCEHi","uui-typography-size-12":"bDNr0R","uui-typography-size-14":"LQ--Ei","uui-typography-size-16":"_9iQPCt","root":"cB0VJ9","mode-form":"-GFgQD","mode-inline":"KRQH5e","mode-cell":"NPCFZ2","size-24":"o3Kb2z","size-30":"i4VQ-V","size-36":"bBUiNJ","size-42":"ZOTdKO","size-48":"WUxpxn","size-60":"_5gCsoC","uuiTypography":"N6N5n2","heroHeader":"yfnnMI","promoHeader":"uhC26H","uuiCritical":"pZ9doZ","uuiInfo":"_1U-9W8","uuiSuccess":"ZmuDro","uuiWarning":"IfBZBF","uuiHighlight":"_2MCEHi","uuiTypographySize12":"bDNr0R","uuiTypographySize14":"LQ--Ei","uuiTypographySize16":"_9iQPCt","modeForm":"-GFgQD","modeInline":"KRQH5e","modeCell":"NPCFZ2","size24":"o3Kb2z","size30":"i4VQ-V","size36":"bBUiNJ","size42":"ZOTdKO","size48":"WUxpxn","size60":"_5gCsoC"};
+var textInputCss = {"uui-typography":"EVxlPO","hero-header":"YWtpq2","promo-header":"_6ZztpG","uui-critical":"pUGj-F","uui-info":"EWGtWC","uui-success":"toq-nB","uui-warning":"qVFznf","uui-highlight":"hmi-Mj","uui-typography-size-12":"IEF8kl","uui-typography-size-14":"fHwASS","uui-typography-size-16":"S-11WL","root":"Tf0fZP","mode-form":"P-hwGB","mode-inline":"SavHIW","mode-cell":"Gr86QX","uuiTypography":"EVxlPO","heroHeader":"YWtpq2","promoHeader":"_6ZztpG","uuiCritical":"pUGj-F","uuiInfo":"EWGtWC","uuiSuccess":"toq-nB","uuiWarning":"qVFznf","uuiHighlight":"hmi-Mj","uuiTypographySize12":"IEF8kl","uuiTypographySize14":"fHwASS","uuiTypographySize16":"S-11WL","modeForm":"P-hwGB","modeInline":"SavHIW","modeCell":"Gr86QX"};
 
-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":"FHzIej"};
+var css$1j = {"root":"h023l9"};
 
 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":"gZF-ZO","hero-header":"Su7tsJ","promo-header":"_7IoVQ2","uui-critical":"js141J","uui-info":"a7ZeCT","uui-success":"A2-azR","uui-warning":"qNo-6Q","uui-highlight":"O09MxF","uui-typography-size-12":"VMabZG","uui-typography-size-14":"uC8sl-","uui-typography-size-16":"PR-diV","root":"JMUEsb","size-24":"secakJ","size-30":"GiYDTX","size-36":"UPiGIy","size-42":"PzWLQO","size-48":"n5RfDO","mode-form":"S-lRBS","mode-cell":"HxPh7H","uuiTypography":"gZF-ZO","heroHeader":"Su7tsJ","promoHeader":"_7IoVQ2","uuiCritical":"js141J","uuiInfo":"a7ZeCT","uuiSuccess":"A2-azR","uuiWarning":"qNo-6Q","uuiHighlight":"O09MxF","uuiTypographySize12":"VMabZG","uuiTypographySize14":"uC8sl-","uuiTypographySize16":"PR-diV","size24":"secakJ","size30":"GiYDTX","size36":"UPiGIy","size42":"PzWLQO","size48":"n5RfDO","modeForm":"S-lRBS","modeCell":"HxPh7H"};
+var css$1i = {"uui-typography":"WIcHtf","hero-header":"vBqsSd","promo-header":"_0yPjet","uui-critical":"ERJeZM","uui-info":"vBMc7u","uui-success":"h6wdpc","uui-warning":"WTY21-","uui-highlight":"YVbDXW","uui-typography-size-12":"l1yQh6","uui-typography-size-14":"LayhbI","uui-typography-size-16":"C9qpV-","root":"MjJwVd","mode-form":"W6KE3M","mode-cell":"kpoN6e","uuiTypography":"WIcHtf","heroHeader":"vBqsSd","promoHeader":"_0yPjet","uuiCritical":"ERJeZM","uuiInfo":"vBMc7u","uuiSuccess":"h6wdpc","uuiWarning":"WTY21-","uuiHighlight":"YVbDXW","uuiTypographySize12":"l1yQh6","uuiTypographySize14":"LayhbI","uuiTypographySize16":"C9qpV-","modeForm":"W6KE3M","modeCell":"kpoN6e"};
 
-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":"e80hvQ","hero-header":"kmqdhw","promo-header":"e3NLl-","uui-critical":"z--odQ","uui-info":"g2xyzb","uui-success":"rzGSCP","uui-warning":"jUpJv9","uui-highlight":"_9Dpils","uui-typography-size-12":"bSd4hE","uui-typography-size-14":"v-KINR","uui-typography-size-16":"ZHkuT0","root":"zmhE3t","mode-form":"p3pdet","mode-cell":"UuF3FD","mode-inline":"enz7bt","size-24":"PUVIm-","size-30":"_7gDNfw","size-36":"EX8GwX","size-42":"FbxarN","size-48":"x3QGOi","uuiTypography":"e80hvQ","heroHeader":"kmqdhw","promoHeader":"e3NLl-","uuiCritical":"z--odQ","uuiInfo":"g2xyzb","uuiSuccess":"rzGSCP","uuiWarning":"jUpJv9","uuiHighlight":"_9Dpils","uuiTypographySize12":"bSd4hE","uuiTypographySize14":"v-KINR","uuiTypographySize16":"ZHkuT0","modeForm":"p3pdet","modeCell":"UuF3FD","modeInline":"enz7bt","size24":"PUVIm-","size30":"_7gDNfw","size36":"EX8GwX","size42":"FbxarN","size48":"x3QGOi"};
+var css$1h = {"uui-typography":"v6VOAV","hero-header":"kWu3-t","promo-header":"gduC8T","uui-critical":"rdr-Nq","uui-info":"YSiX87","uui-success":"_7bIPDY","uui-warning":"hQmX94","uui-highlight":"oPC5hp","uui-typography-size-12":"xT2BNF","uui-typography-size-14":"_044iCu","uui-typography-size-16":"W3qiOJ","root":"ZuikGS","mode-form":"DvG6CK","mode-cell":"D2gdfr","mode-inline":"pDRNrA","uuiTypography":"v6VOAV","heroHeader":"kWu3-t","promoHeader":"gduC8T","uuiCritical":"rdr-Nq","uuiInfo":"YSiX87","uuiSuccess":"_7bIPDY","uuiWarning":"hQmX94","uuiHighlight":"oPC5hp","uuiTypographySize12":"xT2BNF","uuiTypographySize14":"_044iCu","uuiTypographySize16":"W3qiOJ","modeForm":"DvG6CK","modeCell":"D2gdfr","modeInline":"pDRNrA"};
 
-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":"_9m0GKM","hero-header":"KDV-fZ","promo-header":"_57qTf7","uui-critical":"sw5KDJ","uui-info":"-b6MDI","uui-success":"ksl4eV","uui-warning":"_5nso0e","uui-highlight":"_1ybGvA","uui-typography-size-12":"Fd2tiw","uui-typography-size-14":"qBuGJ2","uui-typography-size-16":"Wik5ii","root":"_7vJS0W","icon-wrapper":"tIu9Pd","alert-wrapper":"ZepYQg","size-48":"ogcMxb","size-36":"fu37CS","action-wrapper":"_3C3TH9","action-icon":"_7feXqF","action-link":"yHPZeW","close-icon":"BP6ssn","main-path":"l999NU","content":"xbHfdO","uuiTypography":"_9m0GKM","heroHeader":"KDV-fZ","promoHeader":"_57qTf7","uuiCritical":"sw5KDJ","uuiInfo":"-b6MDI","uuiSuccess":"ksl4eV","uuiWarning":"_5nso0e","uuiHighlight":"_1ybGvA","uuiTypographySize12":"Fd2tiw","uuiTypographySize14":"qBuGJ2","uuiTypographySize16":"Wik5ii","iconWrapper":"tIu9Pd","alertWrapper":"ZepYQg","size48":"ogcMxb","size36":"fu37CS","actionWrapper":"_3C3TH9","actionIcon":"_7feXqF","actionLink":"yHPZeW","closeIcon":"BP6ssn","mainPath":"l999NU"};
+var css$1g = {"uui-typography":"VfoFTP","hero-header":"i-tetx","promo-header":"-PJXux","uui-critical":"DJEVoG","uui-info":"QjTwGC","uui-success":"jrX-gO","uui-warning":"DBPmzV","uui-highlight":"l8PwcW","uui-typography-size-12":"_1ilLU1","uui-typography-size-14":"S6YgXL","uui-typography-size-16":"Y4OdSO","root":"XLkyv3","icon-wrapper":"o0mZ8P","alert-wrapper":"UhMB70","size-48":"ais6i5","size-36":"cTEr5a","action-wrapper":"VtsTi1","action-icon":"sXn1q-","action-link":"-K6YLo","close-icon":"rcOPra","main-path":"PHszuJ","content":"_0DsTHi","uuiTypography":"VfoFTP","heroHeader":"i-tetx","promoHeader":"-PJXux","uuiCritical":"DJEVoG","uuiInfo":"QjTwGC","uuiSuccess":"jrX-gO","uuiWarning":"DBPmzV","uuiHighlight":"l8PwcW","uuiTypographySize12":"_1ilLU1","uuiTypographySize14":"S6YgXL","uuiTypographySize16":"Y4OdSO","iconWrapper":"o0mZ8P","alertWrapper":"UhMB70","size48":"ais6i5","size36":"cTEr5a","actionWrapper":"VtsTi1","actionIcon":"sXn1q-","actionLink":"-K6YLo","closeIcon":"rcOPra","mainPath":"PHszuJ"};
 
 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":"PomL5Y"};
+var css$1f = {"root":"O5PvX-"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -728,7 +934,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1e = {"uui-typography":"_0IOFna","hero-header":"-l2Ncd","promo-header":"WjAgnM","uui-critical":"miVQTy","uui-info":"a-eYl9","uui-success":"Ni7lpx","uui-warning":"n8WXge","uui-highlight":"HRLBBn","uui-typography-size-12":"CYxSYR","uui-typography-size-14":"vNRis3","uui-typography-size-16":"xeFMnj","submenu-root-item":"uPXADv","icon-after":"e83AGV","icon-check":"BLGs0N","splitter-root":"N5PPm0","splitter":"_1GeZZb","header-root":"_8n3efc","item-root":"CdIaRS","icon":"HiaX06","link":"DGSlKk","indent":"WCAf3W","selected-mark":"rctXAU","uuiTypography":"_0IOFna","heroHeader":"-l2Ncd","promoHeader":"WjAgnM","uuiCritical":"miVQTy","uuiInfo":"a-eYl9","uuiSuccess":"Ni7lpx","uuiWarning":"n8WXge","uuiHighlight":"HRLBBn","uuiTypographySize12":"CYxSYR","uuiTypographySize14":"vNRis3","uuiTypographySize16":"xeFMnj","submenuRootItem":"uPXADv","iconAfter":"e83AGV","iconCheck":"BLGs0N","splitterRoot":"N5PPm0","headerRoot":"_8n3efc","itemRoot":"CdIaRS","selectedMark":"rctXAU"};
+var css$1e = {"uui-typography":"dbMCz-","hero-header":"v1c1Ji","promo-header":"fgFIPq","uui-critical":"OayjL2","uui-info":"t6Vqb-","uui-success":"_1Y19ke","uui-warning":"-kj0ie","uui-highlight":"GucUd9","uui-typography-size-12":"TY-byk","uui-typography-size-14":"uxITyk","uui-typography-size-16":"tNmjv8","submenu-root-item":"Q8LdQv","icon-after":"kUHfYR","icon-check":"HfXLYB","splitter-root":"_0Ax8cE","splitter":"XAfCxP","header-root":"jtyCxk","item-root":"AEXTmF","icon":"fYf6f5","link":"pni0sc","indent":"Hn4nrr","selected-mark":"w3kZuj","uuiTypography":"dbMCz-","heroHeader":"v1c1Ji","promoHeader":"fgFIPq","uuiCritical":"OayjL2","uuiInfo":"t6Vqb-","uuiSuccess":"_1Y19ke","uuiWarning":"-kj0ie","uuiHighlight":"GucUd9","uuiTypographySize12":"TY-byk","uuiTypographySize14":"uxITyk","uuiTypographySize16":"tNmjv8","submenuRootItem":"Q8LdQv","iconAfter":"kUHfYR","iconCheck":"HfXLYB","splitterRoot":"_0Ax8cE","headerRoot":"jtyCxk","itemRoot":"AEXTmF","selectedMark":"w3kZuj"};
 
 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":"XCQj17","hero-header":"v-1te-","promo-header":"kGsgrn","uui-critical":"_8ENMUl","uui-info":"_2Gu3xK","uui-success":"_1QQomL","uui-warning":"rHhRki","uui-highlight":"_6zimb9","uui-typography-size-12":"psVFW3","uui-typography-size-14":"L7uIx9","uui-typography-size-16":"v-d99J","root":"DNpvWj","mode-block":"J27CJE","mode-inline":"sKhDgX","padding-0":"NaTIsD","padding-6":"_8DXQca","padding-12":"hf1fmG","padding-18":"otFEp-","uuiTypography":"XCQj17","heroHeader":"v-1te-","promoHeader":"kGsgrn","uuiCritical":"_8ENMUl","uuiInfo":"_2Gu3xK","uuiSuccess":"_1QQomL","uuiWarning":"rHhRki","uuiHighlight":"_6zimb9","uuiTypographySize12":"psVFW3","uuiTypographySize14":"L7uIx9","uuiTypographySize16":"v-d99J","modeBlock":"J27CJE","modeInline":"sKhDgX","padding0":"NaTIsD","padding6":"_8DXQca","padding12":"hf1fmG","padding18":"otFEp-"};
+var css$1d = {"uui-typography":"abCLlj","hero-header":"hwxaq8","promo-header":"EJy9Kn","uui-critical":"RgrKD0","uui-info":"yIloAV","uui-success":"CqCq90","uui-warning":"Kl26jK","uui-highlight":"_2whJx7","uui-typography-size-12":"ZfJOTF","uui-typography-size-14":"IwoeOc","uui-typography-size-16":"_11U-1G","root":"dQPgYB","mode-block":"kwX1M7","mode-inline":"ViadGa","padding-0":"nCA-fQ","padding-6":"TakObJ","padding-12":"_8AKo-A","padding-18":"dBvDRE","uuiTypography":"abCLlj","heroHeader":"hwxaq8","promoHeader":"EJy9Kn","uuiCritical":"RgrKD0","uuiInfo":"yIloAV","uuiSuccess":"CqCq90","uuiWarning":"Kl26jK","uuiHighlight":"_2whJx7","uuiTypographySize12":"ZfJOTF","uuiTypographySize14":"IwoeOc","uuiTypographySize16":"_11U-1G","modeBlock":"kwX1M7","modeInline":"ViadGa","padding0":"nCA-fQ","padding6":"TakObJ","padding12":"_8AKo-A","padding18":"dBvDRE"};
 
 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":"PLEhtv","hero-header":"sqZGhS","promo-header":"Kovs64","uui-critical":"_4eqbxr","uui-info":"_0ZPRDB","uui-success":"_5TVOu7","uui-warning":"acoEe0","uui-highlight":"-mj-hx","uui-typography-size-12":"BASeSi","uui-typography-size-14":"eG33Vx","uui-typography-size-16":"nzjiir","root":"GNWAQd","border-top":"xAzwvn","border-bottom":"c789vL","top-shadow":"tV1Ki9","size-24":"MnrbPY","size-30":"s0CW6A","size-36":"EJileU","size-42":"Aa7iCx","size-48":"IKSdKE","padding-6":"Rh8oYL","padding-12":"vPh4Dt","padding-18":"A9yJck","padding-24":"XBln57","margin-24":"B6I0QL","margin-12":"nIrYEK","vPadding-12":"KfDK5Y","vPadding-18":"M0lVO-","vPadding-24":"eryOGv","vPadding-36":"ZYDHws","vPadding-48":"jNm-Bl","spacing-6":"UmePFX","spacing-12":"_7OPhVv","spacing-18":"lE1i6P","uui-surface-main":"IeS3hu","uuiTypography":"PLEhtv","heroHeader":"sqZGhS","promoHeader":"Kovs64","uuiCritical":"_4eqbxr","uuiInfo":"_0ZPRDB","uuiSuccess":"_5TVOu7","uuiWarning":"acoEe0","uuiHighlight":"-mj-hx","uuiTypographySize12":"BASeSi","uuiTypographySize14":"eG33Vx","uuiTypographySize16":"nzjiir","borderTop":"xAzwvn","borderBottom":"c789vL","topShadow":"tV1Ki9","size24":"MnrbPY","size30":"s0CW6A","size36":"EJileU","size42":"Aa7iCx","size48":"IKSdKE","padding6":"Rh8oYL","padding12":"vPh4Dt","padding18":"A9yJck","padding24":"XBln57","margin24":"B6I0QL","margin12":"nIrYEK","vPadding12":"KfDK5Y","vPadding18":"M0lVO-","vPadding24":"eryOGv","vPadding36":"ZYDHws","vPadding48":"jNm-Bl","spacing6":"UmePFX","spacing12":"_7OPhVv","spacing18":"lE1i6P","uuiSurfaceMain":"IeS3hu"};
+var css$1c = {"uui-typography":"QSt9vg","hero-header":"M9qaGD","promo-header":"Jd7v0J","uui-critical":"TKtdjU","uui-info":"wDy-SE","uui-success":"U7rp-B","uui-warning":"M1k-jl","uui-highlight":"faOr5N","uui-typography-size-12":"_5oy-ks","uui-typography-size-14":"JUUAWw","uui-typography-size-16":"_4KXcSl","root":"xENfMD","border-top":"bHCvsv","border-bottom":"eUJzqa","top-shadow":"ywpq0i","size-24":"-bSs2t","size-30":"t3YaIx","size-36":"i39kYA","size-42":"yUWdJt","size-48":"TZKkYs","padding-6":"UPuYF-","padding-12":"AWhzAs","padding-18":"D9ho-V","padding-24":"S1zNDY","margin-24":"qOXfsz","margin-12":"k1r-qL","vPadding-12":"qLJILw","vPadding-18":"pn2C-x","vPadding-24":"O9gKDU","vPadding-36":"N0oOQs","vPadding-48":"dLJY6N","spacing-6":"G-Pg8t","spacing-12":"NKp6hg","spacing-18":"FhYC-0","uui-surface-main":"U-8VbG","uuiTypography":"QSt9vg","heroHeader":"M9qaGD","promoHeader":"Jd7v0J","uuiCritical":"TKtdjU","uuiInfo":"wDy-SE","uuiSuccess":"U7rp-B","uuiWarning":"M1k-jl","uuiHighlight":"faOr5N","uuiTypographySize12":"_5oy-ks","uuiTypographySize14":"JUUAWw","uuiTypographySize16":"_4KXcSl","borderTop":"bHCvsv","borderBottom":"eUJzqa","topShadow":"ywpq0i","size24":"-bSs2t","size30":"t3YaIx","size36":"i39kYA","size42":"yUWdJt","size48":"TZKkYs","padding6":"UPuYF-","padding12":"AWhzAs","padding18":"D9ho-V","padding24":"S1zNDY","margin24":"qOXfsz","margin12":"k1r-qL","vPadding12":"qLJILw","vPadding18":"pn2C-x","vPadding24":"O9gKDU","vPadding36":"N0oOQs","vPadding48":"dLJY6N","spacing6":"G-Pg8t","spacing12":"NKp6hg","spacing18":"FhYC-0","uuiSurfaceMain":"U-8VbG"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1c.flexCell]);
 
@@ -899,7 +1106,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
     ];
 });
 
-var css$1b = {"root":"PWq1Lp","margin-24":"EnZK-b","padding-12":"hICx2I","padding-24":"zDsFXj","shadow":"-OOFB-","uui-surface-main":"sroUk-","margin24":"EnZK-b","padding12":"hICx2I","padding24":"zDsFXj","uuiSurfaceMain":"sroUk-"};
+var css$1b = {"root":"oaWGbp","margin-24":"_3YIhVQ","padding-12":"bv-73v","padding-24":"d5a-vk","shadow":"FaIDq-","uui-surface-main":"UDKHb5","margin24":"_3YIhVQ","padding12":"bv-73v","padding24":"d5a-vk","uuiSurfaceMain":"UDKHb5"};
 
 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":"YRxreG"};
+var css$1a = {"root":"-mb7aG"};
 
 function applyTooltipMods(mods) {
     return [
@@ -919,18 +1126,21 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$19 = {"uui-typography":"FnUozz","hero-header":"T39nfy","promo-header":"VtjPN4","uui-critical":"Fkx-OU","uui-info":"_8UDMHu","uui-success":"p-GMJx","uui-warning":"-VYjur","uui-highlight":"_2orzUJ","uui-typography-size-12":"_9lS84f","uui-typography-size-14":"EpG98N","uui-typography-size-16":"B7iFym","root":"sxLALj","size-24":"GjQcdY","size-30":"xMk-Zi","size-36":"yqe5Rk","size-42":"Mf4PXL","size-48":"MUlElN","uuiTypography":"FnUozz","heroHeader":"T39nfy","promoHeader":"VtjPN4","uuiCritical":"Fkx-OU","uuiInfo":"_8UDMHu","uuiSuccess":"p-GMJx","uuiWarning":"-VYjur","uuiHighlight":"_2orzUJ","uuiTypographySize12":"_9lS84f","uuiTypographySize14":"EpG98N","uuiTypographySize16":"B7iFym","size24":"GjQcdY","size30":"xMk-Zi","size36":"yqe5Rk","size42":"Mf4PXL","size48":"MUlElN"};
+var css$19 = {"uui-typography":"W2R8os","hero-header":"_0Bg5G1","promo-header":"_6br4Cl","uui-critical":"b3ikKS","uui-info":"cSgcn4","uui-success":"K36pxN","uui-warning":"syK6kh","uui-highlight":"U3bOQi","uui-typography-size-12":"GJAwrA","uui-typography-size-14":"HupQFw","uui-typography-size-16":"EUsRWN","root":"_9zjBqr","uuiTypography":"W2R8os","heroHeader":"_0Bg5G1","promoHeader":"_6br4Cl","uuiCritical":"b3ikKS","uuiInfo":"cSgcn4","uuiSuccess":"K36pxN","uuiWarning":"syK6kh","uuiHighlight":"U3bOQi","uuiTypographySize12":"GJAwrA","uuiTypographySize14":"HupQFw","uuiTypographySize16":"EUsRWN"};
 
-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":"PCaa3E"};
+var css$18 = {"root":"sLMUIO"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -945,7 +1155,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$17 = {"root":"_5GnkCl"};
+var css$17 = {"root":"UHoGxD"};
 
 function applyScrollBarsMods() {
     return [
@@ -954,60 +1164,42 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$16 = {"scroll-container":"FVOmrU","list-container":"cjMMoz","scrollContainer":"FVOmrU","listContainer":"cjMMoz"};
+var css$16 = {"scroll-container":"jvabmI","list-container":"FkRcKD","scrollContainer":"jvabmI","listContainer":"FkRcKD"};
 
-var css$15 = {"root":"qjaXKG"};
+var css$15 = {"root":"HX2JbG"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$15.root]);
 
-var css$14 = {"uui-typography":"rKw0YS","hero-header":"qb-kvq","promo-header":"_9qncYV","uui-critical":"F-V-OB","uui-info":"xQas3z","uui-success":"_8yNerc","uui-warning":"ETjeQl","uui-highlight":"yqY5ec","uui-typography-size-12":"aX80dG","uui-typography-size-14":"kyJUDJ","uui-typography-size-16":"-We3GK","root":"Stmscs","size-18":"AK3VMh","size-24":"OYGRwb","size-30":"WAgLIF","size-36":"JaZJlR","size-42":"deByeA","size-48":"mUUYAA","uuiTypography":"rKw0YS","heroHeader":"qb-kvq","promoHeader":"_9qncYV","uuiCritical":"F-V-OB","uuiInfo":"xQas3z","uuiSuccess":"_8yNerc","uuiWarning":"ETjeQl","uuiHighlight":"yqY5ec","uuiTypographySize12":"aX80dG","uuiTypographySize14":"kyJUDJ","uuiTypographySize16":"-We3GK","size18":"AK3VMh","size24":"OYGRwb","size30":"WAgLIF","size36":"JaZJlR","size42":"deByeA","size48":"mUUYAA"};
+var css$14 = {"uui-typography":"Be4LbF","hero-header":"kvi1PD","promo-header":"TvyWBo","uui-critical":"Xwt6A1","uui-info":"CSDRjI","uui-success":"lNouK-","uui-warning":"kl86oz","uui-highlight":"yuhvbc","uui-typography-size-12":"_5fI9rw","uui-typography-size-14":"vRUu6J","uui-typography-size-16":"rCGl-N","root":"h-Y7xa","uuiTypography":"Be4LbF","heroHeader":"kvi1PD","promoHeader":"TvyWBo","uuiCritical":"Xwt6A1","uuiInfo":"CSDRjI","uuiSuccess":"lNouK-","uuiWarning":"kl86oz","uuiHighlight":"yuhvbc","uuiTypographySize12":"_5fI9rw","uuiTypographySize14":"vRUu6J","uuiTypographySize16":"rCGl-N"};
 
-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":"Ym8nf0","hero-header":"z2CWJH","promo-header":"muGFwq","uui-critical":"pZ9kNa","uui-info":"KIldAL","uui-success":"JfbkvL","uui-warning":"_6tLRdV","uui-highlight":"AEu5-m","uui-typography-size-12":"-VsCeq","uui-typography-size-14":"_3ewdeD","uui-typography-size-16":"OJznlg","root":"_38-HPq","size-18":"bVm8Dy","size-24":"JsKc3r","size-30":"Wif-Hd","size-36":"DNwLvd","size-42":"NtXd70","size-48":"_2ae3zz","uuiTypography":"Ym8nf0","heroHeader":"z2CWJH","promoHeader":"muGFwq","uuiCritical":"pZ9kNa","uuiInfo":"KIldAL","uuiSuccess":"JfbkvL","uuiWarning":"_6tLRdV","uuiHighlight":"AEu5-m","uuiTypographySize12":"-VsCeq","uuiTypographySize14":"_3ewdeD","uuiTypographySize16":"OJznlg","size18":"bVm8Dy","size24":"JsKc3r","size30":"Wif-Hd","size36":"DNwLvd","size42":"NtXd70","size48":"_2ae3zz"};
+var css$13 = {"uui-typography":"RIt1Ou","hero-header":"vxVOsl","promo-header":"_1yb12y","uui-critical":"_8xbl9N","uui-info":"LCj0SF","uui-success":"CoKfob","uui-warning":"aUzCKk","uui-highlight":"IeF390","uui-typography-size-12":"a5TqgA","uui-typography-size-14":"_2yiG3v","uui-typography-size-16":"zTp1T1","root":"NlNK8d","uuiTypography":"RIt1Ou","heroHeader":"vxVOsl","promoHeader":"_1yb12y","uuiCritical":"_8xbl9N","uuiInfo":"LCj0SF","uuiSuccess":"CoKfob","uuiWarning":"aUzCKk","uuiHighlight":"IeF390","uuiTypographySize12":"a5TqgA","uuiTypographySize14":"_2yiG3v","uuiTypographySize16":"zTp1T1"};
 
-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":"EjLe4f","uui-spinner":"dSVdiD","uuiSpinner":"dSVdiD"};
+var css$12 = {"root":"Q-5tu4","uui-spinner":"e8TPU8","uuiSpinner":"e8TPU8"};
 
 function applySpinnerMods() {
     return [css$12.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var css$11 = {"root":"SkeR0R","spacer":"GTXxLF","mode-ghost":"ZRp7gM","size-24":"Zkqur5","size-30":"W7hiLE","navigation-size-24":"A0nN3B","navigation-size-30":"Hp7o1w","modeGhost":"ZRp7gM","size24":"Zkqur5","size30":"W7hiLE","navigationSize24":"A0nN3B","navigationSize30":"Hp7o1w"};
+var css$11 = {"root":"eRhWqv","spacer":"-pYmM7","mode-ghost":"-gaql9","size-24":"_4jqALg","size-30":"g652-8","navigation-size-24":"ypIWcv","navigation-size-30":"PvbsDd","modeGhost":"-gaql9","size24":"_4jqALg","size30":"g652-8","navigationSize24":"ypIWcv","navigationSize30":"PvbsDd"};
 
 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":"Z8eUmW","progress-bar":"pOuD13","progressBar-indeterminate":"p7TQ7U","size-12":"GaJfZN","size-18":"clpZ8s","size-24":"EFG57o","progressBar":"pOuD13","progressBarIndeterminate":"p7TQ7U","size12":"GaJfZN","size18":"clpZ8s","size24":"EFG57o"};
+var css$10 = {"root":"PWFeIt","progress-bar":"_88B2Jb","progressBar-indeterminate":"_7RM-8C","size-12":"_6TmTcl","size-18":"uQ-feK","size-24":"-wBxeM","progressBar":"_88B2Jb","progressBarIndeterminate":"_7RM-8C","size12":"_6TmTcl","size18":"uQ-feK","size24":"-wBxeM"};
 
 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":"HKAx1b","striped":"SbhpQP","animate-stripes":"MXvhPH","size-12":"ajKwqe","size-18":"d2svhU","size-24":"DjWuz1","animateStripes":"MXvhPH","size12":"ajKwqe","size18":"d2svhU","size24":"DjWuz1"};
+var css$$ = {"root":"_98UyNW","striped":"IZ3IMn","animate-stripes":"_1g95Ag","size-12":"gmrSh1","size-18":"att51j","size-24":"_71eZ3k","animateStripes":"_1g95Ag","size12":"gmrSh1","size18":"att51j","size24":"_71eZ3k"};
 
 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":"_9iIsSg"};
+var css$_ = {"root":"KazOg0"};
 
 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":"hxH-Qu","size-12":"qoSVTP","size-18":"SGTf8-","size-24":"_1G2KUL","size12":"qoSVTP","size18":"SGTf8-","size24":"_1G2KUL"};
+var css$Z = {"root":"lqmCF-"};
 
 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":"_2tiyFS","icon-container":"_2eq-yS","dragHandle":"_2tiyFS","iconContainer":"_2eq-yS"};
+var css$Y = {"drag-handle":"xkJyH4","icon-container":"ZPCFJH","dragHandle":"xkJyH4","iconContainer":"ZPCFJH"};
 
 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":"YcRQdy"};
+var css$X = {"root":"qGrcIa"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
@@ -1216,7 +1383,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$W = {"root":"TudQHP"};
+var css$W = {"root":"mhIIsQ"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1378,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":"_6Y4igj","hero-header":"-Gxz5Y","promo-header":"k8GJG1","uui-critical":"_1SUu8W","uui-info":"egywqu","uui-success":"XHxVtl","uui-warning":"WZRJ5E","uui-highlight":"jDQOVy","uui-typography-size-12":"_91tLPU","uui-typography-size-14":"DQsssM","uui-typography-size-16":"f3dOxD","modal":"_1NrD-8","search-wrapper":"j0YQ1J","body":"_9JDiJK","checkbox":"mi9tAG","no-found-size-24":"_6gV0HZ","no-found-size-30":"nkGvcl","no-found-size-36":"kTZteG","no-found-size-42":"_5HHkji","uuiTypography":"_6Y4igj","heroHeader":"-Gxz5Y","promoHeader":"k8GJG1","uuiCritical":"_1SUu8W","uuiInfo":"egywqu","uuiSuccess":"XHxVtl","uuiWarning":"WZRJ5E","uuiHighlight":"jDQOVy","uuiTypographySize12":"_91tLPU","uuiTypographySize14":"DQsssM","uuiTypographySize16":"f3dOxD","searchWrapper":"j0YQ1J","noFoundSize24":"_6gV0HZ","noFoundSize30":"nkGvcl","noFoundSize36":"kTZteG","noFoundSize42":"_5HHkji"};
+var css$V = {"uui-typography":"i3xHmX","hero-header":"dRJFfY","promo-header":"tbGsNh","uui-critical":"J-N1Z2","uui-info":"_2k9F5t","uui-success":"_9dakSV","uui-warning":"Kioboq","uui-highlight":"to1TWs","uui-typography-size-12":"Dh9X0R","uui-typography-size-14":"yIRXbO","uui-typography-size-16":"_7WHW7z","modal":"_2okuuV","search-wrapper":"eyJGVM","checkbox":"JGUDp4","no-found-size-24":"H55sdI","no-found-size-30":"LJACaY","no-found-size-36":"cvPKvs","no-found-size-42":"_1X-dlT","uuiTypography":"i3xHmX","heroHeader":"dRJFfY","promoHeader":"tbGsNh","uuiCritical":"J-N1Z2","uuiInfo":"_2k9F5t","uuiSuccess":"_9dakSV","uuiWarning":"Kioboq","uuiHighlight":"to1TWs","uuiTypographySize12":"Dh9X0R","uuiTypographySize14":"yIRXbO","uuiTypographySize16":"_7WHW7z","searchWrapper":"eyJGVM","noFoundSize24":"H55sdI","noFoundSize30":"LJACaY","noFoundSize36":"cvPKvs","noFoundSize42":"_1X-dlT"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -1390,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);
@@ -1422,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: {
@@ -1435,12 +1596,12 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$U = {"header":"_1CCeEU","close":"nTEhvP"};
+var css$U = {"header":"cn9Dkg","close":"mOSiUL"};
 
 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);
@@ -1460,7 +1621,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
 
-var css$T = {"uui-typography":"JJ-Cu5","hero-header":"PXDg11","promo-header":"RZvebr","uui-critical":"zKmKd-","uui-info":"YGVK5J","uui-success":"kwUfTo","uui-warning":"rf3IKA","uui-highlight":"bZj1wv","uui-typography-size-12":"yvTpUi","uui-typography-size-14":"cvGeSy","uui-typography-size-16":"_6-yNsc","root":"xkVEci","align-widgets-top":"SA7EWo","size-24":"dnnAJw","size-30":"FCxFAP","size-36":"YrKcqR","size-42":"n-S27-","size-48":"XkbB0O","size-60":"AAWpMl","align-widgets-center":"y6vsri","icon-wrapper":"VQiNo8","padding-12":"_0V83yK","padding-24":"ZPvlDL","padding-left-12":"_6jjOFS","padding-left-24":"ryioUv","icon-container":"QrN-rV","loading-cell":"gKM4Ip","content-wrapper":"qJ6QUz","render-item":"ZvS-mH","icon-default":"ONK9WL","selected-mark":"oyPj-W","uuiTypography":"JJ-Cu5","heroHeader":"PXDg11","promoHeader":"RZvebr","uuiCritical":"zKmKd-","uuiInfo":"YGVK5J","uuiSuccess":"kwUfTo","uuiWarning":"rf3IKA","uuiHighlight":"bZj1wv","uuiTypographySize12":"yvTpUi","uuiTypographySize14":"cvGeSy","uuiTypographySize16":"_6-yNsc","alignWidgetsTop":"SA7EWo","size24":"dnnAJw","size30":"FCxFAP","size36":"YrKcqR","size42":"n-S27-","size48":"XkbB0O","size60":"AAWpMl","alignWidgetsCenter":"y6vsri","iconWrapper":"VQiNo8","padding12":"_0V83yK","padding24":"ZPvlDL","paddingLeft12":"_6jjOFS","paddingLeft24":"ryioUv","iconContainer":"QrN-rV","loadingCell":"gKM4Ip","contentWrapper":"qJ6QUz","renderItem":"ZvS-mH","iconDefault":"ONK9WL","selectedMark":"oyPj-W"};
+var css$T = {"uui-typography":"aastYs","hero-header":"J3MJSH","promo-header":"U6gp6k","uui-critical":"WCgdfG","uui-info":"E7FzEu","uui-success":"zPqK2x","uui-warning":"volmX9","uui-highlight":"YeONYa","uui-typography-size-12":"DMgYDT","uui-typography-size-14":"KFyche","uui-typography-size-16":"s0pcsr","root":"t3vNeY","align-widgets-top":"oe8-Mh","align-widgets-center":"yIGbhj","padding-12":"K3wW-t","padding-24":"k0dASH","padding-left-12":"J6pHmU","padding-left-24":"Fd3-HK","icon-container":"W-you5","loading-cell":"nQ90wV","content-wrapper":"CLQT3c","render-item":"FqgjTc","icon-wrapper":"YCSGeN","icon-default":"_7hWYCw","selected-mark":"GHuOX0","uuiTypography":"aastYs","heroHeader":"J3MJSH","promoHeader":"U6gp6k","uuiCritical":"WCgdfG","uuiInfo":"E7FzEu","uuiSuccess":"zPqK2x","uuiWarning":"volmX9","uuiHighlight":"YeONYa","uuiTypographySize12":"DMgYDT","uuiTypographySize14":"KFyche","uuiTypographySize16":"s0pcsr","alignWidgetsTop":"oe8-Mh","alignWidgetsCenter":"yIGbhj","padding12":"K3wW-t","padding24":"k0dASH","paddingLeft12":"J6pHmU","paddingLeft24":"Fd3-HK","iconContainer":"W-you5","loadingCell":"nQ90wV","contentWrapper":"CLQT3c","renderItem":"FqgjTc","iconWrapper":"YCSGeN","iconDefault":"_7hWYCw","selectedMark":"GHuOX0"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -1468,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' } })))));
     }
@@ -1488,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":"eTA8qL","hero-header":"ZXkOJr","promo-header":"ZBRjKA","uui-critical":"uBgd5B","uui-info":"-oYYQ2","uui-success":"VpbMwB","uui-warning":"f21ltV","uui-highlight":"_4XbMrg","uui-typography-size-12":"x4nt-S","uui-typography-size-14":"I-EAeM","uui-typography-size-16":"la-PqF","picker-row":"_4-13u6","uuiTypography":"eTA8qL","heroHeader":"ZXkOJr","promoHeader":"ZBRjKA","uuiCritical":"uBgd5B","uuiInfo":"-oYYQ2","uuiSuccess":"VpbMwB","uuiWarning":"f21ltV","uuiHighlight":"_4XbMrg","uuiTypographySize12":"x4nt-S","uuiTypographySize14":"I-EAeM","uuiTypographySize16":"la-PqF","pickerRow":"_4-13u6"};
+var css$S = {"uui-typography":"MzhO-L","hero-header":"OkOy3j","promo-header":"IYKpP1","uui-critical":"zkUPjG","uui-info":"cj3n7j","uui-success":"X-x9R3","uui-warning":"maler3","uui-highlight":"FVDBeP","uui-typography-size-12":"NfmE6h","uui-typography-size-14":"Je5Hoc","uui-typography-size-16":"QGfR-F","picker-row":"_8rLt-3","uuiTypography":"MzhO-L","heroHeader":"OkOy3j","promoHeader":"IYKpP1","uuiCritical":"zkUPjG","uuiInfo":"cj3n7j","uuiSuccess":"X-x9R3","uuiWarning":"maler3","uuiHighlight":"FVDBeP","uuiTypographySize12":"NfmE6h","uuiTypographySize14":"Je5Hoc","uuiTypographySize16":"QGfR-F","pickerRow":"_8rLt-3"};
 
 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() {
@@ -1511,7 +1672,7 @@ class DataPickerRow extends React.Component {
     }
 }
 
-var css$R = {"uui-typography":"c9ZswD","hero-header":"CPT6Zs","promo-header":"nGEW21","uui-critical":"kN-RM3","uui-info":"_8o1mzX","uui-success":"PCYC2-","uui-warning":"hCNLfv","uui-highlight":"tJdqfA","uui-typography-size-12":"J-8gDY","uui-typography-size-14":"Qh9L4r","uui-typography-size-16":"DvzEEO","done":"FgVBbs","container":"alFuu5","uuiTypography":"c9ZswD","heroHeader":"CPT6Zs","promoHeader":"nGEW21","uuiCritical":"kN-RM3","uuiInfo":"_8o1mzX","uuiSuccess":"PCYC2-","uuiWarning":"hCNLfv","uuiHighlight":"tJdqfA","uuiTypographySize12":"J-8gDY","uuiTypographySize14":"Qh9L4r","uuiTypographySize16":"DvzEEO"};
+var css$R = {"uui-typography":"jXYnbk","hero-header":"aZzDO3","promo-header":"tbnPtl","uui-critical":"kq1Lr9","uui-info":"EFfc8C","uui-success":"S4zvix","uui-warning":"eGkXim","uui-highlight":"_-62WwO","uui-typography-size-12":"P3-Q9a","uui-typography-size-14":"daaR0v","uui-typography-size-16":"iH3C-R","done":"_-6D6H0","container":"FXcRQU","uuiTypography":"jXYnbk","heroHeader":"aZzDO3","promoHeader":"tbnPtl","uuiCritical":"kq1Lr9","uuiInfo":"EFfc8C","uuiSuccess":"S4zvix","uuiWarning":"eGkXim","uuiHighlight":"_-62WwO","uuiTypographySize12":"P3-Q9a","uuiTypographySize14":"daaR0v","uuiTypographySize16":"iH3C-R"};
 
 const MobileDropdownWrapper = (props) => {
     const isMobileView = isMobile();
@@ -1520,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;
@@ -1545,9 +1706,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$Q = {"uui-typography":"wWobP5","hero-header":"mca-7x","promo-header":"p0AHHs","uui-critical":"yEVanI","uui-info":"iO2ntj","uui-success":"DCjiR8","uui-warning":"qNAGXE","uui-highlight":"-GqQLn","uui-typography-size-12":"lPY141","uui-typography-size-14":"sRG2iR","uui-typography-size-16":"CRIEC2","sub-header-wrapper":"-hCePX","switch":"mE7OEu","no-found-modal-container":"YtQllj","no-found-modal-container-icon":"tWGcBN","no-found-modal-container-text":"z--pkx","uuiTypography":"wWobP5","heroHeader":"mca-7x","promoHeader":"p0AHHs","uuiCritical":"yEVanI","uuiInfo":"iO2ntj","uuiSuccess":"DCjiR8","uuiWarning":"qNAGXE","uuiHighlight":"-GqQLn","uuiTypographySize12":"lPY141","uuiTypographySize14":"sRG2iR","uuiTypographySize16":"CRIEC2","subHeaderWrapper":"-hCePX","$switch$":"mE7OEu","noFoundModalContainer":"YtQllj","noFoundModalContainerIcon":"tWGcBN","noFoundModalContainerText":"z--pkx"};
-
-var css$P = {"root":"TC66y3","multiline":"kZoRp1","vertical-padding-24":"-B6FX9","vertical-padding-30":"ErfYor","vertical-padding-36":"Ia-BnH","vertical-padding-42":"UFucnT","vertical-padding-48":"f0fi33","text":"yfLZxM","verticalPadding24":"-B6FX9","verticalPadding30":"ErfYor","verticalPadding36":"Ia-BnH","verticalPadding42":"UFucnT","verticalPadding48":"f0fi33"};
+var css$Q = {"uui-typography":"_0-imMu","hero-header":"_1uegdy","promo-header":"FhoIW-","uui-critical":"vHcW6R","uui-info":"u7yM2G","uui-success":"qmo2w9","uui-warning":"_8elNQw","uui-highlight":"AEgcyU","uui-typography-size-12":"gfUnlm","uui-typography-size-14":"Fuku2z","uui-typography-size-16":"XXnTFK","sub-header-wrapper":"yFZx7d","switch":"_3kag3Q","no-found-modal-container":"Q17NjQ","no-found-modal-container-icon":"i86p-1","no-found-modal-container-text":"zM0YiF","uuiTypography":"_0-imMu","heroHeader":"_1uegdy","promoHeader":"FhoIW-","uuiCritical":"vHcW6R","uuiInfo":"u7yM2G","uuiSuccess":"qmo2w9","uuiWarning":"_8elNQw","uuiHighlight":"AEgcyU","uuiTypographySize12":"gfUnlm","uuiTypographySize14":"Fuku2z","uuiTypographySize16":"XXnTFK","subHeaderWrapper":"yFZx7d","$switch$":"_3kag3Q","noFoundModalContainer":"Q17NjQ","noFoundModalContainerIcon":"i86p-1","noFoundModalContainerText":"zM0YiF"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -1614,11 +1773,12 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-const defaultSize$2 = '36';
+var css$P = {"root":"_6plSLi","multiline":"trt2YH","vertical-padding-24":"l-TTMg","vertical-padding-30":"BtAzcu","vertical-padding-36":"oUhr-u","vertical-padding-42":"u50Mdt","vertical-padding-48":"dSAmDZ","text":"R-ernm","verticalPadding24":"l-TTMg","verticalPadding30":"BtAzcu","verticalPadding36":"oUhr-u","verticalPadding42":"u50Mdt","verticalPadding48":"dSAmDZ"};
+
 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;
@@ -1632,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) {
@@ -1681,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":"RXFQqc"};
-
-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":"_2L4mKc"};
+
 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 },
@@ -1719,20 +1863,20 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$N = {"uui-typography":"nxeb2B","hero-header":"iVQk6V","promo-header":"YQovuX","uui-critical":"L-3jXi","uui-info":"_3J1n8r","uui-success":"lh4V96","uui-warning":"_8d-VGb","uui-highlight":"_--4aeH","uui-typography-size-12":"S-5G3e","uui-typography-size-14":"a1GEUA","uui-typography-size-16":"Y88LAd","root":"d-R-8M","mode-form":"OM62nz","mode-cell":"ulciYm","mode-inline":"Zy84P2","size-24":"_68rkjZ","size-30":"ZEHJ2-","size-36":"pQV-kR","size-42":"EzBXGt","size-48":"rUEUYi","uuiTypography":"nxeb2B","heroHeader":"iVQk6V","promoHeader":"YQovuX","uuiCritical":"L-3jXi","uuiInfo":"_3J1n8r","uuiSuccess":"lh4V96","uuiWarning":"_8d-VGb","uuiHighlight":"_--4aeH","uuiTypographySize12":"S-5G3e","uuiTypographySize14":"a1GEUA","uuiTypographySize16":"Y88LAd","modeForm":"OM62nz","modeCell":"ulciYm","modeInline":"Zy84P2","size24":"_68rkjZ","size30":"ZEHJ2-","size36":"pQV-kR","size42":"EzBXGt","size48":"rUEUYi"};
+var css$N = {"uui-typography":"-Q61zN","hero-header":"cRxYIW","promo-header":"DUuVo3","uui-critical":"Ii0hMt","uui-info":"_26tfB1","uui-success":"Avcc7B","uui-warning":"jIqYaG","uui-highlight":"-XMVjm","uui-typography-size-12":"ieLg6D","uui-typography-size-14":"sDhxdp","uui-typography-size-16":"-LqHdJ","root":"XbgBlb","mode-form":"xHEkiu","mode-cell":"JNslCa","mode-inline":"CssQFI","uuiTypography":"-Q61zN","heroHeader":"cRxYIW","promoHeader":"DUuVo3","uuiCritical":"Ii0hMt","uuiInfo":"_26tfB1","uuiSuccess":"Avcc7B","uuiWarning":"jIqYaG","uuiHighlight":"-XMVjm","uuiTypographySize12":"ieLg6D","uuiTypographySize14":"sDhxdp","uuiTypographySize16":"-LqHdJ","modeForm":"xHEkiu","modeCell":"JNslCa","modeInline":"CssQFI"};
 
-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);
         }
@@ -1742,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 = () => {
@@ -1780,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)
@@ -1797,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({
@@ -1821,7 +1963,7 @@ function PickerInputComponent(_a, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$M = {"row":"pIcFVr"};
+var css$M = {"row":"PxhG4T"};
 
 function PickerListItem(props) {
     var _a;
@@ -1842,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":"AuYlLG"};
+var css$L = {"root":"rCA8z7"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
@@ -1882,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":"W593iF","hero-header":"l20e4K","promo-header":"u-0YSE","uui-critical":"g0Of-C","uui-info":"QBZetr","uui-success":"tf8OTz","uui-warning":"bDgh-B","uui-highlight":"bbnZfQ","uui-typography-size-12":"xLx-hn","uui-typography-size-14":"q-Yksa","uui-typography-size-16":"K8sZYS","root":"kFtLMs","title-wrapper":"d3clAQ","title":"nFCBSs","text-wrapper":"_563b2k","selection":"AGQ1zE","postfix":"_3xm7Sg","selected":"_5g-1of","uuiTypography":"W593iF","heroHeader":"l20e4K","promoHeader":"u-0YSE","uuiCritical":"g0Of-C","uuiInfo":"QBZetr","uuiSuccess":"tf8OTz","uuiWarning":"bDgh-B","uuiHighlight":"bbnZfQ","uuiTypographySize12":"xLx-hn","uuiTypographySize14":"q-Yksa","uuiTypographySize16":"K8sZYS","titleWrapper":"d3clAQ","textWrapper":"_563b2k"};
+var css$K = {"uui-typography":"_3TlYGr","hero-header":"WHJZ5B","promo-header":"_0N8W-g","uui-critical":"_3geZyG","uui-info":"Sl4uHf","uui-success":"JkGacq","uui-warning":"TGl6F4","uui-highlight":"MgCNrl","uui-typography-size-12":"FvyhcU","uui-typography-size-14":"-XJFYg","uui-typography-size-16":"BCXcXX","root":"iYFnzl","title-wrapper":"WS3ZBk","title":"gzoudC","text-wrapper":"FNLG6-","selection":"bIAQr2","postfix":"_17O2vI","selected":"LuANrS","uuiTypography":"_3TlYGr","heroHeader":"WHJZ5B","promoHeader":"_0N8W-g","uuiCritical":"_3geZyG","uuiInfo":"Sl4uHf","uuiSuccess":"JkGacq","uuiWarning":"TGl6F4","uuiHighlight":"MgCNrl","uuiTypographySize12":"FvyhcU","uuiTypographySize14":"-XJFYg","uuiTypographySize16":"BCXcXX","titleWrapper":"WS3ZBk","textWrapper":"FNLG6-"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1949,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 })));
@@ -1958,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":"_6fZOnv"};
+var css$J = {"container":"ajmk49"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2184,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":"zQDHvx","hero-header":"_657f0L","promo-header":"XooKcy","uui-critical":"IDVBg-","uui-info":"_3itZRX","uui-success":"iuOGFe","uui-warning":"sgEFhS","uui-highlight":"_1VBFun","uui-typography-size-12":"AK2dpo","uui-typography-size-14":"nEvuVq","uui-typography-size-16":"l5id5e","root":"upgjrV","uuiTypography":"zQDHvx","heroHeader":"_657f0L","promoHeader":"XooKcy","uuiCritical":"IDVBg-","uuiInfo":"_3itZRX","uuiSuccess":"iuOGFe","uuiWarning":"sgEFhS","uuiHighlight":"_1VBFun","uuiTypographySize12":"AK2dpo","uuiTypographySize14":"nEvuVq","uuiTypographySize16":"l5id5e"};
+var css$I = {"uui-typography":"l-4QT3","hero-header":"bfYUSo","promo-header":"tsSmKC","uui-critical":"Attoil","uui-info":"uQXTkO","uui-success":"NR5a65","uui-warning":"_33fWpc","uui-highlight":"-Q9guB","uui-typography-size-12":"UPRsc7","uui-typography-size-14":"rFlvkk","uui-typography-size-16":"_454r6J","root":"B9Ziuc","uuiTypography":"l-4QT3","heroHeader":"bfYUSo","promoHeader":"tsSmKC","uuiCritical":"Attoil","uuiInfo":"uQXTkO","uuiSuccess":"NR5a65","uuiWarning":"_33fWpc","uuiHighlight":"-Q9guB","uuiTypographySize12":"UPRsc7","uuiTypographySize14":"rFlvkk","uuiTypographySize16":"_454r6J"};
 
 function applyDateSelectionMods() {
     return [css$I.root];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$H = {"uui-typography":"w5fXCx","hero-header":"-IE4S6","promo-header":"FHr-LX","uui-critical":"_8FwaqT","uui-info":"RW31KC","uui-success":"QACM4p","uui-warning":"FuzjWb","uui-highlight":"uwbHEX","uui-typography-size-12":"wqnU2S","uui-typography-size-14":"QBj-Qn","uui-typography-size-16":"tXZnWB","root":"rzTQhi","uuiTypography":"w5fXCx","heroHeader":"-IE4S6","promoHeader":"FHr-LX","uuiCritical":"_8FwaqT","uuiInfo":"RW31KC","uuiSuccess":"QACM4p","uuiWarning":"FuzjWb","uuiHighlight":"uwbHEX","uuiTypographySize12":"wqnU2S","uuiTypographySize14":"QBj-Qn","uuiTypographySize16":"tXZnWB"};
+var css$H = {"uui-typography":"FTnaO1","hero-header":"hXVfe0","promo-header":"e5MhkM","uui-critical":"lMZLgH","uui-info":"J1cKl1","uui-success":"mo-UX1","uui-warning":"_6l8K6Y","uui-highlight":"-rhCKF","uui-typography-size-12":"S3CQEQ","uui-typography-size-14":"_3Red7A","uui-typography-size-16":"_0bRJn9","root":"KHoIwI","uuiTypography":"FTnaO1","heroHeader":"hXVfe0","promoHeader":"e5MhkM","uuiCritical":"lMZLgH","uuiInfo":"J1cKl1","uuiSuccess":"mo-UX1","uuiWarning":"_6l8K6Y","uuiHighlight":"-rhCKF","uuiTypographySize12":"S3CQEQ","uuiTypographySize14":"_3Red7A","uuiTypographySize16":"_0bRJn9"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepickerBody-wrapper',
@@ -2279,7 +2421,7 @@ function FilterDatePickerBody(props) {
                     } })))));
 }
 
-var css$G = {"uui-typography":"lcxKRM","hero-header":"kXsrJ6","promo-header":"Bi2aec","uui-critical":"GIrFzb","uui-info":"tZwrg-","uui-success":"iaDn9w","uui-warning":"OkHx5R","uui-highlight":"j-j5VJ","uui-typography-size-12":"ZnICKl","uui-typography-size-14":"u7U6w6","uui-typography-size-16":"oMWvx2","dropdown-container":"UZZlBs","date-input":"_4G-v-v","size-24":"k9twRf","size-30":"CmzpfG","size-36":"Grpu2v","size-42":"I3M9tr","size-48":"UArMOU","date-input-group":"YOLKyI","separator":"L9rqoY","mode-form":"g9Nhaz","mode-cell":"rFYWEB","uuiTypography":"lcxKRM","heroHeader":"kXsrJ6","promoHeader":"Bi2aec","uuiCritical":"GIrFzb","uuiInfo":"tZwrg-","uuiSuccess":"iaDn9w","uuiWarning":"OkHx5R","uuiHighlight":"j-j5VJ","uuiTypographySize12":"ZnICKl","uuiTypographySize14":"u7U6w6","uuiTypographySize16":"oMWvx2","dropdownContainer":"UZZlBs","dateInput":"_4G-v-v","size24":"k9twRf","size30":"CmzpfG","size36":"Grpu2v","size42":"I3M9tr","size48":"UArMOU","dateInputGroup":"YOLKyI","modeForm":"g9Nhaz","modeCell":"rFYWEB"};
+var css$G = {"uui-typography":"FOF7cC","hero-header":"LUICKP","promo-header":"oT7fOi","uui-critical":"GbcPNE","uui-info":"H0nA1z","uui-success":"iQNQE9","uui-warning":"r0moKQ","uui-highlight":"g9vAm1","uui-typography-size-12":"_6LsSwi","uui-typography-size-14":"pdKAlp","uui-typography-size-16":"_29O7Ru","dropdown-container":"ohfYAn","date-input":"iI-kXw","date-input-group":"GgCdzf","separator":"BzGhM4","mode-form":"NSZPr6","mode-cell":"_2uz-EG","uuiTypography":"FOF7cC","heroHeader":"LUICKP","promoHeader":"oT7fOi","uuiCritical":"GbcPNE","uuiInfo":"H0nA1z","uuiSuccess":"iQNQE9","uuiWarning":"r0moKQ","uuiHighlight":"g9vAm1","uuiTypographySize12":"_6LsSwi","uuiTypographySize14":"pdKAlp","uuiTypographySize16":"_29O7Ru","dropdownContainer":"ohfYAn","dateInput":"iI-kXw","dateInputGroup":"GgCdzf","modeForm":"NSZPr6","modeCell":"_2uz-EG"};
 
 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));
@@ -2305,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 })));
 });
@@ -2370,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":"WaWKkZ"};
+var css$F = {"container":"ZRV5uX"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2470,7 +2612,7 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
 };
 var ForwardRef$r = /*#__PURE__*/forwardRef(SvgActionDeleteForeverFill);
 
-var css$E = {"uui-typography":"_4evYd2","hero-header":"_8wPeDY","promo-header":"tA4ccU","uui-critical":"XwalNm","uui-info":"bxgywW","uui-success":"BPv-et","uui-warning":"V1BKej","uui-highlight":"bct6Jj","uui-typography-size-12":"P6erVZ","uui-typography-size-14":"_45pvig","uui-typography-size-16":"VHORO1","header":"G2x52-","removeButton":"rsj20L","with-search":"l9atMw","uuiTypography":"_4evYd2","heroHeader":"_8wPeDY","promoHeader":"tA4ccU","uuiCritical":"XwalNm","uuiInfo":"bxgywW","uuiSuccess":"BPv-et","uuiWarning":"V1BKej","uuiHighlight":"bct6Jj","uuiTypographySize12":"P6erVZ","uuiTypographySize14":"_45pvig","uuiTypographySize16":"VHORO1","withSearch":"l9atMw"};
+var css$E = {"uui-typography":"_-2YgRX","hero-header":"SPlct2","promo-header":"zE6WCx","uui-critical":"fPvS8H","uui-info":"_32ZuQi","uui-success":"GnUawe","uui-warning":"IP8PNT","uui-highlight":"aDIH6L","uui-typography-size-12":"SCVvHo","uui-typography-size-14":"PTz88B","uui-typography-size-16":"_6GdzX9","header":"DmCeqw","removeButton":"o49OZI","with-search":"AYX4tT","uuiTypography":"_-2YgRX","heroHeader":"SPlct2","promoHeader":"zE6WCx","uuiCritical":"fPvS8H","uuiInfo":"_32ZuQi","uuiSuccess":"GnUawe","uuiWarning":"IP8PNT","uuiHighlight":"aDIH6L","uuiTypographySize12":"SCVvHo","uuiTypographySize14":"PTz88B","uuiTypographySize16":"_6GdzX9","withSearch":"AYX4tT"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -2758,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,
@@ -2792,7 +2933,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$D = {"divider":"-VU1jB","dropdownDeleteIcon":"dhlpHc","presetsWrapper":"M-xZyc","addPresetContainer":"_5mV3fS","dropContainer":"RL6Fpf"};
+var css$D = {"divider":"GvqtQn","dropdownDeleteIcon":"_7JDToK","presetsWrapper":"_0heZFq","addPresetContainer":"homTNo","dropContainer":"_1KPCgB"};
 
 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); }
@@ -2920,7 +3061,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
 };
 var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
 
-var css$C = {"delete-button":"V609Tt","tab-button":"fzjDwT","targetOpen":"FRmgAg","deleteButton":"V609Tt","tabButton":"fzjDwT"};
+var css$C = {"delete-button":"zF3qpi","tab-button":"-aEbrH","targetOpen":"gyk-RJ","deleteButton":"zF3qpi","tabButton":"-aEbrH"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -2978,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":"JlR-IO","preset-input":"q-LReA","presetInputCell":"JlR-IO","presetInput":"q-LReA"};
+var css$B = {"preset-input-cell":"nn3Ce5","preset-input":"tX5e7U","presetInputCell":"nn3Ce5","presetInput":"tX5e7U"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -3011,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":"_8gnk0c","activePreset":"LEXI0w"};
+var css$A = {"preset":"-gukT9","activePreset":"c-nxV0"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -3113,25 +3254,16 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$z = {"line-height-12":"PCNWs-","line-height-18":"pvW8l5","line-height-24":"_0sP0Jj","line-height-30":"x0swjy","font-size-10":"Rf8QyL","font-size-12":"caqImT","font-size-14":"UiNd6h","font-size-16":"T348EX","font-size-18":"mSTko5","font-size-24":"zX217r","v-padding-2":"pR9KOj","v-padding-3":"PE6cSm","v-padding-5":"_47nwCd","v-padding-6":"IbAmtw","v-padding-8":"_7kKjqa","v-padding-9":"J-PY5X","v-padding-11":"_4n3jmS","v-padding-12":"_36hC7Y","v-padding-14":"L08Us9","v-padding-15":"EauJ-Z","v-padding-17":"EU1Ne8","v-padding-18":"OwGnKR","v-padding-23":"z1vLhh","v-padding-24":"hrMK5N","lineHeight12":"PCNWs-","lineHeight18":"pvW8l5","lineHeight24":"_0sP0Jj","lineHeight30":"x0swjy","fontSize10":"Rf8QyL","fontSize12":"caqImT","fontSize14":"UiNd6h","fontSize16":"T348EX","fontSize18":"mSTko5","fontSize24":"zX217r","vPadding2":"pR9KOj","vPadding3":"PE6cSm","vPadding5":"_47nwCd","vPadding6":"IbAmtw","vPadding8":"_7kKjqa","vPadding9":"J-PY5X","vPadding11":"_4n3jmS","vPadding12":"_36hC7Y","vPadding14":"L08Us9","vPadding15":"EauJ-Z","vPadding17":"EU1Ne8","vPadding18":"OwGnKR","vPadding23":"z1vLhh","vPadding24":"hrMK5N"};
+var css$z = {"line-height-12":"UaosY9","line-height-18":"yESbz3","line-height-24":"EWYR6a","line-height-30":"B-rq4o","font-size-10":"p2zbbr","font-size-12":"Ekl28H","font-size-14":"_7eyPpb","font-size-16":"ogKbW1","font-size-18":"zis9li","font-size-24":"BhQL1p","v-padding-2":"TTTcFo","v-padding-3":"G1fDXv","v-padding-5":"EZLy7V","v-padding-6":"BZpBfX","v-padding-8":"ijdgod","v-padding-9":"tXfJS4","v-padding-11":"htK8e8","v-padding-12":"iR-iGl","v-padding-14":"ZF1etr","v-padding-15":"_0K8pKw","v-padding-17":"SWy6UK","v-padding-18":"A7tZ0G","v-padding-23":"-lcRcX","v-padding-24":"u-g1IE","lineHeight12":"UaosY9","lineHeight18":"yESbz3","lineHeight24":"EWYR6a","lineHeight30":"B-rq4o","fontSize10":"p2zbbr","fontSize12":"Ekl28H","fontSize14":"_7eyPpb","fontSize16":"ogKbW1","fontSize18":"zis9li","fontSize24":"BhQL1p","vPadding2":"TTTcFo","vPadding3":"G1fDXv","vPadding5":"EZLy7V","vPadding6":"BZpBfX","vPadding8":"ijdgod","vPadding9":"tXfJS4","vPadding11":"htK8e8","vPadding12":"iR-iGl","vPadding14":"ZF1etr","vPadding15":"_0K8pKw","vPadding17":"SWy6UK","vPadding18":"A7tZ0G","vPadding23":"-lcRcX","vPadding24":"u-g1IE"};
 
-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 [
@@ -3139,11 +3271,11 @@ function getTextClasses(props, border) {
     ];
 }
 
-var css$y = {"root":"LKdhpo"};
+var css$y = {"root":"II5XgO"};
 
 function applyTextMods(mods) {
     const textClasses = getTextClasses({
-        size: mods.size || '36',
+        size: mods.size || settings.sizes.defaults.text,
         lineHeight: mods.lineHeight,
         fontSize: mods.fontSize,
     }, false);
@@ -3158,7 +3290,7 @@ function applyTextMods(mods) {
 }
 const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods);
 
-var css$x = {"root":"WUCsoD","loading-word":"djHAUL","animated-loading":"pL15Q4","skeleton_loading":"g4yk-G","loadingWord":"djHAUL","animatedLoading":"pL15Q4","skeletonLoading":"g4yk-G"};
+var css$x = {"root":"_4Lr7eh","loading-word":"_29QUt7","animated-loading":"Pz4xvi","skeleton_loading":"UJteK6","loadingWord":"_29QUt7","animatedLoading":"Pz4xvi","skeletonLoading":"UJteK6"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3177,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":"NCOA-N","hero-header":"lou10l","promo-header":"IrlxKK","uui-critical":"MarD0C","uui-info":"CwmxoD","uui-success":"TFMHpe","uui-warning":"_5eiXZc","uui-highlight":"_2mBH1X","uui-typography-size-12":"YhN27r","uui-typography-size-14":"e4Lbaw","uui-typography-size-16":"_7xN4W9","root":"Z2mlOa","modal-blocker":"ktZo3f","animateModalBlocker":"fVjz4W","modal":"JsMcS0","modal-footer":"anVEFI","modal-header":"g7V3WS","uuiTypography":"NCOA-N","heroHeader":"lou10l","promoHeader":"IrlxKK","uuiCritical":"MarD0C","uuiInfo":"CwmxoD","uuiSuccess":"TFMHpe","uuiWarning":"_5eiXZc","uuiHighlight":"_2mBH1X","uuiTypographySize12":"YhN27r","uuiTypographySize14":"e4Lbaw","uuiTypographySize16":"_7xN4W9","modalBlocker":"ktZo3f","modalFooter":"anVEFI","modalHeader":"g7V3WS"};
+var css$w = {"uui-typography":"_3DH2Vu","hero-header":"rIX-In","promo-header":"mBL29y","uui-critical":"jHUDOR","uui-info":"XDodtT","uui-success":"TTIJyZ","uui-warning":"DsybPa","uui-highlight":"h2IQay","uui-typography-size-12":"ogdbZo","uui-typography-size-14":"jl9uxE","uui-typography-size-16":"cs5b-s","root":"_5UQAAj","modal-blocker":"nns9QO","animateModalBlocker":"HN18qu","modal":"OoMJb8","modal-footer":"d59uA0","modal-header":"lj7oRW","uuiTypography":"_3DH2Vu","heroHeader":"rIX-In","promoHeader":"mBL29y","uuiCritical":"jHUDOR","uuiInfo":"XDodtT","uuiSuccess":"TTIJyZ","uuiWarning":"DsybPa","uuiHighlight":"h2IQay","uuiTypographySize12":"ogdbZo","uuiTypographySize14":"jl9uxE","uuiTypographySize16":"cs5b-s","modalBlocker":"nns9QO","modalFooter":"d59uA0","modalHeader":"lj7oRW"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$w.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$w.root, css$w.modal], (props) => {
@@ -3196,19 +3328,19 @@ const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$w.root, cs
             maxHeight }),
     };
 });
-class ModalHeader extends React.Component {
+class ModalHeader extends React__default.Component {
     render() {
-        return (React.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$w.root, css$w.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
-            this.props.title && (React.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
+        return (React__default.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$w.root, css$w.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
+            this.props.title && (React__default.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
             this.props.children,
-            this.props.onClose && React.createElement(FlexSpacer, null),
-            this.props.onClose && (React.createElement(FlexCell, { shrink: 0, width: "auto" },
-                React.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
+            this.props.onClose && React__default.createElement(FlexSpacer, null),
+            this.props.onClose && (React__default.createElement(FlexCell, { shrink: 0, width: "auto" },
+                React__default.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
     }
 }
-class ModalFooter extends React.Component {
+class ModalFooter extends React__default.Component {
     render() {
-        return (React.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
+        return (React__default.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
                 css$w.root,
                 css$w.modalFooter,
                 this.props.cx,
@@ -3231,7 +3363,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$h = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
 
-var css$v = {"uui-typography":"afcoWr","hero-header":"_92QbMf","promo-header":"_3RNkok","uui-critical":"wzGtmy","uui-info":"Zxbk5E","uui-success":"e7Ef6Z","uui-warning":"_5QK9Jo","uui-highlight":"qD9HwM","uui-typography-size-12":"GcZfav","uui-typography-size-14":"T8RQlX","uui-typography-size-16":"m1xzue","root":"OhpMlk","icon-wrapper":"Rqt6V6","action-wrapper":"BA7kDv","action-link":"_48idh-","close-icon":"fLL22H","main-path":"IA81EK","content":"paRNso","close-wrapper":"d8GGV7","notification-wrapper":"PVCz5p","clear-button":"ngsT9Q","uuiTypography":"afcoWr","heroHeader":"_92QbMf","promoHeader":"_3RNkok","uuiCritical":"wzGtmy","uuiInfo":"Zxbk5E","uuiSuccess":"e7Ef6Z","uuiWarning":"_5QK9Jo","uuiHighlight":"qD9HwM","uuiTypographySize12":"GcZfav","uuiTypographySize14":"T8RQlX","uuiTypographySize16":"m1xzue","iconWrapper":"Rqt6V6","actionWrapper":"BA7kDv","actionLink":"_48idh-","closeIcon":"fLL22H","mainPath":"IA81EK","closeWrapper":"d8GGV7","notificationWrapper":"PVCz5p","clearButton":"ngsT9Q"};
+var css$v = {"uui-typography":"IwiFdr","hero-header":"m7YZCl","promo-header":"Mm1DWd","uui-critical":"Jb87-g","uui-info":"Hhiri-","uui-success":"W7Om7c","uui-warning":"e6ulZo","uui-highlight":"Ao7WMT","uui-typography-size-12":"f3ZgJf","uui-typography-size-14":"EoSa97","uui-typography-size-16":"UhQ-8n","root":"_0thES6","icon-wrapper":"_14l7qG","action-wrapper":"rDYbVa","action-link":"giDtjz","close-icon":"qhJ3fI","main-path":"NCnklW","content":"gDvddi","close-wrapper":"eCT1RA","notification-wrapper":"qwoCB3","clear-button":"wJg9HW","uuiTypography":"IwiFdr","heroHeader":"m7YZCl","promoHeader":"Mm1DWd","uuiCritical":"Jb87-g","uuiInfo":"Hhiri-","uuiSuccess":"W7Om7c","uuiWarning":"e6ulZo","uuiHighlight":"Ao7WMT","uuiTypographySize12":"f3ZgJf","uuiTypographySize14":"EoSa97","uuiTypographySize16":"UhQ-8n","iconWrapper":"_14l7qG","actionWrapper":"rDYbVa","actionLink":"giDtjz","closeIcon":"qhJ3fI","mainPath":"NCnklW","closeWrapper":"eCT1RA","notificationWrapper":"qwoCB3","clearButton":"wJg9HW"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -3307,6 +3439,64 @@ function useReliableForceUpdate() {
     return red[1];
 }
 
+var css$u = {"root":"G335hP","timepicker-input":"U6Vn1r","ltr-always":"HAs03H","timepickerInput":"U6Vn1r","ltrAlways":"HAs03H"};
+
+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')) {
@@ -3353,8 +3543,6 @@ const formatTime = (hours, minutes, meridian, format) => {
     return meridianResult ? time.concat(` ${meridianResult}`) : time;
 };
 
-var css$u = {"root":"_1a2pjz","timepicker-input":"skdcbb","timepickerInput":"skdcbb"};
-
 const DEFAULT_MODE = EditMode.FORM;
 const valueToTimeString = (value, format) => {
     if (value === null)
@@ -3444,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":"_1tTUIl"};
+var css$t = {"root":"vroRlt"};
 
 function applyInputAddonMods() {
     return [
@@ -3508,7 +3641,7 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$s = {"root":"_0gQFBI"};
+var css$s = {"root":"YXBt13"};
 
 function applySliderMods() {
     return [css$s.root, 'uui-color-neutral'];
@@ -3562,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) {
@@ -3591,14 +3724,14 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$r = {"uui-typography":"y7jRm8","hero-header":"ca2fbo","promo-header":"v1hKUU","uui-critical":"lvhrLB","uui-info":"_3-Ea0z","uui-success":"Her1Yq","uui-warning":"mLoZpB","uui-highlight":"wTGSwk","uui-typography-size-12":"JXmyAd","uui-typography-size-14":"_1Moq2a","uui-typography-size-16":"_0CeObo","root":"uVnbvZ","uuiTypography":"y7jRm8","heroHeader":"ca2fbo","promoHeader":"v1hKUU","uuiCritical":"lvhrLB","uuiInfo":"_3-Ea0z","uuiSuccess":"Her1Yq","uuiWarning":"mLoZpB","uuiHighlight":"wTGSwk","uuiTypographySize12":"JXmyAd","uuiTypographySize14":"_1Moq2a","uuiTypographySize16":"_0CeObo"};
+var css$r = {"uui-typography":"JcbUiM","hero-header":"weTZAG","promo-header":"GsaB7N","uui-critical":"dvPBdh","uui-info":"_1y-naF","uui-success":"_8Z90q7","uui-warning":"_4R7ZW4","uui-highlight":"_-7KZqB","uui-typography-size-12":"-cdw4l","uui-typography-size-14":"_2ze0Jz","uui-typography-size-16":"OhX93z","root":"Z6U357","uuiTypography":"JcbUiM","heroHeader":"weTZAG","promoHeader":"GsaB7N","uuiCritical":"dvPBdh","uuiInfo":"_1y-naF","uuiSuccess":"_8Z90q7","uuiWarning":"_4R7ZW4","uuiHighlight":"_-7KZqB","uuiTypographySize12":"-cdw4l","uuiTypographySize14":"_2ze0Jz","uuiTypographySize16":"OhX93z"};
 
 function applyCalendarPresetsMods() {
     return [css$r.root];
 }
 const CalendarPresets = /* @__PURE__ */withMods(CalendarPresets$1, applyCalendarPresetsMods, () => ({}));
 
-var css$q = {"uui-typography":"-YX9MR","hero-header":"yj5y-G","promo-header":"KtUYQQ","uui-critical":"WwY6-R","uui-info":"FinH6N","uui-success":"CP0-oK","uui-warning":"wnaMwh","uui-highlight":"yBW8gG","uui-typography-size-12":"Kwj9SW","uui-typography-size-14":"lPxa2P","uui-typography-size-16":"_14I6PW","root":"DAZiTx","container":"-VzZpM","day-selection":"_0u635d","from-picker":"_2g59AE","to-picker":"-fIYbu","bodes-wrapper":"w-uH6i","blocker":"_6G9kLj","uuiTypography":"-YX9MR","heroHeader":"yj5y-G","promoHeader":"KtUYQQ","uuiCritical":"WwY6-R","uuiInfo":"FinH6N","uuiSuccess":"CP0-oK","uuiWarning":"wnaMwh","uuiHighlight":"yBW8gG","uuiTypographySize12":"Kwj9SW","uuiTypographySize14":"lPxa2P","uuiTypographySize16":"_14I6PW","daySelection":"_0u635d","fromPicker":"_2g59AE","toPicker":"-fIYbu","bodesWrapper":"w-uH6i"};
+var css$q = {"uui-typography":"_9LwvVG","hero-header":"ufknGm","promo-header":"_4hqgAz","uui-critical":"fkpNp-","uui-info":"Ai4Da4","uui-success":"_3bV472","uui-warning":"s7xK14","uui-highlight":"X7ktr8","uui-typography-size-12":"eOfCtq","uui-typography-size-14":"WdE57w","uui-typography-size-16":"M1ru2B","root":"OOYaY-","container":"P6vO6D","day-selection":"a4CILI","from-picker":"v2gZXR","to-picker":"VrV4sL","bodes-wrapper":"zGSq1i","blocker":"XWLdSe","uuiTypography":"_9LwvVG","heroHeader":"ufknGm","promoHeader":"_4hqgAz","uuiCritical":"fkpNp-","uuiInfo":"Ai4Da4","uuiSuccess":"_3bV472","uuiWarning":"s7xK14","uuiHighlight":"X7ktr8","uuiTypographySize12":"eOfCtq","uuiTypographySize14":"WdE57w","uuiTypographySize16":"M1ru2B","daySelection":"a4CILI","fromPicker":"v2gZXR","toPicker":"VrV4sL","bodesWrapper":"zGSq1i"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3842,7 +3975,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$p = {"root":"rcAz2x","blocker":"bfTiWy","marker":"D1Uz26","top":"ApwVqC","bottom":"Qdpx27","left":"_6nFVaX","right":"_0G2Tgx","inside":"ZVWVf2"};
+var css$p = {"root":"RM9R44","blocker":"_1L8Uq-","marker":"_4sQ2wh","top":"IejB3A","bottom":"_0iLSc4","left":"_34jcDg","right":"YJRjck","inside":"e29U-g"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3857,12 +3990,12 @@ function DropMarker(props) {
         : null;
 }
 
-var css$o = {"uui-typography":"FX4HUh","hero-header":"vcTtCR","promo-header":"I7uMpY","uui-critical":"ucrS0A","uui-info":"_93xHSc","uui-success":"CgzBnS","uui-warning":"_6Hej-L","uui-highlight":"H2uDL7","uui-typography-size-12":"_9AQWGS","uui-typography-size-14":"iiuGpw","uui-typography-size-16":"mSGCLT","cell":"lfvs2l","wrapper":"-s955d","align-widgets-top":"_6fSb-0","size-24":"Jcvypr","size-30":"z8bth-","size-36":"IJJBAx","size-42":"uMysCG","size-48":"_3b8ya8","size-60":"Hzo87p","align-widgets-center":"V5RV8A","padding-6":"wb9Inw","padding-12":"erH7u-","padding-24":"PpCpwh","padding-left-12":"yGldgJ","padding-left-24":"PvWm4t","padding-right-12":"YqCL1x","padding-right-24":"zDycgN","loading-cell":"mpzzvL","uuiTypography":"FX4HUh","heroHeader":"vcTtCR","promoHeader":"I7uMpY","uuiCritical":"ucrS0A","uuiInfo":"_93xHSc","uuiSuccess":"CgzBnS","uuiWarning":"_6Hej-L","uuiHighlight":"H2uDL7","uuiTypographySize12":"_9AQWGS","uuiTypographySize14":"iiuGpw","uuiTypographySize16":"mSGCLT","alignWidgetsTop":"_6fSb-0","size24":"Jcvypr","size30":"z8bth-","size36":"IJJBAx","size42":"uMysCG","size48":"_3b8ya8","size60":"Hzo87p","alignWidgetsCenter":"V5RV8A","padding6":"wb9Inw","padding12":"erH7u-","padding24":"PpCpwh","paddingLeft12":"yGldgJ","paddingLeft24":"PvWm4t","paddingRight12":"YqCL1x","paddingRight24":"zDycgN","loadingCell":"mpzzvL"};
+var css$o = {"uui-typography":"h0-j-9","hero-header":"BCV7uj","promo-header":"R1zQpZ","uui-critical":"I-Hv8Q","uui-info":"b5-42j","uui-success":"_4JI6nS","uui-warning":"nPS-rr","uui-highlight":"YGYepi","uui-typography-size-12":"OObUXp","uui-typography-size-14":"y4Owr9","uui-typography-size-16":"ngP3EG","cell":"di-kv5","wrapper":"T4v908","align-widgets-top":"B45RPC","align-widgets-center":"OmjFWc","padding-6":"iGSMp-","padding-12":"x4VN9G","padding-24":"Ia2lgL","padding-left-12":"_471Cm4","padding-left-24":"e3rJq5","padding-right-12":"wES7dI","padding-right-24":"_7yJq0D","loading-cell":"aVsvPq","uuiTypography":"h0-j-9","heroHeader":"BCV7uj","promoHeader":"R1zQpZ","uuiCritical":"I-Hv8Q","uuiInfo":"b5-42j","uuiSuccess":"_4JI6nS","uuiWarning":"nPS-rr","uuiHighlight":"YGYepi","uuiTypographySize12":"OObUXp","uuiTypographySize14":"y4Owr9","uuiTypographySize16":"ngP3EG","alignWidgetsTop":"B45RPC","alignWidgetsCenter":"OmjFWc","padding6":"iGSMp-","padding12":"x4VN9G","padding24":"Ia2lgL","paddingLeft12":"_471Cm4","paddingLeft24":"e3rJq5","paddingRight12":"wES7dI","paddingRight24":"_7yJq0D","loadingCell":"aVsvPq"};
 
-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
         || (() => (
@@ -3895,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}`],
@@ -3905,7 +4038,7 @@ function DataTableCell(props) {
     return React.createElement(DataTableCell$1, Object.assign({}, props));
 }
 
-var css$n = {"uui-typography":"uidgjl","hero-header":"cRiFYr","promo-header":"NULVjX","uui-critical":"YRQw7M","uui-info":"_7S781c","uui-success":"kLldcw","uui-warning":"CangXi","uui-highlight":"Sx9Tnm","uui-typography-size-12":"O0type","uui-typography-size-14":"HMJxQ0","uui-typography-size-16":"TOcKuX","root":"fry7PU","size-24":"_2UqnpC","size-30":"i-p5Ik","size-36":"KaVKCU","size-48":"CsYgcr","size-60":"tdbdRe","uuiTypography":"uidgjl","heroHeader":"cRiFYr","promoHeader":"NULVjX","uuiCritical":"YRQw7M","uuiInfo":"_7S781c","uuiSuccess":"kLldcw","uuiWarning":"CangXi","uuiHighlight":"Sx9Tnm","uuiTypographySize12":"O0type","uuiTypographySize14":"HMJxQ0","uuiTypographySize16":"TOcKuX","size24":"_2UqnpC","size30":"i-p5Ik","size36":"KaVKCU","size48":"CsYgcr","size60":"tdbdRe"};
+var css$n = {"uui-typography":"vj79Sf","hero-header":"_4mbgbC","promo-header":"Mt0EvQ","uui-critical":"_2ygwSH","uui-info":"_13l-El","uui-success":"bPS7KW","uui-warning":"S23G53","uui-highlight":"SPEVJg","uui-typography-size-12":"gWYZnh","uui-typography-size-14":"k-MA3s","uui-typography-size-16":"yipM0P","root":"nge1rK","size-24":"_0r2qOb","size-30":"gEmJUd","size-36":"DGRpyr","size-48":"_4xOj-E","size-60":"GfqxDL","uuiTypography":"vj79Sf","heroHeader":"_4mbgbC","promoHeader":"Mt0EvQ","uuiCritical":"_2ygwSH","uuiInfo":"_13l-El","uuiSuccess":"bPS7KW","uuiWarning":"S23G53","uuiHighlight":"SPEVJg","uuiTypographySize12":"gWYZnh","uuiTypographySize14":"k-MA3s","uuiTypographySize16":"yipM0P","size24":"_0r2qOb","size30":"gEmJUd","size36":"DGRpyr","size48":"_4xOj-E","size60":"GfqxDL"};
 
 // 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.
@@ -3921,7 +4054,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$m = {"uui-typography":"TcNA92","hero-header":"A4IM0U","promo-header":"AsCBvy","uui-critical":"ip5sET","uui-info":"yN0GEM","uui-success":"x4i3w1","uui-warning":"_0KdahR","uui-highlight":"d1Wxt1","uui-typography-size-12":"nusfRu","uui-typography-size-14":"Jlb7Em","uui-typography-size-16":"Gk79Rx","sorting-panel-container":"FHvbN8","sort-active":"kvoZKo","uuiTypography":"TcNA92","heroHeader":"A4IM0U","promoHeader":"AsCBvy","uuiCritical":"ip5sET","uuiInfo":"yN0GEM","uuiSuccess":"x4i3w1","uuiWarning":"_0KdahR","uuiHighlight":"d1Wxt1","uuiTypographySize12":"nusfRu","uuiTypographySize14":"Jlb7Em","uuiTypographySize16":"Gk79Rx","sortingPanelContainer":"FHvbN8","sortActive":"kvoZKo"};
+var css$m = {"uui-typography":"YqSDBG","hero-header":"tlYUaF","promo-header":"xxFaJv","uui-critical":"N1EH54","uui-info":"FHi-kR","uui-success":"m1-AuT","uui-warning":"fGPvfB","uui-highlight":"gFd-oD","uui-typography-size-12":"FvqmBn","uui-typography-size-14":"eKE0au","uui-typography-size-16":"_4dhvCv","sorting-panel-container":"FdBWuI","sort-active":"upqV48","uuiTypography":"YqSDBG","heroHeader":"tlYUaF","promoHeader":"xxFaJv","uuiCritical":"N1EH54","uuiInfo":"FHi-kR","uuiSuccess":"m1-AuT","uuiWarning":"fGPvfB","uuiHighlight":"gFd-oD","uuiTypographySize12":"FvqmBn","uuiTypographySize14":"eKE0au","uuiTypographySize16":"_4dhvCv","sortingPanelContainer":"FdBWuI","sortActive":"upqV48"};
 
 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); }
@@ -4051,7 +4184,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$a = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
 
-var css$l = {"uui-typography":"tdc2s6","hero-header":"Wtpo-Q","promo-header":"p3t2z7","uui-critical":"_4MjZdS","uui-info":"E5EIcO","uui-success":"OdXG85","uui-warning":"SYJEsB","uui-highlight":"K-izYO","uui-typography-size-12":"E3jkQx","uui-typography-size-14":"un5W-7","uui-typography-size-16":"rMYyI1","cell":"XR5TIN","column-gap-12":"PCOJqB","caption-wrapper":"pNdFPX","column-gap-24":"aG22b8","first-column-12":"S4anih","last-column-12":"_8qv7b3","first-column-24":"uuIBhH","last-column-24":"MSoK7W","sort-icon":"TIBQDP","dropdown-icon":"VrOwX8","infoIcon":"Hs8OxI","resizable":"FQ-UMs","size-24":"x-U6GW","size-30":"_34yT9R","size-36":"fOiLdp","size-42":"TQimFl","size-48":"p0v7wI","padding-left-24":"qyiOlv","padding-right-24":"_4KLGR2","align-right":"_0dkT91","align-center":"qO4xrV","caption":"ZGItTw","checkbox":"OX-SJ6","icon":"toHKuT","fold-all-icon":"iWQaCs","cell-tooltip":"NQE0Lm","upper-case":"M549H1","font-size-14":"qnFYwm","resize-mark":"g4zi9G","resize-mark-6":"XL3ny8","resize-mark-12":"spMTWX","pinned-right":"v5fF86","draggable":"SQfhV3","ghost":"qJryVm","is-dragged-out":"VnmnnV","dnd-marker-left":"nAm7Q2","dnd-marker-right":"iKDewh","cell-tooltip-wrapper":"_9oJcSl","cell-tooltip-text":"ttGlgo","uuiTypography":"tdc2s6","heroHeader":"Wtpo-Q","promoHeader":"p3t2z7","uuiCritical":"_4MjZdS","uuiInfo":"E5EIcO","uuiSuccess":"OdXG85","uuiWarning":"SYJEsB","uuiHighlight":"K-izYO","uuiTypographySize12":"E3jkQx","uuiTypographySize14":"un5W-7","uuiTypographySize16":"rMYyI1","columnGap12":"PCOJqB","captionWrapper":"pNdFPX","columnGap24":"aG22b8","firstColumn12":"S4anih","lastColumn12":"_8qv7b3","firstColumn24":"uuIBhH","lastColumn24":"MSoK7W","sortIcon":"TIBQDP","dropdownIcon":"VrOwX8","size24":"x-U6GW","size30":"_34yT9R","size36":"fOiLdp","size42":"TQimFl","size48":"p0v7wI","paddingLeft24":"qyiOlv","paddingRight24":"_4KLGR2","alignRight":"_0dkT91","alignCenter":"qO4xrV","foldAllIcon":"iWQaCs","cellTooltip":"NQE0Lm","upperCase":"M549H1","fontSize14":"qnFYwm","resizeMark":"g4zi9G","resizeMark6":"XL3ny8","resizeMark12":"spMTWX","pinnedRight":"v5fF86","isDraggedOut":"VnmnnV","dndMarkerLeft":"nAm7Q2","dndMarkerRight":"iKDewh","cellTooltipWrapper":"_9oJcSl","cellTooltipText":"ttGlgo"};
+var css$l = {"uui-typography":"w8-1dZ","hero-header":"nddqVp","promo-header":"_55MWJQ","uui-critical":"WWB7br","uui-info":"JAR9PE","uui-success":"E5JIHL","uui-warning":"DAeRI4","uui-highlight":"Jf62KX","uui-typography-size-12":"_7vGl-l","uui-typography-size-14":"DXdPjY","uui-typography-size-16":"-MsAgG","cell":"Kffcvj","column-gap-12":"ZeM-tw","caption-wrapper":"S7S0At","column-gap-24":"_1wjuaa","first-column-12":"_1RuB-d","last-column-12":"LErGTt","first-column-24":"jRJknP","last-column-24":"Si0cyP","sort-icon":"_3CYlMr","dropdown-icon":"mwaVVX","infoIcon":"ryLSem","resizable":"_2wCH-8","size-24":"UYov4Z","size-30":"_5fPzlC","size-36":"Ko08PH","size-42":"PBdEYz","size-48":"MMekuP","padding-left-24":"_8SQh0h","padding-right-24":"_7Q-2t6","align-right":"-kYpR9","align-center":"_15ejrq","caption":"xEuZKq","checkbox":"SqUmsH","icon":"wNubqm","fold-all-icon":"XA7U8X","cell-tooltip":"lvUMKP","upper-case":"_6Egejg","font-size-14":"gw8H8l","resize-mark":"cpVp9-","resize-mark-6":"hdEfrQ","resize-mark-12":"K1tAuR","pinned-right":"e2eLfb","draggable":"l4BRy1","ghost":"N51WzQ","is-dragged-out":"_0XmGc5","dnd-marker-left":"pDe0l8","dnd-marker-right":"CzZQp6","cell-tooltip-wrapper":"_3mDszx","cell-tooltip-text":"GMbn9h","uuiTypography":"w8-1dZ","heroHeader":"nddqVp","promoHeader":"_55MWJQ","uuiCritical":"WWB7br","uuiInfo":"JAR9PE","uuiSuccess":"E5JIHL","uuiWarning":"DAeRI4","uuiHighlight":"Jf62KX","uuiTypographySize12":"_7vGl-l","uuiTypographySize14":"DXdPjY","uuiTypographySize16":"-MsAgG","columnGap12":"ZeM-tw","captionWrapper":"S7S0At","columnGap24":"_1wjuaa","firstColumn12":"_1RuB-d","lastColumn12":"LErGTt","firstColumn24":"jRJknP","lastColumn24":"Si0cyP","sortIcon":"_3CYlMr","dropdownIcon":"mwaVVX","size24":"UYov4Z","size30":"_5fPzlC","size36":"Ko08PH","size42":"PBdEYz","size48":"MMekuP","paddingLeft24":"_8SQh0h","paddingRight24":"_7Q-2t6","alignRight":"-kYpR9","alignCenter":"_15ejrq","foldAllIcon":"XA7U8X","cellTooltip":"lvUMKP","upperCase":"_6Egejg","fontSize14":"gw8H8l","resizeMark":"cpVp9-","resizeMark6":"hdEfrQ","resizeMark12":"K1tAuR","pinnedRight":"e2eLfb","isDraggedOut":"_0XmGc5","dndMarkerLeft":"pDe0l8","dndMarkerRight":"CzZQp6","cellTooltipWrapper":"_3mDszx","cellTooltipText":"GMbn9h"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -4133,14 +4266,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
 
-var css$k = {"uui-typography":"_5Gdlnl","hero-header":"FnXgPH","promo-header":"iX68gn","uui-critical":"Q0SCWi","uui-info":"R4dieO","uui-success":"cq6ewY","uui-warning":"_541mcF","uui-highlight":"npOONo","uui-typography-size-12":"sgNPF5","uui-typography-size-14":"oLccsS","uui-typography-size-16":"sLxgmX","header-cell":"_0vpF1F","truncate":"_7xYkoF","uuiTypography":"_5Gdlnl","heroHeader":"FnXgPH","promoHeader":"iX68gn","uuiCritical":"Q0SCWi","uuiInfo":"R4dieO","uuiSuccess":"cq6ewY","uuiWarning":"_541mcF","uuiHighlight":"npOONo","uuiTypographySize12":"sgNPF5","uuiTypographySize14":"oLccsS","uuiTypographySize16":"sLxgmX","headerCell":"_0vpF1F"};
+var css$k = {"uui-typography":"AA-t0p","hero-header":"C-n7o4","promo-header":"YBDR8k","uui-critical":"_84kOpg","uui-info":"TJz7rk","uui-success":"Af9Jg0","uui-warning":"BBW713","uui-highlight":"jBFalk","uui-typography-size-12":"lTegXo","uui-typography-size-14":"Ki5hdq","uui-typography-size-16":"scGBNq","header-cell":"WRZwDr","truncate":"frOwWG","uuiTypography":"AA-t0p","heroHeader":"C-n7o4","promoHeader":"YBDR8k","uuiCritical":"_84kOpg","uuiInfo":"TJz7rk","uuiSuccess":"Af9Jg0","uuiWarning":"BBW713","uuiHighlight":"jBFalk","uuiTypographySize12":"lTegXo","uuiTypographySize14":"Ki5hdq","uuiTypographySize16":"scGBNq","headerCell":"WRZwDr"};
 
 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":"ofBM1-","hero-header":"xocunm","promo-header":"T1eSvY","uui-critical":"X6hW5d","uui-info":"_7BO8ok","uui-success":"v47COk","uui-warning":"_18kIXy","uui-highlight":"QZR0pz","uui-typography-size-12":"kVxCKw","uui-typography-size-14":"ywibJR","uui-typography-size-16":"o-k3u2","main-panel":"Cw776O","group-title":"fiTZXo","group-title-text":"XkOZAY","group-title-badge":"m6hJs1","group-items":"UNUeNA","no-data":"_26NeY1","h-divider":"_3y2-Pg","search-area":"OULjdL","subgroup-accordion":"_5N4KY8","subgroup-title":"hkxmJ5","uuiTypography":"ofBM1-","heroHeader":"xocunm","promoHeader":"T1eSvY","uuiCritical":"X6hW5d","uuiInfo":"_7BO8ok","uuiSuccess":"v47COk","uuiWarning":"_18kIXy","uuiHighlight":"QZR0pz","uuiTypographySize12":"kVxCKw","uuiTypographySize14":"ywibJR","uuiTypographySize16":"o-k3u2","mainPanel":"Cw776O","groupTitle":"fiTZXo","groupTitleText":"XkOZAY","groupTitleBadge":"m6hJs1","groupItems":"UNUeNA","noData":"_26NeY1","hDivider":"_3y2-Pg","searchArea":"OULjdL","subgroupAccordion":"_5N4KY8","subgroupTitle":"hkxmJ5"};
+var styles$1 = {"uui-typography":"pZMfN7","hero-header":"_7njzCw","promo-header":"caKn7H","uui-critical":"y-Coli","uui-info":"A1ufj3","uui-success":"vAU02x","uui-warning":"_2lc2s2","uui-highlight":"-HC24T","uui-typography-size-12":"hQ7YCA","uui-typography-size-14":"pGNXq1","uui-typography-size-16":"VvLpHw","main-panel":"fTtM02","group-title":"YIvKDX","group-title-text":"RMjD6v","group-title-badge":"fLCoKX","group-items":"L1Ufae","no-data":"WxJGsv","h-divider":"XnTqM3","search-area":"_9q8-Jz","subgroup-accordion":"o1cgHm","subgroup-title":"-Ezt-W","uuiTypography":"pZMfN7","heroHeader":"_7njzCw","promoHeader":"caKn7H","uuiCritical":"y-Coli","uuiInfo":"A1ufj3","uuiSuccess":"vAU02x","uuiWarning":"_2lc2s2","uuiHighlight":"-HC24T","uuiTypographySize12":"hQ7YCA","uuiTypographySize14":"pGNXq1","uuiTypographySize16":"VvLpHw","mainPanel":"fTtM02","groupTitle":"YIvKDX","groupTitleText":"RMjD6v","groupTitleBadge":"fLCoKX","groupItems":"L1Ufae","noData":"WxJGsv","hDivider":"XnTqM3","searchArea":"_9q8-Jz","subgroupAccordion":"o1cgHm","subgroupTitle":"-Ezt-W"};
 
 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); }
@@ -4197,7 +4330,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
-var css$j = {"unpin-icon":"_1339To","pin-toggler-icon":"yAcesw","unpinIcon":"_1339To","pinTogglerIcon":"yAcesw"};
+var css$j = {"unpin-icon":"Vw-lB8","pin-toggler-icon":"_75jUzv","unpinIcon":"Vw-lB8","pinTogglerIcon":"_75jUzv"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4256,7 +4389,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
 
-var styles = {"uui-typography":"Ukve-K","hero-header":"_784Dlz","promo-header":"j0JkmE","uui-critical":"_9RpeXP","uui-info":"Goy33o","uui-success":"gUSLsq","uui-warning":"_8tAxAj","uui-highlight":"CHEVw4","uui-typography-size-12":"p6WDz0","uui-typography-size-14":"bBGc-X","uui-typography-size-16":"zLHmj9","row-wrapper":"yoq7u-","not-pinned":"z-CgTl","pin-icon-button":"P16KDH","checkbox":"-jcBGf","drag-handle":"GPcaHb","dnd-disabled":"TCER2e","uuiTypography":"Ukve-K","heroHeader":"_784Dlz","promoHeader":"j0JkmE","uuiCritical":"_9RpeXP","uuiInfo":"Goy33o","uuiSuccess":"gUSLsq","uuiWarning":"_8tAxAj","uuiHighlight":"CHEVw4","uuiTypographySize12":"p6WDz0","uuiTypographySize14":"bBGc-X","uuiTypographySize16":"zLHmj9","rowWrapper":"yoq7u-","notPinned":"z-CgTl","pinIconButton":"P16KDH","dragHandle":"GPcaHb","dndDisabled":"TCER2e"};
+var styles = {"uui-typography":"_6s52l4","hero-header":"_43iSoZ","promo-header":"nfUwlD","uui-critical":"uI4VbI","uui-info":"eKD0k-","uui-success":"Ypiysp","uui-warning":"r3Yr29","uui-highlight":"kb4HaE","uui-typography-size-12":"_7NENeq","uui-typography-size-14":"NXff1Y","uui-typography-size-16":"EO3qMs","row-wrapper":"Jd-0mV","not-pinned":"oDmiQt","pin-icon-button":"P7bduE","checkbox":"eyGTXF","drag-handle":"EiKomx","dnd-disabled":"wPCERC","uuiTypography":"_6s52l4","heroHeader":"_43iSoZ","promoHeader":"nfUwlD","uuiCritical":"uI4VbI","uuiInfo":"eKD0k-","uuiSuccess":"Ypiysp","uuiWarning":"r3Yr29","uuiHighlight":"kb4HaE","uuiTypographySize12":"_7NENeq","uuiTypographySize14":"NXff1Y","uuiTypographySize16":"EO3qMs","rowWrapper":"Jd-0mV","notPinned":"oDmiQt","pinIconButton":"P7bduE","dragHandle":"EiKomx","dndDisabled":"wPCERC"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4365,7 +4498,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"_5Ug05V","header":"faLhCL","group":"nHHIXQ","stickyHeader":"BhAxHk"};
+var css$i = {"listContainer":"pVBm-U","header":"GuMLAd","group":"ggY2M2","stickyHeader":"_6T-m8c"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4431,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(#oud3bez3wwsq1kf2e_a)"
+    clipPath: "url(#ec5d0i3dz3ai0vpru_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"
@@ -4452,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: "oud3be4qsrbtiabdx_b",
+    id: "ec5d0ihssmn4h9ojd_b",
     style: {
       maskType: "alpha"
     },
@@ -4465,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(#oud3be4qsrbtiabdx_b)",
+    mask: "url(#ec5d0ihssmn4h9ojd_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4551,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: "oud3bez3wwsq1kf2e_a"
+    id: "ec5d0i3dz3ai0vpru_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4560,7 +4693,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var css$h = {"sticky-header":"pShpo1","table":"AO0OhS","no-results":"_0Xgw1z","no-results-icon":"_16IWXd","no-results-title":"VkSwyF","stickyHeader":"pShpo1","noResults":"_0Xgw1z","noResultsIcon":"_16IWXd","noResultsTitle":"VkSwyF"};
+var css$h = {"sticky-header":"ql6CDh","table":"jc2piE","no-results":"zqpXo6","no-results-icon":"GzIC6g","no-results-title":"K6mIq3","stickyHeader":"ql6CDh","noResults":"zqpXo6","noResultsIcon":"GzIC6g","noResultsTitle":"K6mIq3"};
 
 const DEFAULT_HEADER_SIZE = '36';
 const DEFAULT_COLUMN_GAP = '24';
@@ -4613,9 +4746,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"NwFtrf"};
+var css$g = {"root":"WvOMtu"};
 
-var css$f = {"root":"_9X4g7Y","burger-content":"_3zTLho","burgerContent":"_3zTLho"};
+var css$f = {"root":"OWDVDi","burger-content":"_-6oujp","burgerContent":"_-6oujp"};
 
 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); }
@@ -4658,7 +4791,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"jQ9kDs","hero-header":"vPqcW4","promo-header":"_6Rzldc","uui-critical":"sf4epo","uui-info":"zY8IaD","uui-success":"L-TFTX","uui-warning":"QcbghS","uui-highlight":"E7fmE5","uui-typography-size-12":"ICy6sB","uui-typography-size-14":"KvbItu","uui-typography-size-16":"tJBEEA","root":"BnJ-qE","button-primary":"xHPROz","button-secondary":"LyXNWZ","hasIcon":"_5LhBL7","dropdown":"CcIDvC","uuiTypography":"jQ9kDs","heroHeader":"vPqcW4","promoHeader":"_6Rzldc","uuiCritical":"sf4epo","uuiInfo":"zY8IaD","uuiSuccess":"L-TFTX","uuiWarning":"QcbghS","uuiHighlight":"E7fmE5","uuiTypographySize12":"ICy6sB","uuiTypographySize14":"KvbItu","uuiTypographySize16":"tJBEEA","buttonPrimary":"xHPROz","buttonSecondary":"LyXNWZ"};
+var css$e = {"uui-typography":"Z9ZLIz","hero-header":"Bm4iJg","promo-header":"_9mTQ47","uui-critical":"MciZl4","uui-info":"h4pkFQ","uui-success":"rfkbnq","uui-warning":"OCAEfM","uui-highlight":"IC2pn5","uui-typography-size-12":"gltzSy","uui-typography-size-14":"Ga9Zo8","uui-typography-size-16":"kob8T7","root":"Y33mAP","button-primary":"Dieh4k","button-secondary":"_-11ao5","hasIcon":"_1BfLKU","dropdown":"_5hWQOR","uuiTypography":"Z9ZLIz","heroHeader":"Bm4iJg","promoHeader":"_9mTQ47","uuiCritical":"MciZl4","uuiInfo":"h4pkFQ","uuiSuccess":"rfkbnq","uuiWarning":"OCAEfM","uuiHighlight":"IC2pn5","uuiTypographySize12":"gltzSy","uuiTypographySize14":"Ga9Zo8","uuiTypographySize16":"kob8T7","buttonPrimary":"Dieh4k","buttonSecondary":"_-11ao5"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -4669,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":"EuPLlY","searchInput":"EuPLlY"};
+var css$d = {"search-input":"C-mGuz","searchInput":"C-mGuz"};
 
 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":"dfvBaZ","group-header":"ErXbA9","group-name":"lPUjKa","line":"-ow5Fm","groupHeader":"ErXbA9","groupName":"lPUjKa"};
+var css$c = {"root":"-JoUR6","group-header":"xB6F39","group-name":"xF4Y4E","line":"-l49ww","groupHeader":"xB6F39","groupName":"xF4Y4E"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -4683,7 +4816,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"b-zbP3","hero-header":"fBpzRJ","promo-header":"aaFv87","uui-critical":"OJGiHH","uui-info":"BzqyLi","uui-success":"l3h21W","uui-warning":"RRGAos","uui-highlight":"sd3etA","uui-typography-size-12":"dWHgLt","uui-typography-size-14":"n6FmZ7","uui-typography-size-16":"uaP0gT","root":"-avp31","type-primary":"uLGqaQ","type-secondary":"kF4STp","uuiTypography":"b-zbP3","heroHeader":"fBpzRJ","promoHeader":"aaFv87","uuiCritical":"OJGiHH","uuiInfo":"BzqyLi","uuiSuccess":"l3h21W","uuiWarning":"RRGAos","uuiHighlight":"sd3etA","uuiTypographySize12":"dWHgLt","uuiTypographySize14":"n6FmZ7","uuiTypographySize16":"uaP0gT","typePrimary":"uLGqaQ","typeSecondary":"kF4STp"};
+var css$b = {"uui-typography":"_-4Ah1G","hero-header":"-BGu34","promo-header":"qKKcEp","uui-critical":"lWw2le","uui-info":"fj8K7g","uui-success":"eDXAMN","uui-warning":"hXhFWM","uui-highlight":"_2WfDNE","uui-typography-size-12":"vlYzR4","uui-typography-size-14":"tc8XyH","uui-typography-size-16":"HhP0ab","root":"eMZ-fj","type-primary":"ZYLG2T","type-secondary":"hJjmtB","uuiTypography":"_-4Ah1G","heroHeader":"-BGu34","promoHeader":"qKKcEp","uuiCritical":"lWw2le","uuiInfo":"fj8K7g","uuiSuccess":"eDXAMN","uuiWarning":"hXhFWM","uuiHighlight":"_2WfDNE","uuiTypographySize12":"vlYzR4","uuiTypographySize14":"tc8XyH","uuiTypographySize16":"HhP0ab","typePrimary":"ZYLG2T","typeSecondary":"hJjmtB"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -4699,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":"Eqejoo","dropdownBody":"Eqejoo"};
+var css$a = {"dropdown-body":"kEjoAi","dropdownBody":"kEjoAi"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -4754,12 +4887,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"-oW-jm","global-menu-icon":"TVwzdZ","globalMenuBtn":"-oW-jm","globalMenuIcon":"TVwzdZ"};
+var css$9 = {"global-menu-btn":"_83k2cJ","global-menu-icon":"TFfFrA","globalMenuBtn":"_83k2cJ","globalMenuIcon":"TFfFrA"};
 
 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":"GwVVf0","open":"gojqhk"};
+var css$8 = {"container":"_7VtDbQ","open":"TQoCRV"};
 
 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 }),
@@ -4767,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":"akNA5i","searchInput":"akNA5i"};
+var css$7 = {"search-input":"DEZGfn","searchInput":"DEZGfn"};
 
 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":"DEYDSt"};
+var css$6 = {"container":"AvedBl"};
 
 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":"IKaqUH"};
+var css$5 = {"root":"xRcoFY"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -4836,7 +4969,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"nxPhR-","drop-start":"i7ScKc","drop-over":"hxYrG2","link":"xDIoxi","drop-area":"ELfINl","drop-caption":"QuVetq","icon-blue":"_5sO-P2","dropStart":"i7ScKc","dropOver":"hxYrG2","dropArea":"ELfINl","dropCaption":"QuVetq","iconBlue":"_5sO-P2"};
+var css$4 = {"root":"yo-YRJ","drop-start":"Ptv6xS","drop-over":"QHVPB3","link":"CYPPR5","drop-area":"GBh2eT","drop-caption":"nwuxjQ","icon-blue":"_-6cPoV","dropStart":"Ptv6xS","dropOver":"QHVPB3","dropArea":"GBh2eT","dropCaption":"nwuxjQ","iconBlue":"_-6cPoV"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -4854,9 +4987,9 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"SMB7Z4","hero-header":"_0wXrkf","promo-header":"M4yH2r","uui-critical":"fEOxi2","uui-info":"AJ5Og-","uui-success":"XNcg7C","uui-warning":"r--Xs5","uui-highlight":"YZSHEO","uui-typography-size-12":"_1hhz1e","uui-typography-size-14":"SOVIfy","uui-typography-size-16":"b-MLbb","root":"_9SOrWV","file-name":"BLb0Vq","default-color":"F5bTjI","doc-color":"_46uC69","xls-color":"_7nqoCR","pdf-color":"k-Cxpk","movie-color":"sPS-Av","img-color":"r-PXsu","mov-color":"nzmAJ3","error-block":"pDMR7M","icons-block":"Xu9l3K","uuiTypography":"SMB7Z4","heroHeader":"_0wXrkf","promoHeader":"M4yH2r","uuiCritical":"fEOxi2","uuiInfo":"AJ5Og-","uuiSuccess":"XNcg7C","uuiWarning":"r--Xs5","uuiHighlight":"YZSHEO","uuiTypographySize12":"_1hhz1e","uuiTypographySize14":"SOVIfy","uuiTypographySize16":"b-MLbb","fileName":"BLb0Vq","defaultColor":"F5bTjI","docColor":"_46uC69","xlsColor":"_7nqoCR","pdfColor":"k-Cxpk","movieColor":"sPS-Av","imgColor":"r-PXsu","movColor":"nzmAJ3","errorBlock":"pDMR7M","iconsBlock":"Xu9l3K"};
+var css$3 = {"uui-typography":"_5pkolN","hero-header":"WM1gSA","promo-header":"-bKQB6","uui-critical":"FbRJ1a","uui-info":"HNFyMk","uui-success":"_0KNygM","uui-warning":"HoDROB","uui-highlight":"tvqMav","uui-typography-size-12":"bKBdSg","uui-typography-size-14":"f73FQc","uui-typography-size-16":"d2Oy-s","root":"SrXFlq","file-name":"FmENYa","default-color":"gKWQIs","doc-color":"rICyjn","xls-color":"_83ikN7","pdf-color":"_7K7AME","movie-color":"_0TPx5O","img-color":"QSWDUU","mov-color":"JLrfih","error-block":"xlC1aN","icons-block":"vKBgfZ","uuiTypography":"_5pkolN","heroHeader":"WM1gSA","promoHeader":"-bKQB6","uuiCritical":"FbRJ1a","uuiInfo":"HNFyMk","uuiSuccess":"_0KNygM","uuiWarning":"HoDROB","uuiHighlight":"tvqMav","uuiTypographySize12":"bKBdSg","uuiTypographySize14":"f73FQc","uuiTypographySize16":"d2Oy-s","fileName":"FmENYa","defaultColor":"gKWQIs","docColor":"rICyjn","xlsColor":"_83ikN7","pdfColor":"_7K7AME","movieColor":"_0TPx5O","imgColor":"QSWDUU","movColor":"JLrfih","errorBlock":"xlC1aN","iconsBlock":"vKBgfZ"};
 
-var css$2 = {"root":"VI9lCI"};
+var css$2 = {"root":"_3XlPR2"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -4981,7 +5114,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"I4yjoV"};
+var css$1 = {"container":"Nf1RjC"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -4992,7 +5125,7 @@ const ErrorPage = (props) => {
             React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
 };
 
-var css = {"recovery-spinner":"x8hwiH","recovery-message":"DlznQr","modal-blocker":"_7opvLj","modalFadeIn":"vUy1rC","recoverySpinner":"x8hwiH","recoveryMessage":"DlznQr","modalBlocker":"_7opvLj"};
+var css = {"recovery-spinner":"ne7DP2","recovery-message":"y4IL88","modal-blocker":"cat94J","modalFadeIn":"lfTsnX","recoverySpinner":"ne7DP2","recoveryMessage":"y4IL88","modalBlocker":"cat94J"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5043,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