@epam/uui 4.9.2 → 4.10.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/buttonLayout.scss +66 -66
- package/assets/styles/controlLayout.scss +11 -11
- package/assets/styles/effects.scss +8 -8
- package/assets/styles/font-faces.scss +51 -51
- package/assets/styles/fonts-variables.scss +24 -24
- package/assets/styles/icons.scss +18 -18
- package/assets/styles/index.scss +7 -7
- package/assets/styles/inputs.scss +69 -69
- package/assets/styles/layout-mixins.scss +8 -8
- package/assets/styles/prettifyScrollBar.scss +44 -44
- package/assets/styles/text-layout.scss +80 -80
- package/assets/styles/text-size.scss +37 -37
- package/assets/styles/typography.scss +3 -3
- package/assets/styles/variables/buttons/button.scss +70 -70
- package/assets/styles/variables/buttons/iconButton.scss +41 -41
- package/assets/styles/variables/buttons/linkButton.scss +6 -6
- package/assets/styles/variables/buttons/tabButton.scss +8 -8
- package/assets/styles/variables/inputs/checkbox.scss +18 -18
- package/assets/styles/variables/inputs/radioInput.scss +14 -14
- package/assets/styles/variables/inputs/switch.scss +24 -24
- package/assets/styles/variables/inputs/textInput.scss +21 -21
- package/assets/styles/variables/layout/accordion.scss +10 -10
- package/assets/styles/variables/layout/iconContainer.scss +22 -22
- package/assets/styles/variables/layout/labeledInput.scss +8 -8
- package/assets/styles/variables/layout/panel.scss +5 -5
- package/assets/styles/variables/layout/scrollBars.scss +3 -3
- package/assets/styles/variables/overlays/dropdownContainer.scss +4 -4
- package/assets/styles/variables/overlays/modals.scss +5 -5
- package/assets/styles/variables/overlays/notificationCard.scss +27 -27
- package/assets/styles/variables/overlays/tooltip.scss +8 -8
- package/assets/styles/variables/pickers/pickerToggler.scss +15 -15
- package/assets/styles/variables/typography/text.scss +19 -19
- package/assets/styles/variables/typography/textPlaceholder.scss +4 -4
- package/assets/styles/variables/widgets/badge.scss +50 -50
- package/assets/styles/variables/widgets/tag.scss +9 -9
- package/components/buttons/Button.d.ts +13 -13
- package/components/buttons/Button.d.ts.map +1 -1
- package/components/buttons/IconButton.d.ts +11 -11
- package/components/buttons/IconButton.d.ts.map +1 -1
- package/components/buttons/LinkButton.d.ts +8 -8
- package/components/buttons/TabButton.d.ts +8 -8
- package/components/buttons/VerticalTabButton.d.ts +4 -4
- package/components/buttons/helper.d.ts +2 -2
- package/components/buttons/index.d.ts +5 -5
- package/components/index.d.ts +9 -9
- package/components/inputs/Checkbox.d.ts +9 -9
- package/components/inputs/RadioInput.d.ts +7 -7
- package/components/inputs/Switch.d.ts +8 -8
- package/components/inputs/TextInput.d.ts +13 -13
- package/components/inputs/index.d.ts +4 -4
- package/components/layout/Accordion.d.ts +8 -8
- package/components/layout/Accordion.d.ts.map +1 -1
- package/components/layout/ControlGroup.d.ts +3 -3
- package/components/layout/FlexItems/FlexCell.d.ts +11 -11
- package/components/layout/FlexItems/FlexCell.d.ts.map +1 -1
- package/components/layout/FlexItems/FlexRow.d.ts +17 -13
- package/components/layout/FlexItems/FlexRow.d.ts.map +1 -1
- package/components/layout/FlexItems/FlexSpacer.d.ts +4 -4
- package/components/layout/FlexItems/Panel.d.ts +10 -10
- package/components/layout/FlexItems/index.d.ts +4 -4
- package/components/layout/IconContainer.d.ts +9 -9
- package/components/layout/LabeledInput.d.ts +7 -7
- package/components/layout/RadioGroup.d.ts +3 -3
- package/components/layout/ScrollBars.d.ts +5 -5
- package/components/layout/VirtualList.d.ts +7 -7
- package/components/layout/index.d.ts +8 -8
- package/components/overlays/Dropdown.d.ts +5 -5
- package/components/overlays/DropdownContainer.d.ts +6 -6
- package/components/overlays/DropdownMenu.d.ts +36 -36
- package/components/overlays/DropdownMenu.d.ts.map +1 -1
- package/components/overlays/Modals.d.ts +23 -23
- package/components/overlays/NotificationCard.d.ts +30 -30
- package/components/overlays/NotificationCard.d.ts.map +1 -1
- package/components/overlays/Tooltip.d.ts +6 -6
- package/components/overlays/index.d.ts +6 -6
- package/components/pickers/DataPickerBody.d.ts +15 -15
- package/components/pickers/DataPickerFooter.d.ts +8 -8
- package/components/pickers/DataPickerFooter.d.ts.map +1 -1
- package/components/pickers/DataPickerHeader.d.ts +7 -7
- package/components/pickers/DataPickerRow.d.ts +15 -15
- package/components/pickers/MobileDropdownWrapper.d.ts +10 -10
- package/components/pickers/PickerInput.d.ts +16 -16
- package/components/pickers/PickerInput.d.ts.map +1 -1
- package/components/pickers/PickerItem.d.ts +12 -12
- package/components/pickers/PickerList.d.ts +17 -17
- package/components/pickers/PickerList.d.ts.map +1 -1
- package/components/pickers/PickerListItem.d.ts +8 -8
- package/components/pickers/PickerModal.d.ts +15 -15
- package/components/pickers/PickerToggler.d.ts +8 -8
- package/components/pickers/index.d.ts +11 -11
- package/components/tables/DataTableCell.d.ts +9 -9
- package/components/tables/Presets/Preset.d.ts +13 -13
- package/components/tables/Presets/Presets.d.ts +8 -8
- package/components/tables/Presets/index.d.ts +2 -2
- package/components/tables/index.d.ts +3 -3
- package/components/tables/types.d.ts +8 -8
- package/components/types.d.ts +29 -29
- package/components/types.d.ts.map +1 -1
- package/components/typography/Text.d.ts +11 -11
- package/components/typography/TextPlaceholder.d.ts +7 -7
- package/components/typography/index.d.ts +2 -2
- package/components/widgets/Avatar.d.ts +3 -3
- package/components/widgets/Badge.d.ts +15 -15
- package/components/widgets/Badge.d.ts.map +1 -1
- package/components/widgets/Tag.d.ts +8 -8
- package/components/widgets/index.d.ts +3 -3
- package/helpers/textLayout.d.ts +8 -8
- package/i18n.d.ts +50 -50
- package/icons/icons.d.ts +3 -3
- package/index.d.ts +3 -3
- package/index.js +1735 -5240
- package/index.js.map +1 -1
- package/package.json +7 -10
- package/readme.md +4 -4
- package/stats.html +4044 -0
- package/styles.css +615 -616
- package/styles.css.map +1 -1
- package/bundle-stats.json +0 -1
- package/components/buttons/docs/button.doc.d.ts +0 -6
- package/components/buttons/docs/button.doc.d.ts.map +0 -1
- package/components/buttons/docs/linkButton.doc.d.ts +0 -6
- package/components/buttons/docs/linkButton.doc.d.ts.map +0 -1
- package/components/inputs/docs/checkbox.doc.d.ts +0 -6
- package/components/inputs/docs/checkbox.doc.d.ts.map +0 -1
- package/components/inputs/docs/radioInput.doc.d.ts +0 -6
- package/components/inputs/docs/radioInput.doc.d.ts.map +0 -1
- package/components/inputs/docs/switch.doc.d.ts +0 -6
- package/components/inputs/docs/switch.doc.d.ts.map +0 -1
- package/components/inputs/docs/textInput.doc.d.ts +0 -6
- package/components/inputs/docs/textInput.doc.d.ts.map +0 -1
- package/components/pickers/docs/common.d.ts +0 -28
- package/components/pickers/docs/common.d.ts.map +0 -1
- package/components/pickers/docs/pickerInput.doc.d.ts +0 -5
- package/components/pickers/docs/pickerInput.doc.d.ts.map +0 -1
- package/components/pickers/docs/pickerToggler.doc.d.ts +0 -6
- package/components/pickers/docs/pickerToggler.doc.d.ts.map +0 -1
- package/components/typography/docs/textPlaceholder.doc.d.ts +0 -5
- package/components/typography/docs/textPlaceholder.doc.d.ts.map +0 -1
- package/docs/common.d.ts +0 -11
- package/docs/common.d.ts.map +0 -1
- package/docs/contexts/DefaultContext.d.ts +0 -7
- package/docs/contexts/DefaultContext.d.ts.map +0 -1
- package/docs/contexts/index.d.ts +0 -2
- package/docs/contexts/index.d.ts.map +0 -1
- package/docs/index.d.ts +0 -3
- package/docs/index.d.ts.map +0 -1
- package/index.docs.d.ts +0 -6
- package/index.docs.d.ts.map +0 -1
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ButtonProps } from '@epam/uui-components';
|
|
3
|
-
import '../../assets/styles/variables/widgets/badge.scss';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export interface BadgeMods {
|
|
8
|
-
fill?: BadgeFill;
|
|
9
|
-
size?: BadgeSize;
|
|
10
|
-
color?: BadgeColor;
|
|
11
|
-
}
|
|
12
|
-
export interface BadgeProps extends ButtonProps, BadgeMods {
|
|
13
|
-
}
|
|
14
|
-
export declare function applyBadgeMods(mods: BadgeMods): string[];
|
|
15
|
-
export declare const Badge: React.ForwardRefExoticComponent<Pick<ButtonProps & BadgeMods, "
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ButtonProps } from '@epam/uui-components';
|
|
3
|
+
import '../../assets/styles/variables/widgets/badge.scss';
|
|
4
|
+
export type BadgeColor = 'info' | 'success' | 'warning' | 'error';
|
|
5
|
+
export type BadgeFill = 'solid';
|
|
6
|
+
export type BadgeSize = '18' | '24' | '30' | '36' | '42' | '48';
|
|
7
|
+
export interface BadgeMods {
|
|
8
|
+
fill?: BadgeFill;
|
|
9
|
+
size?: BadgeSize;
|
|
10
|
+
color?: BadgeColor;
|
|
11
|
+
}
|
|
12
|
+
export interface BadgeProps extends ButtonProps, BadgeMods {
|
|
13
|
+
}
|
|
14
|
+
export declare function applyBadgeMods(mods: BadgeMods): string[];
|
|
15
|
+
export declare const Badge: React.ForwardRefExoticComponent<Pick<ButtonProps & BadgeMods, "isDisabled" | "onClick" | "link" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "forwardedRef" | "clearIcon" | "captionCX" | keyof BadgeMods> & React.RefAttributes<any>>;
|
|
16
16
|
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/widgets/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAI3D,OAAO,kDAAkD,CAAC;AAa1D,
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/widgets/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAI3D,OAAO,kDAAkD,CAAC;AAa1D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAClE,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC;AAChC,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhE,MAAM,WAAW,SAAS;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;CACtB;AAED,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,SAAS;CAAG;AAE7D,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,YAS7C;AAED,eAAO,MAAM,KAAK,+fAQjB,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ButtonProps } from '@epam/uui-components';
|
|
3
|
-
import '../../assets/styles/variables/widgets/tag.scss';
|
|
4
|
-
export interface TagMods {
|
|
5
|
-
size?: '18' | '24' | '30' | '36' | '42' | '48';
|
|
6
|
-
}
|
|
7
|
-
export declare function applyTagMods(mods: TagMods): string[];
|
|
8
|
-
export declare const Tag: import("react").ForwardRefExoticComponent<Pick<ButtonProps & TagMods, "
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ButtonProps } from '@epam/uui-components';
|
|
3
|
+
import '../../assets/styles/variables/widgets/tag.scss';
|
|
4
|
+
export interface TagMods {
|
|
5
|
+
size?: '18' | '24' | '30' | '36' | '42' | '48';
|
|
6
|
+
}
|
|
7
|
+
export declare function applyTagMods(mods: TagMods): string[];
|
|
8
|
+
export declare const Tag: import("react").ForwardRefExoticComponent<Pick<ButtonProps & TagMods, "isDisabled" | "onClick" | "link" | "caption" | "dropdownIcon" | "dropdownIconPosition" | "countPosition" | "count" | "cx" | "href" | "isLinkActive" | "target" | "icon" | "iconPosition" | "onIconClick" | "clickAnalyticsEvent" | "tabIndex" | "rawProps" | "onClear" | "isOpen" | "isDropdown" | "toggleDropdownOpening" | "isInteractedOutside" | "placeholder" | "size" | "forwardedRef" | "clearIcon" | "captionCX"> & import("react").RefAttributes<any>>;
|
|
9
9
|
//# sourceMappingURL=Tag.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from './Avatar';
|
|
2
|
-
export * from './Badge';
|
|
3
|
-
export * from './Tag';
|
|
1
|
+
export * from './Avatar';
|
|
2
|
+
export * from './Badge';
|
|
3
|
+
export * from './Tag';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
package/helpers/textLayout.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ControlSize } from '../components';
|
|
2
|
-
export interface TextSettings {
|
|
3
|
-
lineHeight?: '12' | '18' | '24' | '30';
|
|
4
|
-
fontSize?: '10' | '12' | '14' | '16' | '18' | '24';
|
|
5
|
-
}
|
|
6
|
-
export declare function getTextClasses(props: TextSettings & {
|
|
7
|
-
size: '18' | ControlSize | '60';
|
|
8
|
-
}, border: boolean): string[];
|
|
1
|
+
import { ControlSize } from '../components';
|
|
2
|
+
export interface TextSettings {
|
|
3
|
+
lineHeight?: '12' | '18' | '24' | '30';
|
|
4
|
+
fontSize?: '10' | '12' | '14' | '16' | '18' | '24';
|
|
5
|
+
}
|
|
6
|
+
export declare function getTextClasses(props: TextSettings & {
|
|
7
|
+
size: '18' | ControlSize | '60';
|
|
8
|
+
}, border: boolean): string[];
|
|
9
9
|
//# sourceMappingURL=textLayout.d.ts.map
|
package/i18n.d.ts
CHANGED
|
@@ -1,51 +1,51 @@
|
|
|
1
|
-
export declare const i18n: {
|
|
2
|
-
dataPickerBody: {
|
|
3
|
-
searchPlaceholder: string;
|
|
4
|
-
noRecordsMessage: string;
|
|
5
|
-
};
|
|
6
|
-
pickerModal: {
|
|
7
|
-
headerTitle: string;
|
|
8
|
-
searchPlaceholder: string;
|
|
9
|
-
cancelButton: string;
|
|
10
|
-
selectButton: string;
|
|
11
|
-
clearAllButton: string;
|
|
12
|
-
selectAllButton: string;
|
|
13
|
-
};
|
|
14
|
-
pickerInput: {
|
|
15
|
-
showOnlySelectedLabel: string;
|
|
16
|
-
clearSelectionButton: string;
|
|
17
|
-
selectAllButton: string;
|
|
18
|
-
};
|
|
19
|
-
notificationCard: {
|
|
20
|
-
closeAllNotificationsButton: string;
|
|
21
|
-
};
|
|
22
|
-
form: {
|
|
23
|
-
notifications: {
|
|
24
|
-
actionButtonCaption: string;
|
|
25
|
-
unsavedChangesMessage: string;
|
|
26
|
-
};
|
|
27
|
-
modals: {
|
|
28
|
-
beforeLeaveMessage: string;
|
|
29
|
-
discardButton: string;
|
|
30
|
-
saveButton: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
rangeDatePicker: {
|
|
34
|
-
pickerPlaceholderFrom: string;
|
|
35
|
-
pickerPlaceholderTo: string;
|
|
36
|
-
};
|
|
37
|
-
tables: {
|
|
38
|
-
columnsConfigurationModal: {
|
|
39
|
-
applyButton: string;
|
|
40
|
-
checkAllButton: string;
|
|
41
|
-
uncheckAllButton: string;
|
|
42
|
-
configureColumnsTitle: string;
|
|
43
|
-
resetToDefaultButton: string;
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
pickerFilterHeader: {
|
|
47
|
-
sortAscending: string;
|
|
48
|
-
sortDescending: string;
|
|
49
|
-
};
|
|
50
|
-
};
|
|
1
|
+
export declare const i18n: {
|
|
2
|
+
dataPickerBody: {
|
|
3
|
+
searchPlaceholder: string;
|
|
4
|
+
noRecordsMessage: string;
|
|
5
|
+
};
|
|
6
|
+
pickerModal: {
|
|
7
|
+
headerTitle: string;
|
|
8
|
+
searchPlaceholder: string;
|
|
9
|
+
cancelButton: string;
|
|
10
|
+
selectButton: string;
|
|
11
|
+
clearAllButton: string;
|
|
12
|
+
selectAllButton: string;
|
|
13
|
+
};
|
|
14
|
+
pickerInput: {
|
|
15
|
+
showOnlySelectedLabel: string;
|
|
16
|
+
clearSelectionButton: string;
|
|
17
|
+
selectAllButton: string;
|
|
18
|
+
};
|
|
19
|
+
notificationCard: {
|
|
20
|
+
closeAllNotificationsButton: string;
|
|
21
|
+
};
|
|
22
|
+
form: {
|
|
23
|
+
notifications: {
|
|
24
|
+
actionButtonCaption: string;
|
|
25
|
+
unsavedChangesMessage: string;
|
|
26
|
+
};
|
|
27
|
+
modals: {
|
|
28
|
+
beforeLeaveMessage: string;
|
|
29
|
+
discardButton: string;
|
|
30
|
+
saveButton: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
rangeDatePicker: {
|
|
34
|
+
pickerPlaceholderFrom: string;
|
|
35
|
+
pickerPlaceholderTo: string;
|
|
36
|
+
};
|
|
37
|
+
tables: {
|
|
38
|
+
columnsConfigurationModal: {
|
|
39
|
+
applyButton: string;
|
|
40
|
+
checkAllButton: string;
|
|
41
|
+
uncheckAllButton: string;
|
|
42
|
+
configureColumnsTitle: string;
|
|
43
|
+
resetToDefaultButton: string;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
pickerFilterHeader: {
|
|
47
|
+
sortAscending: string;
|
|
48
|
+
sortDescending: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
51
|
//# sourceMappingURL=i18n.d.ts.map
|
package/icons/icons.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const systemIcons: {
|
|
2
|
-
[key: string]: any;
|
|
3
|
-
};
|
|
1
|
+
export declare const systemIcons: {
|
|
2
|
+
[key: string]: any;
|
|
3
|
+
};
|
|
4
4
|
//# sourceMappingURL=icons.d.ts.map
|
package/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './assets/styles/font-faces.scss';
|
|
2
|
-
export * from './components';
|
|
3
|
-
export * from '@epam/uui-core';
|
|
1
|
+
import './assets/styles/font-faces.scss';
|
|
2
|
+
export * from './components';
|
|
3
|
+
export * from '@epam/uui-core';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|