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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/uui",
-  "version": "5.8.1-beta.0",
+  "version": "5.8.1-y.0",
   "description": "EPAM UUI components set",
   "author": "EPAM",
   "license": "MIT",
@@ -12,9 +12,9 @@
     "prepublish": "yarn build"
   },
   "dependencies": {
-    "@epam/assets": "5.8.1-beta.0",
-    "@epam/uui-components": "5.8.1-beta.0",
-    "@epam/uui-core": "5.8.1-beta.0",
+    "@epam/assets": "5.8.1-y.0",
+    "@epam/uui-components": "5.8.1-y.0",
+    "@epam/uui-core": "5.8.1-y.0",
     "@popperjs/core": "2.9.0",
     "classnames": "2.2.6",
     "dayjs": "1.10.7",
@@ -30,7 +30,7 @@
     "type": "git",
     "url": "https://github.com/epam/UUI"
   },
-  "gitHead": "49a35748b608c20e14ea411d6b48c5e268994e75",
+  "gitHead": "3c47b0dca160ce83a68693fbb8c7bb6b5068ac56",
   "publishConfig": {
     "directory": "build"
   }

package/readme.md

@@ -2,4 +2,9 @@
 
 This package is a part of [EPAM UUI](https://github.com/epam/UUI) library.
 
-@epam/uui contains the 'UUI' (codename 'UUI') 'skin'. All components branded with this skin are contained in this package.
+`@epam/uui` contains theme agnostic set of UUI components. 
+
+It's required to connect any theme to your application for components styling. 
+You can read more about UUI Themes [here](https://uui.epam.com/documents?id=overview-themes&mode=doc&isSkin=null&category=themes).
+
+Full set of components can be found on [UUI site](https://uui.epam.com/documents?category=components&id=accordion&mode=doc).

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,QAiNtB,CAAC"}

package/settings.types.d.ts

@@ -0,0 +1,139 @@
+interface DefaultSizes {
+    badge: string;
+    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;
+    textArea: string;
+    textInput: string;
+    rangeDatePicker: string;
+    datePicker: string;
+    labeledInput: string;
+    statusIndicator: string;
+}
+interface Sizes {
+    [size: string | number]: string | number;
+}
+interface DefaultSize {
+    default: string | number;
+}
+interface MobileSize {
+    mobile: string | number;
+}
+interface ModalSize {
+    modal: string | number;
+}
+interface TagSizes {
+    countIndicator: Sizes;
+}
+interface MobileDropdownWrapperSizes {
+    linkButton: string;
+}
+interface PickerInputRowSizes extends MobileSize, ModalSize {
+    padding: ModalSize & DefaultSize;
+}
+interface PickerInputSizes {
+    height: number;
+    width: number;
+    rowSize: PickerInputRowSizes;
+}
+interface PickerTogglerSizes {
+    tag: Sizes;
+}
+interface DataPickerHeaderTextSizes {
+    fontWeight: string;
+    size: string;
+}
+interface DataPickerHeaderSizes {
+    text: DataPickerHeaderTextSizes;
+}
+interface DataPickerBodySizes {
+    flexCell: DefaultSize;
+    searchInput: MobileSize;
+}
+interface PickerItemAvatarSizes {
+    rest: Sizes;
+    multiline: Sizes;
+}
+interface PickerItemSizes {
+    avatar: PickerItemAvatarSizes;
+}
+interface DataPickerCellIsBoldIcon {
+    [size: string | number]: boolean;
+}
+interface DataPickerCellSizes {
+    isBoldIcon: DataPickerCellIsBoldIcon;
+    padding: DefaultSize;
+    paddingLeft: DefaultSize;
+    text: Sizes;
+    icon: Sizes;
+}
+interface DataPickerRowSizes {
+    padding: DefaultSize;
+    dataPickerCell: DefaultSize;
+}
+interface DataPickerFooterSizes {
+    flexRowPadding: string;
+    switch: Sizes;
+    linkButton: Sizes & MobileSize;
+}
+interface RowAddonsSizes {
+    checkbox: Sizes;
+    icon: Sizes;
+    indentUnit: Sizes & DefaultSize;
+    indentWidth: Sizes & DefaultSize;
+}
+interface TextSize {
+    lineHeight: string | number;
+    fontSize: string | number;
+}
+interface TextSizes {
+    [size: string | number]: TextSize;
+}
+interface FilterPickerBodySizes {
+    pickerItem: string;
+    dataPickerRow: string;
+    dataPickerFooter: string;
+    searchSize: string;
+}
+interface LabeledInputSizes {
+    fillIcon: string[];
+}
+interface BadgeSizes {
+    countIndicator: Sizes;
+}
+interface SizesSettings {
+    defaults: DefaultSizes;
+    tag: TagSizes;
+    mobileDropdownWrapper: MobileDropdownWrapperSizes;
+    pickerInput: PickerInputSizes;
+    pickerToggler: PickerTogglerSizes;
+    dataPickerHeader: DataPickerHeaderSizes;
+    dataPickerBody: DataPickerBodySizes;
+    pickerItem: PickerItemSizes;
+    dataPickerCell: DataPickerCellSizes;
+    dataPickerRow: DataPickerRowSizes;
+    dataPickerFooter: DataPickerFooterSizes;
+    rowAddons: RowAddonsSizes;
+    text: TextSizes;
+    filterPickerBody: FilterPickerBodySizes;
+    labeledInput: LabeledInputSizes;
+    badge: BadgeSizes;
+}
+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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"}