@epam/uui 5.8.0 → 5.8.1-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, getHtmlDir, 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,187 @@ const systemIcons = {
     info: ForwardRef$L,
 };
 
-var css$1s = {"uui-typography":"_9-7-m5","hero-header":"xJeDXx","promo-header":"fkwuKa","uui-critical":"shSDWr","uui-info":"duuGA9","uui-success":"JhWpLZ","uui-warning":"AXEItL","uui-highlight":"gKW5Dk","uui-typography-size-12":"_3ZljBU","uui-typography-size-14":"YG7f72","uui-typography-size-16":"TCR42W","root":"iNNkKH","uuiTypography":"_9-7-m5","heroHeader":"xJeDXx","promoHeader":"fkwuKa","uuiCritical":"shSDWr","uuiInfo":"duuGA9","uuiSuccess":"JhWpLZ","uuiWarning":"AXEItL","uuiHighlight":"gKW5Dk","uuiTypographySize12":"_3ZljBU","uuiTypographySize14":"YG7f72","uuiTypographySize16":"TCR42W"};
+const settings = {
+    sizes: {
+        defaults: {
+            button: '36',
+            checkbox: '18',
+            countIndicator: '24',
+            dataPickerCell: '36',
+            linkButton: '36',
+            numericInput: '36',
+            pickerToggler: '36',
+            pickerItem: '36',
+            radioInput: '18',
+            switch: '18',
+            tabButton: '48',
+            tag: '36',
+            text: '36',
+            textInput: '36',
+            rangeDatePicker: '36',
+            datePicker: '36',
+        },
+        tag: {
+            countIndicator: {
+                18: '12',
+                24: '18',
+                30: '18',
+                36: '18',
+                42: '24',
+                48: '24',
+            },
+        },
+        mobileDropdownWrapper: {
+            linkButton: '48',
+        },
+        pickerInput: {
+            height: 300,
+            width: 360,
+            rowSize: {
+                mobile: '48',
+                modal: '36',
+                padding: {
+                    modal: '24',
+                    default: '12',
+                },
+            },
+        },
+        pickerToggler: {
+            tag: {
+                24: '18',
+                30: '24',
+                36: '30',
+                42: '36',
+                48: '42',
+                60: '48',
+            },
+        },
+        dataPickerHeader: {
+            text: {
+                fontWeight: '600',
+                size: '48',
+            },
+        },
+        dataPickerBody: {
+            flexCell: {
+                default: '36',
+            },
+            searchInput: {
+                mobile: '48',
+            },
+        },
+        pickerItem: {
+            avatar: {
+                rest: {
+                    24: '18',
+                    30: '24',
+                    36: '30',
+                    42: '36',
+                    48: '36', // no design
+                },
+                multiline: {
+                    24: '30',
+                    30: '30',
+                    36: '36',
+                    42: '42',
+                    48: '48', // no design
+                },
+            },
+        },
+        dataPickerCell: {
+            isBoldIcon: {
+                24: true,
+            },
+            padding: {
+                default: '12',
+            },
+            paddingLeft: {
+                default: '24',
+            },
+            text: {
+                24: '24',
+                30: '30',
+                36: '36',
+                42: '42',
+                48: '48',
+                60: '48',
+            },
+        },
+        dataPickerRow: {
+            padding: {
+                default: '24',
+            },
+            dataPickerCell: {
+                default: '36',
+            },
+        },
+        dataPickerFooter: {
+            flexRowPadding: '12',
+            switch: {
+                24: '12',
+                30: '18',
+                36: '18',
+                42: '24',
+                48: '24',
+            },
+            linkButton: {
+                24: '12',
+                30: '18',
+                36: '18',
+                42: '24',
+                48: '24',
+                mobile: '48',
+            },
+        },
+        rowAddons: {
+            checkbox: {
+                24: '12',
+                30: '18',
+                36: '18',
+                42: '18',
+                48: '18',
+                60: '18',
+            },
+            indentUnit: {
+                24: 6,
+                30: 12,
+                36: 12,
+                42: 24,
+                48: 24,
+                60: 24,
+                default: 24,
+            },
+            indentWidth: {
+                24: 12,
+                30: 18,
+                36: 18,
+                42: 24,
+                48: 24,
+                60: 24,
+                default: 12,
+            },
+        },
+        text: {
+            18: { lineHeight: 12, fontSize: 10 },
+            24: { lineHeight: 18, fontSize: 12 },
+            30: { lineHeight: 18, fontSize: 14 },
+            36: { lineHeight: 18, fontSize: 14 },
+            42: { lineHeight: 24, fontSize: 16 },
+            48: { lineHeight: 24, fontSize: 16 },
+            60: { lineHeight: 30, fontSize: 24 },
+        },
+    },
+};
+
+var css$1s = {"uui-typography":"vAOb-p","hero-header":"n9Pi6L","promo-header":"-axDU2","uui-critical":"-JHG1y","uui-info":"sYlNWa","uui-success":"lV1AFN","uui-warning":"FTq9Mi","uui-highlight":"_0DO176","uui-typography-size-12":"f1hI1l","uui-typography-size-14":"nNf9R8","uui-typography-size-16":"_0JBPoc","root":"YrD6ge","uuiTypography":"vAOb-p","heroHeader":"n9Pi6L","promoHeader":"-axDU2","uuiCritical":"-JHG1y","uuiInfo":"sYlNWa","uuiSuccess":"lV1AFN","uuiWarning":"FTq9Mi","uuiHighlight":"_0DO176","uuiTypographySize12":"f1hI1l","uuiTypographySize14":"nNf9R8","uuiTypographySize16":"_0JBPoc"};
 
-const DEFAULT_SIZE$8 = '36';
 function applyButtonMods(mods) {
     return [
         css$1s.root,
         'uui-button',
         `uui-fill-${mods.fill || 'solid'}`,
         `uui-color-${mods.color || 'primary'}`,
-        `uui-size-${mods.size || DEFAULT_SIZE$8}`,
+        `uui-size-${mods.size || settings.sizes.defaults.button}`,
     ];
 }
 const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, () => {
@@ -300,7 +471,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
     };
 });
 
-var css$1r = {"root":"_6bS5iN"};
+var css$1r = {"root":"erRxEF"};
 
 function applyIconButtonMods(props) {
     return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
@@ -317,7 +488,6 @@ const IconButton = /* @__PURE__ */withMods(uuiComponents.IconButton, applyIconBu
     }
     return {
         dropdownIcon: props.dropdownIcon || systemIcons.foldingArrow,
-        size: props.size && Number(props.size),
     };
 });
 
@@ -338,15 +508,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":"_9JY-fW","hero-header":"_2CdDWd","promo-header":"_-7pJSP","uui-critical":"tm53h8","uui-info":"_6McQWI","uui-success":"HURSu-","uui-warning":"ao7KpU","uui-highlight":"xuvFDf","uui-typography-size-12":"qiYDf0","uui-typography-size-14":"e-Xh8Q","uui-typography-size-16":"N8a09o","root":"_4eEGbT","uuiTypography":"_9JY-fW","heroHeader":"_2CdDWd","promoHeader":"_-7pJSP","uuiCritical":"tm53h8","uuiInfo":"_6McQWI","uuiSuccess":"HURSu-","uuiWarning":"ao7KpU","uuiHighlight":"xuvFDf","uuiTypographySize12":"qiYDf0","uuiTypographySize14":"e-Xh8Q","uuiTypographySize16":"N8a09o"};
+var css$1q = {"uui-typography":"FQQ-bo","hero-header":"_4hhhCS","promo-header":"iC4ZI5","uui-critical":"M34YP-","uui-info":"PnZips","uui-success":"hO5k6z","uui-warning":"zib473","uui-highlight":"R1CVfM","uui-typography-size-12":"lh-v3b","uui-typography-size-14":"_1mN75V","uui-typography-size-16":"CY6CqE","root":"Z0R-il","uuiTypography":"FQQ-bo","heroHeader":"_4hhhCS","promoHeader":"iC4ZI5","uuiCritical":"M34YP-","uuiInfo":"PnZips","uuiSuccess":"hO5k6z","uuiWarning":"zib473","uuiHighlight":"R1CVfM","uuiTypographySize12":"lh-v3b","uuiTypographySize14":"_1mN75V","uuiTypographySize16":"CY6CqE"};
 
-const DEFAULT_SIZE$7 = '36';
 const DEFAULT_COLOR = 'primary';
 function applyLinkButtonMods(mods) {
     return [
         'uui-link_button',
         css$1q.root,
-        `uui-size-${mods.size || DEFAULT_SIZE$7}`,
+        `uui-size-${mods.size || settings.sizes.defaults.linkButton}`,
         ...getIconClass(mods),
         `uui-color-${mods.color || DEFAULT_COLOR}`,
     ];
@@ -370,25 +539,25 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
 });
 
-var css$1p = {"root":"SM2ISy","size-24":"_50nkpo","size-18":"fbiWLI","size-12":"ZKyEoE","size24":"_50nkpo","size18":"fbiWLI","size12":"ZKyEoE"};
+var css$1p = {"root":"cIXEL0"};
 
 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":"_4iAHT6","hero-header":"G1LVZ6","promo-header":"_9pPZuR","uui-critical":"x5QhB9","uui-info":"sZQh4i","uui-success":"_4oGKkL","uui-warning":"wNxriI","uui-highlight":"JbUEBS","uui-typography-size-12":"ga-fAR","uui-typography-size-14":"IkfS2m","uui-typography-size-16":"aU17yI","root":"lUGA0W","withNotify":"fKqjr2","caption-with-notify":"_--o7A1","size-36":"SzUiK5","size-48":"rKme6S","size-60":"WbJYcp","uuiTypography":"_4iAHT6","heroHeader":"G1LVZ6","promoHeader":"_9pPZuR","uuiCritical":"x5QhB9","uuiInfo":"sZQh4i","uuiSuccess":"_4oGKkL","uuiWarning":"wNxriI","uuiHighlight":"JbUEBS","uuiTypographySize12":"ga-fAR","uuiTypographySize14":"IkfS2m","uuiTypographySize16":"aU17yI","captionWithNotify":"_--o7A1","size36":"SzUiK5","size48":"rKme6S","size60":"WbJYcp"};
+var css$1o = {"uui-typography":"gKynmo","hero-header":"Eo1Aaj","promo-header":"_2fWei2","uui-critical":"Oy2eHQ","uui-info":"ekNTAP","uui-success":"_5UCsCz","uui-warning":"Q0wlqo","uui-highlight":"khNLru","uui-typography-size-12":"Plls7n","uui-typography-size-14":"e-rQdI","uui-typography-size-16":"_1PSB-0","root":"_85ALOF","withNotify":"s-lvfM","uuiTypography":"gKynmo","heroHeader":"Eo1Aaj","promoHeader":"_2fWei2","uuiCritical":"Oy2eHQ","uuiInfo":"ekNTAP","uuiSuccess":"_5UCsCz","uuiWarning":"Q0wlqo","uuiHighlight":"khNLru","uuiTypographySize12":"Plls7n","uuiTypographySize14":"e-rQdI","uuiTypographySize16":"_1PSB-0"};
 
 const TabButton = /* @__PURE__ */React__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 +566,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.caption && (React__default.createElement("div", { className: cx$1(uuiElement.caption) }, props.caption)),
         props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: props.isLinkActive ? 'info' : '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":"X-pnZy","hero-header":"XlY0xL","promo-header":"ePNq6L","uui-critical":"i7HnmN","uui-info":"YZVKeI","uui-success":"OkpUPd","uui-warning":"jbR7iU","uui-highlight":"ywhdoJ","uui-typography-size-12":"_7itfsv","uui-typography-size-14":"y4kCfO","uui-typography-size-16":"PwWqbc","root":"kdNU-B","uuiTypography":"X-pnZy","heroHeader":"XlY0xL","promoHeader":"ePNq6L","uuiCritical":"i7HnmN","uuiInfo":"YZVKeI","uuiSuccess":"OkpUPd","uuiWarning":"jbR7iU","uuiHighlight":"ywhdoJ","uuiTypographySize12":"_7itfsv","uuiTypographySize14":"y4kCfO","uuiTypographySize16":"PwWqbc"};
+var css$1n = {"uui-typography":"gZu7nm","hero-header":"_0u1NDl","promo-header":"nUTjnP","uui-critical":"VvvP6u","uui-info":"b3XT58","uui-success":"i5u-Yq","uui-warning":"czWgUI","uui-highlight":"fEWCYB","uui-typography-size-12":"Hp57uL","uui-typography-size-14":"vrmi34","uui-typography-size-16":"EQuPOA","root":"_86miAd","uuiTypography":"gZu7nm","heroHeader":"_0u1NDl","promoHeader":"nUTjnP","uuiCritical":"VvvP6u","uuiInfo":"b3XT58","uuiSuccess":"i5u-Yq","uuiWarning":"czWgUI","uuiHighlight":"fEWCYB","uuiTypographySize12":"Hp57uL","uuiTypographySize14":"vrmi34","uuiTypographySize16":"EQuPOA"};
 
 function applyVerticalTabButtonMods() {
     return [css$1n.root];
@@ -426,12 +595,12 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
 };
 var ForwardRef$B = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
 
-var css$1m = {"uui-typography":"oUZfsT","hero-header":"WnMszj","promo-header":"YUZHl-","uui-critical":"CNJDBh","uui-info":"PeEWwD","uui-success":"YBrOF1","uui-warning":"Hj0Y9t","uui-highlight":"iAjh63","uui-typography-size-12":"zgCObo","uui-typography-size-14":"bV3iz2","uui-typography-size-16":"_9U2zMk","root":"Lb0LuU","size-18":"_4NAMbV","size-12":"e-vCsK","mode-cell":"sf7Ui-","uuiTypography":"oUZfsT","heroHeader":"WnMszj","promoHeader":"YUZHl-","uuiCritical":"CNJDBh","uuiInfo":"PeEWwD","uuiSuccess":"YBrOF1","uuiWarning":"Hj0Y9t","uuiHighlight":"iAjh63","uuiTypographySize12":"zgCObo","uuiTypographySize14":"bV3iz2","uuiTypographySize16":"_9U2zMk","size18":"_4NAMbV","size12":"e-vCsK","modeCell":"sf7Ui-"};
+var css$1m = {"uui-typography":"OuOUFa","hero-header":"QHniUa","promo-header":"nnQ5CS","uui-critical":"_6Z-xa-","uui-info":"oofXGe","uui-success":"DqtQer","uui-warning":"_9Tv1jD","uui-highlight":"mrNHPj","uui-typography-size-12":"DnWgDu","uui-typography-size-14":"fRDSzu","uui-typography-size-16":"gYUj09","root":"hf-Nez","mode-cell":"IigCnI","uuiTypography":"OuOUFa","heroHeader":"QHniUa","promoHeader":"nnQ5CS","uuiCritical":"_6Z-xa-","uuiInfo":"oofXGe","uuiSuccess":"DqtQer","uuiWarning":"_9Tv1jD","uuiHighlight":"mrNHPj","uuiTypographySize12":"DnWgDu","uuiTypographySize14":"fRDSzu","uuiTypographySize16":"gYUj09","modeCell":"IigCnI"};
 
 function applyCheckboxMods(mods) {
     return [
         css$1m.root,
-        css$1m['size-' + (mods.size || '18')],
+        `uui-size-${mods.size || settings.sizes.defaults.checkbox}`,
         css$1m['mode-' + (mods.mode || 'form')],
         'uui-color-primary',
     ];
@@ -446,8 +615,6 @@ const applyUUICheckboxProps = (props) => {
 };
 const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
 
-var css$1l = {"uui-typography":"b1WMTS","hero-header":"Fc8yKt","promo-header":"GwkWag","uui-critical":"_3PLlC3","uui-info":"_9H1dTX","uui-success":"wkHT9b","uui-warning":"v6KJqF","uui-highlight":"-qrBvu","uui-typography-size-12":"Lf2uj0","uui-typography-size-14":"dQKq3C","uui-typography-size-16":"n1SbYe","root":"akWS9J","size-18":"_6nHQhL","size-12":"GSu0YG","uuiTypography":"b1WMTS","heroHeader":"Fc8yKt","promoHeader":"GwkWag","uuiCritical":"_3PLlC3","uuiInfo":"_9H1dTX","uuiSuccess":"wkHT9b","uuiWarning":"v6KJqF","uuiHighlight":"-qrBvu","uuiTypographySize12":"Lf2uj0","uuiTypographySize14":"dQKq3C","uuiTypographySize16":"n1SbYe","size18":"_6nHQhL","size12":"GSu0YG"};
-
 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 +630,25 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
 };
 var ForwardRef$A = /*#__PURE__*/forwardRef(SvgRadioDotFill);
 
+var css$1l = {"uui-typography":"YSDnC6","hero-header":"pRufus","promo-header":"jYZL8c","uui-critical":"GL6mM7","uui-info":"BHFIB9","uui-success":"RYeA-q","uui-warning":"rU-sdn","uui-highlight":"AVs1B4","uui-typography-size-12":"VpR1-6","uui-typography-size-14":"JQi8Eu","uui-typography-size-16":"hBfjC3","root":"sMicyC","uuiTypography":"YSDnC6","heroHeader":"pRufus","promoHeader":"jYZL8c","uuiCritical":"GL6mM7","uuiInfo":"BHFIB9","uuiSuccess":"RYeA-q","uuiWarning":"rU-sdn","uuiHighlight":"AVs1B4","uuiTypographySize12":"VpR1-6","uuiTypographySize14":"JQi8Eu","uuiTypographySize16":"hBfjC3"};
+
 function applyRadioInputMods(mods) {
     return [
         css$1l.root,
-        css$1l['size-' + (mods.size || '18')],
+        `uui-size-${mods.size || settings.sizes.defaults.radioInput}`,
         'uui-radio-input-container',
         'uui-color-primary',
     ];
 }
 const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
 
-var css$1k = {"root":"JeV72X","size-12":"rQhEWb","size-18":"wxHvQv","size-24":"jU0Pwk","size12":"rQhEWb","size18":"wxHvQv","size24":"jU0Pwk"};
+var css$1k = {"root":"GBwivt"};
 
 function applySwitchMods(mods) {
     return [
-        css$1k.root, css$1k['size-' + (mods.size || '18')], 'uui-color-primary',
+        css$1k.root,
+        `uui-size-${mods.size || settings.sizes.defaults.switch}`,
+        'uui-color-primary',
     ];
 }
 const Switch = /* @__PURE__ */withMods(uuiComponents.Switch, applySwitchMods);
