@epam/uui 4.6.0 → 4.6.2

package/components/inputs/TextInput.d.ts

@@ -7,7 +7,7 @@ export interface TextInputMods extends IHasEditMode {
     size?: ControlSize;
 }
 export declare function applyTextInputMods(mods: TextInputMods): string[];
-export declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputProps & TextInputMods, "id" | "value" | "cx" | "onClick" | "rawProps" | "tabIndex" | "isDisabled" | "name" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isReadonly" | "isRequired" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "caption" | "dropdownIcon" | "icon" | "iconPosition" | "onIconClick" | "placeholder" | "type" | "prefix" | "inputMode" | "maxLength" | "getValueChangeAnalyticsEvent" | "onCancel" | "onAccept" | "onKeyDown" | "onFocus" | "onBlur" | "autoFocus" | "autoComplete" | "suffix" | "acceptIcon" | "cancelIcon" | "inputCx" | "renderInput" | keyof TextInputMods> & React.RefAttributes<any>>;
+export declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputProps & TextInputMods, "id" | "value" | "cx" | "onClick" | "rawProps" | "tabIndex" | "isDisabled" | "name" | "onValueChange" | "isInvalid" | "validationMessage" | "validationProps" | "isReadonly" | "isRequired" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "caption" | "dropdownIcon" | "icon" | "iconPosition" | "onIconClick" | "placeholder" | "type" | "getValueChangeAnalyticsEvent" | "prefix" | "inputMode" | "maxLength" | "onCancel" | "onAccept" | "onKeyDown" | "onFocus" | "onBlur" | "autoFocus" | "autoComplete" | "suffix" | "acceptIcon" | "cancelIcon" | "inputCx" | "renderInput" | keyof TextInputMods> & React.RefAttributes<any>>;
 export declare class SearchInput extends React.Component<TextInputProps & TextInputMods & IEditableDebouncerOptions, {}> {
     render(): JSX.Element;
 }

package/components/layout/FlexItems/FlexSpacer.d.ts

