@epam/uui 5.9.5 → 5.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/uui",
-  "version": "5.9.5",
+  "version": "5.10.0",
   "description": "EPAM UUI components set",
   "author": "EPAM",
   "license": "MIT",
@@ -12,12 +12,12 @@
     "prepublish": "yarn build"
   },
   "dependencies": {
-    "@epam/assets": "5.9.5",
-    "@epam/uui-components": "5.9.5",
-    "@epam/uui-core": "5.9.5",
+    "@epam/assets": "5.10.0",
+    "@epam/uui-components": "5.10.0",
+    "@epam/uui-core": "5.10.0",
     "@popperjs/core": "2.9.0",
     "classnames": "2.2.6",
-    "dayjs": "1.10.7",
+    "dayjs": "1.11.12",
     "react-focus-lock": "2.9.2",
     "react-popper": "2.3.0"
   },
@@ -30,7 +30,7 @@
     "type": "git",
     "url": "https://github.com/epam/UUI"
   },
-  "gitHead": "d2b1d92015713a7ea06bb602a349887a40465b02",
+  "gitHead": "db710baf973b93e81fd846342aad356730799e1e",
   "publishConfig": {
     "directory": "build"
   }

package/settings.d.ts

@@ -1,193 +1,3 @@
-export declare const settings: {
-    sizes: {
-        defaults: {
-            button: string;
-            checkbox: string;
-            countIndicator: string;
-            dataPickerCell: string;
-            linkButton: string;
-            numericInput: string;
-            pickerToggler: string;
-            pickerItem: string;
-            radioInput: string;
-            switch: string;
-            tabButton: string;
-            tag: string;
-            text: string;
-            textInput: string;
-            rangeDatePicker: string;
-            datePicker: string;
-        };
-        tag: {
-            countIndicator: {
-                18: string;
-                24: string;
-                30: string;
-                36: string;
-                42: string;
-                48: string;
-            };
-        };
-        mobileDropdownWrapper: {
-            linkButton: string;
-        };
-        pickerInput: {
-            height: number;
-            width: number;
-            rowSize: {
-                mobile: string;
-                modal: string;
-                padding: {
-                    modal: string;
-                    default: string;
-                };
-            };
-        };
-        pickerToggler: {
-            tag: {
-                24: string;
-                30: string;
-                36: string;
-                42: string;
-                48: string;
-                60: string;
-            };
-        };
-        dataPickerHeader: {
-            text: {
-                fontWeight: string;
-                size: string;
-            };
-        };
-        dataPickerBody: {
-            flexCell: {
-                default: string;
-            };
-            searchInput: {
-                mobile: string;
-            };
-        };
-        pickerItem: {
-            avatar: {
-                rest: {
-                    24: string;
-                    30: string;
-                    36: string;
-                    42: string;
-                    48: string;
-                };
-                multiline: {
-                    24: string;
-                    30: string;
-                    36: string;
-                    42: string;
-                    48: string;
-                };
-            };
-        };
-        dataPickerCell: {
-            isBoldIcon: {
-                24: boolean;
-            };
-            padding: {
-                default: string;
-            };
-            paddingLeft: {
-                default: string;
-            };
-            text: {
-                24: string;
-                30: string;
-                36: string;
-                42: string;
-                48: string;
-                60: string;
-            };
-        };
-        dataPickerRow: {
-            padding: {
-                default: string;
-            };
-            dataPickerCell: {
-                default: string;
-            };
-        };
-        dataPickerFooter: {
-            flexRowPadding: string;
-            switch: {
-                24: string;
-                30: string;
-                36: string;
-                42: string;
-                48: string;
-            };
-            linkButton: {
-                24: string;
-                30: string;
-                36: string;
-                42: string;
-                48: string;
-                mobile: string;
-            };
-        };
-        rowAddons: {
-            checkbox: {
-                24: string;
-                30: string;
-                36: string;
-                42: string;
-                48: string;
-                60: string;
-            };
-            indentUnit: {
-                24: number;
-                30: number;
-                36: number;
-                42: number;
-                48: number;
-                60: number;
-                default: number;
-            };
-            indentWidth: {
-                24: number;
-                30: number;
-                36: number;
-                42: number;
-                48: number;
-                60: number;
-                default: number;
-            };
-        };
-        text: {
-            18: {
-                lineHeight: number;
-                fontSize: number;
-            };
-            24: {
-                lineHeight: number;
-                fontSize: number;
-            };
-            30: {
-                lineHeight: number;
-                fontSize: number;
-            };
-            36: {
-                lineHeight: number;
-                fontSize: number;
-            };
-            42: {
-                lineHeight: number;
-                fontSize: number;
-            };
-            48: {
-                lineHeight: number;
-                fontSize: number;
-            };
-            60: {
-                lineHeight: number;
-                fontSize: number;
-            };
-        };
-    };
-};
+import type { Settings } from './settings.types';
+export declare const settings: Settings;
 //# sourceMappingURL=settings.d.ts.map

package/settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../settings.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0KpB,CAAC"}
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../settings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,QAAQ,EAAE,QAsRtB,CAAC"}

package/settings.types.d.ts