@@ -539,14 +710,13 @@ var EditMode;
     EditMode["INLINE"] = "inline";
 })(EditMode || (EditMode = {}));
 
-var textInputCss = {"uui-typography":"zkGHZO","hero-header":"rMiBKv","promo-header":"vusX0S","uui-critical":"bRPyLn","uui-info":"_23kCfJ","uui-success":"vHpgZ5","uui-warning":"ZLO5-o","uui-highlight":"IMO6og","uui-typography-size-12":"kNUtbR","uui-typography-size-14":"ZspFsv","uui-typography-size-16":"Kr7qaF","root":"BEhJB-","mode-form":"DQHg8y","mode-inline":"tKT-FI","mode-cell":"g5T5ew","size-24":"E3EkzU","size-30":"uTzNkF","size-36":"BWF-dt","size-42":"_28ui9-","size-48":"_1GwlOB","size-60":"vbLOXR","uuiTypography":"zkGHZO","heroHeader":"rMiBKv","promoHeader":"vusX0S","uuiCritical":"bRPyLn","uuiInfo":"_23kCfJ","uuiSuccess":"vHpgZ5","uuiWarning":"ZLO5-o","uuiHighlight":"IMO6og","uuiTypographySize12":"kNUtbR","uuiTypographySize14":"ZspFsv","uuiTypographySize16":"Kr7qaF","modeForm":"DQHg8y","modeInline":"tKT-FI","modeCell":"g5T5ew","size24":"E3EkzU","size30":"uTzNkF","size36":"BWF-dt","size42":"_28ui9-","size48":"_1GwlOB","size60":"vbLOXR"};
+var textInputCss = {"uui-typography":"bwTROp","hero-header":"CPcU8h","promo-header":"kJTuvl","uui-critical":"_833VaA","uui-info":"ok6LUr","uui-success":"_8khVzP","uui-warning":"vPDu6c","uui-highlight":"UccU9Z","uui-typography-size-12":"_5hkdTC","uui-typography-size-14":"sX5mVq","uui-typography-size-16":"_42WpRI","root":"-JPIqp","mode-form":"uRWLV0","mode-inline":"kVlbh3","mode-cell":"ARJ-2d","uuiTypography":"bwTROp","heroHeader":"CPcU8h","promoHeader":"kJTuvl","uuiCritical":"_833VaA","uuiInfo":"ok6LUr","uuiSuccess":"_8khVzP","uuiWarning":"vPDu6c","uuiHighlight":"UccU9Z","uuiTypographySize12":"_5hkdTC","uuiTypographySize14":"sX5mVq","uuiTypographySize16":"_42WpRI","modeForm":"uRWLV0","modeInline":"kVlbh3","modeCell":"ARJ-2d"};
 
-const DEFAULT_SIZE$6 = '36';
 const DEFAULT_MODE$3 = EditMode.FORM;
 function applyTextInputMods(mods) {
     return [
         textInputCss.root,
-        textInputCss['size-' + (mods.size || DEFAULT_SIZE$6)],
+        `uui-size-${mods.size || settings.sizes.defaults.textInput}`,
         textInputCss['mode-' + (mods.mode || DEFAULT_MODE$3)],
     ];
 }
@@ -566,7 +736,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
         } })));
 });
 
-var css$1j = {"root":"r-2rqc"};
+var css$1j = {"root":"_3-rR-7"};
 
 const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root]);
 
@@ -575,16 +745,14 @@ function MultiSwitchComponent(props, ref) {
 }
 const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
 
-var css$1i = {"uui-typography":"MU4eBZ","hero-header":"nC97xq","promo-header":"X1X3Xs","uui-critical":"EUiclu","uui-info":"_8XyKiv","uui-success":"JlecRK","uui-warning":"A6DW4E","uui-highlight":"Y8jRy6","uui-typography-size-12":"JRaVGN","uui-typography-size-14":"RiBcMD","uui-typography-size-16":"loTx-l","root":"FmXhZr","size-24":"RHfzA-","size-30":"mPOxVh","size-36":"_8qDNEL","size-42":"Pcpuhd","size-48":"lMoCsL","mode-form":"ZYMjN0","mode-cell":"U5nY0u","uuiTypography":"MU4eBZ","heroHeader":"nC97xq","promoHeader":"X1X3Xs","uuiCritical":"EUiclu","uuiInfo":"_8XyKiv","uuiSuccess":"JlecRK","uuiWarning":"A6DW4E","uuiHighlight":"Y8jRy6","uuiTypographySize12":"JRaVGN","uuiTypographySize14":"RiBcMD","uuiTypographySize16":"loTx-l","size24":"RHfzA-","size30":"mPOxVh","size36":"_8qDNEL","size42":"Pcpuhd","size48":"lMoCsL","modeForm":"ZYMjN0","modeCell":"U5nY0u"};
+var css$1i = {"uui-typography":"_2LNriT","hero-header":"VkEZFy","promo-header":"vY-3mS","uui-critical":"_7hh16q","uui-info":"scpgd5","uui-success":"JHdYef","uui-warning":"_8w0o1b","uui-highlight":"dOpPpc","uui-typography-size-12":"S-e5GO","uui-typography-size-14":"UzhCRd","uui-typography-size-16":"j3NlXv","root":"YFB4WT","mode-form":"CEBfis","mode-cell":"La9bKd","uuiTypography":"_2LNriT","heroHeader":"VkEZFy","promoHeader":"vY-3mS","uuiCritical":"_7hh16q","uuiInfo":"scpgd5","uuiSuccess":"JHdYef","uuiWarning":"_8w0o1b","uuiHighlight":"dOpPpc","uuiTypographySize12":"S-e5GO","uuiTypographySize14":"UzhCRd","uuiTypographySize16":"j3NlXv","modeForm":"CEBfis","modeCell":"La9bKd"};
 
-const DEFAULT_SIZE$5 = '36';
 const DEFAULT_MODE$2 = EditMode.FORM;
 function applyNumericInputMods(mods) {
     return [
         textInputCss.root,
         css$1i.root,
-        css$1i['size-' + (mods.size || DEFAULT_SIZE$5)],
-        textInputCss['size-' + (mods.size || DEFAULT_SIZE$5)],
+        `uui-size-${mods.size || settings.sizes.defaults.numericInput}`,
         textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
     ];
 }
@@ -598,14 +766,14 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
     };
 });
 
-var css$1h = {"uui-typography":"QcRAyc","hero-header":"fEdF6S","promo-header":"cW0lHB","uui-critical":"Q7lqOp","uui-info":"DfATbv","uui-success":"_8wnGj2","uui-warning":"px7Ect","uui-highlight":"A3-bTS","uui-typography-size-12":"_3syk9u","uui-typography-size-14":"ZWU4HT","uui-typography-size-16":"GY9j4u","root":"OFr0bK","mode-form":"z7cRHt","mode-cell":"e-Ws-E","mode-inline":"r6EiiD","size-24":"_8ABvWZ","size-30":"aNF1KE","size-36":"GCL-Nd","size-42":"qa8VAy","size-48":"WmbROU","uuiTypography":"QcRAyc","heroHeader":"fEdF6S","promoHeader":"cW0lHB","uuiCritical":"Q7lqOp","uuiInfo":"DfATbv","uuiSuccess":"_8wnGj2","uuiWarning":"px7Ect","uuiHighlight":"A3-bTS","uuiTypographySize12":"_3syk9u","uuiTypographySize14":"ZWU4HT","uuiTypographySize16":"GY9j4u","modeForm":"z7cRHt","modeCell":"e-Ws-E","modeInline":"r6EiiD","size24":"_8ABvWZ","size30":"aNF1KE","size36":"GCL-Nd","size42":"qa8VAy","size48":"WmbROU"};
+var css$1h = {"uui-typography":"_69fblh","hero-header":"WmCryB","promo-header":"vNKjs0","uui-critical":"bJX1lr","uui-info":"yTVSFj","uui-success":"SJYMiv","uui-warning":"hPe7SM","uui-highlight":"l7kqmV","uui-typography-size-12":"wo8Udy","uui-typography-size-14":"EO7HeH","uui-typography-size-16":"oOv4m0","root":"RK9bPF","mode-form":"rDVIPS","mode-cell":"L0Ke9Y","mode-inline":"YdH-3n","size-24":"xIvvY9","size-30":"ujcL3-","size-36":"oSD-9m","size-42":"_0kWp0b","size-48":"-gFaO8","uuiTypography":"_69fblh","heroHeader":"WmCryB","promoHeader":"vNKjs0","uuiCritical":"bJX1lr","uuiInfo":"yTVSFj","uuiSuccess":"SJYMiv","uuiWarning":"hPe7SM","uuiHighlight":"l7kqmV","uuiTypographySize12":"wo8Udy","uuiTypographySize14":"EO7HeH","uuiTypographySize16":"oOv4m0","modeForm":"rDVIPS","modeCell":"L0Ke9Y","modeInline":"YdH-3n","size24":"xIvvY9","size30":"ujcL3-","size36":"oSD-9m","size42":"_0kWp0b","size48":"-gFaO8"};
 
-const DEFAULT_SIZE$4 = '36';
+const DEFAULT_SIZE$3 = '36';
 const DEFAULT_MODE$1 = EditMode.FORM;
 function applyTextAreaMods(mods) {
     return [
         css$1h.root,
-        css$1h['size-' + (mods.size || DEFAULT_SIZE$4)],
+        css$1h['size-' + (mods.size || DEFAULT_SIZE$3)],
         css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
     ];
 }
@@ -700,7 +868,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
 };
 var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
 
-var css$1g = {"uui-typography":"Zx0DBB","hero-header":"_2skG89","promo-header":"_3fBFCB","uui-critical":"Jn1m0z","uui-info":"lKdnhT","uui-success":"SV9ZeD","uui-warning":"hiqM4t","uui-highlight":"-KkAyA","uui-typography-size-12":"PGLzMd","uui-typography-size-14":"Fp--po","uui-typography-size-16":"pQIK5s","root":"Pp2aW-","icon-wrapper":"zQimxp","alert-wrapper":"XomJdu","size-48":"y1VRdY","size-36":"YL6r5Q","action-wrapper":"UCMSBk","action-icon":"rkw2en","action-link":"_5xVBpy","close-icon":"Zox0YE","main-path":"Wq8Jo2","content":"ou-rDj","uuiTypography":"Zx0DBB","heroHeader":"_2skG89","promoHeader":"_3fBFCB","uuiCritical":"Jn1m0z","uuiInfo":"lKdnhT","uuiSuccess":"SV9ZeD","uuiWarning":"hiqM4t","uuiHighlight":"-KkAyA","uuiTypographySize12":"PGLzMd","uuiTypographySize14":"Fp--po","uuiTypographySize16":"pQIK5s","iconWrapper":"zQimxp","alertWrapper":"XomJdu","size48":"y1VRdY","size36":"YL6r5Q","actionWrapper":"UCMSBk","actionIcon":"rkw2en","actionLink":"_5xVBpy","closeIcon":"Zox0YE","mainPath":"Wq8Jo2"};
+var css$1g = {"uui-typography":"Auz4dr","hero-header":"K31cUB","promo-header":"zidd01","uui-critical":"uCVhgr","uui-info":"quHY-t","uui-success":"r0yY2x","uui-warning":"BlcLnz","uui-highlight":"_4We4D6","uui-typography-size-12":"_2hxRxC","uui-typography-size-14":"zY-Vve","uui-typography-size-16":"_2hlZtd","root":"tGw7Fa","icon-wrapper":"aWNsmN","alert-wrapper":"e3Q8b0","size-48":"_83uooS","size-36":"CbZuxM","action-wrapper":"kC9gDp","action-icon":"oXJIDO","action-link":"aVWBEM","close-icon":"_30tSa7","main-path":"f1XhNV","content":"Lcxft9","uuiTypography":"Auz4dr","heroHeader":"K31cUB","promoHeader":"zidd01","uuiCritical":"uCVhgr","uuiInfo":"quHY-t","uuiSuccess":"r0yY2x","uuiWarning":"BlcLnz","uuiHighlight":"_4We4D6","uuiTypographySize12":"_2hxRxC","uuiTypographySize14":"zY-Vve","uuiTypographySize16":"_2hlZtd","iconWrapper":"aWNsmN","alertWrapper":"e3Q8b0","size48":"_83uooS","size36":"CbZuxM","actionWrapper":"kC9gDp","actionIcon":"oXJIDO","actionLink":"aVWBEM","closeIcon":"_30tSa7","mainPath":"f1XhNV"};
 
 const Alert = /* @__PURE__ */React.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 +885,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
 
 const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
 
-var css$1f = {"root":"uOq0KO"};
+var css$1f = {"root":"m49Jpy"};
 
 function applyDropdownContainerMods(mods) {
     return [
@@ -728,7 +896,7 @@ function applyDropdownContainerMods(mods) {
 }
 const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
 
-var css$1e = {"uui-typography":"klBvqA","hero-header":"_6W9myG","promo-header":"zY13Za","uui-critical":"D0BOgn","uui-info":"_43tWT9","uui-success":"-o4dZJ","uui-warning":"sxmkhl","uui-highlight":"OnYS-Q","uui-typography-size-12":"_5zu60X","uui-typography-size-14":"Mb7ca7","uui-typography-size-16":"_80VLAI","submenu-root-item":"oqs-4s","icon-after":"hJ9D34","icon-check":"Sq901L","splitter-root":"JIFok4","splitter":"JEKRkd","header-root":"paX0yA","item-root":"sNe0-Y","icon":"_6QXwaU","link":"Hz7TOE","indent":"qVmUaF","selected-mark":"Gm74Lb","uuiTypography":"klBvqA","heroHeader":"_6W9myG","promoHeader":"zY13Za","uuiCritical":"D0BOgn","uuiInfo":"_43tWT9","uuiSuccess":"-o4dZJ","uuiWarning":"sxmkhl","uuiHighlight":"OnYS-Q","uuiTypographySize12":"_5zu60X","uuiTypographySize14":"Mb7ca7","uuiTypographySize16":"_80VLAI","submenuRootItem":"oqs-4s","iconAfter":"hJ9D34","iconCheck":"Sq901L","splitterRoot":"JIFok4","headerRoot":"paX0yA","itemRoot":"sNe0-Y","selectedMark":"Gm74Lb"};
+var css$1e = {"uui-typography":"cVl9gI","hero-header":"S2h-qF","promo-header":"WLhirG","uui-critical":"eRhO-X","uui-info":"at7iwm","uui-success":"_7Tm5nJ","uui-warning":"_8xJPoJ","uui-highlight":"kPbAmZ","uui-typography-size-12":"cWkQD8","uui-typography-size-14":"mRlW9O","uui-typography-size-16":"DU86t-","submenu-root-item":"L-M3cL","icon-after":"xcxQTg","icon-check":"qL7rkm","splitter-root":"MlN3q8","splitter":"EM0Flq","header-root":"J6FAgg","item-root":"Y6Jfsp","icon":"rR0e-r","link":"sJrvwy","indent":"UoUboJ","selected-mark":"_8sIKqz","uuiTypography":"cVl9gI","heroHeader":"S2h-qF","promoHeader":"WLhirG","uuiCritical":"eRhO-X","uuiInfo":"at7iwm","uuiSuccess":"_7Tm5nJ","uuiWarning":"_8xJPoJ","uuiHighlight":"kPbAmZ","uuiTypographySize12":"cWkQD8","uuiTypographySize14":"mRlW9O","uuiTypographySize16":"DU86t-","submenuRootItem":"L-M3cL","iconAfter":"xcxQTg","iconCheck":"qL7rkm","splitterRoot":"MlN3q8","headerRoot":"J6FAgg","itemRoot":"Y6Jfsp","selectedMark":"_8sIKqz"};
 
 var IDropdownControlKeys;
 (function (IDropdownControlKeys) {
@@ -833,7 +1001,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 = getHtmlDir();
+    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 +1028,7 @@ function DropdownMenuSwitchButton(props) {
         React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
 }
 
-var css$1d = {"uui-typography":"_79t4J8","hero-header":"CNW6I1","promo-header":"I-IsPB","uui-critical":"sC3Zie","uui-info":"_0Ut8Jw","uui-success":"P-nrZ6","uui-warning":"_2OxJPE","uui-highlight":"UCXY2y","uui-typography-size-12":"gr2BMw","uui-typography-size-14":"IJwrDt","uui-typography-size-16":"zpFsS4","root":"a9kP5d","mode-block":"pGHvn6","mode-inline":"sa-Z3X","padding-0":"AcnbLa","padding-6":"fQMli7","padding-12":"k2JN-a","padding-18":"mbUHaO","uuiTypography":"_79t4J8","heroHeader":"CNW6I1","promoHeader":"I-IsPB","uuiCritical":"sC3Zie","uuiInfo":"_0Ut8Jw","uuiSuccess":"P-nrZ6","uuiWarning":"_2OxJPE","uuiHighlight":"UCXY2y","uuiTypographySize12":"gr2BMw","uuiTypographySize14":"IJwrDt","uuiTypographySize16":"zpFsS4","modeBlock":"pGHvn6","modeInline":"sa-Z3X","padding0":"AcnbLa","padding6":"fQMli7","padding12":"k2JN-a","padding18":"mbUHaO"};
+var css$1d = {"uui-typography":"UlhQNR","hero-header":"XX-4D1","promo-header":"snBhOY","uui-critical":"K8-4-S","uui-info":"MnaAl9","uui-success":"dQUwcf","uui-warning":"SM26uI","uui-highlight":"_48ToW-","uui-typography-size-12":"MPUziX","uui-typography-size-14":"hlworM","uui-typography-size-16":"SFd88x","root":"sqPncl","mode-block":"zoFdDA","mode-inline":"cMa4Wu","padding-0":"-n33x7","padding-6":"Fn1zBQ","padding-12":"_08tweQ","padding-18":"XqC-DB","uuiTypography":"UlhQNR","heroHeader":"XX-4D1","promoHeader":"snBhOY","uuiCritical":"K8-4-S","uuiInfo":"MnaAl9","uuiSuccess":"dQUwcf","uuiWarning":"SM26uI","uuiHighlight":"_48ToW-","uuiTypographySize12":"MPUziX","uuiTypographySize14":"hlworM","uuiTypographySize16":"SFd88x","modeBlock":"zoFdDA","modeInline":"cMa4Wu","padding0":"-n33x7","padding6":"Fn1zBQ","padding12":"_08tweQ","padding18":"XqC-DB"};
 
 const getMode = (mode) => {
     return mode || 'block';
@@ -875,7 +1044,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
     dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
 }));
 
-var css$1c = {"uui-typography":"ufdtKS","hero-header":"h97u-y","promo-header":"kx1IND","uui-critical":"BxwzXO","uui-info":"CBWHVA","uui-success":"f0Ggje","uui-warning":"O9Dtmx","uui-highlight":"XX-U17","uui-typography-size-12":"AK-E2Q","uui-typography-size-14":"R1Q68B","uui-typography-size-16":"WIT8Bq","root":"vDrRrd","border-top":"M6iMGR","border-bottom":"RGKBJP","top-shadow":"gn3QYO","size-24":"C8ll0F","size-30":"cAFANo","size-36":"Atk75C","size-42":"QpUJC-","size-48":"AdprLc","padding-6":"VIo-ZI","padding-12":"ck7Xew","padding-18":"_56wSul","padding-24":"MrjG7l","margin-24":"qvA724","margin-12":"UvAFcm","vPadding-12":"-L-2PG","vPadding-18":"xkg276","vPadding-24":"EtVsgk","vPadding-36":"ir8jZj","vPadding-48":"z0N4Fc","spacing-6":"BylqVn","spacing-12":"o8uMcj","spacing-18":"ngXN5R","uui-surface-main":"CiunY6","uuiTypography":"ufdtKS","heroHeader":"h97u-y","promoHeader":"kx1IND","uuiCritical":"BxwzXO","uuiInfo":"CBWHVA","uuiSuccess":"f0Ggje","uuiWarning":"O9Dtmx","uuiHighlight":"XX-U17","uuiTypographySize12":"AK-E2Q","uuiTypographySize14":"R1Q68B","uuiTypographySize16":"WIT8Bq","borderTop":"M6iMGR","borderBottom":"RGKBJP","topShadow":"gn3QYO","size24":"C8ll0F","size30":"cAFANo","size36":"Atk75C","size42":"QpUJC-","size48":"AdprLc","padding6":"VIo-ZI","padding12":"ck7Xew","padding18":"_56wSul","padding24":"MrjG7l","margin24":"qvA724","margin12":"UvAFcm","vPadding12":"-L-2PG","vPadding18":"xkg276","vPadding24":"EtVsgk","vPadding36":"ir8jZj","vPadding48":"z0N4Fc","spacing6":"BylqVn","spacing12":"o8uMcj","spacing18":"ngXN5R","uuiSurfaceMain":"CiunY6"};
+var css$1c = {"uui-typography":"qVXjrw","hero-header":"_5kB1Rz","promo-header":"jMLhfC","uui-critical":"eglxlB","uui-info":"SCeWIM","uui-success":"PkWZg8","uui-warning":"BNJT-f","uui-highlight":"-TMBYL","uui-typography-size-12":"mXtXIS","uui-typography-size-14":"mYO9Ai","uui-typography-size-16":"xmkiWU","root":"hgLLgb","border-top":"bGRYTz","border-bottom":"yQXHTO","top-shadow":"WKJVHy","size-24":"_5vpcFL","size-30":"iL4a65","size-36":"R4EF8O","size-42":"mQDXl0","size-48":"_0qpK1B","padding-6":"_9JVjw9","padding-12":"uAuZLB","padding-18":"db-Z4A","padding-24":"c-5aQy","margin-24":"INe5ve","margin-12":"jd2W17","vPadding-12":"_0TBmb8","vPadding-18":"rXixxQ","vPadding-24":"ufRRGD","vPadding-36":"GKdUdz","vPadding-48":"fssdeb","spacing-6":"fKDOSo","spacing-12":"_9ypziz","spacing-18":"-zjOiK","uui-surface-main":"BeymDo","uuiTypography":"qVXjrw","heroHeader":"_5kB1Rz","promoHeader":"jMLhfC","uuiCritical":"eglxlB","uuiInfo":"SCeWIM","uuiSuccess":"PkWZg8","uuiWarning":"BNJT-f","uuiHighlight":"-TMBYL","uuiTypographySize12":"mXtXIS","uuiTypographySize14":"mYO9Ai","uuiTypographySize16":"xmkiWU","borderTop":"bGRYTz","borderBottom":"yQXHTO","topShadow":"WKJVHy","size24":"_5vpcFL","size30":"iL4a65","size36":"R4EF8O","size42":"mQDXl0","size48":"_0qpK1B","padding6":"_9JVjw9","padding12":"uAuZLB","padding18":"db-Z4A","padding24":"c-5aQy","margin24":"INe5ve","margin12":"jd2W17","vPadding12":"_0TBmb8","vPadding18":"rXixxQ","vPadding24":"ufRRGD","vPadding36":"GKdUdz","vPadding48":"fssdeb","spacing6":"fKDOSo","spacing12":"_9ypziz","spacing18":"-zjOiK","uuiSurfaceMain":"BeymDo"};
 
 const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1c.flexCell]);
 