@@ -1,2 +1,5 @@
-export declare const FlexSpacer: (props: import("@epam/uui-components").FlexSpacerProps) => JSX.Element;
+export declare const FlexSpacer: {
+    (props: import("@epam/uui-components").FlexSpacerProps): JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=FlexSpacer.d.ts.map

package/components/layout/FlexItems/FlexSpacer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexSpacer.d.ts","sourceRoot":"","sources":["../../../../components/layout/FlexItems/FlexSpacer.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,wEAAgB,CAAC"}
+{"version":3,"file":"FlexSpacer.d.ts","sourceRoot":"","sources":["../../../../components/layout/FlexItems/FlexSpacer.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;CAAgB,CAAC"}

package/components/pickers/DataPickerFooter.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { PickerFooterProps } from '@epam/uui-components';
+import { PickerFooterProps } from "@epam/uui-core";
 import { SizeMod } from '../types';
 declare type DataPickerFooterProps<TItem, TId> = PickerFooterProps<TItem, TId> & SizeMod & {
     hideShowOnlySelected?: boolean;

package/components/pickers/DataPickerFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataPickerFooter.d.ts","sourceRoot":"","sources":["../../../components/pickers/DataPickerFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAKzD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGnC,aAAK,qBAAqB,CAAC,KAAK,EAAE,GAAG,IAAI,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,OAAO,GAAG;IAC/E,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAqDF,eAAO,MAAM,gBAAgB,6HAAmC,CAAC"}
+{"version":3,"file":"DataPickerFooter.d.ts","sourceRoot":"","sources":["../../../components/pickers/DataPickerFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAY,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAK7D,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGnC,aAAK,qBAAqB,CAAC,KAAK,EAAE,GAAG,IAAI,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,OAAO,GAAG;IAC/E,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAqDF,eAAO,MAAM,gBAAgB,6HAAmC,CAAC"}

package/components/pickers/PickerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickerInput.d.ts","sourceRoot":"","sources":["../../../components/pickers/PickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAA4C,MAAM,gBAAgB,CAAC;AAC/H,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAGnH,OAAO,EAAiB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMnE,OAAO,EAAY,YAAY,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAG3D,oBAAY,gBAAgB,GAAG,OAAO,GAAG,YAAY,GAAG,EAAE,CAAC;AAK3D,qBAAa,WAAW,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,gBAAgB,CAAC;IACtF,kBAAkB,CAAC,MAAM,EAAE,OAAO;IAclC,UAAU;IAQV,UAAU,SAAU,KAAK,YAAY,aAAa,KAAK,EAAE,GAAG,CAAC,iBAE5D;IAED,SAAS,aAAc,aAAa,KAAK,EAAE,GAAG,CAAC,qBAgB9C;IAED,cAAc,IAAI,iBAAiB;IAOnC,YAAY;IAQZ,YAAY,CAAC,WAAW,EAAE,gBAAgB,GAAG,kBAAkB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS;IAY7F,UAAU,CAAC,KAAK,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;CA6BlI"}
+{"version":3,"file":"PickerInput.d.ts","sourceRoot":"","sources":["../../../components/pickers/PickerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAA4C,MAAM,gBAAgB,CAAC;AAC/H,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAGnH,OAAO,EAAiB,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMnE,OAAO,EAAY,YAAY,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAG3D,oBAAY,gBAAgB,GAAG,OAAO,GAAG,YAAY,GAAG,EAAE,CAAC;AAK3D,qBAAa,WAAW,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,gBAAgB,CAAC;IACtF,kBAAkB,CAAC,MAAM,EAAE,OAAO;IAelC,UAAU;IAQV,UAAU,SAAU,KAAK,YAAY,aAAa,KAAK,EAAE,GAAG,CAAC,iBAE5D;IAED,SAAS,aAAc,aAAa,KAAK,EAAE,GAAG,CAAC,qBAgB9C;IAED,cAAc,IAAI,iBAAiB;IAOnC,YAAY;IAQZ,YAAY,CAAC,WAAW,EAAE,gBAAgB,GAAG,kBAAkB,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS;IAY7F,UAAU,CAAC,KAAK,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;CA6BlI"}

package/components/pickers/PickerModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickerModal.d.ts","sourceRoot":"","sources":["../../../components/pickers/PickerModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAQ,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAA4B,MAAM,sBAAsB,CAAC;AAUnG,qBAAa,eAAe,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC;IACxE,SAAS,CAAC,QAAQ,EAAE,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC;IAa5C,YAAY,CAAC,gBAAgB,EAAE,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;IAiBzD,MAAM,IAAI,KAAK,CAAC,SAAS;CAkE5B;AAED,qBAAa,WAAW,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACtF,KAAK;;MAA0C;IAC/C,IAAI,sCAA2B;IAE/B,MAAM;CAOT"}
+{"version":3,"file":"PickerModal.d.ts","sourceRoot":"","sources":["../../../components/pickers/PickerModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAQ,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAA4B,MAAM,sBAAsB,CAAC;AAUnG,qBAAa,eAAe,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC;IACxE,SAAS,CAAC,QAAQ,EAAE,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC;IAa5C,YAAY,CAAC,gBAAgB,EAAE,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;IAiBzD,MAAM,IAAI,KAAK,CAAC,SAAS;CA8D5B;AAED,qBAAa,WAAW,CAAC,KAAK,EAAE,GAAG,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACtF,KAAK;;MAA0C;IAC/C,IAAI,sCAA2B;IAE/B,MAAM;CAOT"}

package/components/pickers/docs/common.d.ts

@@ -1,6 +1,5 @@
-import { ArrayDataSource, LazyDataSource, AsyncDataSource } from '@epam/uui-core';
+import { ArrayDataSource, LazyDataSource, AsyncDataSource, PickerBaseOptions } from "@epam/uui-core";
 import { DocBuilder, PropSamplesCreationContext } from '@epam/uui-docs';
-import { PickerBaseOptions } from '@epam/uui-components';
 export declare const getDataSourceExamples: (ctx: PropSamplesCreationContext) => ({
     name: string;
     isDefault: boolean;

package/components/pickers/docs/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../components/pickers/docs/common.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOzD,eAAO,MAAM,qBAAqB,QAAS,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;IAgCpE,CAAC;AAEF,eAAO,MAAM,oBAAoB,yCAkDkB,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../components/pickers/docs/common.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACrG,OAAO,EAAE,UAAU,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAOxE,eAAO,MAAM,qBAAqB,QAAS,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;IAgCpE,CAAC;AAEF,eAAO,MAAM,oBAAoB,yCAkDkB,CAAC"}

package/components/tables/Presets/Preset.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ITablePreset } from '../types';
+import { ITablePreset } from "@epam/uui-core";
 interface IPresetProps {
     preset: ITablePreset;
     isActive: boolean;

package/components/tables/Presets/Preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Preset.d.ts","sourceRoot":"","sources":["../../../../components/tables/Presets/Preset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAKxC,UAAU,YAAY;IAClB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmHzC,CAAC"}
+{"version":3,"file":"Preset.d.ts","sourceRoot":"","sources":["../../../../components/tables/Presets/Preset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAoB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAMhE,UAAU,YAAY;IAClB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmHzC,CAAC"}

package/components/tables/Presets/Presets.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { DataTableState } from '@epam/uui-core';
-import { IPresetsApi, ITablePreset } from '../types';
+import { DataTableState, IPresetsApi, ITablePreset } from "@epam/uui-core";
 interface IPresetsProps extends IPresetsApi {
     presets: ITablePreset[];
     tableState: DataTableState;

package/components/tables/Presets/Presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Presets.d.ts","sourceRoot":"","sources":["../../../../components/tables/Presets/Presets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIhD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGrD,UAAU,aAAc,SAAQ,WAAW;IACvC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC;CAC9B;AAiED,eAAO,MAAM,OAAO,2CAA0B,CAAC"}
+{"version":3,"file":"Presets.d.ts","sourceRoot":"","sources":["../../../../components/tables/Presets/Presets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM3E,UAAU,aAAc,SAAQ,WAAW;IACvC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC;CAC9B;AAiDD,eAAO,MAAM,OAAO,2CAA0B,CAAC"}

package/components/tables/types.d.ts

@@ -1,4 +1,3 @@
-import { ColumnsConfig } from '@epam/uui-core';
 import { ControlSize } from '..';
 export interface DataTableCellMods {
     size?: ControlSize | '60';
@@ -7,22 +6,4 @@ export interface DataTableCellMods {
     isLastColumn?: boolean;
     alignActions?: 'top' | 'center';
 }
-export interface ITablePreset<TFilter = Record<string, any>> {
-    name: string;
-    id: number | null;
-    filter: TFilter;
-    isReadonly?: boolean;
-    columnsConfig: ColumnsConfig;
-}
-export interface IPresetsApi {
-    getActivePresetId(): number;
-    isDefaultPresetActive(): boolean;
-    choosePreset(preset: ITablePreset): void;
-    createNewPreset(name: string): void;
-    resetToDefault(): void;
-    hasPresetChanged(preset: ITablePreset): boolean;
-    duplicatePreset(preset: ITablePreset): void;
-    deletePreset(preset: ITablePreset): void;
-    updatePreset(preset: ITablePreset): void;
-}
 //# sourceMappingURL=types.d.ts.map

package/components/tables/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/tables/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,MAAM,WAAW,iBAAiB;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACnC;AAED,MAAM,WAAW,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,WAAW;IACxB,iBAAiB,IAAI,MAAM,CAAC;IAC5B,qBAAqB,IAAI,OAAO,CAAC;IACjC,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IACzC,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,IAAI,IAAI,CAAC;IACvB,gBAAgB,CAAC,MAAM,EAAE,YAAY,GAAG,OAAO,CAAC;IAChD,eAAe,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5C,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;CAC5C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/tables/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,MAAM,WAAW,iBAAiB;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACnC"}

package/index.js

@@ -638,7 +638,7 @@ function __classPrivateFieldSet(receiver, state, value, kind, f) {
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"line-height-12":"_16du_","lineHeight12":"_16du_","line-height-18":"_1PElp","lineHeight18":"_1PElp","line-height-24":"_2S5Kz","lineHeight24":"_2S5Kz","line-height-30":"NTwgg","lineHeight30":"NTwgg","font-size-10":"_2XcrR","fontSize10":"_2XcrR","font-size-12":"_2KGk0","fontSize12":"_2KGk0","font-size-14":"_2_589","fontSize14":"_2_589","font-size-16":"_1weOW","fontSize16":"_1weOW","font-size-18":"_3ZWmw","fontSize18":"_3ZWmw","font-size-24":"_31wZv","fontSize24":"_31wZv","v-padding-2":"qPuSd","vPadding2":"qPuSd","v-padding-3":"_1C_wc","vPadding3":"_1C_wc","v-padding-5":"_3pIOm","vPadding5":"_3pIOm","v-padding-6":"Ncr_Q","vPadding6":"Ncr_Q","v-padding-8":"_3nPVr","vPadding8":"_3nPVr","v-padding-9":"_1xv01","vPadding9":"_1xv01","v-padding-11":"_2ubDE","vPadding11":"_2ubDE","v-padding-12":"_1pb8t","vPadding12":"_1pb8t","v-padding-14":"PZDUk","vPadding14":"PZDUk","v-padding-15":"_2fhMt","vPadding15":"_2fhMt","v-padding-17":"WikQ7","vPadding17":"WikQ7","v-padding-18":"NueYl","vPadding18":"NueYl","v-padding-23":"BLIOk","vPadding23":"BLIOk","v-padding-24":"_2VTYy","vPadding24":"_2VTYy"};
+module.exports = {"line-height-12":"_3QUpz","lineHeight12":"_3QUpz","line-height-18":"_3xcyW","lineHeight18":"_3xcyW","line-height-24":"_2aKG_","lineHeight24":"_2aKG_","line-height-30":"_3zGL4","lineHeight30":"_3zGL4","font-size-10":"bpgn4","fontSize10":"bpgn4","font-size-12":"_1Vqxx","fontSize12":"_1Vqxx","font-size-14":"_2safq","fontSize14":"_2safq","font-size-16":"_13Ry7","fontSize16":"_13Ry7","font-size-18":"_3bKvP","fontSize18":"_3bKvP","font-size-24":"_2bPQa","fontSize24":"_2bPQa","v-padding-2":"J-5Ge","vPadding2":"J-5Ge","v-padding-3":"yxQg4","vPadding3":"yxQg4","v-padding-5":"_1Cdam","vPadding5":"_1Cdam","v-padding-6":"_2gxjF","vPadding6":"_2gxjF","v-padding-8":"_2pOEQ","vPadding8":"_2pOEQ","v-padding-9":"_19pd0","vPadding9":"_19pd0","v-padding-11":"_2uley","vPadding11":"_2uley","v-padding-12":"_3RPor","vPadding12":"_3RPor","v-padding-14":"_2M5XC","vPadding14":"_2M5XC","v-padding-15":"_1HzrV","vPadding15":"_1HzrV","v-padding-17":"XuHkA","vPadding17":"XuHkA","v-padding-18":"ecMkt","vPadding18":"ecMkt","v-padding-23":"_1Es-N","vPadding23":"_1Es-N","v-padding-24":"_3HfPh","vPadding24":"_3HfPh"};
 
 /***/ }),
 
@@ -892,7 +892,7 @@ module.exports = {"line-height-12":"_16du_","lineHeight12":"_16du_","line-height
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"srq9Y","mode-solid":"cWVCK","modeSolid":"cWVCK","mode-outline":"_2Gq9V","modeOutline":"_2Gq9V","mode-none":"_2-T9U","modeNone":"_2-T9U","mode-ghost":"_3IIvX","modeGhost":"_3IIvX","size-24":"_20Sb_","size24":"_20Sb_","size-30":"_2Sp4b","size30":"_2Sp4b","size-36":"_1ag3_","size36":"_1ag3_","size-42":"_2gI3B","size42":"_2gI3B","size-48":"_1pG_H","size48":"_1pG_H"};
+module.exports = {"root":"_3YYlz","mode-solid":"_1E9IZ","modeSolid":"_1E9IZ","mode-outline":"_3X_vH","modeOutline":"_3X_vH","mode-none":"_2K0sQ","modeNone":"_2K0sQ","mode-ghost":"uoDug","modeGhost":"uoDug","size-24":"_1um4P","size24":"_1um4P","size-30":"_2Cjh-","size30":"_2Cjh-","size-36":"_Q78u","size36":"_Q78u","size-42":"_1F9To","size42":"_1F9To","size-48":"Gm96_","size48":"Gm96_"};
 
 /***/ }),
 
@@ -941,7 +941,7 @@ exports.Button = (0, uui_core_1.withMods)(uui_components_1.Button, applyButtonMo
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3Mjbx"};
+module.exports = {"root":"_1wbZW"};
 
 /***/ }),
 
@@ -981,7 +981,7 @@ exports.IconButton = (0, uui_core_1.withMods)(uui_components_1.IconButton, apply
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3Rq_x","size-18":"_2PyXT","size18":"_2PyXT","size-24":"_3LrWc","size24":"_3LrWc","size-30":"lqkT7","size30":"lqkT7","size-36":"_39noE","size36":"_39noE","size-42":"_35bU4","size42":"_35bU4","size-48":"-D0Nu","size48":"-D0Nu"};
+module.exports = {"root":"_23uLP","size-18":"_1i-AR","size18":"_1i-AR","size-24":"_11U4N","size24":"_11U4N","size-30":"_3QDb8","size30":"_3QDb8","size-36":"_3wBdR","size36":"_3wBdR","size-42":"_2DWAe","size42":"_2DWAe","size-48":"_2uyWG","size48":"_2uyWG"};
 
 /***/ }),
 
@@ -1027,7 +1027,7 @@ exports.LinkButton = (0, uui_core_1.withMods)(uui_components_1.Button, applyLink
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3XiPh","uui-notification":"_25Muh","uuiNotification":"_25Muh","size-36":"hCNFg","size36":"hCNFg","size-48":"lXIbM","size48":"lXIbM","size-60":"x6J34","size60":"x6J34"};
+module.exports = {"root":"_3T74k","uui-notification":"_2dnLm","uuiNotification":"_2dnLm","size-36":"jlRNU","size36":"jlRNU","size-48":"_3oqYI","size48":"_3oqYI","size-60":"_2DAW7","size60":"_2DAW7"};
 
 /***/ }),
 
@@ -1070,7 +1070,7 @@ exports.TabButton = (0, uui_core_1.withMods)(uui_components_1.Button, applyTabBu
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2hVm2"};
+module.exports = {"root":"_2WFWP"};
 
 /***/ }),
 
@@ -1186,7 +1186,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1AaC_","size-18":"_1NSzd","size18":"_1NSzd","size-12":"_20Mzv","size12":"_20Mzv"};
+module.exports = {"root":"_2BfnY","size-18":"_2Vx1g","size18":"_2Vx1g","size-12":"_1ic4K","size12":"_1ic4K"};
 
 /***/ }),
 
@@ -1234,7 +1234,7 @@ exports.Checkbox = (0, uui_core_1.withMods)(uui_components_1.Checkbox, applyChec
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1xnkv","size-18":"_2vYt_","size18":"_2vYt_","size-12":"_4pgu1","size12":"_4pgu1"};
+module.exports = {"root":"_9_gxz","size-18":"R-g-s","size18":"R-g-s","size-12":"_3H2s3","size12":"_3H2s3"};
 
 /***/ }),
 
@@ -1275,7 +1275,7 @@ exports.RadioInput = (0, uui_core_1.withMods)(uui_components_1.RadioInput, apply
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2NMs_","size-12":"_13Ln1","size12":"_13Ln1","size-18":"_3DxW1","size18":"_3DxW1","size-24":"rjHOg","size24":"rjHOg"};
+module.exports = {"root":"_1zyPI","size-12":"_2wX42","size12":"_2wX42","size-18":"_3a8jA","size18":"_3a8jA","size-24":"Ek4mz","size24":"Ek4mz"};
 
 /***/ }),
 
