@epam/uui 4.11.0-alpha.0 → 4.11.0

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 (210) hide show
  1. package/assets/styles/buttonLayout.scss +66 -66
  2. package/assets/styles/controlLayout.scss +27 -27
  3. package/assets/styles/effects.scss +9 -9
  4. package/assets/styles/font-faces.scss +51 -51
  5. package/assets/styles/icons.scss +18 -18
  6. package/assets/styles/index.scss +7 -7
  7. package/assets/styles/inputs.scss +69 -69
  8. package/assets/styles/layout-mixins.scss +8 -8
  9. package/assets/styles/prettifyScrollBar.scss +52 -52
  10. package/assets/styles/text-layout.scss +80 -80
  11. package/assets/styles/text-size.scss +37 -37
  12. package/assets/styles/typography-mixins.scss +159 -0
  13. package/assets/styles/typography.scss +38 -3
  14. package/assets/styles/variables/widgets/badge.scss +50 -50
  15. package/components/buttons/Button/Button.d.ts +12 -12
  16. package/components/buttons/Button/Button.test.d.ts +1 -1
  17. package/components/buttons/Button/index.d.ts +1 -1
  18. package/components/buttons/IconButton.d.ts +9 -9
  19. package/components/buttons/LinkButton.d.ts +7 -7
  20. package/components/buttons/TabButton.d.ts +7 -7
  21. package/components/buttons/VerticalTabButton.d.ts +4 -4
  22. package/components/buttons/helper.d.ts +2 -2
  23. package/components/buttons/index.d.ts +5 -5
  24. package/components/datePickers/Calendar.d.ts +4 -4
  25. package/components/datePickers/CalendarPresets.d.ts +3 -3
  26. package/components/datePickers/DatePicker.d.ts +12 -12
  27. package/components/datePickers/DatePickerBody.d.ts +3 -3
  28. package/components/datePickers/RangeDatePicker.d.ts +12 -12
  29. package/components/datePickers/RangeDatePickerBody.d.ts +3 -3
  30. package/components/datePickers/index.d.ts +5 -5
  31. package/components/dnd/DropMarker.d.ts +8 -8
  32. package/components/dnd/index.d.ts +1 -1
  33. package/components/filters/FilterDataPickerBody.d.ts +14 -0
  34. package/components/filters/FilterDataPickerBody.d.ts.map +1 -0
  35. package/components/filters/FilterItemBody.d.ts +3 -0
  36. package/components/filters/FilterItemBody.d.ts.map +1 -0
  37. package/components/filters/FilterNumericBody.d.ts +13 -0
  38. package/components/filters/FilterNumericBody.d.ts.map +1 -0
  39. package/components/filters/FilterPanelItemToggler.d.ts +13 -0
  40. package/components/filters/FilterPanelItemToggler.d.ts.map +1 -0
  41. package/components/filters/FilterPickerBody.d.ts +20 -0
  42. package/components/filters/FilterPickerBody.d.ts.map +1 -0
  43. package/components/filters/FilterRangeDatePickerBody.d.ts +19 -0
  44. package/components/filters/FilterRangeDatePickerBody.d.ts.map +1 -0
  45. package/components/filters/FiltersPanel.d.ts +9 -0
  46. package/components/filters/FiltersPanel.d.ts.map +1 -0
  47. package/components/filters/FiltersPanelItem.d.ts +8 -0
  48. package/components/filters/FiltersPanelItem.d.ts.map +1 -0
  49. package/components/filters/PresetPanel/Preset.d.ts +9 -0
  50. package/components/filters/PresetPanel/Preset.d.ts.map +1 -0
  51. package/components/filters/PresetPanel/PresetActionsDropdown.d.ts +10 -0
  52. package/components/filters/PresetPanel/PresetActionsDropdown.d.ts.map +1 -0
  53. package/components/filters/PresetPanel/PresetInput.d.ts +9 -0
  54. package/components/filters/PresetPanel/PresetInput.d.ts.map +1 -0
  55. package/components/filters/PresetPanel/PresetsPanel.d.ts +7 -0
  56. package/components/filters/PresetPanel/PresetsPanel.d.ts.map +1 -0
  57. package/components/filters/PresetPanel/index.d.ts +2 -0
  58. package/components/filters/PresetPanel/index.d.ts.map +1 -0
  59. package/components/filters/defaultPredicates.d.ts +5 -0
  60. package/components/filters/defaultPredicates.d.ts.map +1 -0
  61. package/components/filters/index.d.ts +5 -0
  62. package/components/filters/index.d.ts.map +1 -0
  63. package/components/forms/Form.d.ts +4 -0
  64. package/components/forms/Form.d.ts.map +1 -0
  65. package/components/forms/index.d.ts +3 -0
  66. package/components/forms/index.d.ts.map +1 -0
  67. package/components/forms/useForm.d.ts +3 -0
  68. package/components/forms/useForm.d.ts.map +1 -0
  69. package/components/index.d.ts +14 -11
  70. package/components/index.d.ts.map +1 -1
  71. package/components/inputs/Checkbox.d.ts +8 -8
  72. package/components/inputs/MultiSwitch.d.ts +15 -15
  73. package/components/inputs/NumericInput.d.ts +8 -8
  74. package/components/inputs/RadioInput.d.ts +6 -6
  75. package/components/inputs/Switch.d.ts +6 -6
  76. package/components/inputs/TextArea.d.ts +9 -9
  77. package/components/inputs/TextInput.d.ts +12 -12
  78. package/components/inputs/index.d.ts +7 -7
  79. package/components/layout/Accordion.d.ts +6 -7
  80. package/components/layout/Accordion.d.ts.map +1 -1
  81. package/components/layout/Blocker.d.ts +4 -0
  82. package/components/layout/Blocker.d.ts.map +1 -0
  83. package/components/layout/CheckboxGroup.d.ts +3 -0
  84. package/components/layout/CheckboxGroup.d.ts.map +1 -0
  85. package/components/layout/ControlGroup.d.ts +2 -2
  86. package/components/layout/FlexItems/FlexCell.d.ts +11 -11
  87. package/components/layout/FlexItems/FlexRow.d.ts +16 -16
  88. package/components/layout/FlexItems/FlexSpacer.d.ts +4 -4
  89. package/components/layout/FlexItems/Panel.d.ts +7 -7
  90. package/components/layout/FlexItems/index.d.ts +4 -4
  91. package/components/layout/LabeledInput.d.ts +5 -5
  92. package/components/layout/RadioGroup.d.ts +2 -2
  93. package/components/layout/ScrollBars.d.ts +3 -3
  94. package/components/layout/VirtualList.d.ts +2 -2
  95. package/components/layout/index.d.ts +10 -8
  96. package/components/layout/index.d.ts.map +1 -1
  97. package/components/navigation/MainMenu/Burger/Burger.d.ts +6 -0
  98. package/components/navigation/MainMenu/Burger/Burger.d.ts.map +1 -0
  99. package/components/navigation/MainMenu/Burger/BurgerButton.d.ts +8 -0
  100. package/components/navigation/MainMenu/Burger/BurgerButton.d.ts.map +1 -0
  101. package/components/navigation/MainMenu/Burger/BurgerGroupHeader.d.ts +5 -0
  102. package/components/navigation/MainMenu/Burger/BurgerGroupHeader.d.ts.map +1 -0
  103. package/components/navigation/MainMenu/Burger/BurgerSearch.d.ts +5 -0
  104. package/components/navigation/MainMenu/Burger/BurgerSearch.d.ts.map +1 -0
  105. package/components/navigation/MainMenu/Burger/index.d.ts +5 -0
  106. package/components/navigation/MainMenu/Burger/index.d.ts.map +1 -0
  107. package/components/navigation/MainMenu/GlobalMenu.d.ts +6 -0
  108. package/components/navigation/MainMenu/GlobalMenu.d.ts.map +1 -0
  109. package/components/navigation/MainMenu/MainMenu.d.ts +5 -0
  110. package/components/navigation/MainMenu/MainMenu.d.ts.map +1 -0
  111. package/components/navigation/MainMenu/MainMenuAvatar.d.ts +8 -0
  112. package/components/navigation/MainMenu/MainMenuAvatar.d.ts.map +1 -0
  113. package/components/navigation/MainMenu/MainMenuButton.d.ts +7 -0
  114. package/components/navigation/MainMenu/MainMenuButton.d.ts.map +1 -0
  115. package/components/navigation/MainMenu/MainMenuDropdown.d.ts +6 -0
  116. package/components/navigation/MainMenu/MainMenuDropdown.d.ts.map +1 -0
  117. package/components/navigation/MainMenu/MainMenuIcon.d.ts +8 -0
  118. package/components/navigation/MainMenu/MainMenuIcon.d.ts.map +1 -0
  119. package/components/navigation/MainMenu/MainMenuSearch.d.ts +7 -0
  120. package/components/navigation/MainMenu/MainMenuSearch.d.ts.map +1 -0
  121. package/components/navigation/MainMenu/index.d.ts +9 -0
  122. package/components/navigation/MainMenu/index.d.ts.map +1 -0
  123. package/components/navigation/index.d.ts +2 -0
  124. package/components/navigation/index.d.ts.map +1 -0
  125. package/components/overlays/Alert.d.ts +24 -0
  126. package/components/overlays/Alert.d.ts.map +1 -0
  127. package/components/overlays/ConfirmationModal.d.ts +11 -0
  128. package/components/overlays/ConfirmationModal.d.ts.map +1 -0
  129. package/components/overlays/Dropdown.d.ts +5 -5
  130. package/components/overlays/DropdownContainer.d.ts +8 -5
  131. package/components/overlays/DropdownContainer.d.ts.map +1 -1
  132. package/components/overlays/DropdownMenu.d.ts +33 -33
  133. package/components/overlays/Modals.d.ts +19 -22
  134. package/components/overlays/Modals.d.ts.map +1 -1
  135. package/components/overlays/NotificationCard.d.ts +25 -30
  136. package/components/overlays/NotificationCard.d.ts.map +1 -1
  137. package/components/overlays/Tooltip.d.ts +5 -5
  138. package/components/overlays/index.d.ts +7 -6
  139. package/components/overlays/index.d.ts.map +1 -1
  140. package/components/pickers/DataPickerBody.d.ts +16 -16
  141. package/components/pickers/DataPickerFooter.d.ts +8 -8
  142. package/components/pickers/DataPickerHeader.d.ts +7 -7
  143. package/components/pickers/DataPickerRow.d.ts +15 -15
  144. package/components/pickers/MobileDropdownWrapper.d.ts +10 -10
  145. package/components/pickers/PickerInput.d.ts +16 -16
  146. package/components/pickers/PickerItem.d.ts +13 -13
  147. package/components/pickers/PickerList.d.ts +17 -17
  148. package/components/pickers/PickerList.d.ts.map +1 -1
  149. package/components/pickers/PickerListItem.d.ts +8 -8
  150. package/components/pickers/PickerModal.d.ts +16 -16
  151. package/components/pickers/PickerToggler.d.ts +7 -7
  152. package/components/pickers/index.d.ts +11 -11
  153. package/components/tables/ColumnHeaderDropdown/ColumnHeaderDropdown.d.ts +13 -13
  154. package/components/tables/ColumnHeaderDropdown/SortingPanel.d.ts +7 -7
  155. package/components/tables/ColumnHeaderDropdown/index.d.ts +1 -1
  156. package/components/tables/DataTable.d.ts +15 -15
  157. package/components/tables/DataTable.d.ts.map +1 -1
  158. package/components/tables/DataTableCell.d.ts +4 -4
  159. package/components/tables/DataTableCell.d.ts.map +1 -1
  160. package/components/tables/DataTableHeaderCell.d.ts +18 -18
  161. package/components/tables/DataTableHeaderRow.d.ts +4 -4
  162. package/components/tables/DataTableRow.d.ts +10 -10
  163. package/components/tables/columnsConfigurationModal/ColumnRow.d.ts +6 -6
  164. package/components/tables/columnsConfigurationModal/ColumnsConfigurationModal.d.ts +9 -9
  165. package/components/tables/columnsConfigurationModal/PinIconButton.d.ts +9 -9
  166. package/components/tables/columnsConfigurationModal/index.d.ts +1 -1
  167. package/components/tables/index.d.ts +8 -8
  168. package/components/tables/types.d.ts +31 -31
  169. package/components/types.d.ts +34 -32
  170. package/components/types.d.ts.map +1 -1
  171. package/components/typography/RichTextView.d.ts +7 -0
  172. package/components/typography/RichTextView.d.ts.map +1 -0
  173. package/components/typography/Text.d.ts +11 -11
  174. package/components/typography/Text.d.ts.map +1 -1
  175. package/components/typography/TextPlaceholder.d.ts +9 -7
  176. package/components/typography/TextPlaceholder.d.ts.map +1 -1
  177. package/components/typography/index.d.ts +3 -2
  178. package/components/typography/index.d.ts.map +1 -1
  179. package/components/widgets/Avatar.d.ts +2 -2
  180. package/components/widgets/Badge.d.ts +14 -14
  181. package/components/widgets/Spinner.d.ts +6 -0
  182. package/components/widgets/Spinner.d.ts.map +1 -0
  183. package/components/widgets/Tag.d.ts +8 -8
  184. package/components/widgets/index.d.ts +4 -3
  185. package/components/widgets/index.d.ts.map +1 -1
  186. package/helpers/index.d.ts +3 -0
  187. package/helpers/index.d.ts.map +1 -0
  188. package/helpers/textLayout.d.ts +8 -8
  189. package/helpers/useColumnsWithFilters.d.ts +3 -0
  190. package/helpers/useColumnsWithFilters.d.ts.map +1 -0
  191. package/i18n.d.ts +103 -90
  192. package/i18n.d.ts.map +1 -1
  193. package/icons/icons.d.ts +3 -3
  194. package/index.d.ts +4 -3
  195. package/index.d.ts.map +1 -1
  196. package/index.js +2771 -1684
  197. package/index.js.map +1 -1
  198. package/package.json +5 -5
  199. package/readme.md +4 -4
  200. package/stats.html +1 -1
  201. package/styles.css +8578 -2507
  202. package/styles.css.map +1 -1
  203. package/assets/styles/fonts-variables.scss +0 -24
  204. package/assets/styles/variables/layout/accordion.scss +0 -10
  205. package/assets/styles/variables/overlays/dropdownContainer.scss +0 -5
  206. package/assets/styles/variables/overlays/notificationCard.scss +0 -28
  207. package/assets/styles/variables/typography/text.scss +0 -19
  208. package/assets/styles/variables/typography/textPlaceholder.scss +0 -4
  209. package/components/layout/IconContainer.d.ts +0 -8
  210. package/components/layout/IconContainer.d.ts.map +0 -1