@@ -899,7 +1068,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
     ];
 });
 
-var css$1b = {"root":"lnr-90","margin-24":"Zt362p","padding-12":"nDze6f","padding-24":"zVPC4y","shadow":"eJp4ah","uui-surface-main":"d-PK47","margin24":"Zt362p","padding12":"nDze6f","padding24":"zVPC4y","uuiSurfaceMain":"d-PK47"};
+var css$1b = {"root":"gio4iZ","margin-24":"wD0ASS","padding-12":"_8unl4d","padding-24":"wsLMkk","shadow":"HuAlM1","uui-surface-main":"MALGBk","margin24":"wD0ASS","padding12":"_8unl4d","padding24":"wsLMkk","uuiSurfaceMain":"MALGBk"};
 
 const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     'uui-panel',
@@ -909,7 +1078,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
     props.background && css$1b[`uui-${props.background}`],
 ]);
 
-var css$1a = {"root":"vrQZPH"};
+var css$1a = {"root":"eMOBAR"};
 
 function applyTooltipMods(mods) {
     return [
@@ -919,18 +1088,18 @@ function applyTooltipMods(mods) {
 }
 const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
 
-var css$19 = {"uui-typography":"xdbVnt","hero-header":"sETR2U","promo-header":"_1V6-CP","uui-critical":"RMP5RL","uui-info":"s9FM5H","uui-success":"IFzVVO","uui-warning":"kkumVO","uui-highlight":"WngVjx","uui-typography-size-12":"jJKx1g","uui-typography-size-14":"fALCBp","uui-typography-size-16":"_8k-iQf","root":"_8rYbkS","size-24":"uWqLRQ","size-30":"jsPsUw","size-36":"QUOCdR","size-42":"pizDMn","size-48":"rEMSdp","uuiTypography":"xdbVnt","heroHeader":"sETR2U","promoHeader":"_1V6-CP","uuiCritical":"RMP5RL","uuiInfo":"s9FM5H","uuiSuccess":"IFzVVO","uuiWarning":"kkumVO","uuiHighlight":"WngVjx","uuiTypographySize12":"jJKx1g","uuiTypographySize14":"fALCBp","uuiTypographySize16":"_8k-iQf","size24":"uWqLRQ","size30":"jsPsUw","size36":"QUOCdR","size42":"pizDMn","size48":"rEMSdp"};
+var css$19 = {"uui-typography":"MfCZXZ","hero-header":"avK3Xj","promo-header":"f40eoh","uui-critical":"_2MUwWg","uui-info":"aYN0IB","uui-success":"i5AuSB","uui-warning":"Dx2xEI","uui-highlight":"l9m8Fc","uui-typography-size-12":"AyvzZG","uui-typography-size-14":"_3dr-rf","uui-typography-size-16":"mF7m6m","root":"vNkMY-","size-24":"sEh3tG","size-30":"nObZcH","size-36":"EdJY6T","size-42":"kpC-Ck","size-48":"VfjNgk","uuiTypography":"MfCZXZ","heroHeader":"avK3Xj","promoHeader":"f40eoh","uuiCritical":"_2MUwWg","uuiInfo":"aYN0IB","uuiSuccess":"i5AuSB","uuiWarning":"Dx2xEI","uuiHighlight":"l9m8Fc","uuiTypographySize12":"AyvzZG","uuiTypographySize14":"_3dr-rf","uuiTypographySize16":"mF7m6m","size24":"sEh3tG","size30":"nObZcH","size36":"EdJY6T","size42":"kpC-Ck","size48":"VfjNgk"};
 
-const DEFAULT_SIZE$3 = '36';
+const DEFAULT_SIZE$2 = '36';
 function applyLabeledInputMods(mods) {
-    return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$3)]];
+    return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$2)]];
 }
 const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, (props) => ({
     Tooltip: props.Tooltip || Tooltip,
     infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
 }));
 
-var css$18 = {"root":"Lw34Tf"};
+var css$18 = {"root":"yNMqw9"};
 
 function RadioGroup(props) {
     const direction = props.direction || 'vertical';
@@ -945,7 +1114,7 @@ function RadioGroup(props) {
     })));
 }
 
-var css$17 = {"root":"ipDtdn"};
+var css$17 = {"root":"B2xsQH"};
 
 function applyScrollBarsMods() {
     return [
@@ -954,27 +1123,27 @@ function applyScrollBarsMods() {
 }
 const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
 
-var css$16 = {"scroll-container":"lBDZeO","list-container":"BAMpXY","scrollContainer":"lBDZeO","listContainer":"BAMpXY"};
+var css$16 = {"scroll-container":"mjE6ax","list-container":"hQrjJt","scrollContainer":"mjE6ax","listContainer":"hQrjJt"};
 
-var css$15 = {"root":"gvY-Ut"};
+var css$15 = {"root":"Q2RUce"};
 
 const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$15.root]);
 
-var css$14 = {"uui-typography":"jxE-V5","hero-header":"cvIuOW","promo-header":"_0OvdE7","uui-critical":"r-4CpN","uui-info":"ZrpKAE","uui-success":"Y33eBI","uui-warning":"IBfua-","uui-highlight":"XkZmnK","uui-typography-size-12":"S690lr","uui-typography-size-14":"SQuy3E","uui-typography-size-16":"W1g-uw","root":"o5W5h6","size-18":"tlRPkU","size-24":"KwxJTP","size-30":"GhJh8N","size-36":"FMjhNz","size-42":"g6agwA","size-48":"S7i-oH","uuiTypography":"jxE-V5","heroHeader":"cvIuOW","promoHeader":"_0OvdE7","uuiCritical":"r-4CpN","uuiInfo":"ZrpKAE","uuiSuccess":"Y33eBI","uuiWarning":"IBfua-","uuiHighlight":"XkZmnK","uuiTypographySize12":"S690lr","uuiTypographySize14":"SQuy3E","uuiTypographySize16":"W1g-uw","size18":"tlRPkU","size24":"KwxJTP","size30":"GhJh8N","size36":"FMjhNz","size42":"g6agwA","size48":"S7i-oH"};
+var css$14 = {"uui-typography":"_1DLP4v","hero-header":"ZFg16a","promo-header":"Qx-Ewq","uui-critical":"UWDgqt","uui-info":"tfubzO","uui-success":"tSPhGA","uui-warning":"_84nyWy","uui-highlight":"XX1MK4","uui-typography-size-12":"BncAhe","uui-typography-size-14":"plPD43","uui-typography-size-16":"XyeFOu","root":"_3MXhg-","size-18":"Ytxl1G","size-24":"fJA66V","size-30":"ucO5X2","size-36":"e0E9l7","size-42":"yieuav","size-48":"U46oAG","uuiTypography":"_1DLP4v","heroHeader":"ZFg16a","promoHeader":"Qx-Ewq","uuiCritical":"UWDgqt","uuiInfo":"tfubzO","uuiSuccess":"tSPhGA","uuiWarning":"_84nyWy","uuiHighlight":"XX1MK4","uuiTypographySize12":"BncAhe","uuiTypographySize14":"plPD43","uuiTypographySize16":"XyeFOu","size18":"Ytxl1G","size24":"fJA66V","size30":"ucO5X2","size36":"e0E9l7","size42":"yieuav","size48":"U46oAG"};
 
-const DEFAULT_SIZE$2 = '36';
+const DEFAULT_SIZE$1 = '36';
 const DEFAULT_FILL = 'solid';
 function applyBadgeMods(mods) {
     return [
         'uui-badge',
         css$14.root,
-        css$14['size-' + (mods.size || DEFAULT_SIZE$2)],
+        css$14['size-' + (mods.size || DEFAULT_SIZE$1)],
         `uui-fill-${mods.fill || DEFAULT_FILL}`,
         `uui-color-${mods.color || 'info'}`,
         mods.indicator && mods.fill === 'outline' && 'uui-indicator',
     ];
 }
-const mapCountIndicatorSizes$1 = {
+const mapCountIndicatorSizes = {
     18: '12',
     24: '18',
     30: '18',
@@ -988,26 +1157,17 @@ const Badge = /* @__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, { 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: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], 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":"EWly95","hero-header":"_7-nhd3","promo-header":"L2tNMH","uui-critical":"lJSR67","uui-info":"KM2OAF","uui-success":"_4DIR4l","uui-warning":"WdNvwZ","uui-highlight":"GdmKIH","uui-typography-size-12":"fG-LN4","uui-typography-size-14":"BxOGmU","uui-typography-size-16":"cJgXxo","root":"Q7Csx-","size-18":"rqdYCB","size-24":"-cUC2f","size-30":"RszZyB","size-36":"ap-Vmf","size-42":"q3Cn-g","size-48":"sz95qh","uuiTypography":"EWly95","heroHeader":"_7-nhd3","promoHeader":"L2tNMH","uuiCritical":"lJSR67","uuiInfo":"KM2OAF","uuiSuccess":"_4DIR4l","uuiWarning":"WdNvwZ","uuiHighlight":"GdmKIH","uuiTypographySize12":"fG-LN4","uuiTypographySize14":"BxOGmU","uuiTypographySize16":"cJgXxo","size18":"rqdYCB","size24":"-cUC2f","size30":"RszZyB","size36":"ap-Vmf","size42":"q3Cn-g","size48":"sz95qh"};
+var css$13 = {"uui-typography":"Z-pr52","hero-header":"_88D-Cq","promo-header":"-cphLB","uui-critical":"kZ0eQ6","uui-info":"xHVA6G","uui-success":"ls6f1z","uui-warning":"_69wwFR","uui-highlight":"FQoH3q","uui-typography-size-12":"AlZmMm","uui-typography-size-14":"rAu89-","uui-typography-size-16":"fG-Trq","root":"_0dS869","uuiTypography":"Z-pr52","heroHeader":"_88D-Cq","promoHeader":"-cphLB","uuiCritical":"kZ0eQ6","uuiInfo":"xHVA6G","uuiSuccess":"ls6f1z","uuiWarning":"_69wwFR","uuiHighlight":"FQoH3q","uuiTypographySize12":"AlZmMm","uuiTypographySize14":"rAu89-","uuiTypographySize16":"fG-Trq"};
 
-const DEFAULT_SIZE$1 = '36';
-const mapCountIndicatorSizes = {
-    18: '12',
-    24: '18',
-    30: '18',
-    36: '18',
-    42: '24',
-    48: '24',
-};
 function applyTagMods(props) {
     return [
-        css$13['size-' + (props.size || DEFAULT_SIZE$1)],
         css$13.root,
+        `uui-size-${props.size || settings.sizes.defaults.tag}`,
         `uui-color-${props.color || 'neutral'}`,
         `uui-fill-${props.fill || 'solid'}`,
         'uui-tag',
@@ -1020,20 +1180,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":"O--n5S","uui-spinner":"Et7PnQ","uuiSpinner":"Et7PnQ"};
+var css$12 = {"root":"_3Q-iyF","uui-spinner":"w0wyMy","uuiSpinner":"w0wyMy"};
 
 function applySpinnerMods() {
     return [css$12.root, 'uui-spinner'];
 }
 const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
 
-var css$11 = {"root":"PvU6em","spacer":"lksL0Q","mode-ghost":"ZWYQVO","size-24":"bCe3Fn","size-30":"D79aBf","navigation-size-24":"nauw9V","navigation-size-30":"cjVkgm","modeGhost":"ZWYQVO","size24":"bCe3Fn","size30":"D79aBf","navigationSize24":"nauw9V","navigationSize30":"cjVkgm"};
+var css$11 = {"root":"ZwJtgH","spacer":"FUy--O","mode-ghost":"-WVipS","size-24":"Ix59HY","size-30":"hfXxIZ","navigation-size-24":"ewLI2Q","navigation-size-30":"jTUvOa","modeGhost":"-WVipS","size24":"Ix59HY","size30":"hfXxIZ","navigationSize24":"ewLI2Q","navigationSize30":"jTUvOa"};
 
 var _path$v;
 function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$v.apply(this, arguments); }
@@ -1084,14 +1244,14 @@ function Paginator(props) {
     return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
 }
 
-var css$10 = {"root":"SXUpRN","progress-bar":"Q7lRFM","progressBar-indeterminate":"msi-f5","size-12":"VtRbtF","size-18":"avU5yd","size-24":"JMQigj","progressBar":"Q7lRFM","progressBarIndeterminate":"msi-f5","size12":"VtRbtF","size18":"avU5yd","size24":"JMQigj"};
+var css$10 = {"root":"f7UvMX","progress-bar":"PZOrtk","progressBar-indeterminate":"t0YzEa","size-12":"TSegaH","size-18":"r4LYOT","size-24":"yb-xao","progressBar":"PZOrtk","progressBarIndeterminate":"t0YzEa","size12":"TSegaH","size18":"r4LYOT","size24":"yb-xao"};
 
 const IndeterminateBar = /* @__PURE__ */React.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":"quoN1s","striped":"pzdV-d","animate-stripes":"_0YcINn","size-12":"esih8I","size-18":"vteiQ3","size-24":"NZCE-d","animateStripes":"_0YcINn","size12":"esih8I","size18":"vteiQ3","size24":"NZCE-d"};
+var css$$ = {"root":"LSP5VW","striped":"hQ5FbP","animate-stripes":"_3B5bp7","size-12":"rNPc8f","size-18":"mzeda-","size-24":"fOQeEu","animateStripes":"_3B5bp7","size12":"rNPc8f","size18":"mzeda-","size24":"fOQeEu"};
 
 const DEFAULT_SIZE = '12';
 function applyProgressBarMods(mods) {
@@ -1106,14 +1266,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
     hideLabel: props.hideLabel || props.striped,
 }));
 