@@ -1316,7 +1316,7 @@ exports.Switch = (0, uui_core_1.withMods)(uui_components_1.Switch, applySwitchMo
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"EWDDJ","mode-form":"_17n32","modeForm":"_17n32","mode-cell":"_1A6q_","modeCell":"_1A6q_","size-24":"_1IYe9","size24":"_1IYe9","size-30":"_17Zhn","size30":"_17Zhn","size-36":"_3jr8V","size36":"_3jr8V","size-42":"_2q2DC","size42":"_2q2DC","size-48":"_3Fepd","size48":"_3Fepd"};
+module.exports = {"root":"_1xDOZ","mode-form":"vRfhS","modeForm":"vRfhS","mode-cell":"_17OM2","modeCell":"_17OM2","size-24":"_1beGv","size24":"_1beGv","size-30":"_3WiAk","size30":"_3WiAk","size-36":"_97n0X","size36":"_97n0X","size-42":"EoiH8","size42":"EoiH8","size-48":"_3K9N2","size48":"_3K9N2"};
 
 /***/ }),
 
@@ -1403,7 +1403,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2bFj0","mode-block":"_3WDK0","modeBlock":"_3WDK0","mode-inline":"_2zKq2","modeInline":"_2zKq2","padding-0":"_1_iFJ","padding0":"_1_iFJ","padding-6":"_2hLG1","padding6":"_2hLG1","padding-12":"_2F25e","padding12":"_2F25e","padding-18":"_2_MgH","padding18":"_2_MgH"};
+module.exports = {"root":"_1IyDA","mode-block":"_2rSHk","modeBlock":"_2rSHk","mode-inline":"_31yEv","modeInline":"_31yEv","padding-0":"_3p1XX","padding0":"_3p1XX","padding-6":"HqYg-","padding6":"HqYg-","padding-12":"_3HooF","padding12":"_3HooF","padding-18":"_1EKb7","padding18":"_1EKb7"};
 
 /***/ }),
 