@@ -1,24 +0,0 @@
1
- :global(.font-regular) {
2
- font-family: var(--font-regular);
3
- font-weight: normal;
4
- }
5
-
6
- :global(.font-semibold) {
7
- font-family: var(--font-semibold);
8
- font-weight: normal;
9
- }
10
-
11
- :global(.font-italic) {
12
- font-family: var(--font-italic);
13
- font-weight: normal;
14
- }
15
-
16
- :global(.font-primary) {
17
- font-family: var(--font-primary);
18
- font-weight: normal;
19
- }
20
-
21
- :global(.font-promo) {
22
- font-family: var(--font-promo);
23
- font-weight: normal;
24
- }
@@ -1,10 +0,0 @@
1
- :global(.accordion-vars) {
2
- --uui-accordion-bg: var(--uui-surface);
3
- --uui-accordion-border: var(--uui-divider);
4
- --uui-accordion-text: var(--uui-text-primary);
5
- --uui-accordion-text-disabled: var(--uui-text-disabled);
6
- --uui-accordion-icon: var(--uui-icon);
7
- --uui-accordion-icon-disabled: var(--uui-icon-disabled);
8
- --uui-accordion-shadow: 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10);
9
- --uui-accordion-shadow-hovered: 0 6px 12px 0 rgba(29, 30, 38, 0.10), 0 3px 6px 0 rgba(29, 30, 38, 0.10);
10
- }
@@ -1,5 +0,0 @@
1
- :global(.dropdown-container-vars) {
2
- //noinspection CssInvalidFunction
3
- --uui-dropdown-container-shadow: var(--uui-shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 1px 3px 0 rgba(29, 30, 38, 0.1));
4
- --uui-dropdown-container-scrollbar-thumb: #6C6F80;
5
- }
@@ -1,28 +0,0 @@
1
- :global(.notification-card-vars) {
2
- --uui-notification-card-border-radius: var(--uui-border-radius);
3
- --uui-notification-card-border-width: 6px 1px 1px;
4
- }
5
-
6
- :global(.notification-card-color-warning) {
7
- --uui-notification-card-fill: var(--uui-warning);
8
- --uui-notification-card-border: var(--uui-warning);
9
- --uui-notification-card-bg: white;
10
- }
11
-
12
- :global(.notification-card-color-success) {
13
- --uui-notification-card-fill: var(--uui-success);
14
- --uui-notification-card-border: var(--uui-success);
15
- --uui-notification-card-bg: white;
16
- }
17
-
18
- :global(.notification-card-color-info) {
19
- --uui-notification-card-fill: var(--uui-info);
20
- --uui-notification-card-border: var(--uui-info);
21
- --uui-notification-card-bg: white;
22
- }
23
-
24
- :global(.notification-card-color-error) {
25
- --uui-notification-card-fill: var(--uui-error);
26
- --uui-notification-card-border: var(--uui-error);
27
- --uui-notification-card-bg: white;
28
- }
@@ -1,19 +0,0 @@
1
- :global(.text-color-brand) {
2
- --uui-text: var(--uui-text-brand);
3
- }
4
-
5
- :global(.text-color-primary) {
6
- --uui-text: var(--uui-text-primary);
7
- }
8
-
9
- :global(.text-color-secondary) {
10
- --uui-text: var(--uui-text-secondary);
11
- }
12
-
13
- :global(.text-color-disabled) {
14
- --uui-text: var(--uui-text-disabled);
15
- }
16
-
17
- :global(.text-color-contrast) {
18
- --uui-text: var(--uui-text-contrast);
19
- }
@@ -1,4 +0,0 @@
1
- :global(.text-placeholder-vars) {
2
- --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);
3
- --uui-text-placeholder: var(--uui-skeleton);
4
- }
@@ -1,8 +0,0 @@
1
- import { ControlIconProps } from '@epam/uui-components';
2
- import { IconColor } from '../buttons';
3
- export interface IconContainerMods {
4
- color?: IconColor;
5
- }
6
- export declare function applyIconContainerMods(mods: IconContainerMods): string[];
7
- export declare const IconContainer: (props: ControlIconProps & IconContainerMods & import("react").RefAttributes<any>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
8
- //# sourceMappingURL=IconContainer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconContainer.d.ts","sourceRoot":"","sources":["../../../components/layout/IconContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE3F,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,iBAAiB,YAK7D;AAED,eAAO,MAAM,aAAa,8KAIzB,CAAC"}