-var css$_ = {"root":"f51KuB"};
+var css$_ = {"root":"D4YDzG"};
 
 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":"JWIWsz","size-12":"qhzC-W","size-18":"D8pYcC","size-24":"yq6IXA","size12":"qhzC-W","size18":"D8pYcC","size24":"yq6IXA"};
+var css$Z = {"root":"_5OJsXA","size-12":"-MZuwu","size-18":"fHxUQk","size-24":"UW-Ufw","size12":"-MZuwu","size18":"fHxUQk","size24":"UW-Ufw"};
 
 const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
     return (React__default.createElement("div", { ref: ref, className: cx([
@@ -1128,46 +1288,21 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
         React__default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
 });
 
-var css$Y = {"drag-handle":"yzHwsy","icon-container":"_0W18cE","dragHandle":"yzHwsy","iconContainer":"_0W18cE"};
+var css$Y = {"drag-handle":"HcyAXL","icon-container":"amFCZn","dragHandle":"HcyAXL","iconContainer":"amFCZn"};
 
 function DataRowAddons(props) {
     var _a, _b;
     const row = props.rowProps;
-    const additionalItemSize = +props.size < 30 ? '12' : '18';
     const getIndent = () => {
-        switch (props.size) {
-            case '24':
-                return (row.indent - 1) * 6;
-            case '30':
-            case '36':
-                return (row.indent - 1) * 12;
-            case '42':
-            case '48':
-            case '60':
-                return (row.indent - 1) * 24;
-            default:
-                return (row.indent - 1) * 24;
-        }
+        return (row.indent - 1) * settings.sizes.rowAddons.indentUnit[props.size || 'default'];
     };
     const getWidth = () => {
-        switch (props.size) {
-            case '24':
-                return '12px';
-            case '30':
-            case '36':
-                return '18px';
-            case '42':
-            case '48':
-            case '60':
-                return '24px';
-            default:
-                return '12px';
-        }
+        return settings.sizes.rowAddons.indentWidth[props.size || 'default'];
     };
     return (React__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: "uui-dr_addons-indent", 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: [
@@ -1175,7 +1310,7 @@ function DataRowAddons(props) {
             ], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
 }
 
-var css$X = {"root":"M89SjA"};
+var css$X = {"root":"wq7Umd"};
 
 const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
 
@@ -1216,7 +1351,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
         React.createElement(Blocker, { isEnabled: props.isLoading })));
 });
 
-var css$W = {"root":"_589Ba3"};
+var css$W = {"root":"VCQmIb"};
 
 function CheckboxGroup(props) {
     const currentValue = props.value || [];
@@ -1378,7 +1513,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
     } }));
 const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
 
-var css$V = {"uui-typography":"jNXpeo","hero-header":"mOmQPo","promo-header":"_--6ofs","uui-critical":"_8Ia32j","uui-info":"CgWbhE","uui-success":"xwKl2n","uui-warning":"_0qsEhD","uui-highlight":"sJ3zkc","uui-typography-size-12":"fb8fby","uui-typography-size-14":"hK6GxX","uui-typography-size-16":"n7dpu5","modal":"tJnrPx","search-wrapper":"SxXrPo","body":"z-FC0m","checkbox":"e-LIho","no-found-size-24":"_8QNeSF","no-found-size-30":"_4P9bVZ","no-found-size-36":"_1L6lDA","no-found-size-42":"_6X-5eP","uuiTypography":"jNXpeo","heroHeader":"mOmQPo","promoHeader":"_--6ofs","uuiCritical":"_8Ia32j","uuiInfo":"CgWbhE","uuiSuccess":"xwKl2n","uuiWarning":"_0qsEhD","uuiHighlight":"sJ3zkc","uuiTypographySize12":"fb8fby","uuiTypographySize14":"hK6GxX","uuiTypographySize16":"n7dpu5","searchWrapper":"SxXrPo","noFoundSize24":"_8QNeSF","noFoundSize30":"_4P9bVZ","noFoundSize36":"_1L6lDA","noFoundSize42":"_6X-5eP"};
+var css$V = {"uui-typography":"cHosMQ","hero-header":"n-EURO","promo-header":"NZGq89","uui-critical":"Wum0Ru","uui-info":"uHBN8Z","uui-success":"pJj1zm","uui-warning":"gkbjjq","uui-highlight":"A-jAG2","uui-typography-size-12":"W-GKgp","uui-typography-size-14":"_2HWAO2","uui-typography-size-16":"r-ZAL-","modal":"Gj6PQ8","search-wrapper":"KS-msT","body":"ghZYS3","checkbox":"l4XlhV","no-found-size-24":"_8nsVjO","no-found-size-30":"c5c8-j","no-found-size-36":"XLeyBv","no-found-size-42":"aAFpsJ","uuiTypography":"cHosMQ","heroHeader":"n-EURO","promoHeader":"NZGq89","uuiCritical":"Wum0Ru","uuiInfo":"uHBN8Z","uuiSuccess":"pJj1zm","uuiWarning":"gkbjjq","uuiHighlight":"A-jAG2","uuiTypographySize12":"W-GKgp","uuiTypographySize14":"_2HWAO2","uuiTypographySize16":"r-ZAL-","searchWrapper":"KS-msT","noFoundSize24":"_8nsVjO","noFoundSize30":"c5c8-j","noFoundSize36":"XLeyBv","noFoundSize42":"aAFpsJ"};
 
 class DataPickerBody extends PickerBodyBase {
     constructor() {
@@ -1390,11 +1525,12 @@ 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 },
@@ -1403,16 +1539,9 @@ class DataPickerBody extends PickerBodyBase {
     }
 }
 
-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 +1551,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 +1564,12 @@ function DataPickerFooterImpl(props) {
 }
 const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
 
-var css$U = {"header":"_0ebB0P","close":"bLluw7"};
+var css$U = {"header":"m80e7X","close":"nxOsfA"};
 
 const DataPickerHeaderImpl = (props) => {
     const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
     return (React__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 +1589,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
 };
 var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
 
-var css$T = {"uui-typography":"JSr0DY","hero-header":"_9K-a7I","promo-header":"LH46Qw","uui-critical":"zrV-A7","uui-info":"DXDUvU","uui-success":"cAfPP7","uui-warning":"_6RRRey","uui-highlight":"SAeON8","uui-typography-size-12":"rGLJUN","uui-typography-size-14":"xs-qdf","uui-typography-size-16":"Rs21qN","root":"Qpu0kr","align-widgets-top":"YMkHgL","size-24":"lxcgOf","size-30":"CR92TG","size-36":"_6yNn7N","size-42":"_8j-e2c","size-48":"nfxVXv","size-60":"MteMv3","align-widgets-center":"wGvVcF","icon-wrapper":"_0xLOEg","padding-12":"LuIBP7","padding-24":"_426CwD","padding-left-12":"_04wVNh","padding-left-24":"MoyshS","icon-container":"MzHlq-","loading-cell":"WTRizh","content-wrapper":"zcL9NS","render-item":"OOEBrS","icon-default":"L2ETpK","selected-mark":"kfJLik","uuiTypography":"JSr0DY","heroHeader":"_9K-a7I","promoHeader":"LH46Qw","uuiCritical":"zrV-A7","uuiInfo":"DXDUvU","uuiSuccess":"cAfPP7","uuiWarning":"_6RRRey","uuiHighlight":"SAeON8","uuiTypographySize12":"rGLJUN","uuiTypographySize14":"xs-qdf","uuiTypographySize16":"Rs21qN","alignWidgetsTop":"YMkHgL","size24":"lxcgOf","size30":"CR92TG","size36":"_6yNn7N","size42":"_8j-e2c","size48":"nfxVXv","size60":"MteMv3","alignWidgetsCenter":"wGvVcF","iconWrapper":"_0xLOEg","padding12":"LuIBP7","padding24":"_426CwD","paddingLeft12":"_04wVNh","paddingLeft24":"MoyshS","iconContainer":"MzHlq-","loadingCell":"WTRizh","contentWrapper":"zcL9NS","renderItem":"OOEBrS","iconDefault":"L2ETpK","selectedMark":"kfJLik"};
+var css$T = {"uui-typography":"Rru0yE","hero-header":"zYDKFv","promo-header":"A9GHvb","uui-critical":"TXFOzF","uui-info":"_9PbGG-","uui-success":"kY5lDc","uui-warning":"KfECmf","uui-highlight":"_5214tZ","uui-typography-size-12":"wNk9yf","uui-typography-size-14":"st56-1","uui-typography-size-16":"V0oa4t","root":"DxkwOq","align-widgets-top":"odZfGg","size-24":"_-1vBGI","size-30":"U0yvje","size-36":"unJQdD","size-42":"jXGciB","size-48":"AKolNP","size-60":"JXhg7a","align-widgets-center":"Q8MgPj","icon-wrapper":"_2Y3MuS","padding-12":"UMcBFK","padding-24":"DglHZu","padding-left-12":"w-vdf1","padding-left-24":"hbb96D","icon-container":"-ZNYPk","loading-cell":"N7OxEe","content-wrapper":"b4DgDg","render-item":"_4jYh-z","icon-default":"u78y4e","selected-mark":"vYWMoC","uuiTypography":"Rru0yE","heroHeader":"zYDKFv","promoHeader":"A9GHvb","uuiCritical":"TXFOzF","uuiInfo":"_9PbGG-","uuiSuccess":"kY5lDc","uuiWarning":"KfECmf","uuiHighlight":"_5214tZ","uuiTypographySize12":"wNk9yf","uuiTypographySize14":"st56-1","uuiTypographySize16":"V0oa4t","alignWidgetsTop":"odZfGg","size24":"_-1vBGI","size30":"U0yvje","size36":"unJQdD","size42":"jXGciB","size48":"AKolNP","size60":"JXhg7a","alignWidgetsCenter":"Q8MgPj","iconWrapper":"_2Y3MuS","padding12":"UMcBFK","padding24":"DglHZu","paddingLeft12":"w-vdf1","paddingLeft24":"hbb96D","iconContainer":"-ZNYPk","loadingCell":"N7OxEe","contentWrapper":"b4DgDg","renderItem":"_4jYh-z","iconDefault":"u78y4e","selectedMark":"vYWMoC"};
 
 function DataPickerCell(props) {
     const ref = React.useRef();
@@ -1468,18 +1597,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, { 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 +1617,22 @@ function DataPickerCell(props) {
             css$T.root,
             props.cx,
             'data-picker-cell',
-            css$T['size-' + (props.size || '36')],
-            css$T[`padding-${props.padding || '12'}`],
-            css$T[`padding-left-${props.padding || '24'}`],
+            css$T['size-' + (props.size || settings.sizes.defaults.dataPickerCell)],
+            css$T[`padding-${props.padding || settings.sizes.dataPickerCell.padding.default}`],
+            css$T[`padding-left-${props.padding || settings.sizes.dataPickerCell.paddingLeft.default}`],
             css$T[`align-widgets-${props.alignActions || 'top'}`],
         ] },
         React.createElement(DataRowAddons, Object.assign({}, props)),
         getWrappedContent()));
 }
 
-var css$S = {"uui-typography":"_1xSuxM","hero-header":"_28fuqB","promo-header":"J0oXeQ","uui-critical":"_4-2-tu","uui-info":"_2cksN9","uui-success":"-MudU8","uui-warning":"_9WLqN-","uui-highlight":"MsqqJW","uui-typography-size-12":"mrFjIK","uui-typography-size-14":"TsYSA5","uui-typography-size-16":"_56A2d9","picker-row":"NcFB7C","uuiTypography":"_1xSuxM","heroHeader":"_28fuqB","promoHeader":"J0oXeQ","uuiCritical":"_4-2-tu","uuiInfo":"_2cksN9","uuiSuccess":"-MudU8","uuiWarning":"_9WLqN-","uuiHighlight":"MsqqJW","uuiTypographySize12":"mrFjIK","uuiTypographySize14":"TsYSA5","uuiTypographySize16":"_56A2d9","pickerRow":"NcFB7C"};
+var css$S = {"uui-typography":"sKy-AO","hero-header":"H1reVt","promo-header":"_1JEi8A","uui-critical":"Orn045","uui-info":"js28AB","uui-success":"P0DWSC","uui-warning":"tvnCpP","uui-highlight":"cIKTSl","uui-typography-size-12":"Yulgoe","uui-typography-size-14":"NFRZdS","uui-typography-size-16":"nCQia8","picker-row":"_73hdnS","uuiTypography":"sKy-AO","heroHeader":"H1reVt","promoHeader":"_1JEi8A","uuiCritical":"Orn045","uuiInfo":"js28AB","uuiSuccess":"P0DWSC","uuiWarning":"tvnCpP","uuiHighlight":"cIKTSl","uuiTypographySize12":"Yulgoe","uuiTypographySize14":"NFRZdS","uuiTypographySize16":"nCQia8","pickerRow":"_73hdnS"};
 
 class DataPickerRow extends React.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 +1640,7 @@ class DataPickerRow extends React.Component {
     }
 }
 
-var css$R = {"uui-typography":"QKeDfz","hero-header":"_11n2yr","promo-header":"maSol9","uui-critical":"mFVejS","uui-info":"Vljtyh","uui-success":"i8ztlo","uui-warning":"RXy4AF","uui-highlight":"kpWCp4","uui-typography-size-12":"d86yP1","uui-typography-size-14":"obxn-A","uui-typography-size-16":"rTkWH1","done":"h760OH","container":"HGVw7t","uuiTypography":"QKeDfz","heroHeader":"_11n2yr","promoHeader":"maSol9","uuiCritical":"mFVejS","uuiInfo":"Vljtyh","uuiSuccess":"i8ztlo","uuiWarning":"RXy4AF","uuiHighlight":"kpWCp4","uuiTypographySize12":"d86yP1","uuiTypographySize14":"obxn-A","uuiTypographySize16":"rTkWH1"};
+var css$R = {"uui-typography":"ssRelx","hero-header":"JQZF8-","promo-header":"_1V-NUb","uui-critical":"_25rd8y","uui-info":"_1Kwm-B","uui-success":"FvLDeE","uui-warning":"ZfGUD5","uui-highlight":"Yxe7Rx","uui-typography-size-12":"DPsoBw","uui-typography-size-14":"E8GZf3","uui-typography-size-16":"iiVmBi","done":"Zl8KL-","container":"lxp5pY","uuiTypography":"ssRelx","heroHeader":"JQZF8-","promoHeader":"_1V-NUb","uuiCritical":"_25rd8y","uuiInfo":"_1Kwm-B","uuiSuccess":"FvLDeE","uuiWarning":"ZfGUD5","uuiHighlight":"Yxe7Rx","uuiTypographySize12":"DPsoBw","uuiTypographySize14":"E8GZf3","uuiTypographySize16":"iiVmBi"};
 
 const MobileDropdownWrapper = (props) => {
     const isMobileView = isMobile();
@@ -1520,7 +1649,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 +1674,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
 };
 var ForwardRef$s = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
 
-var css$Q = {"uui-typography":"stlk3I","hero-header":"UMYOVj","promo-header":"FAVltj","uui-critical":"Ue085P","uui-info":"YGquLh","uui-success":"wRgCTW","uui-warning":"_2PwWPT","uui-highlight":"z7Zvhq","uui-typography-size-12":"chuvqO","uui-typography-size-14":"obJm-C","uui-typography-size-16":"kgxyQI","sub-header-wrapper":"_6SRnEI","switch":"dYv6LT","no-found-modal-container":"OttT5c","no-found-modal-container-icon":"VSe1Zd","no-found-modal-container-text":"Pv6TRQ","uuiTypography":"stlk3I","heroHeader":"UMYOVj","promoHeader":"FAVltj","uuiCritical":"Ue085P","uuiInfo":"YGquLh","uuiSuccess":"wRgCTW","uuiWarning":"_2PwWPT","uuiHighlight":"z7Zvhq","uuiTypographySize12":"chuvqO","uuiTypographySize14":"obJm-C","uuiTypographySize16":"kgxyQI","subHeaderWrapper":"_6SRnEI","$switch$":"dYv6LT","noFoundModalContainer":"OttT5c","noFoundModalContainerIcon":"VSe1Zd","noFoundModalContainerText":"Pv6TRQ"};
-
-var css$P = {"root":"fZvqzr","multiline":"_6LVbIw","vertical-padding-24":"XTS1li","vertical-padding-30":"A0reJC","vertical-padding-36":"QCJWqY","vertical-padding-42":"rKigUl","vertical-padding-48":"Vj3sjs","text":"wdj1vX","verticalPadding24":"XTS1li","verticalPadding30":"A0reJC","verticalPadding36":"QCJWqY","verticalPadding42":"rKigUl","verticalPadding48":"Vj3sjs"};
+var css$Q = {"uui-typography":"F5FlIe","hero-header":"RF0dDc","promo-header":"vTb1P-","uui-critical":"wYKBcW","uui-info":"mhv4Sv","uui-success":"q2G5Bl","uui-warning":"a19yzE","uui-highlight":"ivVYTz","uui-typography-size-12":"-tucYt","uui-typography-size-14":"CRdUaV","uui-typography-size-16":"WkV8gd","sub-header-wrapper":"_0DwySD","switch":"IIoiDY","no-found-modal-container":"g3vDob","no-found-modal-container-icon":"O5hcq6","no-found-modal-container-text":"NoVivw","uuiTypography":"F5FlIe","heroHeader":"RF0dDc","promoHeader":"vTb1P-","uuiCritical":"wYKBcW","uuiInfo":"mhv4Sv","uuiSuccess":"q2G5Bl","uuiWarning":"a19yzE","uuiHighlight":"ivVYTz","uuiTypographySize12":"-tucYt","uuiTypographySize14":"CRdUaV","uuiTypographySize16":"WkV8gd","subHeaderWrapper":"_0DwySD","$switch$":"IIoiDY","noFoundModalContainer":"g3vDob","noFoundModalContainerIcon":"O5hcq6","noFoundModalContainerText":"NoVivw"};
 
 const mergeHighlightRanges = (ranges) => {
     const mergedRanges = [];
@@ -1614,11 +1741,12 @@ const getHighlightedSearchMatches = (str, search) => {
     return getDecoratedText(str, ranges);
 };
 
-const defaultSize$2 = '36';
+var css$P = {"root":"-YWRjl","multiline":"h4JSdY","vertical-padding-24":"ukJkYq","vertical-padding-30":"jXdWg2","vertical-padding-36":"bsh5rb","vertical-padding-42":"cKn3CA","vertical-padding-48":"G1V3SB","text":"_0X7jab","verticalPadding24":"ukJkYq","verticalPadding30":"jXdWg2","verticalPadding36":"bsh5rb","verticalPadding42":"cKn3CA","verticalPadding48":"G1V3SB"};
+
 function PickerItem(props) {
     var _a;
     const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, cx, } = props;
-    const itemSize = size || defaultSize$2;
+    const itemSize = size || settings.sizes.defaults.pickerItem;
     const isMultiline = !!(props.title && props.subtitle);
     const { search } = (_a = props.dataSourceState) !== null && _a !== void 0 ? _a : {};
     const title = highlightSearchMatches ? getHighlightedSearchMatches(props.title, search) : props.title;
@@ -1632,7 +1760,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) {
@@ -1688,27 +1816,11 @@ function PickerModal(props) {
             React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
 }
 
-var css$O = {"tooltip":"g8PAjM"};
-
-const getPickerTogglerButtonSize = (propSize) => {
-    switch (propSize) {
-        case '48':
-            return '42';
-        case '42':
-            return '36';
-        case '36':
-            return '30';
-        case '30':
-            return '24';
-        case '24':
-            return '18';
-        default:
-            return '30';
-    }
-};
+var css$O = {"tooltip":"HTjac6"};
+
 const PickerTogglerTag = /* @__PURE__ */React.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 +1831,20 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
     }
 });
 
