@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.
Files changed (148) hide show
  1. package/assets/styles/buttonLayout.scss +66 -66
  2. package/assets/styles/controlLayout.scss +11 -11
  3. package/assets/styles/effects.scss +8 -8
  4. package/assets/styles/font-faces.scss +51 -51
  5. package/assets/styles/fonts-variables.scss +24 -24
  6. package/assets/styles/icons.scss +18 -18
  7. package/assets/styles/index.scss +7 -7
  8. package/assets/styles/inputs.scss +69 -69
  9. package/assets/styles/layout-mixins.scss +8 -8
  10. package/assets/styles/prettifyScrollBar.scss +44 -44
  11. package/assets/styles/text-layout.scss +80 -80
  12. package/assets/styles/text-size.scss +37 -37
  13. package/assets/styles/typography.scss +3 -3
  14. package/assets/styles/variables/buttons/button.scss +70 -70
  15. package/assets/styles/variables/buttons/iconButton.scss +41 -41
  16. package/assets/styles/variables/buttons/linkButton.scss +6 -6
  17. package/assets/styles/variables/buttons/tabButton.scss +8 -8
  18. package/assets/styles/variables/inputs/checkbox.scss +18 -18
  19. package/assets/styles/variables/inputs/radioInput.scss +14 -14
  20. package/assets/styles/variables/inputs/switch.scss +24 -24
  21. package/assets/styles/variables/inputs/textInput.scss +21 -21
  22. package/assets/styles/variables/layout/accordion.scss +10 -10
  23. package/assets/styles/variables/layout/iconContainer.scss +22 -22
  24. package/assets/styles/variables/layout/labeledInput.scss +8 -8
  25. package/assets/styles/variables/layout/panel.scss +5 -5
  26. package/assets/styles/variables/layout/scrollBars.scss +3 -3
  27. package/assets/styles/variables/overlays/dropdownContainer.scss +4 -4
  28. package/assets/styles/variables/overlays/modals.scss +5 -5
  29. package/assets/styles/variables/overlays/notificationCard.scss +27 -27
  30. package/assets/styles/variables/overlays/tooltip.scss +8 -8
  31. package/assets/styles/variables/pickers/pickerToggler.scss +15 -15
  32. package/assets/styles/variables/typography/text.scss +19 -19
  33. package/assets/styles/variables/typography/textPlaceholder.scss +4 -4
  34. package/assets/styles/variables/widgets/badge.scss +50 -50
  35. package/assets/styles/variables/widgets/tag.scss +9 -9
  36. package/components/buttons/Button.d.ts +13 -13
  37. package/components/buttons/Button.d.ts.map +1 -1
  38. package/components/buttons/IconButton.d.ts +11 -11
  39. package/components/buttons/IconButton.d.ts.map +1 -1
  40. package/components/buttons/LinkButton.d.ts +8 -8
  41. package/components/buttons/TabButton.d.ts +8 -8
  42. package/components/buttons/VerticalTabButton.d.ts +4 -4
  43. package/components/buttons/helper.d.ts +2 -2
  44. package/components/buttons/index.d.ts +5 -5
  45. package/components/index.d.ts +9 -9
  46. package/components/inputs/Checkbox.d.ts +9 -9
  47. package/components/inputs/RadioInput.d.ts +7 -7
  48. package/components/inputs/Switch.d.ts +8 -8
  49. package/components/inputs/TextInput.d.ts +13 -13
  50. package/components/inputs/index.d.ts +4 -4
  51. package/components/layout/Accordion.d.ts +8 -8
  52. package/components/layout/Accordion.d.ts.map +1 -1
  53. package/components/layout/ControlGroup.d.ts +3 -3
  54. package/components/layout/FlexItems/FlexCell.d.ts +11 -11
  55. package/components/layout/FlexItems/FlexCell.d.ts.map +1 -1
  56. package/components/layout/FlexItems/FlexRow.d.ts +17 -13
  57. package/components/layout/FlexItems/FlexRow.d.ts.map +1 -1
  58. package/components/layout/FlexItems/FlexSpacer.d.ts +4 -4
  59. package/components/layout/FlexItems/Panel.d.ts +10 -10
  60. package/components/layout/FlexItems/index.d.ts +4 -4
  61. package/components/layout/IconContainer.d.ts +9 -9
  62. package/components/layout/LabeledInput.d.ts +7 -7
  63. package/components/layout/RadioGroup.d.ts +3 -3
  64. package/components/layout/ScrollBars.d.ts +5 -5
  65. package/components/layout/VirtualList.d.ts +7 -7
  66. package/components/layout/index.d.ts +8 -8
  67. package/components/overlays/Dropdown.d.ts +5 -5
  68. package/components/overlays/DropdownContainer.d.ts +6 -6
  69. package/components/overlays/DropdownMenu.d.ts +36 -36
  70. package/components/overlays/DropdownMenu.d.ts.map +1 -1
  71. package/components/overlays/Modals.d.ts +23 -23
  72. package/components/overlays/NotificationCard.d.ts +30 -30
  73. package/components/overlays/NotificationCard.d.ts.map +1 -1
  74. package/components/overlays/Tooltip.d.ts +6 -6
  75. package/components/overlays/index.d.ts +6 -6
  76. package/components/pickers/DataPickerBody.d.ts +15 -15
  77. package/components/pickers/DataPickerFooter.d.ts +8 -8
  78. package/components/pickers/DataPickerFooter.d.ts.map +1 -1
  79. package/components/pickers/DataPickerHeader.d.ts +7 -7
  80. package/components/pickers/DataPickerRow.d.ts +15 -15
  81. package/components/pickers/MobileDropdownWrapper.d.ts +10 -10
  82. package/components/pickers/PickerInput.d.ts +16 -16
  83. package/components/pickers/PickerInput.d.ts.map +1 -1
  84. package/components/pickers/PickerItem.d.ts +12 -12
  85. package/components/pickers/PickerList.d.ts +17 -17
  86. package/components/pickers/PickerList.d.ts.map +1 -1
  87. package/components/pickers/PickerListItem.d.ts +8 -8
  88. package/components/pickers/PickerModal.d.ts +15 -15
  89. package/components/pickers/PickerToggler.d.ts +8 -8
  90. package/components/pickers/index.d.ts +11 -11
  91. package/components/tables/DataTableCell.d.ts +9 -9
  92. package/components/tables/Presets/Preset.d.ts +13 -13
  93. package/components/tables/Presets/Presets.d.ts +8 -8
  94. package/components/tables/Presets/index.d.ts +2 -2
  95. package/components/tables/index.d.ts +3 -3
  96. package/components/tables/types.d.ts +8 -8
  97. package/components/types.d.ts +29 -29
  98. package/components/types.d.ts.map +1 -1
  99. package/components/typography/Text.d.ts +11 -11
  100. package/components/typography/TextPlaceholder.d.ts +7 -7
  101. package/components/typography/index.d.ts +2 -2
  102. package/components/widgets/Avatar.d.ts +3 -3
  103. package/components/widgets/Badge.d.ts +15 -15
  104. package/components/widgets/Badge.d.ts.map +1 -1
  105. package/components/widgets/Tag.d.ts +8 -8
  106. package/components/widgets/index.d.ts +3 -3
  107. package/helpers/textLayout.d.ts +8 -8
  108. package/i18n.d.ts +50 -50
  109. package/icons/icons.d.ts +3 -3
  110. package/index.d.ts +3 -3
  111. package/index.js +1735 -5240
  112. package/index.js.map +1 -1
  113. package/package.json +7 -10
  114. package/readme.md +4 -4
  115. package/stats.html +4044 -0
  116. package/styles.css +615 -616
  117. package/styles.css.map +1 -1
  118. package/bundle-stats.json +0 -1
  119. package/components/buttons/docs/button.doc.d.ts +0 -6
  120. package/components/buttons/docs/button.doc.d.ts.map +0 -1
  121. package/components/buttons/docs/linkButton.doc.d.ts +0 -6
  122. package/components/buttons/docs/linkButton.doc.d.ts.map +0 -1
  123. package/components/inputs/docs/checkbox.doc.d.ts +0 -6
  124. package/components/inputs/docs/checkbox.doc.d.ts.map +0 -1
  125. package/components/inputs/docs/radioInput.doc.d.ts +0 -6
  126. package/components/inputs/docs/radioInput.doc.d.ts.map +0 -1
  127. package/components/inputs/docs/switch.doc.d.ts +0 -6
  128. package/components/inputs/docs/switch.doc.d.ts.map +0 -1
  129. package/components/inputs/docs/textInput.doc.d.ts +0 -6
  130. package/components/inputs/docs/textInput.doc.d.ts.map +0 -1
  131. package/components/pickers/docs/common.d.ts +0 -28
  132. package/components/pickers/docs/common.d.ts.map +0 -1
  133. package/components/pickers/docs/pickerInput.doc.d.ts +0 -5
  134. package/components/pickers/docs/pickerInput.doc.d.ts.map +0 -1
  135. package/components/pickers/docs/pickerToggler.doc.d.ts +0 -6
  136. package/components/pickers/docs/pickerToggler.doc.d.ts.map +0 -1
  137. package/components/typography/docs/textPlaceholder.doc.d.ts +0 -5
  138. package/components/typography/docs/textPlaceholder.doc.d.ts.map +0 -1
  139. package/docs/common.d.ts +0 -11
  140. package/docs/common.d.ts.map +0 -1
  141. package/docs/contexts/DefaultContext.d.ts +0 -7
  142. package/docs/contexts/DefaultContext.d.ts.map +0 -1
  143. package/docs/contexts/index.d.ts +0 -2
  144. package/docs/contexts/index.d.ts.map +0 -1
  145. package/docs/index.d.ts +0 -3
  146. package/docs/index.d.ts.map +0 -1
  147. package/index.docs.d.ts +0 -6
  148. 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 declare type BadgeColor = 'info' | 'success' | 'warning' | 'error';
5
- export declare type BadgeFill = 'solid';
6
- export declare 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, "link" | "isDisabled" | "onClick" | "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>>;
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,oBAAY,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAClE,oBAAY,SAAS,GAAG,OAAO,CAAC;AAChC,oBAAY,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
+ {"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, "link" | "isDisabled" | "onClick" | "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>>;
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
@@ -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