@@ -1447,7 +1447,7 @@ exports.Accordion = (0, uui_core_1.withMods)(uui_components_1.Accordion, applyAc
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1QnUD"};
+module.exports = {"root":"_1iNeO"};
 
 /***/ }),
 
@@ -1501,7 +1501,7 @@ exports.FlexCell = (0, uui_core_1.withMods)(uui_components_1.FlexCell, function
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3zcH2","top-shadow":"_2GMaC","topShadow":"_2GMaC","size-24":"_1yvWe","size24":"_1yvWe","size-30":"_3VAam","size30":"_3VAam","size-36":"_2sCxM","size36":"_2sCxM","size-42":"_3o5g8","size42":"_3o5g8","size-48":"_3lBc1","size48":"_3lBc1","padding-6":"_1W2jQ","padding6":"_1W2jQ","padding-12":"Mzl0p","padding12":"Mzl0p","padding-18":"_3OLSN","padding18":"_3OLSN","padding-24":"_3K9cV","padding24":"_3K9cV","margin-24":"_2nKie","margin24":"_2nKie","margin-12":"_4BRag","margin12":"_4BRag","vPadding-12":"_1EqYo","vPadding12":"_1EqYo","vPadding-18":"yYvKn","vPadding18":"yYvKn","vPadding-24":"_2pU07","vPadding24":"_2pU07","vPadding-36":"rgb_a","vPadding36":"rgb_a","vPadding-48":"_1gfAE","vPadding48":"_1gfAE","spacing-6":"ib8M0","spacing6":"ib8M0","spacing-12":"_3W5M3","spacing12":"_3W5M3","spacing-18":"_3mbww","spacing18":"_3mbww","border-bottom":"dRhAm","borderBottom":"dRhAm"};
+module.exports = {"root":"_3zgUm","top-shadow":"_2FgLV","topShadow":"_2FgLV","size-24":"_3-gHo","size24":"_3-gHo","size-30":"_1AHk0","size30":"_1AHk0","size-36":"_1ht_a","size36":"_1ht_a","size-42":"_3n45h","size42":"_3n45h","size-48":"mQAFc","size48":"mQAFc","padding-6":"_2j4ZG","padding6":"_2j4ZG","padding-12":"_3p9G-","padding12":"_3p9G-","padding-18":"_3m0PN","padding18":"_3m0PN","padding-24":"_39m7X","padding24":"_39m7X","margin-24":"_1yAWU","margin24":"_1yAWU","margin-12":"_27q_O","margin12":"_27q_O","vPadding-12":"_3OL0n","vPadding12":"_3OL0n","vPadding-18":"_3APkJ","vPadding18":"_3APkJ","vPadding-24":"_2OwuD","vPadding24":"_2OwuD","vPadding-36":"_2124f","vPadding36":"_2124f","vPadding-48":"_1lOad","vPadding48":"_1lOad","spacing-6":"_1AE6I","spacing6":"_1AE6I","spacing-12":"_1jvGe","spacing12":"_1jvGe","spacing-18":"_2pQY4","spacing18":"_2pQY4","border-bottom":"_1YQ2z","borderBottom":"_1YQ2z"};
 
 /***/ }),
 