-var css$N = {"uui-typography":"Z-CBKW","hero-header":"hSFih7","promo-header":"jlp4Kb","uui-critical":"_8jWpSV","uui-info":"zvjWe-","uui-success":"_504te0","uui-warning":"_9tCe-O","uui-highlight":"_21JuBR","uui-typography-size-12":"_1SEsBP","uui-typography-size-14":"ygejQM","uui-typography-size-16":"_-3cntn","root":"_7U8hUr","mode-form":"_5gMuJh","mode-cell":"n7EXeY","mode-inline":"aqWfH7","size-24":"f-u666","size-30":"gH5RLY","size-36":"XUoQ1W","size-42":"_7pP5XW","size-48":"Jt87GN","uuiTypography":"Z-CBKW","heroHeader":"hSFih7","promoHeader":"jlp4Kb","uuiCritical":"_8jWpSV","uuiInfo":"zvjWe-","uuiSuccess":"_504te0","uuiWarning":"_9tCe-O","uuiHighlight":"_21JuBR","uuiTypographySize12":"_1SEsBP","uuiTypographySize14":"ygejQM","uuiTypographySize16":"_-3cntn","modeForm":"_5gMuJh","modeCell":"n7EXeY","modeInline":"aqWfH7","size24":"f-u666","size30":"gH5RLY","size36":"XUoQ1W","size42":"_7pP5XW","size48":"Jt87GN"};
+var css$N = {"uui-typography":"jg2H2x","hero-header":"B6u3Kg","promo-header":"AWJQ8q","uui-critical":"UwwGd9","uui-info":"D4y3jz","uui-success":"keWqJB","uui-warning":"_9AmLXP","uui-highlight":"WA9Fl4","uui-typography-size-12":"KxmPEi","uui-typography-size-14":"R6Q7DZ","uui-typography-size-16":"hV17xX","root":"fXaCsH","mode-form":"G2NU6K","mode-cell":"_483o9J","mode-inline":"LsyLkj","uuiTypography":"jg2H2x","heroHeader":"B6u3Kg","promoHeader":"AWJQ8q","uuiCritical":"UwwGd9","uuiInfo":"D4y3jz","uuiSuccess":"keWqJB","uuiWarning":"_9AmLXP","uuiHighlight":"WA9Fl4","uuiTypographySize12":"KxmPEi","uuiTypographySize14":"R6Q7DZ","uuiTypographySize16":"hV17xX","modeForm":"G2NU6K","modeCell":"_483o9J","modeInline":"LsyLkj"};
 
-const defaultSize$1 = '36';
 const defaultMode$1 = EditMode.FORM;
 function applyPickerTogglerMods(mods) {
     return [
         css$N.root,
-        css$N['size-' + (mods.size || defaultSize$1)],
+        'uui-picker_toggler',
+        `uui-size-${mods.size || settings.sizes.defaults.pickerToggler}`,
         css$N['mode-' + (mods.mode || defaultMode$1)],
     ];
 }
 function PickerTogglerComponent(props, ref) {
     const renderItem = (itemProps) => {
-        const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: props.size });
+        const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: (props.size || settings.sizes.defaults.pickerToggler) });
         if (!!props.renderItem) {
             return props.renderItem(itemPropsWithSize);
         }
@@ -1742,8 +1854,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 +1890,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 +1907,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 +1931,7 @@ function PickerInputComponent(_a, ref) {
 }
 const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
 
-var css$M = {"row":"_0HEWRy"};
+var css$M = {"row":"cK69ro"};
 
 function PickerListItem(props) {
     var _a;
@@ -1842,7 +1952,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":"wmgmKJ"};
+var css$L = {"root":"RlOANk"};
 
 function PickerList(props) {
     const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
@@ -1882,7 +1992,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":"sQEJAF","hero-header":"Ktyvro","promo-header":"M8hHy9","uui-critical":"g5lNv9","uui-info":"iO-2si","uui-success":"PsHFd3","uui-warning":"YZDmMt","uui-highlight":"X75pnK","uui-typography-size-12":"_2uG1w6","uui-typography-size-14":"fWihno","uui-typography-size-16":"zCH5ih","root":"bYGoBT","title-wrapper":"TsktOF","title":"MoTBfN","text-wrapper":"-R9jCE","selection":"jNQ1aM","postfix":"wssXe5","selected":"R82OTb","uuiTypography":"sQEJAF","heroHeader":"Ktyvro","promoHeader":"M8hHy9","uuiCritical":"g5lNv9","uuiInfo":"iO-2si","uuiSuccess":"PsHFd3","uuiWarning":"YZDmMt","uuiHighlight":"X75pnK","uuiTypographySize12":"_2uG1w6","uuiTypographySize14":"fWihno","uuiTypographySize16":"zCH5ih","titleWrapper":"TsktOF","textWrapper":"-R9jCE"};
+var css$K = {"uui-typography":"rUXQrN","hero-header":"TNSYpj","promo-header":"SZ78zy","uui-critical":"OQiqNo","uui-info":"xyD-Jy","uui-success":"_8VlGWq","uui-warning":"VPlO7h","uui-highlight":"taHouT","uui-typography-size-12":"pJvEtG","uui-typography-size-14":"P-Igpk","uui-typography-size-16":"pfMs9f","root":"IhmNIU","title-wrapper":"SNrBMg","title":"UwyoQl","text-wrapper":"_1AKtM6","selection":"BHNUmM","postfix":"_8SgBGi","selected":"dLnT3-","uuiTypography":"rUXQrN","heroHeader":"TNSYpj","promoHeader":"SZ78zy","uuiCritical":"OQiqNo","uuiInfo":"xyD-Jy","uuiSuccess":"_8VlGWq","uuiWarning":"VPlO7h","uuiHighlight":"taHouT","uuiTypographySize12":"pJvEtG","uuiTypographySize14":"P-Igpk","uuiTypographySize16":"pfMs9f","titleWrapper":"SNrBMg","textWrapper":"_1AKtM6"};
 
 const defaultSize = '36';
 const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
@@ -1975,7 +2085,7 @@ function FilterPickerBody(_a) {
     return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
 }
 
-var css$J = {"container":"uPbmDV"};
+var css$J = {"container":"rAkR-s"};
 
 const defaultFormat = 'MMM D, YYYY';
 const valueFormat = 'YYYY-MM-DD';
@@ -2184,14 +2294,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":"lmxbhY","hero-header":"cAgWSu","promo-header":"-qTcq4","uui-critical":"_4VhlB9","uui-info":"qzSPNC","uui-success":"visPxp","uui-warning":"VgTG99","uui-highlight":"eTF3Kn","uui-typography-size-12":"dkm5Zv","uui-typography-size-14":"DIizKb","uui-typography-size-16":"LwO0zx","root":"sRWLJi","uuiTypography":"lmxbhY","heroHeader":"cAgWSu","promoHeader":"-qTcq4","uuiCritical":"_4VhlB9","uuiInfo":"qzSPNC","uuiSuccess":"visPxp","uuiWarning":"VgTG99","uuiHighlight":"eTF3Kn","uuiTypographySize12":"dkm5Zv","uuiTypographySize14":"DIizKb","uuiTypographySize16":"LwO0zx"};
+var css$I = {"uui-typography":"tBvdEW","hero-header":"vKFCA2","promo-header":"CathsY","uui-critical":"qPxPuu","uui-info":"MkPn3X","uui-success":"eTGgk0","uui-warning":"QYzrt-","uui-highlight":"Es4wdH","uui-typography-size-12":"d-V5gC","uui-typography-size-14":"xmNjs-","uui-typography-size-16":"_9i-YZZ","root":"_5JzgF1","uuiTypography":"tBvdEW","heroHeader":"vKFCA2","promoHeader":"CathsY","uuiCritical":"qPxPuu","uuiInfo":"MkPn3X","uuiSuccess":"eTGgk0","uuiWarning":"QYzrt-","uuiHighlight":"Es4wdH","uuiTypographySize12":"d-V5gC","uuiTypographySize14":"xmNjs-","uuiTypographySize16":"_9i-YZZ"};
 
 function applyDateSelectionMods() {
     return [css$I.root];
 }
 const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
 
-var css$H = {"uui-typography":"_3BFlPj","hero-header":"fo-IaT","promo-header":"InSgV0","uui-critical":"-fELWR","uui-info":"_5razuC","uui-success":"cO5znP","uui-warning":"g1v7Ai","uui-highlight":"-hT9LJ","uui-typography-size-12":"uGOOGB","uui-typography-size-14":"p9FNKB","uui-typography-size-16":"v-D3X7","root":"dOFsW-","uuiTypography":"_3BFlPj","heroHeader":"fo-IaT","promoHeader":"InSgV0","uuiCritical":"-fELWR","uuiInfo":"_5razuC","uuiSuccess":"cO5znP","uuiWarning":"g1v7Ai","uuiHighlight":"-hT9LJ","uuiTypographySize12":"uGOOGB","uuiTypographySize14":"p9FNKB","uuiTypographySize16":"v-D3X7"};
+var css$H = {"uui-typography":"I-nxCZ","hero-header":"s9fILC","promo-header":"imJqfh","uui-critical":"c71weT","uui-info":"a7H-pG","uui-success":"uFyP86","uui-warning":"_3Sa9tA","uui-highlight":"ZJOqbV","uui-typography-size-12":"jZvKi8","uui-typography-size-14":"I0N7gH","uui-typography-size-16":"AGNt5t","root":"fJxdse","uuiTypography":"I-nxCZ","heroHeader":"s9fILC","promoHeader":"imJqfh","uuiCritical":"c71weT","uuiInfo":"a7H-pG","uuiSuccess":"uFyP86","uuiWarning":"_3Sa9tA","uuiHighlight":"ZJOqbV","uuiTypographySize12":"jZvKi8","uuiTypographySize14":"I0N7gH","uuiTypographySize16":"AGNt5t"};
 
 const uuiDatePickerBody = {
     wrapper: 'uui-datepickerBody-wrapper',
@@ -2279,7 +2389,7 @@ function FilterDatePickerBody(props) {
                     } })))));
 }
 
-var css$G = {"uui-typography":"xqrNTz","hero-header":"xF88Wg","promo-header":"w8yT3M","uui-critical":"tsOOJi","uui-info":"_8HGzBX","uui-success":"nHIFD-","uui-warning":"qe8l3X","uui-highlight":"_5sVwqJ","uui-typography-size-12":"dnA-tR","uui-typography-size-14":"kJnK8o","uui-typography-size-16":"l3fx-o","dropdown-container":"Ki8FMe","date-input":"jJ94Dz","size-24":"wcko4t","size-30":"aPMxI5","size-36":"fi92ms","size-42":"ega-UY","size-48":"SX4Ha9","date-input-group":"_6-CI9U","separator":"j3T7-w","mode-form":"XjCgg7","mode-cell":"qlDoSx","uuiTypography":"xqrNTz","heroHeader":"xF88Wg","promoHeader":"w8yT3M","uuiCritical":"tsOOJi","uuiInfo":"_8HGzBX","uuiSuccess":"nHIFD-","uuiWarning":"qe8l3X","uuiHighlight":"_5sVwqJ","uuiTypographySize12":"dnA-tR","uuiTypographySize14":"kJnK8o","uuiTypographySize16":"l3fx-o","dropdownContainer":"Ki8FMe","dateInput":"jJ94Dz","size24":"wcko4t","size30":"aPMxI5","size36":"fi92ms","size42":"ega-UY","size48":"SX4Ha9","dateInputGroup":"_6-CI9U","modeForm":"XjCgg7","modeCell":"qlDoSx"};
+var css$G = {"uui-typography":"-ZQpbj","hero-header":"JWcZgi","promo-header":"_9dAji-","uui-critical":"kF2JQI","uui-info":"Cy0CP0","uui-success":"sX9RLp","uui-warning":"V7Xx-k","uui-highlight":"SwDggq","uui-typography-size-12":"fioJqs","uui-typography-size-14":"_4i31pM","uui-typography-size-16":"_8QI2bF","dropdown-container":"_6lB6fn","date-input":"lh9l8S","date-input-group":"xCZUsw","separator":"rH5QzZ","mode-form":"L-ue8s","mode-cell":"U79zNp","uuiTypography":"-ZQpbj","heroHeader":"JWcZgi","promoHeader":"_9dAji-","uuiCritical":"kF2JQI","uuiInfo":"Cy0CP0","uuiSuccess":"sX9RLp","uuiWarning":"V7Xx-k","uuiHighlight":"SwDggq","uuiTypographySize12":"fioJqs","uuiTypographySize14":"_4i31pM","uuiTypographySize16":"_8QI2bF","dropdownContainer":"_6lB6fn","dateInput":"lh9l8S","dateInputGroup":"xCZUsw","modeForm":"L-ue8s","modeCell":"U79zNp"};
 
 const RangeDatePickerInput = /* @__PURE__ */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));
@@ -2310,9 +2420,9 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
                 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 +2480,7 @@ function FilterRangeDatePickerBody(props) {
                 React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
 }
 
-var css$F = {"container":"_2XvP-G"};
+var css$F = {"container":"xU4lRP"};
 
 function FilterNumericBody(props) {
     var _a, _b;
@@ -2470,7 +2580,7 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
 };
 var ForwardRef$r = /*#__PURE__*/forwardRef(SvgActionDeleteForeverFill);
 
-var css$E = {"uui-typography":"gNzW2x","hero-header":"Xj82cT","promo-header":"h5QQrg","uui-critical":"qV5CAq","uui-info":"BayroG","uui-success":"h5-9YN","uui-warning":"wX8gu6","uui-highlight":"NhyZvb","uui-typography-size-12":"UvuQHE","uui-typography-size-14":"_5NGl6h","uui-typography-size-16":"-KD4oB","header":"Icmvpc","removeButton":"_61jxk8","with-search":"_0weFZs","uuiTypography":"gNzW2x","heroHeader":"Xj82cT","promoHeader":"h5QQrg","uuiCritical":"qV5CAq","uuiInfo":"BayroG","uuiSuccess":"h5-9YN","uuiWarning":"wX8gu6","uuiHighlight":"NhyZvb","uuiTypographySize12":"UvuQHE","uuiTypographySize14":"_5NGl6h","uuiTypographySize16":"-KD4oB","withSearch":"_0weFZs"};
+var css$E = {"uui-typography":"t99nT2","hero-header":"_1nLTdI","promo-header":"JR8mFl","uui-critical":"_0DTvvP","uui-info":"wWEoob","uui-success":"Yhstq1","uui-warning":"n92nch","uui-highlight":"ulO5nz","uui-typography-size-12":"-je-Ox","uui-typography-size-14":"Jm56mP","uui-typography-size-16":"Mx-TzD","header":"g0d5Eu","removeButton":"X2oJ-7","with-search":"gE50kv","uuiTypography":"t99nT2","heroHeader":"_1nLTdI","promoHeader":"JR8mFl","uuiCritical":"_0DTvvP","uuiInfo":"wWEoob","uuiSuccess":"Yhstq1","uuiWarning":"n92nch","uuiHighlight":"ulO5nz","uuiTypographySize12":"-je-Ox","uuiTypographySize14":"Jm56mP","uuiTypographySize16":"Mx-TzD","withSearch":"gE50kv"};
 
 function useView(props, value) {
     const forceUpdate = useForceUpdate();
@@ -2792,7 +2902,7 @@ function FiltersToolbarImpl(props) {
 }
 const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
 
-var css$D = {"divider":"UJoLNi","dropdownDeleteIcon":"mTW2Xs","presetsWrapper":"q8NJR1","addPresetContainer":"_3o8nr6","dropContainer":"nRhWzl"};
+var css$D = {"divider":"Y8MenA","dropdownDeleteIcon":"ZaDCzr","presetsWrapper":"jQ82uM","addPresetContainer":"_9k1TKJ","dropContainer":"SU-QjG"};
 
 var _path$p;
 function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
@@ -2920,7 +3030,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
 };
 var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
 
