@epam/uui 4.10.1 → 4.11.0-alpha.1

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 (268) hide show
  1. package/assets/styles/controlLayout.scss +16 -0
  2. package/assets/styles/effects.scss +3 -2
  3. package/assets/styles/inputs.scss +10 -10
  4. package/assets/styles/prettifyScrollBar.scss +10 -2
  5. package/assets/styles/typography-mixins.scss +159 -0
  6. package/assets/styles/typography.scss +35 -0
  7. package/assets/styles/variables/widgets/badge.scss +36 -36
  8. package/components/buttons/Button/Button.d.ts +13 -0
  9. package/components/buttons/Button/Button.d.ts.map +1 -0
  10. package/components/buttons/Button/Button.test.d.ts +2 -0
  11. package/components/buttons/Button/Button.test.d.ts.map +1 -0
  12. package/components/buttons/Button/index.d.ts +2 -0
  13. package/components/buttons/Button/index.d.ts.map +1 -0
  14. package/components/buttons/IconButton.d.ts +1 -3
  15. package/components/buttons/IconButton.d.ts.map +1 -1
  16. package/components/buttons/LinkButton.d.ts +3 -4
  17. package/components/buttons/LinkButton.d.ts.map +1 -1
  18. package/components/buttons/TabButton.d.ts +2 -3
  19. package/components/buttons/TabButton.d.ts.map +1 -1
  20. package/components/buttons/VerticalTabButton.d.ts +2 -2
  21. package/components/buttons/VerticalTabButton.d.ts.map +1 -1
  22. package/components/buttons/index.d.ts +1 -1
  23. package/components/buttons/index.d.ts.map +1 -1
  24. package/components/datePickers/Calendar.d.ts +5 -0
  25. package/components/datePickers/Calendar.d.ts.map +1 -0
  26. package/components/datePickers/CalendarPresets.d.ts +4 -0
  27. package/components/datePickers/CalendarPresets.d.ts.map +1 -0
  28. package/components/datePickers/DatePicker.d.ts +13 -0
  29. package/components/datePickers/DatePicker.d.ts.map +1 -0
  30. package/components/datePickers/DatePickerBody.d.ts +4 -0
  31. package/components/datePickers/DatePickerBody.d.ts.map +1 -0
  32. package/components/datePickers/RangeDatePicker.d.ts +13 -0
  33. package/components/datePickers/RangeDatePicker.d.ts.map +1 -0
  34. package/components/datePickers/RangeDatePickerBody.d.ts +4 -0
  35. package/components/datePickers/RangeDatePickerBody.d.ts.map +1 -0
  36. package/components/datePickers/index.d.ts +6 -0
  37. package/components/datePickers/index.d.ts.map +1 -0
  38. package/components/dnd/DropMarker.d.ts +9 -0
  39. package/components/dnd/DropMarker.d.ts.map +1 -0
  40. package/components/dnd/index.d.ts +2 -0
  41. package/components/dnd/index.d.ts.map +1 -0
  42. package/components/filters/FilterDataPickerBody.d.ts +14 -0
  43. package/components/filters/FilterDataPickerBody.d.ts.map +1 -0
  44. package/components/filters/FilterItemBody.d.ts +3 -0
  45. package/components/filters/FilterItemBody.d.ts.map +1 -0
  46. package/components/filters/FilterNumericBody.d.ts +13 -0
  47. package/components/filters/FilterNumericBody.d.ts.map +1 -0
  48. package/components/filters/FilterPanelItemToggler.d.ts +13 -0
  49. package/components/filters/FilterPanelItemToggler.d.ts.map +1 -0
  50. package/components/filters/FilterPickerBody.d.ts +20 -0
  51. package/components/filters/FilterPickerBody.d.ts.map +1 -0
  52. package/components/filters/FilterRangeDatePickerBody.d.ts +19 -0
  53. package/components/filters/FilterRangeDatePickerBody.d.ts.map +1 -0
  54. package/components/filters/FiltersPanel.d.ts +9 -0
  55. package/components/filters/FiltersPanel.d.ts.map +1 -0
  56. package/components/filters/FiltersPanelItem.d.ts +8 -0
  57. package/components/filters/FiltersPanelItem.d.ts.map +1 -0
  58. package/components/filters/PresetPanel/Preset.d.ts +9 -0
  59. package/components/filters/PresetPanel/Preset.d.ts.map +1 -0
  60. package/components/filters/PresetPanel/PresetActionsDropdown.d.ts +10 -0
  61. package/components/filters/PresetPanel/PresetActionsDropdown.d.ts.map +1 -0
  62. package/components/filters/PresetPanel/PresetInput.d.ts +9 -0
  63. package/components/filters/PresetPanel/PresetInput.d.ts.map +1 -0
  64. package/components/filters/PresetPanel/PresetsPanel.d.ts +7 -0
  65. package/components/filters/PresetPanel/PresetsPanel.d.ts.map +1 -0
  66. package/components/filters/PresetPanel/index.d.ts +2 -0
  67. package/components/filters/PresetPanel/index.d.ts.map +1 -0
  68. package/components/filters/defaultPredicates.d.ts +5 -0
  69. package/components/filters/defaultPredicates.d.ts.map +1 -0
  70. package/components/filters/index.d.ts +5 -0
  71. package/components/filters/index.d.ts.map +1 -0
  72. package/components/forms/Form.d.ts +4 -0
  73. package/components/forms/Form.d.ts.map +1 -0
  74. package/components/forms/index.d.ts +3 -0
  75. package/components/forms/index.d.ts.map +1 -0
  76. package/components/forms/useForm.d.ts +3 -0
  77. package/components/forms/useForm.d.ts.map +1 -0
  78. package/components/index.d.ts +5 -0
  79. package/components/index.d.ts.map +1 -1
  80. package/components/inputs/Checkbox.d.ts +5 -6
  81. package/components/inputs/Checkbox.d.ts.map +1 -1
  82. package/components/inputs/MultiSwitch.d.ts +16 -0
  83. package/components/inputs/MultiSwitch.d.ts.map +1 -0
  84. package/components/inputs/NumericInput.d.ts +9 -0
  85. package/components/inputs/NumericInput.d.ts.map +1 -0
  86. package/components/inputs/RadioInput.d.ts +3 -4
  87. package/components/inputs/RadioInput.d.ts.map +1 -1
  88. package/components/inputs/Switch.d.ts +1 -3
  89. package/components/inputs/Switch.d.ts.map +1 -1
  90. package/components/inputs/TextArea.d.ts +10 -0
  91. package/components/inputs/TextArea.d.ts.map +1 -0
  92. package/components/inputs/TextInput.d.ts +4 -5
  93. package/components/inputs/TextInput.d.ts.map +1 -1
  94. package/components/inputs/index.d.ts +3 -0
  95. package/components/inputs/index.d.ts.map +1 -1
  96. package/components/layout/Accordion.d.ts +1 -3
  97. package/components/layout/Accordion.d.ts.map +1 -1
  98. package/components/layout/Blocker.d.ts +4 -0
  99. package/components/layout/Blocker.d.ts.map +1 -0
  100. package/components/layout/CheckboxGroup.d.ts +3 -0
  101. package/components/layout/CheckboxGroup.d.ts.map +1 -0
  102. package/components/layout/ControlGroup.d.ts +1 -2
  103. package/components/layout/ControlGroup.d.ts.map +1 -1
  104. package/components/layout/FlexItems/FlexCell.d.ts +2 -2
  105. package/components/layout/FlexItems/FlexCell.d.ts.map +1 -1
  106. package/components/layout/FlexItems/FlexRow.d.ts +1 -2
  107. package/components/layout/FlexItems/FlexRow.d.ts.map +1 -1
  108. package/components/layout/FlexItems/Panel.d.ts +2 -5
  109. package/components/layout/FlexItems/Panel.d.ts.map +1 -1
  110. package/components/layout/LabeledInput.d.ts +1 -3
  111. package/components/layout/LabeledInput.d.ts.map +1 -1
  112. package/components/layout/RadioGroup.d.ts +1 -2
  113. package/components/layout/RadioGroup.d.ts.map +1 -1
  114. package/components/layout/ScrollBars.d.ts +1 -3
  115. package/components/layout/ScrollBars.d.ts.map +1 -1
  116. package/components/layout/VirtualList.d.ts +1 -6
  117. package/components/layout/VirtualList.d.ts.map +1 -1
  118. package/components/layout/index.d.ts +3 -1
  119. package/components/layout/index.d.ts.map +1 -1
  120. package/components/navigation/MainMenu/Burger/Burger.d.ts +6 -0
  121. package/components/navigation/MainMenu/Burger/Burger.d.ts.map +1 -0
  122. package/components/navigation/MainMenu/Burger/BurgerButton.d.ts +8 -0
  123. package/components/navigation/MainMenu/Burger/BurgerButton.d.ts.map +1 -0
  124. package/components/navigation/MainMenu/Burger/BurgerGroupHeader.d.ts +5 -0
  125. package/components/navigation/MainMenu/Burger/BurgerGroupHeader.d.ts.map +1 -0
  126. package/components/navigation/MainMenu/Burger/BurgerSearch.d.ts +5 -0
  127. package/components/navigation/MainMenu/Burger/BurgerSearch.d.ts.map +1 -0
  128. package/components/navigation/MainMenu/Burger/index.d.ts +5 -0
  129. package/components/navigation/MainMenu/Burger/index.d.ts.map +1 -0
  130. package/components/navigation/MainMenu/GlobalMenu.d.ts +6 -0
  131. package/components/navigation/MainMenu/GlobalMenu.d.ts.map +1 -0
  132. package/components/navigation/MainMenu/MainMenu.d.ts +5 -0
  133. package/components/navigation/MainMenu/MainMenu.d.ts.map +1 -0
  134. package/components/navigation/MainMenu/MainMenuAvatar.d.ts +8 -0
  135. package/components/navigation/MainMenu/MainMenuAvatar.d.ts.map +1 -0
  136. package/components/navigation/MainMenu/MainMenuButton.d.ts +7 -0
  137. package/components/navigation/MainMenu/MainMenuButton.d.ts.map +1 -0
  138. package/components/navigation/MainMenu/MainMenuDropdown.d.ts +6 -0
  139. package/components/navigation/MainMenu/MainMenuDropdown.d.ts.map +1 -0
  140. package/components/navigation/MainMenu/MainMenuIcon.d.ts +8 -0
  141. package/components/navigation/MainMenu/MainMenuIcon.d.ts.map +1 -0
  142. package/components/navigation/MainMenu/MainMenuSearch.d.ts +7 -0
  143. package/components/navigation/MainMenu/MainMenuSearch.d.ts.map +1 -0
  144. package/components/navigation/MainMenu/index.d.ts +9 -0
  145. package/components/navigation/MainMenu/index.d.ts.map +1 -0
  146. package/components/navigation/index.d.ts +2 -0
  147. package/components/navigation/index.d.ts.map +1 -0
  148. package/components/overlays/Alert.d.ts +24 -0
  149. package/components/overlays/Alert.d.ts.map +1 -0
  150. package/components/overlays/ConfirmationModal.d.ts +11 -0
  151. package/components/overlays/ConfirmationModal.d.ts.map +1 -0
  152. package/components/overlays/DropdownContainer.d.ts +6 -4
  153. package/components/overlays/DropdownContainer.d.ts.map +1 -1
  154. package/components/overlays/DropdownMenu.d.ts +12 -14
  155. package/components/overlays/DropdownMenu.d.ts.map +1 -1
  156. package/components/overlays/Modals.d.ts +2 -6
  157. package/components/overlays/Modals.d.ts.map +1 -1
  158. package/components/overlays/NotificationCard.d.ts +12 -17
  159. package/components/overlays/NotificationCard.d.ts.map +1 -1
  160. package/components/overlays/Tooltip.d.ts +2 -3
  161. package/components/overlays/Tooltip.d.ts.map +1 -1
  162. package/components/overlays/index.d.ts +1 -0
  163. package/components/overlays/index.d.ts.map +1 -1
  164. package/components/pickers/DataPickerBody.d.ts +2 -1
  165. package/components/pickers/DataPickerBody.d.ts.map +1 -1
  166. package/components/pickers/DataPickerFooter.d.ts.map +1 -1
  167. package/components/pickers/PickerInput.d.ts +1 -1
  168. package/components/pickers/PickerInput.d.ts.map +1 -1
  169. package/components/pickers/PickerItem.d.ts +2 -1
  170. package/components/pickers/PickerItem.d.ts.map +1 -1
  171. package/components/pickers/PickerModal.d.ts +2 -1
  172. package/components/pickers/PickerModal.d.ts.map +1 -1
  173. package/components/pickers/PickerToggler.d.ts +0 -1
  174. package/components/pickers/PickerToggler.d.ts.map +1 -1
  175. package/components/tables/ColumnHeaderDropdown/ColumnHeaderDropdown.d.ts +14 -0
  176. package/components/tables/ColumnHeaderDropdown/ColumnHeaderDropdown.d.ts.map +1 -0
  177. package/components/tables/ColumnHeaderDropdown/SortingPanel.d.ts +8 -0
  178. package/components/tables/ColumnHeaderDropdown/SortingPanel.d.ts.map +1 -0
  179. package/components/tables/ColumnHeaderDropdown/index.d.ts +2 -0
  180. package/components/tables/ColumnHeaderDropdown/index.d.ts.map +1 -0
  181. package/components/tables/DataTable.d.ts +16 -0
  182. package/components/tables/DataTable.d.ts.map +1 -0
  183. package/components/tables/DataTableCell.d.ts +2 -7
  184. package/components/tables/DataTableCell.d.ts.map +1 -1
  185. package/components/tables/DataTableHeaderCell.d.ts +19 -0
  186. package/components/tables/DataTableHeaderCell.d.ts.map +1 -0
  187. package/components/tables/DataTableHeaderRow.d.ts +5 -0
  188. package/components/tables/DataTableHeaderRow.d.ts.map +1 -0
  189. package/components/tables/DataTableRow.d.ts +11 -0
  190. package/components/tables/DataTableRow.d.ts.map +1 -0
  191. package/components/tables/columnsConfigurationModal/ColumnRow.d.ts +7 -0
  192. package/components/tables/columnsConfigurationModal/ColumnRow.d.ts.map +1 -0
  193. package/components/tables/columnsConfigurationModal/ColumnsConfigurationModal.d.ts +10 -0
  194. package/components/tables/columnsConfigurationModal/ColumnsConfigurationModal.d.ts.map +1 -0
  195. package/components/tables/columnsConfigurationModal/PinIconButton.d.ts +10 -0
  196. package/components/tables/columnsConfigurationModal/PinIconButton.d.ts.map +1 -0
  197. package/components/tables/columnsConfigurationModal/index.d.ts +2 -0
  198. package/components/tables/columnsConfigurationModal/index.d.ts.map +1 -0
  199. package/components/tables/index.d.ts +6 -1
  200. package/components/tables/index.d.ts.map +1 -1
  201. package/components/tables/types.d.ts +26 -3
  202. package/components/tables/types.d.ts.map +1 -1
  203. package/components/types.d.ts +10 -5
  204. package/components/types.d.ts.map +1 -1
  205. package/components/typography/RichTextView.d.ts +7 -0
  206. package/components/typography/RichTextView.d.ts.map +1 -0
  207. package/components/typography/Text.d.ts +3 -3
  208. package/components/typography/Text.d.ts.map +1 -1
  209. package/components/typography/TextPlaceholder.d.ts +5 -3
  210. package/components/typography/TextPlaceholder.d.ts.map +1 -1
  211. package/components/typography/index.d.ts +1 -0
  212. package/components/typography/index.d.ts.map +1 -1
  213. package/components/widgets/Avatar.d.ts +1 -2
  214. package/components/widgets/Avatar.d.ts.map +1 -1
  215. package/components/widgets/Badge.d.ts +6 -7
  216. package/components/widgets/Badge.d.ts.map +1 -1
  217. package/components/widgets/Spinner.d.ts +6 -0
  218. package/components/widgets/Spinner.d.ts.map +1 -0
  219. package/components/widgets/Tag.d.ts +4 -4
  220. package/components/widgets/Tag.d.ts.map +1 -1
  221. package/components/widgets/index.d.ts +1 -0
  222. package/components/widgets/index.d.ts.map +1 -1
  223. package/helpers/index.d.ts +3 -0
  224. package/helpers/index.d.ts.map +1 -0
  225. package/helpers/useColumnsWithFilters.d.ts +3 -0
  226. package/helpers/useColumnsWithFilters.d.ts.map +1 -0
  227. package/i18n.d.ts +53 -0
  228. package/i18n.d.ts.map +1 -1
  229. package/index.d.ts +2 -1
  230. package/index.d.ts.map +1 -1
  231. package/index.js +2603 -762
  232. package/index.js.map +1 -1
  233. package/package.json +13 -6
  234. package/stats.html +1 -1
  235. package/styles.css +8578 -1832
  236. package/styles.css.map +1 -1
  237. package/assets/styles/fonts-variables.scss +0 -24
  238. package/assets/styles/variables/buttons/button.scss +0 -71
  239. package/assets/styles/variables/buttons/iconButton.scss +0 -41
  240. package/assets/styles/variables/buttons/linkButton.scss +0 -6
  241. package/assets/styles/variables/buttons/tabButton.scss +0 -8
  242. package/assets/styles/variables/inputs/checkbox.scss +0 -18
  243. package/assets/styles/variables/inputs/radioInput.scss +0 -15
  244. package/assets/styles/variables/inputs/switch.scss +0 -24
  245. package/assets/styles/variables/inputs/textInput.scss +0 -21
  246. package/assets/styles/variables/layout/accordion.scss +0 -10
  247. package/assets/styles/variables/layout/iconContainer.scss +0 -23
  248. package/assets/styles/variables/layout/labeledInput.scss +0 -8
  249. package/assets/styles/variables/layout/panel.scss +0 -6
  250. package/assets/styles/variables/layout/scrollBars.scss +0 -4
  251. package/assets/styles/variables/overlays/dropdownContainer.scss +0 -5
  252. package/assets/styles/variables/overlays/modals.scss +0 -6
  253. package/assets/styles/variables/overlays/notificationCard.scss +0 -28
  254. package/assets/styles/variables/overlays/tooltip.scss +0 -8
  255. package/assets/styles/variables/pickers/pickerToggler.scss +0 -16
  256. package/assets/styles/variables/typography/text.scss +0 -19
  257. package/assets/styles/variables/typography/textPlaceholder.scss +0 -4
  258. package/assets/styles/variables/widgets/tag.scss +0 -9
  259. package/components/buttons/Button.d.ts +0 -14
  260. package/components/buttons/Button.d.ts.map +0 -1
  261. package/components/layout/IconContainer.d.ts +0 -10
  262. package/components/layout/IconContainer.d.ts.map +0 -1
  263. package/components/tables/Presets/Preset.d.ts +0 -14
  264. package/components/tables/Presets/Preset.d.ts.map +0 -1
  265. package/components/tables/Presets/Presets.d.ts +0 -9
  266. package/components/tables/Presets/Presets.d.ts.map +0 -1
  267. package/components/tables/Presets/index.d.ts +0 -3
  268. package/components/tables/Presets/index.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,71 +0,0 @@