@@ -1561,7 +1561,7 @@ exports.FlexSpacer = uui_components_1.FlexSpacer;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3AQyv","background":"KDhL6","margin-24":"_2uVPu","margin24":"_2uVPu","padding-12":"_9gAXu","padding12":"_9gAXu","padding-24":"_2ztNN","padding24":"_2ztNN","shadow":"_28e4L"};
+module.exports = {"root":"_3VmPg","background":"_2KnBm","margin-24":"sillD","margin24":"sillD","padding-12":"_2DA9v","padding12":"_2DA9v","padding-24":"_1pKpn","padding24":"_1pKpn","shadow":"_1qseP"};
 
 /***/ }),
 
@@ -1619,7 +1619,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1wBJS"};
+module.exports = {"root":"O7S3-"};
 
 /***/ }),
 
@@ -1659,7 +1659,7 @@ exports.IconContainer = (0, uui_core_1.withMods)(uui_components_1.IconContainer,
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1AtsR","size-24":"E52hK","size24":"E52hK","size-30":"_3Lkyh","size30":"_3Lkyh","size-36":"_3r7HX","size36":"_3r7HX","size-42":"D4Nyo","size42":"D4Nyo","size-48":"_2hAmJ","size48":"_2hAmJ"};
+module.exports = {"root":"sRYNH","size-24":"_2-Z22","size24":"_2-Z22","size-30":"_2E2H1","size30":"_2E2H1","size-36":"WglJt","size36":"WglJt","size-42":"_28spG","size42":"_28spG","size-48":"Hy5EF","size48":"Hy5EF"};
 
 /***/ }),
 
@@ -1684,7 +1684,7 @@ var css = (0, tslib_1.__importStar)(__webpack_require__(/*! ./LabeledInput.scss
 var defaultSize = '36';
 function applyLabeledInputMods(mods) {
     return [
-        'labeled-input-color',
+        'labeled-input-vars',
         css.root,
         css['size-' + (mods.size || defaultSize)],
     ];
@@ -1705,7 +1705,7 @@ exports.LabeledInput = (0, uui_core_1.withMods)(uui_components_1.LabeledInput, a
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1mJll"};
+module.exports = {"root":"_3jcKc"};
 
 /***/ }),
 
@@ -1862,7 +1862,7 @@ exports.Dropdown = Dropdown;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2_FxU"};
+module.exports = {"root":"_3nIqM"};
 
 /***/ }),
 
@@ -1901,7 +1901,7 @@ exports.DropdownContainer = (0, uui_core_1.withMods)(uui_components_1.DropdownCo
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"menuRoot":"_33aFx","bodyRoot":"uX3PA","submenuRootItem":"_1KUxp","iconAfter":"_21zmN","iconCheck":"_36Nne","splitterRoot":"_1u-W1","splitter":"_2JeII","headerRoot":"_2gYVN","itemRoot":"hbcNQ","icon":"_1PROp","link":"_1oklT"};
+module.exports = {"menuRoot":"z1zxk","bodyRoot":"_3-njT","submenuRootItem":"Xr3Q1","iconAfter":"_1Mfc3","iconCheck":"_2GIzW","splitterRoot":"NSNqL","splitter":"DTCSl","headerRoot":"dxMT1","itemRoot":"Ydnpg","icon":"azRWQ","link":"_26SDz"};
 
 /***/ }),
 
@@ -2055,7 +2055,7 @@ exports.DropdownMenuSwitchButton = DropdownMenuSwitchButton;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"modal-blocker":"peBa1","modalBlocker":"peBa1","animateModalBlocker":"uGyIT","blocker-overlay":"_1jD-P","blockerOverlay":"_1jD-P","modal":"Exhd2","modal-footer":"_3SmsH","modalFooter":"_3SmsH","border-top":"_2r1t2","borderTop":"_2r1t2","modal-header":"_2iIXc","modalHeader":"_2iIXc"};
+module.exports = {"modal-blocker":"Z2EAq","modalBlocker":"Z2EAq","animateModalBlocker":"_2osv5","blocker-overlay":"_2YSGQ","blockerOverlay":"_2YSGQ","modal":"_1uBZc","modal-footer":"_20S53","modalFooter":"_20S53","border-top":"_2qh-I","borderTop":"_2qh-I","modal-header":"_1tSoY","modalHeader":"_1tSoY"};
 
 /***/ }),
 
@@ -2131,7 +2131,7 @@ exports.ModalFooter = ModalFooter;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1oPqn","icon-wrapper":"EzIBO","iconWrapper":"EzIBO","notification-wrapper":"_1A-Zk","notificationWrapper":"_1A-Zk","action-wrapper":"_1MAFh","actionWrapper":"_1MAFh","action-link":"_2imvW","actionLink":"_2imvW","close-icon":"aZZwY","closeIcon":"aZZwY","main-path":"_1N3rz","mainPath":"_1N3rz","content":"_35HmF","clear-button":"_3EhPL","clearButton":"_3EhPL"};
+module.exports = {"root":"b2ozH","icon-wrapper":"_2DHez","iconWrapper":"_2DHez","notification-wrapper":"_82zcL","notificationWrapper":"_82zcL","action-wrapper":"p3Cmq","actionWrapper":"p3Cmq","action-link":"_3taQr","actionLink":"_3taQr","close-icon":"_3lSKE","closeIcon":"_3lSKE","main-path":"_2zs14","mainPath":"_2zs14","content":"_2Jt-7","clear-button":"_3BBUj","clearButton":"_3BBUj"};
 
 /***/ }),
 
@@ -2235,7 +2235,7 @@ exports.ClearNotification = ClearNotification;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_1bHrx"};
+module.exports = {"root":"_1ErM8"};
 
 /***/ }),
 