-var css$C = {"delete-button":"_2KQPDL","tab-button":"VCPiiE","targetOpen":"Bb0CYE","deleteButton":"_2KQPDL","tabButton":"VCPiiE"};
+var css$C = {"delete-button":"BTnjN-","tab-button":"YIqcZN","targetOpen":"YfYw6Z","deleteButton":"BTnjN-","tabButton":"YIqcZN"};
 
 function PresetActionsDropdown(props) {
     const { uuiNotifications } = useUuiContext();
@@ -2978,7 +3088,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":"xQFFD8","preset-input":"_0ZjBcX","presetInputCell":"xQFFD8","presetInput":"_0ZjBcX"};
+var css$B = {"preset-input-cell":"ffict1","preset-input":"kcWtAr","presetInputCell":"ffict1","presetInput":"kcWtAr"};
 
 const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
 const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
@@ -3011,7 +3121,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":"feshFM","activePreset":"TKNkq5"};
+var css$A = {"preset":"rfSNLs","activePreset":"iFUqcM"};
 
 function Preset(props) {
     const [isRenamePreset, setIsRenamePreset] = useState(false);
@@ -3113,25 +3223,16 @@ const useColumnsWithFilters = (initialColumns, filters) => {
     return columns;
 };
 
-var css$z = {"line-height-12":"CjMciZ","line-height-18":"LIUGan","line-height-24":"A-M4l6","line-height-30":"dj40kR","font-size-10":"wVvBFI","font-size-12":"_8A6b9q","font-size-14":"ytSCNn","font-size-16":"f9dt20","font-size-18":"_5ZIBZO","font-size-24":"tQgKJv","v-padding-2":"MgqkCD","v-padding-3":"mKqT7i","v-padding-5":"U7i0y3","v-padding-6":"bE-EpG","v-padding-8":"ijzd-U","v-padding-9":"MIUvD7","v-padding-11":"-dzdOz","v-padding-12":"_5SLuci","v-padding-14":"Q86hAJ","v-padding-15":"krXFX0","v-padding-17":"Wzxq77","v-padding-18":"J-Tqgn","v-padding-23":"IvrxAN","v-padding-24":"-ls2Zd","lineHeight12":"CjMciZ","lineHeight18":"LIUGan","lineHeight24":"A-M4l6","lineHeight30":"dj40kR","fontSize10":"wVvBFI","fontSize12":"_8A6b9q","fontSize14":"ytSCNn","fontSize16":"f9dt20","fontSize18":"_5ZIBZO","fontSize24":"tQgKJv","vPadding2":"MgqkCD","vPadding3":"mKqT7i","vPadding5":"U7i0y3","vPadding6":"bE-EpG","vPadding8":"ijzd-U","vPadding9":"MIUvD7","vPadding11":"-dzdOz","vPadding12":"_5SLuci","vPadding14":"Q86hAJ","vPadding15":"krXFX0","vPadding17":"Wzxq77","vPadding18":"J-Tqgn","vPadding23":"IvrxAN","vPadding24":"-ls2Zd"};
+var css$z = {"line-height-12":"n6n8AC","line-height-18":"ERTGPR","line-height-24":"XcwZaz","line-height-30":"m-dDFW","font-size-10":"hXaoGY","font-size-12":"_8aTaHu","font-size-14":"mjSX2c","font-size-16":"Rt680o","font-size-18":"Z3OMh4","font-size-24":"YM-wjV","v-padding-2":"ddqYGa","v-padding-3":"W1OEz3","v-padding-5":"NXXMt7","v-padding-6":"_9ou-j9","v-padding-8":"_1LKJHY","v-padding-9":"ddNkDA","v-padding-11":"ny3XYv","v-padding-12":"SPjtr7","v-padding-14":"wCBzvw","v-padding-15":"VLLIwn","v-padding-17":"_3x-O2q","v-padding-18":"zFSUQN","v-padding-23":"_4Jo6Z5","v-padding-24":"A9voxj","lineHeight12":"n6n8AC","lineHeight18":"ERTGPR","lineHeight24":"XcwZaz","lineHeight30":"m-dDFW","fontSize10":"hXaoGY","fontSize12":"_8aTaHu","fontSize14":"mjSX2c","fontSize16":"Rt680o","fontSize18":"Z3OMh4","fontSize24":"YM-wjV","vPadding2":"ddqYGa","vPadding3":"W1OEz3","vPadding5":"NXXMt7","vPadding6":"_9ou-j9","vPadding8":"_1LKJHY","vPadding9":"ddNkDA","vPadding11":"ny3XYv","vPadding12":"SPjtr7","vPadding14":"wCBzvw","vPadding15":"VLLIwn","vPadding17":"_3x-O2q","vPadding18":"zFSUQN","vPadding23":"_4Jo6Z5","vPadding24":"A9voxj"};
 
-const defaultTextSettings = {
-    18: { lineHeight: 12, fontSize: 10 },
-    24: { lineHeight: 18, fontSize: 12 },
-    30: { lineHeight: 18, fontSize: 14 },
-    36: { lineHeight: 18, fontSize: 14 },
-    42: { lineHeight: 24, fontSize: 16 },
-    48: { lineHeight: 24, fontSize: 16 },
-    60: { lineHeight: 30, fontSize: 24 },
-};
 function getTextClasses(props, border) {
     if (props.size === 'none') {
         return [css$z['line-height-' + props.lineHeight], css$z['font-size-' + props.fontSize]];
     }
     const setting = {
         size: props.size,
-        lineHeight: props.lineHeight || defaultTextSettings[props.size].lineHeight,
-        fontSize: props.fontSize || defaultTextSettings[props.size].fontSize,
+        lineHeight: props.lineHeight || settings.sizes.text[props.size].lineHeight,
+        fontSize: props.fontSize || settings.sizes.text[props.size].fontSize,
     };
     const vPadding = (+setting.size - +setting.lineHeight - (border ? 2 : 0)) / 2;
     return [
@@ -3139,11 +3240,11 @@ function getTextClasses(props, border) {
     ];
 }
 
-var css$y = {"root":"wma3CV"};
+var css$y = {"root":"_4EaCWT"};
 
 function applyTextMods(mods) {
     const textClasses = getTextClasses({
-        size: mods.size || '36',
+        size: mods.size || settings.sizes.defaults.text,
         lineHeight: mods.lineHeight,
         fontSize: mods.fontSize,
     }, false);
@@ -3158,7 +3259,7 @@ function applyTextMods(mods) {
 }
 const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods);
 
-var css$x = {"root":"XUWN9B","loading-word":"PqS34B","animated-loading":"_2Fdxsb","skeleton_loading":"z-JS-5","loadingWord":"PqS34B","animatedLoading":"_2Fdxsb","skeletonLoading":"z-JS-5"};
+var css$x = {"root":"TmQBwV","loading-word":"G399vK","animated-loading":"bbIIQA","skeleton_loading":"c2DApI","loadingWord":"G399vK","animatedLoading":"bbIIQA","skeletonLoading":"c2DApI"};
 
 const TextPlaceholder = (props) => {
     const pattern = '&nbsp;';
@@ -3177,7 +3278,7 @@ const TextPlaceholder = (props) => {
 
 const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
 
-var css$w = {"uui-typography":"r-i8kL","hero-header":"PLmSat","promo-header":"N6Crfl","uui-critical":"-H7uSy","uui-info":"xk5Xhz","uui-success":"MlcwUP","uui-warning":"I87vyz","uui-highlight":"CwIa3z","uui-typography-size-12":"Smpnu-","uui-typography-size-14":"VuHAmS","uui-typography-size-16":"VSOs0x","root":"_62JBI8","modal-blocker":"K-1Syx","animateModalBlocker":"EBq5G7","modal":"i66tEk","modal-footer":"aXsm-J","modal-header":"zzBipc","uuiTypography":"r-i8kL","heroHeader":"PLmSat","promoHeader":"N6Crfl","uuiCritical":"-H7uSy","uuiInfo":"xk5Xhz","uuiSuccess":"MlcwUP","uuiWarning":"I87vyz","uuiHighlight":"CwIa3z","uuiTypographySize12":"Smpnu-","uuiTypographySize14":"VuHAmS","uuiTypographySize16":"VSOs0x","modalBlocker":"K-1Syx","modalFooter":"aXsm-J","modalHeader":"zzBipc"};
+var css$w = {"uui-typography":"dCkX9o","hero-header":"vSi-22","promo-header":"kzpDKT","uui-critical":"T--voI","uui-info":"_7iAKLM","uui-success":"zgDfgz","uui-warning":"_2yulXO","uui-highlight":"jpaM4h","uui-typography-size-12":"YNvyUj","uui-typography-size-14":"KDHazZ","uui-typography-size-16":"lSN6uQ","root":"zQBpcB","modal-blocker":"qIP1QV","animateModalBlocker":"Ykg-tr","modal":"_4EyOmJ","modal-footer":"LpQo6p","modal-header":"thmnnA","uuiTypography":"dCkX9o","heroHeader":"vSi-22","promoHeader":"kzpDKT","uuiCritical":"T--voI","uuiInfo":"_7iAKLM","uuiSuccess":"zgDfgz","uuiWarning":"_2yulXO","uuiHighlight":"jpaM4h","uuiTypographySize12":"YNvyUj","uuiTypographySize14":"KDHazZ","uuiTypographySize16":"lSN6uQ","modalBlocker":"qIP1QV","modalFooter":"LpQo6p","modalHeader":"thmnnA"};
 
 const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$w.modalBlocker]);
 const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$w.root, css$w.modal], (props) => {
@@ -3196,19 +3297,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 +3332,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
 };
 var ForwardRef$h = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
 
-var css$v = {"uui-typography":"xa1SZC","hero-header":"WUA2Ni","promo-header":"fARVLF","uui-critical":"_8tVH0Y","uui-info":"RXRauo","uui-success":"avfnUo","uui-warning":"NKVRcI","uui-highlight":"wcMRCx","uui-typography-size-12":"qCc1zI","uui-typography-size-14":"Ib78aj","uui-typography-size-16":"no0RsE","root":"pEnMBP","icon-wrapper":"cFzMp9","action-wrapper":"xAHwSM","action-link":"JakLu-","close-icon":"gIw2Z0","main-path":"FKUA6M","content":"zN7944","close-wrapper":"bUhq1E","notification-wrapper":"GQOU-K","clear-button":"Fks2jP","uuiTypography":"xa1SZC","heroHeader":"WUA2Ni","promoHeader":"fARVLF","uuiCritical":"_8tVH0Y","uuiInfo":"RXRauo","uuiSuccess":"avfnUo","uuiWarning":"NKVRcI","uuiHighlight":"wcMRCx","uuiTypographySize12":"qCc1zI","uuiTypographySize14":"Ib78aj","uuiTypographySize16":"no0RsE","iconWrapper":"cFzMp9","actionWrapper":"xAHwSM","actionLink":"JakLu-","closeIcon":"gIw2Z0","mainPath":"FKUA6M","closeWrapper":"bUhq1E","notificationWrapper":"GQOU-K","clearButton":"Fks2jP"};
+var css$v = {"uui-typography":"uIOHU6","hero-header":"KwU7yQ","promo-header":"_7nk52W","uui-critical":"d7LZPq","uui-info":"Qpn2hh","uui-success":"w2HH34","uui-warning":"q26Ce0","uui-highlight":"cbTUIW","uui-typography-size-12":"QMXRIN","uui-typography-size-14":"LFg2x5","uui-typography-size-16":"ZKICwk","root":"i6QJAP","icon-wrapper":"zzLwf0","action-wrapper":"tF-A0p","action-link":"_02fJCy","close-icon":"d0fz-Y","main-path":"T3FceX","content":"_7x98HO","close-wrapper":"WDo8TR","notification-wrapper":"xt4k0d","clear-button":"-boDcI","uuiTypography":"uIOHU6","heroHeader":"KwU7yQ","promoHeader":"_7nk52W","uuiCritical":"d7LZPq","uuiInfo":"Qpn2hh","uuiSuccess":"w2HH34","uuiWarning":"q26Ce0","uuiHighlight":"cbTUIW","uuiTypographySize12":"QMXRIN","uuiTypographySize14":"LFg2x5","uuiTypographySize16":"ZKICwk","iconWrapper":"zzLwf0","actionWrapper":"tF-A0p","actionLink":"_02fJCy","closeIcon":"d0fz-Y","mainPath":"T3FceX","closeWrapper":"WDo8TR","notificationWrapper":"xt4k0d","clearButton":"-boDcI"};
 
 const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
     const notificationCardNode = React__default.useRef(null);
@@ -3353,7 +3454,7 @@ const formatTime = (hours, minutes, meridian, format) => {
     return meridianResult ? time.concat(` ${meridianResult}`) : time;
 };
 
-var css$u = {"root":"CeRDNI","timepicker-input":"rlP2fd","timepickerInput":"rlP2fd"};
+var css$u = {"root":"blqLrF","timepicker-input":"HLE4Gw","timepickerInput":"HLE4Gw"};
 
 const DEFAULT_MODE = EditMode.FORM;
 const valueToTimeString = (value, format) => {
@@ -3499,7 +3600,7 @@ function TimePickerBody(props) {
             React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
 }
 
-var css$t = {"root":"CnP27Y"};
+var css$t = {"root":"IzPyWk"};
 
 function applyInputAddonMods() {
     return [
@@ -3508,7 +3609,7 @@ function applyInputAddonMods() {
 }
 const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
 
-var css$s = {"root":"Dp8Iaw"};
+var css$s = {"root":"_1AUpR9"};
 
 function applySliderMods() {
     return [css$s.root, 'uui-color-neutral'];
@@ -3562,7 +3663,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 +3692,14 @@ function DatePickerComponent(props, ref) {
 }
 const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
 
-var css$r = {"uui-typography":"RvEbdB","hero-header":"_6bp24Y","promo-header":"L9E9Ht","uui-critical":"_2ciL0h","uui-info":"t63xOu","uui-success":"fZI2l8","uui-warning":"M4O4vz","uui-highlight":"Rv0HLL","uui-typography-size-12":"q96pUj","uui-typography-size-14":"OCKUZT","uui-typography-size-16":"GEur84","root":"tMpH6x","uuiTypography":"RvEbdB","heroHeader":"_6bp24Y","promoHeader":"L9E9Ht","uuiCritical":"_2ciL0h","uuiInfo":"t63xOu","uuiSuccess":"fZI2l8","uuiWarning":"M4O4vz","uuiHighlight":"Rv0HLL","uuiTypographySize12":"q96pUj","uuiTypographySize14":"OCKUZT","uuiTypographySize16":"GEur84"};
+var css$r = {"uui-typography":"RwszU7","hero-header":"hkHmYn","promo-header":"hDrF24","uui-critical":"_6pnJck","uui-info":"q1o5-d","uui-success":"Q-cCT1","uui-warning":"_2AYp5X","uui-highlight":"Tu1oj5","uui-typography-size-12":"lrcp1D","uui-typography-size-14":"nGfuY-","uui-typography-size-16":"aaaUyI","root":"BmDWBR","uuiTypography":"RwszU7","heroHeader":"hkHmYn","promoHeader":"hDrF24","uuiCritical":"_6pnJck","uuiInfo":"q1o5-d","uuiSuccess":"Q-cCT1","uuiWarning":"_2AYp5X","uuiHighlight":"Tu1oj5","uuiTypographySize12":"lrcp1D","uuiTypographySize14":"nGfuY-","uuiTypographySize16":"aaaUyI"};
 
 function applyCalendarPresetsMods() {
     return [css$r.root];
 }
 const CalendarPresets = /* @__PURE__ */withMods(CalendarPresets$1, applyCalendarPresetsMods, () => ({}));
 
-var css$q = {"uui-typography":"-mwJpU","hero-header":"hRC3LR","promo-header":"EDdSg7","uui-critical":"gCMkqt","uui-info":"zzDu3b","uui-success":"us6PwU","uui-warning":"RNd9Vx","uui-highlight":"MMUf9Z","uui-typography-size-12":"NSs1Pu","uui-typography-size-14":"mugW-O","uui-typography-size-16":"xQ6GGD","root":"PLcuzS","container":"_36VHp8","day-selection":"RddJ6C","from-picker":"_4RcVG-","to-picker":"KNJUEp","bodes-wrapper":"_7bRJ2p","blocker":"KAR2-3","uuiTypography":"-mwJpU","heroHeader":"hRC3LR","promoHeader":"EDdSg7","uuiCritical":"gCMkqt","uuiInfo":"zzDu3b","uuiSuccess":"us6PwU","uuiWarning":"RNd9Vx","uuiHighlight":"MMUf9Z","uuiTypographySize12":"NSs1Pu","uuiTypographySize14":"mugW-O","uuiTypographySize16":"xQ6GGD","daySelection":"RddJ6C","fromPicker":"_4RcVG-","toPicker":"KNJUEp","bodesWrapper":"_7bRJ2p"};
+var css$q = {"uui-typography":"ro5alQ","hero-header":"x3kQoE","promo-header":"zQZkA7","uui-critical":"tM6IKL","uui-info":"_2yLduF","uui-success":"_85MTql","uui-warning":"Sl-7n9","uui-highlight":"_9u1FjT","uui-typography-size-12":"o8VWux","uui-typography-size-14":"DIcZZN","uui-typography-size-16":"EkUjKD","root":"C7Pzc-","container":"OvAlcN","day-selection":"AOTXMK","from-picker":"v-wsey","to-picker":"vJZwv0","bodes-wrapper":"OWx25s","blocker":"krDtKb","uuiTypography":"ro5alQ","heroHeader":"x3kQoE","promoHeader":"zQZkA7","uuiCritical":"tM6IKL","uuiInfo":"_2yLduF","uuiSuccess":"_85MTql","uuiWarning":"Sl-7n9","uuiHighlight":"_9u1FjT","uuiTypographySize12":"o8VWux","uuiTypographySize14":"DIcZZN","uuiTypographySize16":"EkUjKD","daySelection":"AOTXMK","fromPicker":"v-wsey","toPicker":"vJZwv0","bodesWrapper":"OWx25s"};
 
 const uuiRangeDatePickerBody = {
     inRange: 'uui-range-datepicker-in-range',
@@ -3842,7 +3943,7 @@ function RangeDatePickerComponent(props, ref) {
 }
 const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
 
-var css$p = {"root":"MGGUfi","blocker":"AXACt-","marker":"NQvANU","top":"gjcmjO","bottom":"NYDi7R","left":"TZAZEE","right":"vvSRUP","inside":"fiYrcg"};
+var css$p = {"root":"i0EH40","blocker":"hht29x","marker":"GFEFH2","top":"cQp6r3","bottom":"B-MMqb","left":"MjjmRM","right":"lKl6YG","inside":"TQrvTx"};
 
 function DropMarker(props) {
     return props.isDndInProgress
@@ -3857,7 +3958,7 @@ function DropMarker(props) {
         : null;
 }
 
-var css$o = {"uui-typography":"Bbhwwi","hero-header":"i5QZHf","promo-header":"mcOMnM","uui-critical":"zqSTJI","uui-info":"UtdCSs","uui-success":"vtpV8p","uui-warning":"KtqmrN","uui-highlight":"tVMyOh","uui-typography-size-12":"-B2vds","uui-typography-size-14":"NwbDiC","uui-typography-size-16":"fhVS2d","cell":"ulRuOm","wrapper":"UHsztj","align-widgets-top":"_8Dhg3X","size-24":"it01od","size-30":"-YlbAi","size-36":"l--Wou","size-42":"HMUlyv","size-48":"-BsVrU","size-60":"qnSCaQ","align-widgets-center":"aZeDcO","padding-6":"_3nQiLo","padding-12":"_6GLW5F","padding-24":"bm5JHe","padding-left-12":"-ppz-A","padding-left-24":"FIeHt-","padding-right-12":"fyPppJ","padding-right-24":"NwfrmW","loading-cell":"_6NU8MN","uuiTypography":"Bbhwwi","heroHeader":"i5QZHf","promoHeader":"mcOMnM","uuiCritical":"zqSTJI","uuiInfo":"UtdCSs","uuiSuccess":"vtpV8p","uuiWarning":"KtqmrN","uuiHighlight":"tVMyOh","uuiTypographySize12":"-B2vds","uuiTypographySize14":"NwbDiC","uuiTypographySize16":"fhVS2d","alignWidgetsTop":"_8Dhg3X","size24":"it01od","size30":"-YlbAi","size36":"l--Wou","size42":"HMUlyv","size48":"-BsVrU","size60":"qnSCaQ","alignWidgetsCenter":"aZeDcO","padding6":"_3nQiLo","padding12":"_6GLW5F","padding24":"bm5JHe","paddingLeft12":"-ppz-A","paddingLeft24":"FIeHt-","paddingRight12":"fyPppJ","paddingRight24":"NwfrmW","loadingCell":"_6NU8MN"};
+var css$o = {"uui-typography":"gQq95Z","hero-header":"dqDpI2","promo-header":"aa5HYz","uui-critical":"sjBzIm","uui-info":"vrenid","uui-success":"tam7wR","uui-warning":"nH9DXD","uui-highlight":"ddta2R","uui-typography-size-12":"LaFovX","uui-typography-size-14":"tcOxHY","uui-typography-size-16":"s--ozc","cell":"nkFylZ","wrapper":"v5Dhoy","align-widgets-top":"CbbPpT","size-24":"j0hlry","size-30":"CJZ-0H","size-36":"_1rKe8o","size-42":"Hn9QzZ","size-48":"J5FSdk","size-60":"OAZ7b4","align-widgets-center":"rafPGu","padding-6":"DkqUPl","padding-12":"igi945","padding-24":"sT26Qb","padding-left-12":"i6HyWr","padding-left-24":"_5-6UzN","padding-right-12":"G3KVEg","padding-right-24":"oxObhY","loading-cell":"_0hzE0Z","uuiTypography":"gQq95Z","heroHeader":"dqDpI2","promoHeader":"aa5HYz","uuiCritical":"sjBzIm","uuiInfo":"vrenid","uuiSuccess":"tam7wR","uuiWarning":"nH9DXD","uuiHighlight":"ddta2R","uuiTypographySize12":"LaFovX","uuiTypographySize14":"tcOxHY","uuiTypographySize16":"s--ozc","alignWidgetsTop":"CbbPpT","size24":"j0hlry","size30":"CJZ-0H","size36":"_1rKe8o","size42":"Hn9QzZ","size48":"J5FSdk","size60":"OAZ7b4","alignWidgetsCenter":"rafPGu","padding6":"DkqUPl","padding12":"igi945","padding24":"sT26Qb","paddingLeft12":"i6HyWr","paddingLeft24":"_5-6UzN","paddingRight12":"G3KVEg","paddingRight24":"oxObhY","loadingCell":"_0hzE0Z"};
 
 function DataTableCell(props) {
     props = Object.assign({}, props);
@@ -3905,7 +4006,7 @@ function DataTableCell(props) {
     return React.createElement(DataTableCell$1, Object.assign({}, props));
 }
 
-var css$n = {"uui-typography":"LXWT3S","hero-header":"mLvStM","promo-header":"gsrA9q","uui-critical":"_1jW9FA","uui-info":"ljrEvE","uui-success":"MV2-3v","uui-warning":"BiUON0","uui-highlight":"aUIs2S","uui-typography-size-12":"TAvs1D","uui-typography-size-14":"TJ2NFY","uui-typography-size-16":"Z7QSO4","root":"_4xCjRQ","size-24":"HDY-JM","size-30":"i-LNE2","size-36":"fBdDXu","size-48":"E9iKys","size-60":"UDre02","uuiTypography":"LXWT3S","heroHeader":"mLvStM","promoHeader":"gsrA9q","uuiCritical":"_1jW9FA","uuiInfo":"ljrEvE","uuiSuccess":"MV2-3v","uuiWarning":"BiUON0","uuiHighlight":"aUIs2S","uuiTypographySize12":"TAvs1D","uuiTypographySize14":"TJ2NFY","uuiTypographySize16":"Z7QSO4","size24":"HDY-JM","size30":"i-LNE2","size36":"fBdDXu","size48":"E9iKys","size60":"UDre02"};
+var css$n = {"uui-typography":"vqj6f1","hero-header":"-DFPc7","promo-header":"J3AaWI","uui-critical":"xyXHHy","uui-info":"Q8rUy7","uui-success":"oy-UfP","uui-warning":"pKOYqB","uui-highlight":"NpC9tt","uui-typography-size-12":"WYMkpX","uui-typography-size-14":"Swn5Tw","uui-typography-size-16":"QgL4kN","root":"H4BnD7","size-24":"_1klxpI","size-30":"mk-9Zz","size-36":"IZQo-M","size-48":"zyYQhm","size-60":"_4JLVdk","uuiTypography":"vqj6f1","heroHeader":"-DFPc7","promoHeader":"J3AaWI","uuiCritical":"xyXHHy","uuiInfo":"Q8rUy7","uuiSuccess":"oy-UfP","uuiWarning":"pKOYqB","uuiHighlight":"NpC9tt","uuiTypographySize12":"WYMkpX","uuiTypographySize14":"Swn5Tw","uuiTypographySize16":"QgL4kN","size24":"_1klxpI","size30":"mk-9Zz","size36":"IZQo-M","size48":"zyYQhm","size60":"_4JLVdk"};
 
 // Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
 // As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
@@ -3921,7 +4022,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
     ];
 }, () => propsMods);
 
-var css$m = {"uui-typography":"c0NoBE","hero-header":"_8eXUlx","promo-header":"LWr9zI","uui-critical":"z1mi1t","uui-info":"AoNFx6","uui-success":"uO-P07","uui-warning":"LhWn30","uui-highlight":"uKpfBG","uui-typography-size-12":"_5F6qwR","uui-typography-size-14":"_8TEUav","uui-typography-size-16":"aHiOSi","sorting-panel-container":"fLc06x","sort-active":"nclBy5","uuiTypography":"c0NoBE","heroHeader":"_8eXUlx","promoHeader":"LWr9zI","uuiCritical":"z1mi1t","uuiInfo":"AoNFx6","uuiSuccess":"uO-P07","uuiWarning":"LhWn30","uuiHighlight":"uKpfBG","uuiTypographySize12":"_5F6qwR","uuiTypographySize14":"_8TEUav","uuiTypographySize16":"aHiOSi","sortingPanelContainer":"fLc06x","sortActive":"nclBy5"};
+var css$m = {"uui-typography":"_7mERrP","hero-header":"hiO8NF","promo-header":"_-8qRy6","uui-critical":"lVLRQA","uui-info":"E512pu","uui-success":"XLqeMf","uui-warning":"La-tLE","uui-highlight":"M7Tx7K","uui-typography-size-12":"jCCZIU","uui-typography-size-14":"fB5C21","uui-typography-size-16":"H18nIl","sorting-panel-container":"mjM33Y","sort-active":"WhmiG-","uuiTypography":"_7mERrP","heroHeader":"hiO8NF","promoHeader":"_-8qRy6","uuiCritical":"lVLRQA","uuiInfo":"E512pu","uuiSuccess":"XLqeMf","uuiWarning":"La-tLE","uuiHighlight":"M7Tx7K","uuiTypographySize12":"jCCZIU","uuiTypographySize14":"fB5C21","uuiTypographySize16":"H18nIl","sortingPanelContainer":"mjM33Y","sortActive":"WhmiG-"};
 
 var _path$g;
 function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
@@ -4051,7 +4152,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
 };
 var ForwardRef$a = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
 
-var css$l = {"uui-typography":"-F-Qix","hero-header":"K8mCYM","promo-header":"_5Tyn5a","uui-critical":"vX8DgE","uui-info":"ovMptV","uui-success":"TY5Yde","uui-warning":"FqCs0W","uui-highlight":"HY-L9a","uui-typography-size-12":"YI-E8w","uui-typography-size-14":"_8Sh4wB","uui-typography-size-16":"TUGAsh","cell":"pRfrrL","column-gap-12":"cbXeMr","caption-wrapper":"IW-Wf8","column-gap-24":"_5Jd8mw","first-column-12":"JbBF6N","last-column-12":"tXDzkd","first-column-24":"NVajRR","last-column-24":"qgVUlJ","sort-icon":"DrM9Q1","dropdown-icon":"EGXUHk","infoIcon":"m4QeQ0","resizable":"ZHuwnT","size-24":"DJSaf-","size-30":"M685m6","size-36":"EkZgBO","size-42":"isGEE7","size-48":"s8m5Vu","padding-left-24":"wP5rdt","padding-right-24":"zfbW2s","align-right":"T1f0jh","align-center":"Do8pw4","caption":"G91waW","checkbox":"ZGIFyp","icon":"fCvXqJ","fold-all-icon":"EYcxU1","cell-tooltip":"tQk5Jo","upper-case":"tytBhp","font-size-14":"u-eyPD","resize-mark":"BMSabI","resize-mark-6":"_0ZrC7M","resize-mark-12":"wcJXlo","pinned-right":"Rt79Ad","draggable":"NPJ-XB","ghost":"-m52yA","is-dragged-out":"DEIFhl","dnd-marker-left":"kIPGs3","dnd-marker-right":"tB0jwZ","cell-tooltip-wrapper":"lwSp-7","cell-tooltip-text":"ZPt3eB","uuiTypography":"-F-Qix","heroHeader":"K8mCYM","promoHeader":"_5Tyn5a","uuiCritical":"vX8DgE","uuiInfo":"ovMptV","uuiSuccess":"TY5Yde","uuiWarning":"FqCs0W","uuiHighlight":"HY-L9a","uuiTypographySize12":"YI-E8w","uuiTypographySize14":"_8Sh4wB","uuiTypographySize16":"TUGAsh","columnGap12":"cbXeMr","captionWrapper":"IW-Wf8","columnGap24":"_5Jd8mw","firstColumn12":"JbBF6N","lastColumn12":"tXDzkd","firstColumn24":"NVajRR","lastColumn24":"qgVUlJ","sortIcon":"DrM9Q1","dropdownIcon":"EGXUHk","size24":"DJSaf-","size30":"M685m6","size36":"EkZgBO","size42":"isGEE7","size48":"s8m5Vu","paddingLeft24":"wP5rdt","paddingRight24":"zfbW2s","alignRight":"T1f0jh","alignCenter":"Do8pw4","foldAllIcon":"EYcxU1","cellTooltip":"tQk5Jo","upperCase":"tytBhp","fontSize14":"u-eyPD","resizeMark":"BMSabI","resizeMark6":"_0ZrC7M","resizeMark12":"wcJXlo","pinnedRight":"Rt79Ad","isDraggedOut":"DEIFhl","dndMarkerLeft":"kIPGs3","dndMarkerRight":"tB0jwZ","cellTooltipWrapper":"lwSp-7","cellTooltipText":"ZPt3eB"};
+var css$l = {"uui-typography":"TsBCZC","hero-header":"-xolIv","promo-header":"_6IWa5c","uui-critical":"tRM3G3","uui-info":"RR9ZhD","uui-success":"ow0su2","uui-warning":"IBnaLu","uui-highlight":"pdmbJ5","uui-typography-size-12":"vKW7WX","uui-typography-size-14":"WW1PXe","uui-typography-size-16":"HUEb56","cell":"_6mM5uY","column-gap-12":"G9gKXu","caption-wrapper":"-bevo5","column-gap-24":"_306Gfl","first-column-12":"_9KwxLS","last-column-12":"ScFclI","first-column-24":"Wemmli","last-column-24":"TIP0p-","sort-icon":"QFXTvt","dropdown-icon":"M6K66i","infoIcon":"_02Ofwx","resizable":"N-W-1j","size-24":"vKV8GL","size-30":"mQwTOg","size-36":"y3AlXm","size-42":"LeM7LQ","size-48":"GsyF3e","padding-left-24":"L7Bfho","padding-right-24":"QFwFZW","align-right":"OwaqGP","align-center":"jMj8hJ","caption":"ihHHHP","checkbox":"jnZfl0","icon":"HABogn","fold-all-icon":"IPly9Q","cell-tooltip":"-fKpKM","upper-case":"J1u-yl","font-size-14":"Ps-yCr","resize-mark":"_0c1-5J","resize-mark-6":"lVHeUI","resize-mark-12":"vIj5jd","pinned-right":"lqdMdJ","draggable":"ZgxKyp","ghost":"UhJw6M","is-dragged-out":"qP24RO","dnd-marker-left":"pZjdQF","dnd-marker-right":"-PFgOr","cell-tooltip-wrapper":"IcvVQn","cell-tooltip-text":"r9pP0H","uuiTypography":"TsBCZC","heroHeader":"-xolIv","promoHeader":"_6IWa5c","uuiCritical":"tRM3G3","uuiInfo":"RR9ZhD","uuiSuccess":"ow0su2","uuiWarning":"IBnaLu","uuiHighlight":"pdmbJ5","uuiTypographySize12":"vKW7WX","uuiTypographySize14":"WW1PXe","uuiTypographySize16":"HUEb56","columnGap12":"G9gKXu","captionWrapper":"-bevo5","columnGap24":"_306Gfl","firstColumn12":"_9KwxLS","lastColumn12":"ScFclI","firstColumn24":"Wemmli","lastColumn24":"TIP0p-","sortIcon":"QFXTvt","dropdownIcon":"M6K66i","size24":"vKV8GL","size30":"mQwTOg","size36":"y3AlXm","size42":"LeM7LQ","size48":"GsyF3e","paddingLeft24":"L7Bfho","paddingRight24":"QFwFZW","alignRight":"OwaqGP","alignCenter":"jMj8hJ","foldAllIcon":"IPly9Q","cellTooltip":"-fKpKM","upperCase":"J1u-yl","fontSize14":"Ps-yCr","resizeMark":"_0c1-5J","resizeMark6":"lVHeUI","resizeMark12":"vIj5jd","pinnedRight":"lqdMdJ","isDraggedOut":"qP24RO","dndMarkerLeft":"pZjdQF","dndMarkerRight":"-PFgOr","cellTooltipWrapper":"IcvVQn","cellTooltipText":"r9pP0H"};
 
 class DataTableHeaderCell extends React.Component {
     constructor() {
@@ -4133,14 +4234,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
 };
 var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
 
-var css$k = {"uui-typography":"KAYFQn","hero-header":"_917HcB","promo-header":"f7dP9i","uui-critical":"_9uUIYo","uui-info":"_5qQzzc","uui-success":"WtSW0O","uui-warning":"qUbLTn","uui-highlight":"agi3v3","uui-typography-size-12":"M-Alos","uui-typography-size-14":"_70stT-","uui-typography-size-16":"mSBWUG","header-cell":"eU6li1","truncate":"Y4bfoW","uuiTypography":"KAYFQn","heroHeader":"_917HcB","promoHeader":"f7dP9i","uuiCritical":"_9uUIYo","uuiInfo":"_5qQzzc","uuiSuccess":"WtSW0O","uuiWarning":"qUbLTn","uuiHighlight":"agi3v3","uuiTypographySize12":"M-Alos","uuiTypographySize14":"_70stT-","uuiTypographySize16":"mSBWUG","headerCell":"eU6li1"};
+var css$k = {"uui-typography":"K29GD0","hero-header":"Nu9diV","promo-header":"oVgIcK","uui-critical":"nMTrn6","uui-info":"_70NqqR","uui-success":"rfR2HW","uui-warning":"lFyOX5","uui-highlight":"llrn8P","uui-typography-size-12":"vDbjG-","uui-typography-size-14":"dUEROG","uui-typography-size-16":"NllYOh","header-cell":"gCbSIj","truncate":"OYL8zt","uuiTypography":"K29GD0","heroHeader":"Nu9diV","promoHeader":"oVgIcK","uuiCritical":"nMTrn6","uuiInfo":"_70NqqR","uuiSuccess":"rfR2HW","uuiWarning":"lFyOX5","uuiHighlight":"llrn8P","uuiTypographySize12":"vDbjG-","uuiTypographySize14":"dUEROG","uuiTypographySize16":"NllYOh","headerCell":"gCbSIj"};
 
 const DataTableHeaderRow = /* @__PURE__ */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":"WVOiib","hero-header":"Kd9MJo","promo-header":"PH6YDY","uui-critical":"oNdvJF","uui-info":"J46RDy","uui-success":"EyYWr9","uui-warning":"r7RKRB","uui-highlight":"GymWR3","uui-typography-size-12":"MdPSY0","uui-typography-size-14":"DccLDe","uui-typography-size-16":"MuAAi8","main-panel":"gbkbvq","group-title":"d-P22E","group-title-text":"d4wB6T","group-title-badge":"b5LmCw","group-items":"fe8dCI","no-data":"FrYRU3","h-divider":"s33UKB","search-area":"cnqPGl","subgroup-accordion":"_7rc-jM","subgroup-title":"uX3-Cc","uuiTypography":"WVOiib","heroHeader":"Kd9MJo","promoHeader":"PH6YDY","uuiCritical":"oNdvJF","uuiInfo":"J46RDy","uuiSuccess":"EyYWr9","uuiWarning":"r7RKRB","uuiHighlight":"GymWR3","uuiTypographySize12":"MdPSY0","uuiTypographySize14":"DccLDe","uuiTypographySize16":"MuAAi8","mainPanel":"gbkbvq","groupTitle":"d-P22E","groupTitleText":"d4wB6T","groupTitleBadge":"b5LmCw","groupItems":"fe8dCI","noData":"FrYRU3","hDivider":"s33UKB","searchArea":"cnqPGl","subgroupAccordion":"_7rc-jM","subgroupTitle":"uX3-Cc"};
+var styles$1 = {"uui-typography":"B58szP","hero-header":"VDXNHI","promo-header":"rHy1L1","uui-critical":"RYXSUx","uui-info":"Mjc4Eg","uui-success":"zgVTnn","uui-warning":"_1qX9uf","uui-highlight":"ycEflC","uui-typography-size-12":"ZNAskm","uui-typography-size-14":"C33x9-","uui-typography-size-16":"lZKn09","main-panel":"I7VimD","group-title":"_16seTe","group-title-text":"tHGIVJ","group-title-badge":"_3BVB3q","group-items":"naUxCP","no-data":"Cp3x3a","h-divider":"_-3i4iC","search-area":"_1bQXI9","subgroup-accordion":"gMciAO","subgroup-title":"tp5N8N","uuiTypography":"B58szP","heroHeader":"VDXNHI","promoHeader":"rHy1L1","uuiCritical":"RYXSUx","uuiInfo":"Mjc4Eg","uuiSuccess":"zgVTnn","uuiWarning":"_1qX9uf","uuiHighlight":"ycEflC","uuiTypographySize12":"ZNAskm","uuiTypographySize14":"C33x9-","uuiTypographySize16":"lZKn09","mainPanel":"I7VimD","groupTitle":"_16seTe","groupTitleText":"tHGIVJ","groupTitleBadge":"_3BVB3q","groupItems":"naUxCP","noData":"Cp3x3a","hDivider":"_-3i4iC","searchArea":"_1bQXI9","subgroupAccordion":"gMciAO","subgroupTitle":"tp5N8N"};
 
 var _path$8;
 function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
@@ -4197,7 +4298,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
 };
 var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
 
-var css$j = {"unpin-icon":"sC48UZ","pin-toggler-icon":"z-J3jO","unpinIcon":"sC48UZ","pinTogglerIcon":"z-J3jO"};
+var css$j = {"unpin-icon":"_1-E4LA","pin-toggler-icon":"lWl0dl","unpinIcon":"_1-E4LA","pinTogglerIcon":"lWl0dl"};
 
 function PinIconButton(props) {
     const i18nLocal = i18n.tables.columnsConfigurationModal;
@@ -4256,7 +4357,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
 };
 var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
 
-var styles = {"uui-typography":"h0iuQd","hero-header":"vx2AVd","promo-header":"k33-rK","uui-critical":"_8JjYdP","uui-info":"kbqF0z","uui-success":"ReECdj","uui-warning":"v-5ToS","uui-highlight":"hg8n4a","uui-typography-size-12":"_1r7exI","uui-typography-size-14":"_31yzKU","uui-typography-size-16":"YuyIyE","row-wrapper":"DPZHDM","not-pinned":"FjTJcT","pin-icon-button":"ozJFTI","checkbox":"jlC0LG","drag-handle":"Qstp08","dnd-disabled":"_6dM5u2","uuiTypography":"h0iuQd","heroHeader":"vx2AVd","promoHeader":"k33-rK","uuiCritical":"_8JjYdP","uuiInfo":"kbqF0z","uuiSuccess":"ReECdj","uuiWarning":"v-5ToS","uuiHighlight":"hg8n4a","uuiTypographySize12":"_1r7exI","uuiTypographySize14":"_31yzKU","uuiTypographySize16":"YuyIyE","rowWrapper":"DPZHDM","notPinned":"FjTJcT","pinIconButton":"ozJFTI","dragHandle":"Qstp08","dndDisabled":"_6dM5u2"};
+var styles = {"uui-typography":"FONkcc","hero-header":"puRmkH","promo-header":"aL2Skp","uui-critical":"K2XpkK","uui-info":"LKyJTS","uui-success":"deYmFZ","uui-warning":"Q0pCmC","uui-highlight":"zTnvYJ","uui-typography-size-12":"YZUXR3","uui-typography-size-14":"fs1U2q","uui-typography-size-16":"vSvynD","row-wrapper":"EMn0hg","not-pinned":"_3xALIi","pin-icon-button":"YzXR8U","checkbox":"_9l1w2d","drag-handle":"fjFR6D","dnd-disabled":"mcP3YM","uuiTypography":"FONkcc","heroHeader":"puRmkH","promoHeader":"aL2Skp","uuiCritical":"K2XpkK","uuiInfo":"LKyJTS","uuiSuccess":"deYmFZ","uuiWarning":"Q0pCmC","uuiHighlight":"zTnvYJ","uuiTypographySize12":"YZUXR3","uuiTypographySize14":"fs1U2q","uuiTypographySize16":"vSvynD","rowWrapper":"EMn0hg","notPinned":"_3xALIi","pinIconButton":"YzXR8U","dragHandle":"fjFR6D","dndDisabled":"mcP3YM"};
 
 const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
     const { column } = props;
@@ -4365,7 +4466,7 @@ function SubGroup(props) {
     return null;
 }
 
-var css$i = {"listContainer":"ddW8I7","header":"_8ZHSVd","group":"FpN1W1","stickyHeader":"reADOY"};
+var css$i = {"listContainer":"F0fiuq","header":"zmGP07","group":"wf4X3B","stickyHeader":"MUpWCu"};
 
 const getChildrenAndRest = (row, rows) => {
     const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
@@ -4431,7 +4532,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
     xmlns: "http://www.w3.org/2000/svg",
     ref: ref
   }, props), /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#3dqniqhxigjmutkt_a)"
+    clipPath: "url(#esdeke43b19eluuq7_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 +4553,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: "3dqniqe9ll9wa67tc_b",
+    id: "esdekekbrjmrcuq3l_b",
     style: {
       maskType: "alpha"
     },
@@ -4465,7 +4566,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(#3dqniqe9ll9wa67tc_b)",
+    mask: "url(#esdekekbrjmrcuq3l_b)",
     fillRule: "evenodd",
     clipRule: "evenodd"
   }, /*#__PURE__*/React.createElement("path", {
@@ -4551,7 +4652,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: "3dqniqhxigjmutkt_a"
+    id: "esdeke43b19eluuq7_a"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     transform: "translate(.552)",
@@ -4560,7 +4661,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
 };
 var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
 
-var css$h = {"sticky-header":"VhYpbX","table":"_89aTFo","no-results":"ikrZsj","no-results-icon":"bPkfdA","no-results-title":"z6R40m","stickyHeader":"VhYpbX","noResults":"ikrZsj","noResultsIcon":"bPkfdA","noResultsTitle":"z6R40m"};
+var css$h = {"sticky-header":"JcYgTB","table":"nepd--","no-results":"-XqXIQ","no-results-icon":"PEd92F","no-results-title":"otqGrR","stickyHeader":"JcYgTB","noResults":"-XqXIQ","noResultsIcon":"PEd92F","noResultsTitle":"otqGrR"};
 
 const DEFAULT_HEADER_SIZE = '36';
 const DEFAULT_COLUMN_GAP = '24';
@@ -4613,9 +4714,9 @@ function DataTable(props) {
                 } }))));
 }
 