1
- :global(.button-vars) {
2
- --button-border-radius: var(--border-radius);
3
- }
4
-
5
- :global(.button-color-primary) {
6
- --button-bg-color: var(--primary-color);
7
- --button-bg-color-hover: var(--primary-dark-color);
8
- --button-bg-color-active: var(--primary-darkest-color);
9
- --button-bg-color-halftone: var(--button-bg-halftone-color);
10
- --button-bg-color-halftone-hover: var(--primary-lightest-color);
11
- --button-bg-color-halftone-active: var(--primary-light-color);
12
- --button-bg-color-disabled: var(--disabled-color);
13
- --button-border-color: var(--primary-color);
14
- --button-border-color-hover: var(--primary-dark-color);
15
- --button-border-color-active: var(--primary-darkest-color);
16
- --button-border-color-disabled: var(--disabled-color);
17
- --button-caption-color: var(--contrast-color);
18
- --button-caption-halftone-color: var(--primary-color);
19
- --button-caption-color-disabled: var(--button-caption-disabled-color);
20
- }
21
-
22
- :global(.button-color-accent) {
23
- --button-bg-color: var(--accent-color);
24
- --button-bg-color-hover: var(--accent-dark-color);
25
- --button-bg-color-active: var(--accent-darkest-color);
26
- --button-bg-color-halftone: var(--button-bg-halftone-color);
27
- --button-bg-color-halftone-hover: var(--accent-lightest-color);
28
- --button-bg-color-halftone-active: var(--accent-light-color);
29
- --button-bg-color-disabled: var(--disabled-color);
30
- --button-border-color: var(--accent-color);
31
- --button-border-color-hover: var(--accent-dark-color);
32
- --button-border-color-active: var(--accent-darkest-color);
33
- --button-border-color-disabled: var(--disabled-color);
34
- --button-caption-color: var(--contrast-color);
35
- --button-caption-halftone-color: var(--accent-color);
36
- --button-caption-color-disabled: var(--button-caption-disabled-color);
37
- }
38
-
39
- :global(.button-color-negative) {
40
- --button-bg-color: var(--negative-color);
41
- --button-bg-color-hover: var(--negative-dark-color);
42
- --button-bg-color-active: var(--negative-darkest-color);
43
- --button-bg-color-halftone: var(--button-bg-halftone-color);
44
- --button-bg-color-halftone-hover: var(--negative-lightest-color);
45
- --button-bg-color-halftone-active: var(--negative-light-color);
46
- --button-bg-color-disabled: var(--disabled-color);
47
- --button-border-color: var(--negative-color);
48
- --button-border-color-hover: var(--negative-dark-color);
49
- --button-border-color-active: var(--negative-darkest-color);
50
- --button-border-color-disabled: var(--disabled-color);
51
- --button-caption-color: var(--contrast-color);
52
- --button-caption-halftone-color: var(--negative-color);
53
- --button-caption-color-disabled: var(--button-caption-disabled-color);
54
- }
55
-
56
- :global(.button-color-secondary) {
57
- --button-bg-color: var(--secondary-color);
58
- --button-bg-color-hover: var(--secondary-dark-color);
59
- --button-bg-color-active: var(--secondary-darkest-color);
60
- --button-bg-color-halftone: var(--button-bg-halftone-color);
61
- --button-bg-color-halftone-hover: var(--secondary-lightest-color);
62
- --button-bg-color-halftone-active: var(--secondary-light-color);
63
- --button-bg-color-disabled: var(--disabled-color);
64
- --button-border-color: var(--secondary-color);
65
- --button-border-color-hover: var(--secondary-dark-color);
66
- --button-border-color-active: var(--secondary-darkest-color);
67
- --button-border-color-disabled: var(--disabled-color);
68
- --button-caption-color: var(--contrast-color);
69
- --button-caption-halftone-color: var(--secondary-color);
70
- --button-caption-color-disabled: var(--button-caption-disabled-color);
71
- }
@@ -1,41 +0,0 @@
1
- :global(.icon-button-color-info) {
2
- --icon-button-icon-color: var(--info-color);
3
- --icon-button-icon-color-hover: var(--info-hover-color);
4
- --icon-button-icon-color-active: var(--info-active-color);
5
- --icon-button-icon-color-disabled: var(--icon-disabled-color);
6
- }
7
-
8
- :global(.icon-button-color-success) {
9
- --icon-button-icon-color: var(--success-color);
10
- --icon-button-icon-color-hover: var(--success-hover-color);
11
- --icon-button-icon-color-active: var(--success-active-color);
12
- --icon-button-icon-color-disabled: var(--icon-disabled-color);
13
- }
14
-
15
- :global(.icon-button-color-warning) {
16
- --icon-button-icon-color: var(--warning-color);
17
- --icon-button-icon-color-hover: var(--warning-hover-color);
18
- --icon-button-icon-color-active: var(--warning-active-color);
19
- --icon-button-icon-color-disabled: var(--icon-disabled-color);
20
- }
21
-
22
- :global(.icon-button-color-error) {
23
- --icon-button-icon-color: var(--error-color);
24
- --icon-button-icon-color-hover: var(--error-hover-color);
25
- --icon-button-icon-color-active: var(--error-active-color);
26
- --icon-button-icon-color-disabled: var(--icon-disabled-color);
27
- }
28
-
29
- :global(.icon-button-color-default) {
30
- --icon-button-icon-color: var(--icon-color);
31
- --icon-button-icon-color-hover: var(--icon-hover-color);
32
- --icon-button-icon-color-active: var(--icon-active-color);
33
- --icon-button-icon-color-disabled: var(--icon-disabled-color);
34
- }
35
-
36
- :global(.icon-button-color-secondary) {
37
- --icon-button-icon-color: var(--secondary-color);
38
- --icon-button-icon-color-hover: var(--secondary-hover-color);
39
- --icon-button-icon-color-active: var(--secondary-active-color);
40
- --icon-button-icon-color-disabled: var(--secondary-disabled-color);
41
- }
@@ -1,6 +0,0 @@
1
- :global(.link-button-vars) {
2
- --link-button-text-color: var(--info-color);
3
- --link-button-text-color-hover: var(--info-hover-color);
4
- --link-button-text-color-active: var(--info-active-color);
5
- --link-button-text-color-disabled: var(--button-disabled-color);
6
- }
@@ -1,8 +0,0 @@
1
- :global(.tab-button-vars) {
2
- --tab-button-text-color: var(--text-primary-color);
3
- --tab-button-text-color-hover: var(--primary-color);
4
- --tab-button-text-color-active: var(--primary-color);
5
- --tab-button-text-color-disabled: var(--text-disabled-color);
6
- --tab-button-count-bg-color: white;
7
- --tab-button-count-color: var(--text-secondary-color);
8
- }
@@ -1,18 +0,0 @@
1
- :global(.checkbox-vars) {
2
- --checkbox-border-color: var(--input-border-color);
3
- --checkbox-border-color-hover: var(--input-border-hover-color);
4
- --checkbox-border-color-disabled: var(--input-border-disabled-color);
5
- --checkbox-border-color-checked: var(--input-border-checked-color);
6
- --checkbox-border-color-checked-disabled: var(--input-border-checked-disabled-color);
7
- --checkbox-bg-color: var(--input-bg-color);
8
- --checkbox-bg-color-checked: var(--input-bg-checked-color);
9
- --checkbox-bg-color-disabled: var(--input-bg-disabled-color);
10
- --checkbox-bg-color-checked-hover: var(--input-bg-checked-hover-color);
11
- --checkbox-bg-color-checked-disabled: var(--input-bg-checked-disabled-color);
12
- --checkbox-error-color: var(--negative-color);
13
- --checkbox-fill-color: var(--input-checkbox-icon-color);
14
- --checkbox-label-color: var(--input-label-color);
15
- --checkbox-label-color-disabled: var(--input-label-disabled-color);
16
-
17
- --checkbox-border-radius: var(--border-radius);
18
- }
@@ -1,15 +0,0 @@
1
- :global(.radio-input-vars) {
2
- --radio-input-bg-color: var(--input-bg-color);
3
- --radio-input-bg-color-disabled: var(--input-bg-disabled-color);
4
- --radio-input-border-color: var(--input-border-color);
5
- --radio-input-border-color-checked: var(--input-border-checked-color);
6
- --radio-input-border-color-hover: var(--input-border-hover-color);
7
- --radio-input-border-color-disabled: var(--input-border-disabled-color);
8
- --radio-input-border-color-checked-disabled: var(--input-border-checked-disabled-color);
9
- --radio-input-label-color: var(--input-label-color);
10
- --radio-input-label-color-disabled: var(--input-label-disabled-color);
11
- --radio-input-fill-color-checked: var(--input-border-checked-color);
12
- --radio-input-fill-color-hover: var(--input-border-hover-color);
13
- --radio-input-fill-color-checked-disabled: var(--input-border-checked-disabled-color);
14
- --radio-input-error-color: var(--negative-color);
15
- }
@@ -1,24 +0,0 @@
1
- :global(.switch-vars) {
2
- --switch-bg-color: var(--input-switch-bg-color);
3
- --switch-bg-color-checked: var(--input-bg-checked-color);
4
- --switch-bg-color-hover: var(--input-bg-hover-color);
5
- --switch-bg-color-disabled: var(--input-bg-disabled-color);
6
- --switch-bg-color-checked-hover: var(--input-bg-checked-hover-color);
7
- --switch-bg-color-checked-disabled: var(--input-bg-checked-disabled-color);
8
- --switch-border-color: var(--input-border-color);
9
- --switch-border-color-checked: var(--input-border-checked-color);
10
- --switch-border-color-hover: var(--input-switch-border-hover-color);
11
- --switch-border-color-disabled: var(--input-border-disabled-color);
12
- --switch-border-color-checked-hover: var(--input-border-checked-hover-color);
13
- --switch-border-color-checked-disabled: var(--input-border-checked-disabled-color);
14
- --switch-label-color: var(--input-label-color);
15
- --switch-label-color-disabled: var(--input-label-disabled-color);
16
- --switch-toggler-bg-color: #fff;
17
- --switch-toggler-bg-color-disabled: var(--input-bg-disabled-color);
18
- --switch-toggler-border-color: var(--input-switch-bg-color);
19
- --switch-toggler-border-color-checked: var(--input-bg-checked-color);
20
- --switch-toggler-border-color-hover: var(--input-bg-hover-color);
21
- --switch-toggler-border-color-disabled: var(--input-border-disabled-color);
22
- --switch-toggler-border-color-checked-hover: var(--input-bg-checked-hover-color);
23
- --switch-toggler-border-color-checked-disabled: var(--input-bg-checked-disabled-color);
24
- }
@@ -1,21 +0,0 @@
1
- :global(.text-input-vars) {
2
- --text-input-bg-color: var(--input-bg-color);
3
- --text-input-bg-color-disabled: var(--input-bg-disabled-color);
4
- --text-input-bg-color-readonly: var(--input-bg-readonly-color);
5
- --text-input-border-color: var(--input-border-color);
6
- --text-input-border-color-hover: var(--input-textinput-border-hover-color);
7
- --text-input-border-color-active: var(--input-border-checked-color);
8
- --text-input-border-color-error: var(--negative-color);
9
- --text-input-border-color-disabled: var(--input-border-disabled-color);
10
- --text-input-border-color-readonly: var(--input-border-readonly-color);
11
- --text-input-placeholder-color: var(--input-placeholder-color);
12
- --text-input-placeholder-color-disabled: var(--input-placeholder-disabled-color);
13
- --text-input-text-color: var(--input-text-color);
14
- --text-input-text-color-disabled: var(--input-text-disabled-color);
15
- --text-input-icon-color: var(--input-icon-color);
16
- --text-input-icon-color-disabled: var(--input-icon-disabled-color);
17
- --text-input-icon-color-clickable: var(--icon-color);
18
- --text-input-icon-color-clickable-hover: var(--icon-hover-color);
19
-
20
- --text-input-border-radius: var(--border-radius);
21
- }
@@ -1,10 +0,0 @@
1
- :global(.accordion-vars) {
2
- --accordion-bg-color: var(--surface-color);
3
- --accordion-border-color: var(--divider-color);
4
- --accordion-text-color: var(--text-primary-color);
5
- --accordion-text-color-disabled: var(--text-disabled-color);
6
- --accordion-icon-color: var(--icon-color);
7
- --accordion-icon-color-disabled: var(--icon-disabled-color);
8
- --accordion-shadow: 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10);
9
- --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,23 +0,0 @@
1
- :global(.icon-container-color-info) {
2
- --icon-container-fill-color: var(--info-color);
3
- }
4
-
5
- :global(.icon-container-color-success) {
6
- --icon-container-fill-color: var(--success-color);
7
- }
8
-
9
- :global(.icon-container-color-warning) {
10
- --icon-container-fill-color: var(--warning-color);
11
- }
12
-
13
- :global(.icon-container-color-error) {
14
- --icon-container-fill-color: var(--error-color);
15
- }
16
-
17
- :global(.icon-container-color-default) {
18
- --icon-container-fill-color: var(--icon-color);
19
- }
20
-
21
- :global(.icon-container-color-secondary) {
22
- --icon-container-fill-color: var(--secondary-color);
23
- }
@@ -1,8 +0,0 @@
1
- :global(.labeled-input-vars) {
2
- --labeled-input-color: var(--text-primary-color);
3
- --labeled-input-color-disabled: var(--text-disabled-color);
4
- --labeled-input-color-error: var(--error-color);
5
- --labeled-input-fill-color: var(--default-color);
6
- --labeled-input-optional-text-color: var(--text-secondary-color);
7
- --labeled-input-asterisk-color: var(--error-color);
8
- }
@@ -1,6 +0,0 @@
1
- :global(.panel-vars) {
2
- --panel-border-radius: var(--border-radius);
3
- --panel-bg-color: var(--surface-color);
4
- //noinspection CssInvalidFunction
5
- --panel-shadow: var(--shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10)); // WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442
6
- }
@@ -1,4 +0,0 @@
1
- :global(.scroll-bars-vars) {
2
- --scroll-bars-bg-color: #CED0DB;
3
- --scroll-bars-bg-color-active: #6C6F80;
4
- }
@@ -1,5 +0,0 @@
1
- :global(.dropdown-container-vars) {
2
- //noinspection CssInvalidFunction
3
- --dropdown-container-shadow: var(--shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 1px 3px 0 rgba(29, 30, 38, 0.1));
4
- --dropdown-container-scrollbar-thumb-color: #6C6F80;
5
- }
@@ -1,6 +0,0 @@
1
- :global(.modals-vars) {
2
- --modals-border-radius: var(--border-radius);
3
- --modals-overlay-color: rgba(29, 30, 38, 0.8);
4
- --modals-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
5
- --modals-bg-color: var(--surface-color)
6
- }
@@ -1,28 +0,0 @@
1
- :global(.notification-card-vars) {
2
- --notification-card-border-radius: var(--border-radius);
3
- --notification-card-border-width: 6px 1px 1px;
4
- }
5
-
6
- :global(.notification-card-color-warning) {
7
- --notification-card-fill-color: var(--warning-color);
8
- --notification-card-border-color: var(--warning-color);
9
- --notification-card-bg-color: white;
10
- }
11
-
12
- :global(.notification-card-color-success) {
13
- --notification-card-fill-color: var(--success-color);
14
- --notification-card-border-color: var(--success-color);
15
- --notification-card-bg-color: white;
16
- }
17
-
18
- :global(.notification-card-color-info) {
19
- --notification-card-fill-color: var(--info-color);
20
- --notification-card-border-color: var(--info-color);
21
- --notification-card-bg-color: white;
22
- }
23
-
24
- :global(.notification-card-color-error) {
25
- --notification-card-fill-color: var(--error-color);
26
- --notification-card-border-color: var(--error-color);
27
- --notification-card-bg-color: white;
28
- }
@@ -1,8 +0,0 @@
1
- :global(.tooltip-vars) {
2
- //noinspection CssInvalidFunction
3
- --tooltip-shadow: var(--shadow, 0 1px 4px 0 rgba(44, 47, 60, 0.05), 0 2px 18px 0 rgba(44, 47, 60, 0.03)); // WebStorm Bag Report https://youtrack.jetbrains.com/issue/WEB-54442
4
- --tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
5
- --tooltip-bg-color: var(--surface-dark-color);
6
- --tooltip-text-color: white;
7
- --tooltip-border-radius: var(--border-radius);
8
- }
@@ -1,16 +0,0 @@
1
- :global(.picker-toggler-vars) {
2
- --picker-toggler-bg-color: var(--input-bg-color);
3
- --picker-toggler-border-color: var(--input-border-color);
4
- --picker-toggler-border-color-hover: var(--input-textinput-border-hover-color);
5
- --picker-toggler-border-color-active: var(--input-border-checked-color);
6
- --picker-toggler-border-color-error: var(--negative-color);
7
- --picker-toggler-placeholder-color: var(--input-placeholder-color);
8
- --picker-toggler-text-color: var(--input-text-color);
9
- --picker-toggler-text-color-disabled: var(--input-text-disabled-color);
10
- --picker-toggler-icon-color: var(--input-icon-color);
11
- --picker-toggler-icon-color-disabled: var(--input-icon-disabled-color);
12
- --picker-toggler-icon-color-clickable: var(--icon-color);
13
- --picker-toggler-icon-color-clickable-hover: var(--icon-hover-color);
14
-
15
- --picker-toggler-border-radius: var(--border-radius);
16
- }
@@ -1,19 +0,0 @@
1
- :global(.text-color-brand) {
2
- --text-color: var(--text-brand-color);
3
- }
4
-
5
- :global(.text-color-primary) {
6
- --text-color: var(--text-primary-color);
7
- }
8
-
9
- :global(.text-color-secondary) {
10
- --text-color: var(--text-secondary-color);
11
- }
12
-
13
- :global(.text-color-disabled) {
14
- --text-color: var(--text-disabled-color);
15
- }
16
-
17
- :global(.text-color-contrast) {
18
- --text-color: var(--text-contrast-color);
19
- }
@@ -1,4 +0,0 @@
1
- :global(.text-placeholder-vars) {
2
- --text-placeholder-gradient: var(--skeleton-gradient);
3
- --text-placeholder-color: var(--skeleton-color);
4
- }
@@ -1,9 +0,0 @@
1
- :global(.tag-vars) {
2
- --tag-bg-color: var(--tag-color);
3
- --tag-bg-color-hover: var(--tag-hover-color);
4
- --tag-caption-color: var(--text-primary-color);
5
- --tag-fill-color: var(--icon-color);
6
- --tag-fill-color-hover: var(--icon-hover-color);
7
- --tag-count-bg-color: white;
8
- --tag-count-color: var(--text-secondary-color);
9
- }
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- import { ButtonProps } from '@epam/uui-components';
3
- import { ControlSize, ButtonMode } from '../types';
4
- import '../../assets/styles/variables/buttons/button.scss';
5
- export type ButtonColor = 'accent' | 'primary' | 'secondary' | 'negative';
6
- export declare const allButtonColors: ButtonColor[];
7
- export interface ButtonMods {
8
- size?: ControlSize | '18';
9
- mode?: ButtonMode;
10
- color?: ButtonColor;
11
- }
12
- export declare function applyButtonMods(mods: ButtonMods & ButtonProps): string[];
13
- export declare const Button: import("react").ForwardRefExoticComponent<Pick<ButtonProps & ButtonMods, "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 ButtonMods> & import("react").RefAttributes<any>>;
14
- //# sourceMappingURL=Button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/buttons/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGnD,OAAO,mDAAmD,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAC1E,eAAO,MAAM,eAAe,EAAE,WAAW,EAAmD,CAAC;AAI7F,MAAM,WAAW,UAAU;IACvB,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,GAAG,WAAW,YAQ7D;AAED,eAAO,MAAM,MAAM,qhBAOlB,CAAC"}
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { ControlIconProps } from '@epam/uui-components';
3
- import { IconColor } from '../buttons';
4
- import '../../assets/styles/variables/layout/iconContainer.scss';
5
- export interface IconContainerMods {
6
- color?: IconColor;
7
- }
8
- export declare function applyIconContainerMods(mods: IconContainerMods): string[];
9
- export declare const IconContainer: import("react").ForwardRefExoticComponent<ControlIconProps & IconContainerMods & import("react").RefAttributes<any>>;
10
- //# 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;AAEvC,OAAO,yDAAyD,CAAC;AAEjE,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,iBAAiB,YAK7D;AAED,eAAO,MAAM,aAAa,sHAIzB,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- import { ITablePreset } from "@epam/uui-core";
3
- interface IPresetProps {
4
- preset: ITablePreset;
5
- isActive: boolean;
6
- hasChanged: boolean;
7
- choosePreset: (preset: ITablePreset) => void;
8
- duplicatePreset: (preset: ITablePreset) => void;
9
- deletePreset: (preset: ITablePreset) => void;
10
- updatePreset: (preset: ITablePreset) => void;
11
- }
12
- export declare const Preset: React.FC<IPresetProps>;
13
- export {};
14
- //# sourceMappingURL=Preset.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Preset.d.ts","sourceRoot":"","sources":["../../../../components/tables/Presets/Preset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAuC,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKnF,UAAU,YAAY;IAClB,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+GzC,CAAC"}
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { DataTableState, IPresetsApi, ITablePreset } from "@epam/uui-core";
3
- interface IPresetsProps extends IPresetsApi {
4
- presets: ITablePreset[];
5
- tableState: DataTableState;
6
- }
7
- export declare const Presets: React.NamedExoticComponent<IPresetsProps>;
8
- export {};
9
- //# sourceMappingURL=Presets.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Presets.d.ts","sourceRoot":"","sources":["../../../../components/tables/Presets/Presets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM3E,UAAU,aAAc,SAAQ,WAAW;IACvC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC;CAC9B;AA0CD,eAAO,MAAM,OAAO,2CAA0B,CAAC"}
@@ -1,3 +0,0 @@
1
- export * from './Presets';
2
- export * from './Preset';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/tables/Presets/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}