@@ -2295,7 +2295,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"body":"_3BQn4","modal":"_1HgAt","search":"_3SHLT","checkbox":"BIAem","search-wrapper":"_2KEr9","searchWrapper":"_2KEr9","search-size-24":"_11BKt","searchSize24":"_11BKt","search-size-30":"YlKNe","searchSize30":"YlKNe","search-size-36":"YQzSQ","searchSize36":"YQzSQ","search-size-42":"_1m7PN","searchSize42":"_1m7PN","no-found-size-24":"_7aNNW","noFoundSize24":"_7aNNW","no-found-size-30":"_1j5AM","noFoundSize30":"_1j5AM","no-found-size-36":"_21NAQ","noFoundSize36":"_21NAQ","no-found-size-42":"_2VkZo","noFoundSize42":"_2VkZo"};
+module.exports = {"body":"giHdz","modal":"_5oIaq","search":"_2Q6VA","checkbox":"_3NEfh","search-wrapper":"W7d4M","searchWrapper":"W7d4M","search-size-24":"_118gP","searchSize24":"_118gP","search-size-30":"_2wzXN","searchSize30":"_2wzXN","search-size-36":"_2ezE0","searchSize36":"_2ezE0","search-size-42":"NFi78","searchSize42":"NFi78","no-found-size-24":"_2XECZ","noFoundSize24":"_2XECZ","no-found-size-30":"_19nN3","noFoundSize30":"_19nN3","no-found-size-36":"_2fi9c","noFoundSize36":"_2fi9c","no-found-size-42":"FbwRw","noFoundSize42":"FbwRw"};
 
 /***/ }),
 
@@ -2361,7 +2361,7 @@ exports.DataPickerBody = DataPickerBody;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"footer-wrapper":"_1uSoB","footerWrapper":"_1uSoB"};
+module.exports = {"footer-wrapper":"_3Ot3B","footerWrapper":"_3Ot3B"};
 
 /***/ }),
 
@@ -2423,7 +2423,7 @@ exports.DataPickerFooter = react_1.default.memo(DataPickerFooterImpl);
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"header":"_3n59A","close":"_1K59J"};
+module.exports = {"header":"W50jV","close":"_2TiAp"};
 
 /***/ }),
 
@@ -2464,7 +2464,7 @@ exports.DataPickerHeader = react_1.default.memo(DataPickerHeaderImpl);
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"render-item":"_1hlXk","renderItem":"_1hlXk","icon-wrapper":"_3Bblx","iconWrapper":"_3Bblx","picker-row":"_1C_7h","pickerRow":"_1C_7h"};
+module.exports = {"render-item":"-rR9M","renderItem":"-rR9M","icon-wrapper":"_3jf-n","iconWrapper":"_3jf-n","picker-row":"_3OjtE","pickerRow":"_3OjtE"};
 
 /***/ }),
 
@@ -2533,7 +2533,7 @@ exports.DataPickerRow = DataPickerRow;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"done":"_3MWlw"};
+module.exports = {"done":"_1hzbK"};
 
 /***/ }),
 
@@ -2575,7 +2575,7 @@ exports.MobileDropdownWrapper = MobileDropdownWrapper;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"panel":"_3ne8u","footer-wrapper":"_17Rq7","footerWrapper":"_17Rq7","footer-size-24":"_3B2gX","footerSize24":"_3B2gX","footer-size-30":"_2Wnkk","footerSize30":"_2Wnkk","footer-size-36":"LC6Dm","footerSize36":"LC6Dm","footer-size-42":"_12N-L","footerSize42":"_12N-L","footer-size-48":"_2jRU_","footerSize48":"_2jRU_"};
+module.exports = {"panel":"_3g4AO","footer-wrapper":"_1q1j8","footerWrapper":"_1q1j8","footer-size-24":"_3OIF4","footerSize24":"_3OIF4","footer-size-30":"_1lgyT","footerSize30":"_1lgyT","footer-size-36":"_2RFAS","footerSize36":"_2RFAS","footer-size-42":"m58GW","footerSize42":"m58GW","footer-size-48":"_1wFhq","footerSize48":"_1wFhq"};
 
 /***/ }),
 
@@ -2623,7 +2623,8 @@ var PickerInput = /** @class */ (function (_super) {
     }
     PickerInput.prototype.toggleModalOpening = function (opened) {
         var _this = this;
-        this.context.uuiModals.show(function (props) { return react_1.default.createElement(PickerModal_1.PickerModal, (0, tslib_1.__assign)({}, _this.props, props, { caption: _this.getPlaceholder(), initialValue: _this.props.value, renderRow: _this.renderRow, selectionMode: _this.props.selectionMode, valueType: _this.props.valueType })); })
+        var _a = this.props, renderFooter = _a.renderFooter, restProps = (0, tslib_1.__rest)(_a, ["renderFooter"]);
+        this.context.uuiModals.show(function (props) { return react_1.default.createElement(PickerModal_1.PickerModal, (0, tslib_1.__assign)({}, restProps, props, { caption: _this.getPlaceholder(), initialValue: _this.props.value, renderRow: _this.renderRow, selectionMode: _this.props.selectionMode, valueType: _this.props.valueType })); })
             .then(function (newSelection) { return _this.handleSelectionValueChange(newSelection); })
             .catch(function () { return null; });
     };
@@ -2676,7 +2677,7 @@ exports.PickerInput = PickerInput;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"ehRSn","multiline-vertical-padding-24":"_2AcvR","multilineVerticalPadding24":"_2AcvR","multiline-vertical-padding-30":"_3FHji","multilineVerticalPadding30":"_3FHji","multiline-vertical-padding-36":"_3nyem","multilineVerticalPadding36":"_3nyem","multiline-vertical-padding-42":"_2lhUZ","multilineVerticalPadding42":"_2lhUZ","multiline-vertical-padding-48":"_3pgmM","multilineVerticalPadding48":"_3pgmM"};
+module.exports = {"root":"_3xgZt","multiline-vertical-padding-24":"_3cnyJ","multilineVerticalPadding24":"_3cnyJ","multiline-vertical-padding-30":"_1b_4r","multilineVerticalPadding30":"_1b_4r","multiline-vertical-padding-36":"_3OELK","multilineVerticalPadding36":"_3OELK","multiline-vertical-padding-42":"_1n_4O","multilineVerticalPadding42":"_1n_4O","multiline-vertical-padding-48":"_2zJMh","multilineVerticalPadding48":"_2zJMh"};
 
 /***/ }),
 