-var css$g = {"root":"AYNKuq"};
+var css$g = {"root":"otWLCD"};
 
-var css$f = {"root":"QbRJWe","burger-content":"_0Hj1Dd","burgerContent":"_0Hj1Dd"};
+var css$f = {"root":"-J4Tnn","burger-content":"xx9lPR","burgerContent":"xx9lPR"};
 
 var _path$3;
 function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
@@ -4658,7 +4759,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
 };
 var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
 
-var css$e = {"uui-typography":"BAv9Fg","hero-header":"-r4WhP","promo-header":"_-8GGRi","uui-critical":"NlNzEE","uui-info":"_83VVQ7","uui-success":"okgeFH","uui-warning":"B-XRIM","uui-highlight":"-w79GK","uui-typography-size-12":"vMqgTh","uui-typography-size-14":"_1aDU2M","uui-typography-size-16":"O8-02J","root":"_4BPL2k","button-primary":"_8kRiIX","button-secondary":"ovuBTd","hasIcon":"FfWyrz","dropdown":"C6Z7wP","uuiTypography":"BAv9Fg","heroHeader":"-r4WhP","promoHeader":"_-8GGRi","uuiCritical":"NlNzEE","uuiInfo":"_83VVQ7","uuiSuccess":"okgeFH","uuiWarning":"B-XRIM","uuiHighlight":"-w79GK","uuiTypographySize12":"vMqgTh","uuiTypographySize14":"_1aDU2M","uuiTypographySize16":"O8-02J","buttonPrimary":"_8kRiIX","buttonSecondary":"ovuBTd"};
+var css$e = {"uui-typography":"TDj1G6","hero-header":"daV45T","promo-header":"aN8-7e","uui-critical":"Tm9hUC","uui-info":"Pfv-u1","uui-success":"hL1cPx","uui-warning":"jMpmOZ","uui-highlight":"o1IgXz","uui-typography-size-12":"SK7V-5","uui-typography-size-14":"gg1Fov","uui-typography-size-16":"CSP2V2","root":"DofBmi","button-primary":"bcSbCe","button-secondary":"dTcwyP","hasIcon":"apkDn0","dropdown":"wDdYkH","uuiTypography":"TDj1G6","heroHeader":"daV45T","promoHeader":"aN8-7e","uuiCritical":"Tm9hUC","uuiInfo":"Pfv-u1","uuiSuccess":"hL1cPx","uuiWarning":"jMpmOZ","uuiHighlight":"o1IgXz","uuiTypographySize12":"SK7V-5","uuiTypographySize14":"gg1Fov","uuiTypographySize16":"CSP2V2","buttonPrimary":"bcSbCe","buttonSecondary":"dTcwyP"};
 
 const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
     css$e.root,