@@ -0,0 +1,212 @@
+interface DefaultSizes {
+    badge: string;
+    button: string;
+    checkbox: string;
+    countIndicator: string;
+    linkButton: string;
+    numericInput: string;
+    radioInput: string;
+    switch: string;
+    tabButton: string;
+    tag: string;
+    text: string;
+    textArea: string;
+    textInput: string;
+    rangeDatePicker: string;
+    datePicker: string;
+    labeledInput: string;
+    statusIndicator: string;
+    paginator: string;
+}
+interface Sizes {
+    [size: string | number]: string | number;
+}
+interface TextSize {
+    fontSize?: string | number;
+    fontWeight?: string | number;
+    lineHeight?: string | number;
+    size?: string | number;
+}
+interface UppercaseTextSize {
+    uppercase: string;
+}
+interface TagSizes {
+    countIndicator: Sizes;
+}
+interface PickerInputSizes {
+    toggler: PickerInputTogglerSizes;
+    body: PickerInputBodySizes;
+}
+interface PickerInputTogglerDefaultSizes {
+    size: string;
+    tag: string;
+}
+interface PickerInputTogglerSizes {
+    defaults: PickerInputTogglerDefaultSizes;
+    tag: Sizes;
+}
+interface PickerInputBodySizes {
+    dropdown: PickerInputBodyDropdownSizes;
+    mobile: PickerInputBodyMobileSizes;
+    modal: PickerInputBodyModalSizes;
+}
+interface PickerInputBodyDropdownSizes {
+    height: number;
+    width: number;
+    padding: string;
+    row: PickerInputBodyRowSizes;
+    footer: PickerBodyDropdownFooterSizes;
+}
+interface PickerInputBodyItemSizes {
+    default: string;
+    avatar: PickerItemAvatarSizes;
+    verticalPadding: Sizes;
+}
+interface PickerInputBodyCellSizes {
+    item: PickerInputBodyItemSizes;
+    isBoldSelectionIcon: IsBoldSizes;
+    text: Sizes;
+    icon: Sizes;
+}
+interface PickerInputBodyRowSizes {
+    default: string;
+    cell: PickerInputBodyCellSizes;
+}
+interface PickerBodyDropdownFooterSizes {
+    switch: Sizes;
+    linkButton: Sizes;
+}
+interface PickerInputBodyMobileSizes {
+    header: PickerBodyMobileHeaderSizes;
+    footer: PickerBodyMobileFooterSizes;
+    row: string;
+    searchInput: string;
+}
+interface PickerBodyMobileHeaderSizes {
+    titleSize: string;
+}
+interface PickerBodyMobileFooterSizes {
+    linkButton: string;
+}
+interface PickerInputBodyModalSizes {
+    row: string;
+    padding: string;
+}
+interface PickerItemAvatarSizes {
+    rest: Sizes;
+    multiline: Sizes;
+}
+interface IsBoldSizes {
+    [size: string | number]: boolean;
+}
+interface RowAddonsSizes {
+    defaults: RowAddonsDefaults;
+    checkbox: Sizes;
+    icon: Sizes;
+    indentUnit: Sizes;
+    indentWidth: Sizes;
+}
+interface RowAddonsDefaults {
+    icon: string;
+    indentUnit: number;
+    indentWidth: number;
+}
+interface TextSizes {
+    [size: string | number]: TextSize;
+}
+interface LabeledInputSizes {
+    fillIcon: string[];
+}
+interface BadgeSizes {
+    countIndicator: Sizes;
+}
+interface DataTableHeaderCellSizes {
+    defaults: DataTableHeaderCellDefaults;
+    checkbox: Sizes;
+    columnCaption: TextSize & UppercaseTextSize;
+    iconSize: Sizes;
+    truncate?: string[];
+}
+interface DataTableHeaderCellDefaults {
+    size: string;
+    resizeMarker: string;
+    padding: string;
+    paddingEdge: string;
+}
+interface DataTableCellSizes {
+    defaults: DataTableCellDefaults;
+    text: Sizes;
+}
+interface DataTableCellDefaults {
+    size: string;
+    padding: string;
+    paddingEdge: string;
+}
+interface DataTableColumnsConfigurationModal {
+    columnRow: string;
+    countIndicator: string;
+    subgroupIcon: string;
+    search: string;
+    width: number;
+}
+interface FiltersPanelPickerBodySizes {
+    default: string;
+}
+interface FiltersPanelPickerSizes {
+    body: FiltersPanelPickerBodySizes;
+}
+interface FiltersPanelSizes {
+    pickerInput: FiltersPanelPickerSizes;
+}
+interface DataTableHeaderRowSizes {
+    default: string;
+    cell: DataTableHeaderCellSizes;
+}
+interface DataTableHeaderSizes {
+    row: DataTableHeaderRowSizes;
+}
+interface DataTableRowSizes {
+    default: string;
+    cell: DataTableCellSizes;
+}
+interface DataTableBodySizes {
+    row: DataTableRowSizes;
+}
+interface DataTableSizes {
+    columnsConfigurationModal: DataTableColumnsConfigurationModal;
+    header: DataTableHeaderSizes;
+    body: DataTableBodySizes;
+}
+interface TabButtonSizes {
+    countIndicator: Sizes;
+}
+interface ModalWindowDefaultSizes {
+    width: string;
+}
+interface ModalWindowSizes {
+    defaults: ModalWindowDefaultSizes;
+}
+interface ModalSizes {
+    window: ModalWindowSizes;
+}
+interface SizesSettings {
+    defaults: DefaultSizes;
+    tag: TagSizes;
+    pickerInput: PickerInputSizes;
+    rowAddons: RowAddonsSizes;
+    text: TextSizes;
+    filtersPanel: FiltersPanelSizes;
+    labeledInput: LabeledInputSizes;
+    badge: BadgeSizes;
+    dataTable: DataTableSizes;
+    modal: ModalSizes;
+    tabButton: TabButtonSizes;
+}
+export interface Settings {
+    /**
+     * setting sizes for complex and compound components to support 'Size theming'
+     */
+    sizes: SizesSettings;
+}
+export {};
+//# sourceMappingURL=settings.types.d.ts.map

package/settings.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.types.d.ts","sourceRoot":"","sources":["../settings.types.ts"],"names":[],"mappings":"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"}