@@ -2797,7 +2798,7 @@ exports.PickerList = PickerList;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"row":"_2kB6c"};
+module.exports = {"row":"_2Qlsx"};
 
 /***/ }),
 
@@ -2855,7 +2856,7 @@ exports.PickerListItem = PickerListItem;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"sub-header-wrapper":"_2JQIM","subHeaderWrapper":"_2JQIM","switch":"_29Vth"};
+module.exports = {"sub-header-wrapper":"_2sbG0","subHeaderWrapper":"_2sbG0","switch":"Ck1iJ"};
 
 /***/ }),
 
@@ -2927,11 +2928,7 @@ var PickerModalImpl = /** @class */ (function (_super) {
                         onClose: function () { return _this.props.success(selectedDataRows); },
                     }); }), editMode: 'modal' })),
                 React.createElement(overlays_1.ModalFooter, { borderTop: true, padding: '24', vPadding: '24' }, this.props.renderFooter
-                    ? this.props.renderFooter({
-                        view: view,
-                        showSelected: this.lens.prop('showSelected').toProps(),
-                        clearSelection: this.clearSelection,
-                    })
+                    ? this.props.renderFooter(this.getFooterProps())
                     : this.renderFooter(selectedDataRows)))));
     };
     return PickerModalImpl;
@@ -2964,7 +2961,7 @@ exports.PickerModal = PickerModal;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2F4yZ","mode-form":"_2U-GG","modeForm":"_2U-GG","mode-cell":"xy9VY","modeCell":"xy9VY","size-24":"_2B4pQ","size24":"_2B4pQ","size-30":"_2p5iZ","size30":"_2p5iZ","size-36":"_3g2bW","size36":"_3g2bW","size-42":"_3NKMZ","size42":"_3NKMZ","size-48":"yGgJz","size48":"yGgJz"};
+module.exports = {"root":"_1MNrP","mode-form":"_1bXcX","modeForm":"_1bXcX","mode-cell":"_3SfoU","modeCell":"_3SfoU","size-24":"_27XFs","size24":"_27XFs","size-30":"_2sSDI","size30":"_2sSDI","size-36":"_1ZzIC","size36":"_1ZzIC","size-42":"iVx6V","size42":"iVx6V","size-48":"_3c6OL","size48":"_3c6OL"};
 
 /***/ }),
 
@@ -3071,7 +3068,7 @@ var tslib_1 = __webpack_require__(/*! tslib */ "../node_modules/tslib/tslib.es6.
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"cell":"_29rEX","wrapper":"_3hI9K","align-widgets-top":"_1dxrc","alignWidgetsTop":"_1dxrc","size-24":"_3Rp3B","size24":"_3Rp3B","folding-arrow":"_1qItk","foldingArrow":"_1qItk","size-30":"CqqlN","size30":"CqqlN","size-36":"_3dp77","size36":"_3dp77","size-42":"V4fbV","size42":"V4fbV","size-48":"b2TVp","size48":"b2TVp","size-60":"BXKva","size60":"BXKva","align-widgets-center":"_1lqkp","alignWidgetsCenter":"_1lqkp","padding-12":"_1-qJW","padding12":"_1-qJW","padding-24":"_1i0M7","padding24":"_1i0M7","padding-left-12":"_36nYk","paddingLeft12":"_36nYk","padding-left-24":"_8K705","paddingLeft24":"_8K705","padding-right-24":"_3l8Zq","paddingRight24":"_3l8Zq","drag-handle":"_3QQk9","dragHandle":"_3QQk9","checkbox":"hJVOX","indent":"_1SU7I","folding-arrow-12":"Alrfc","foldingArrow12":"Alrfc","folding-arrow-18":"_16fl3","foldingArrow18":"_16fl3"};
+module.exports = {"cell":"Thc4-","wrapper":"_1p_VR","align-widgets-top":"iSX1G","alignWidgetsTop":"iSX1G","size-24":"bWeYG","size24":"bWeYG","folding-arrow":"_3NFjT","foldingArrow":"_3NFjT","size-30":"_52Rqc","size30":"_52Rqc","size-36":"_3fezl","size36":"_3fezl","size-42":"GJ5cU","size42":"GJ5cU","size-48":"_16ouU","size48":"_16ouU","size-60":"e1sxP","size60":"e1sxP","align-widgets-center":"_IXQB","alignWidgetsCenter":"_IXQB","padding-12":"US6I2","padding12":"US6I2","padding-24":"_1cwV4","padding24":"_1cwV4","padding-left-12":"_1cbR5","paddingLeft12":"_1cbR5","padding-left-24":"sn4H6","paddingLeft24":"sn4H6","padding-right-24":"_2XS-w","paddingRight24":"_2XS-w","drag-handle":"_4hZHW","dragHandle":"_4hZHW","checkbox":"_3AR0o","indent":"_3Qvhs","folding-arrow-12":"lUyUI","foldingArrow12":"lUyUI","folding-arrow-18":"_37k1Q","foldingArrow18":"_37k1Q"};
 
 /***/ }),
 
@@ -3137,7 +3134,7 @@ exports.DataTableCell = DataTableCell;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"container":"_1pu2g","target":"_1EnC3","panel":"_1R-Sm","divider":"VoHY9","input":"IN50z","notification":"_2R4Rw"};
+module.exports = {"container":"_3LT5u","target":"_12oYn","panel":"_1_ywO","divider":"_1HuJb","input":"_2k3HA","notification":"_3QXE4"};
 
 /***/ }),
 
@@ -3225,7 +3222,7 @@ exports.Preset = Preset;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"row":"_1CdDF"};
+module.exports = {"row":"_3PrVk"};
 
 /***/ }),
 