@@ -4669,13 +4770,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":"GhGGBi","searchInput":"GhGGBi"};
+var css$d = {"search-input":"_7ppRWK","searchInput":"_7ppRWK"};
 
 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":"MtnoMu","group-header":"fnc6vb","group-name":"pQJ8SL","line":"_887Sts","groupHeader":"fnc6vb","groupName":"pQJ8SL"};
+var css$c = {"root":"L6uhEO","group-header":"X1nQZG","group-name":"pnh51f","line":"hUOqPp","groupHeader":"X1nQZG","groupName":"pnh51f"};
 
 function BurgerGroupHeader(props) {
     return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
@@ -4683,7 +4784,7 @@ function BurgerGroupHeader(props) {
         React.createElement("span", { className: css$c.groupName }, props.caption)));
 }
 
-var css$b = {"uui-typography":"-AgwBE","hero-header":"Flzxxa","promo-header":"GjWkB8","uui-critical":"zssLGX","uui-info":"_2TDYBz","uui-success":"jyzJAR","uui-warning":"kCVyxF","uui-highlight":"_4aSiq7","uui-typography-size-12":"dA0tcL","uui-typography-size-14":"XD-rFJ","uui-typography-size-16":"TyQAsh","root":"npcTGY","type-primary":"bU0ULL","type-secondary":"_0Gno1W","uuiTypography":"-AgwBE","heroHeader":"Flzxxa","promoHeader":"GjWkB8","uuiCritical":"zssLGX","uuiInfo":"_2TDYBz","uuiSuccess":"jyzJAR","uuiWarning":"kCVyxF","uuiHighlight":"_4aSiq7","uuiTypographySize12":"dA0tcL","uuiTypographySize14":"XD-rFJ","uuiTypographySize16":"TyQAsh","typePrimary":"bU0ULL","typeSecondary":"_0Gno1W"};
+var css$b = {"uui-typography":"FuExj4","hero-header":"oHn-pM","promo-header":"_4kcGyG","uui-critical":"Lvl1Jw","uui-info":"AXfP-L","uui-success":"BBioqw","uui-warning":"zbrATC","uui-highlight":"UHyM6x","uui-typography-size-12":"eJWjlO","uui-typography-size-14":"IsdoDw","uui-typography-size-16":"OsJ2Ub","root":"ELwsSo","type-primary":"xH0SON","type-secondary":"iODMQI","uuiTypography":"FuExj4","heroHeader":"oHn-pM","promoHeader":"_4kcGyG","uuiCritical":"Lvl1Jw","uuiInfo":"AXfP-L","uuiSuccess":"BBioqw","uuiWarning":"zbrATC","uuiHighlight":"UHyM6x","uuiTypographySize12":"eJWjlO","uuiTypographySize14":"IsdoDw","uuiTypographySize16":"OsJ2Ub","typePrimary":"xH0SON","typeSecondary":"iODMQI"};
 
 const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
     const { type } = props, clickableProps = __rest(props, ["type"]);
@@ -4699,7 +4800,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
         props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
 });
 
-var css$a = {"dropdown-body":"BmFphu","dropdownBody":"BmFphu"};
+var css$a = {"dropdown-body":"E3MbTV","dropdownBody":"E3MbTV"};
 
 class MainMenuDropdown extends React.Component {
     render() {
@@ -4754,12 +4855,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
 };
 var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
 
-var css$9 = {"global-menu-btn":"G8jCzM","global-menu-icon":"aTIN0s","globalMenuBtn":"G8jCzM","globalMenuIcon":"aTIN0s"};
+var css$9 = {"global-menu-btn":"X9heht","global-menu-icon":"Fqtizm","globalMenuBtn":"X9heht","globalMenuIcon":"Fqtizm"};
 
 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":"TWcyO4","open":"VHJDN3"};
+var css$8 = {"container":"LCyLIc","open":"lnWX1s"};
 
 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 +4868,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":"_1TI-rx","searchInput":"_1TI-rx"};
+var css$7 = {"search-input":"bGo9U1","searchInput":"bGo9U1"};
 
 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":"q8U84r"};
+var css$6 = {"container":"uu4pcN"};
 
 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":"Z8nAI1"};
+var css$5 = {"root":"mF8NCi"};
 
 const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
 
@@ -4836,7 +4937,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
 };
 var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
 
-var css$4 = {"root":"c-N0rY","drop-start":"kIF74n","drop-over":"Nj03l4","link":"OIXfJM","drop-area":"X3lbuy","drop-caption":"_9cB4rD","icon-blue":"dW1jh7","dropStart":"kIF74n","dropOver":"Nj03l4","dropArea":"X3lbuy","dropCaption":"_9cB4rD","iconBlue":"dW1jh7"};
+var css$4 = {"root":"izug49","drop-start":"w0aJtS","drop-over":"xpUg8P","link":"IEyekd","drop-area":"dDSQZa","drop-caption":"_17bd6g","icon-blue":"IJMhlB","dropStart":"w0aJtS","dropOver":"xpUg8P","dropArea":"dDSQZa","dropCaption":"_17bd6g","iconBlue":"IJMhlB"};
 
 function DropSpot(props) {
     const getInfoText = typeof props.infoText === 'string'
@@ -4854,9 +4955,9 @@ function DropSpot(props) {
     return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
 }
 
-var css$3 = {"uui-typography":"k5w-d-","hero-header":"bFMrA6","promo-header":"vTWE4I","uui-critical":"_4hywGQ","uui-info":"-D6JZh","uui-success":"Gc5nRz","uui-warning":"FKZ8Ed","uui-highlight":"_8BpqJp","uui-typography-size-12":"nYM2E0","uui-typography-size-14":"gHAMzs","uui-typography-size-16":"BP6KCy","root":"aIxA5I","file-name":"rhy6hV","default-color":"_2qX8cB","doc-color":"hCcN4X","xls-color":"bRxPEM","pdf-color":"HTFxny","movie-color":"h2zMjZ","img-color":"K4zpxV","mov-color":"pRoGbW","error-block":"FZ4JBH","icons-block":"_9rwuBR","uuiTypography":"k5w-d-","heroHeader":"bFMrA6","promoHeader":"vTWE4I","uuiCritical":"_4hywGQ","uuiInfo":"-D6JZh","uuiSuccess":"Gc5nRz","uuiWarning":"FKZ8Ed","uuiHighlight":"_8BpqJp","uuiTypographySize12":"nYM2E0","uuiTypographySize14":"gHAMzs","uuiTypographySize16":"BP6KCy","fileName":"rhy6hV","defaultColor":"_2qX8cB","docColor":"hCcN4X","xlsColor":"bRxPEM","pdfColor":"HTFxny","movieColor":"h2zMjZ","imgColor":"K4zpxV","movColor":"pRoGbW","errorBlock":"FZ4JBH","iconsBlock":"_9rwuBR"};
+var css$3 = {"uui-typography":"VBhi32","hero-header":"_3YWKPO","promo-header":"hkioxu","uui-critical":"lUGHTE","uui-info":"ODV4hF","uui-success":"cISo5S","uui-warning":"IAZXED","uui-highlight":"IxJszx","uui-typography-size-12":"lfS4A-","uui-typography-size-14":"a1FSJE","uui-typography-size-16":"_9An-WY","root":"gC5Z1Y","file-name":"PoA8k3","default-color":"_8lNErv","doc-color":"tDc8iY","xls-color":"bOiTJy","pdf-color":"xqqoOE","movie-color":"_4TklMC","img-color":"lA7EHk","mov-color":"CCiUhS","error-block":"-Bk-m9","icons-block":"mDxBSl","uuiTypography":"VBhi32","heroHeader":"_3YWKPO","promoHeader":"hkioxu","uuiCritical":"lUGHTE","uuiInfo":"ODV4hF","uuiSuccess":"cISo5S","uuiWarning":"IAZXED","uuiHighlight":"IxJszx","uuiTypographySize12":"lfS4A-","uuiTypographySize14":"a1FSJE","uuiTypographySize16":"_9An-WY","fileName":"PoA8k3","defaultColor":"_8lNErv","docColor":"tDc8iY","xlsColor":"bOiTJy","pdfColor":"xqqoOE","movieColor":"_4TklMC","imgColor":"lA7EHk","movColor":"CCiUhS","errorBlock":"-Bk-m9","iconsBlock":"mDxBSl"};
 
-var css$2 = {"root":"-XXR2T"};
+var css$2 = {"root":"ixXlun"};
 
 const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
     const outsetRadius = props.size / 2 - 1;
@@ -4981,7 +5082,7 @@ const getErrorPageConfig = () => ({
     },
 });
 
-var css$1 = {"container":"qMj8J9"};
+var css$1 = {"container":"AbKtZD"};
 
 const ErrorPage = (props) => {
     const isMobileScreen = isMobile();
@@ -4992,7 +5093,7 @@ const ErrorPage = (props) => {
             React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
 };
 
-var css = {"recovery-spinner":"QIyQBr","recovery-message":"HGYAqI","modal-blocker":"vZOCSK","modalFadeIn":"s-dK9s","recoverySpinner":"QIyQBr","recoveryMessage":"HGYAqI","modalBlocker":"vZOCSK"};
+var css = {"recovery-spinner":"a0Q0Hv","recovery-message":"axdvSE","modal-blocker":"_68MC4D","modalFadeIn":"_7iNHQg","recoverySpinner":"a0Q0Hv","recoveryMessage":"axdvSE","modalBlocker":"_68MC4D"};
 
 function ErrorHandler(props) {
     const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
@@ -5043,5 +5144,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