@@ -3247,19 +3244,17 @@ var layout_1 = __webpack_require__(/*! ../../layout */ "./components/layout/inde
 var Preset_1 = __webpack_require__(/*! ./Preset */ "./components/tables/Presets/Preset.tsx");
 var Presets_scss_1 = (0, tslib_1.__importDefault)(__webpack_require__(/*! ./Presets.scss */ "./components/tables/Presets/Presets.scss"));
 var PresetsImpl = function (_a) {
-    var tableState = _a.tableState, presets = _a.presets, createNewPreset = _a.createNewPreset, getActivePresetId = _a.getActivePresetId, isDefaultPresetActive = _a.isDefaultPresetActive, hasPresetChanged = _a.hasPresetChanged, resetToDefault = _a.resetToDefault, choosePreset = _a.choosePreset, duplicatePreset = _a.duplicatePreset, deletePreset = _a.deletePreset, updatePreset = _a.updatePreset;
-    var newPresetTitle = 'New preset';
-    var activePresetId = getActivePresetId();
+    var tableState = _a.tableState, presets = _a.presets, createNewPreset = _a.createNewPreset, activePresetId = _a.activePresetId, isDefaultPresetActive = _a.isDefaultPresetActive, hasPresetChanged = _a.hasPresetChanged, resetToDefault = _a.resetToDefault, choosePreset = _a.choosePreset, duplicatePreset = _a.duplicatePreset, deletePreset = _a.deletePreset, updatePreset = _a.updatePreset;
+    var newPresetTitle = "New preset";
     var saveNewPreset = (0, react_1.useCallback)(function () {
         createNewPreset(newPresetTitle);
     }, [createNewPreset, newPresetTitle]);
     var activePreset = presets.find(function (p) { return p.id === activePresetId; });
     var hasActivePresetChanged = (0, react_1.useMemo)(function () {
-        return !isDefaultPresetActive()
-            && hasPresetChanged(activePreset);
+        return !isDefaultPresetActive && hasPresetChanged(activePreset);
     }, [isDefaultPresetActive, activePreset, tableState.filter]);
-    return (react_1.default.createElement(layout_1.FlexRow, { spacing: '6', size: '48', padding: '18', cx: Presets_scss_1.default.row },
-        react_1.default.createElement(index_1.Button, { size: '24', caption: 'Default', mode: isDefaultPresetActive() ? 'solid' : 'outline', onClick: isDefaultPresetActive() ? null : resetToDefault }),
+    return (react_1.default.createElement(layout_1.FlexRow, { spacing: "6", size: "48", padding: "18", cx: Presets_scss_1.default.row },
+        react_1.default.createElement(index_1.Button, { size: "24", caption: "Default", mode: isDefaultPresetActive ? 'solid' : 'outline', onClick: isDefaultPresetActive ? null : resetToDefault }),
         presets.map(function (preset) { return (react_1.default.createElement(Preset_1.Preset, { preset: preset, isActive: preset.id === activePresetId, hasChanged: preset.id === activePresetId && hasActivePresetChanged, choosePreset: choosePreset, duplicatePreset: duplicatePreset, deletePreset: deletePreset, updatePreset: updatePreset, resetToDefault: resetToDefault, key: preset.id })); }),
         hasActivePresetChanged && (react_1.default.createElement(index_1.Button, { caption: "Save as ".concat(newPresetTitle), onClick: saveNewPreset, color: 'accent', mode: 'solid', size: '24' }))));
 };
@@ -3351,7 +3346,7 @@ var EditMode;
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2iat0"};
+module.exports = {"root":"_1kTWB"};
 
 /***/ }),
 
@@ -3398,7 +3393,7 @@ exports.Text = (0, uui_core_1.withMods)(uui_components_1.Text, applyTextMods);
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"container":"mXSQJ","loading-word":"_2BcXk","loadingWord":"_2BcXk","animated-loading":"cv9FX","animatedLoading":"cv9FX","skeleton_loading":"_2cPh3","skeletonLoading":"_2cPh3"};
+module.exports = {"container":"wl0T7","loading-word":"_3rcx-","loadingWord":"_3rcx-","animated-loading":"xX_9n","animatedLoading":"xX_9n","skeleton_loading":"_3DeK2","skeletonLoading":"_3DeK2"};
 
 /***/ }),
 
@@ -3482,7 +3477,7 @@ exports.Avatar = (0, uui_core_1.withMods)(uui_components_1.Avatar, function () {
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_2fNNq","size-18":"_2o1qW","size18":"_2o1qW","fill-transparent":"_2ZMXj","fillTransparent":"_2ZMXj","size-24":"_2_p-F","size24":"_2_p-F","size-30":"_24Mok","size30":"_24Mok","size-36":"_3NFQZ","size36":"_3NFQZ","size-42":"_6qYpq","size42":"_6qYpq","size-48":"_3rmKn","size48":"_3rmKn","fill-solid":"_335ZJ","fillSolid":"_335ZJ"};
+module.exports = {"root":"_2p_iq","size-18":"_1r2sR","size18":"_1r2sR","fill-transparent":"KCl8Q","fillTransparent":"KCl8Q","size-24":"uJcRY","size24":"uJcRY","size-30":"_3zpoD","size30":"_3zpoD","size-36":"_1_hNq","size36":"_1_hNq","size-42":"_19HRF","size42":"_19HRF","size-48":"IUa4R","size48":"IUa4R","fill-solid":"_7tah","fillSolid":"_7tah"};
 
 /***/ }),
 
@@ -3540,7 +3535,7 @@ exports.Badge = (0, uui_core_1.withMods)(uui_components_1.Button, applyBadgeMods
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
-module.exports = {"root":"_3NvLH","size-18":"_3tZxY","size18":"_3tZxY","size-24":"_3lYAv","size24":"_3lYAv","size-30":"_2zzE6","size30":"_2zzE6","size-36":"_7BTIu","size36":"_7BTIu","size-42":"_29HPd","size42":"_29HPd","size-48":"_3v2qW","size48":"_3v2qW"};
+module.exports = {"root":"l0-87","size-18":"_2nFnx","size18":"_2nFnx","size-24":"_3gS58","size24":"_3gS58","size-30":"_3V1aR","size30":"_3V1aR","size-36":"_1er2e","size36":"_1er2e","size-42":"_2w3pq","size42":"_2w3pq","size-48":"_1y1-C","size48":"_1y1-C"};
 
 /***/ }),