@hazelcast/ui 3.0.13 → 4.0.1-canary.10

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 (240) hide show
  1. package/README.md +1 -29
  2. package/lib/components/Alert.js +2 -2
  3. package/lib/components/Alert.js.map +1 -1
  4. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js +1 -1
  5. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +1 -1
  6. package/lib/components/AppHeader/SelectCluster/SelectCluster.js +1 -1
  7. package/lib/components/AppHeader/SelectCluster/SelectCluster.js.map +1 -1
  8. package/lib/components/AppSidebar/AppSidebar.js +1 -1
  9. package/lib/components/AppSidebar/AppSidebar.js.map +1 -1
  10. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js +1 -1
  11. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +1 -1
  12. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.d.ts +1 -3
  13. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js +11 -10
  14. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +1 -1
  15. package/lib/components/AutocompleteField.d.ts +1 -3
  16. package/lib/components/AutocompleteField.js +4 -5
  17. package/lib/components/AutocompleteField.js.map +1 -1
  18. package/lib/components/AutocompleteField.module.css +183 -0
  19. package/lib/components/Badge.d.ts +1 -2
  20. package/lib/components/Badge.js +3 -7
  21. package/lib/components/Badge.js.map +1 -1
  22. package/lib/components/Badge.module.scss +18 -29
  23. package/lib/components/Button.d.ts +10 -33
  24. package/lib/components/Button.js +31 -51
  25. package/lib/components/Button.js.map +1 -1
  26. package/lib/components/Button.module.css +188 -0
  27. package/lib/components/ButtonGroup.d.ts +10 -0
  28. package/lib/components/ButtonGroup.js +6 -0
  29. package/lib/components/ButtonGroup.js.map +1 -0
  30. package/lib/components/ButtonGroup.module.css +29 -0
  31. package/lib/components/Calendar/components/CalendarTime.js +1 -1
  32. package/lib/components/Calendar/components/CalendarTime.js.map +1 -1
  33. package/lib/components/Checkbox.js +1 -1
  34. package/lib/components/Checkbox.js.map +1 -1
  35. package/lib/components/Checkbox.module.css +97 -0
  36. package/lib/components/Dialog.js +1 -1
  37. package/lib/components/Dialog.js.map +1 -1
  38. package/lib/components/Error.d.ts +2 -2
  39. package/lib/components/Help.d.ts +2 -2
  40. package/lib/components/Help.js +3 -2
  41. package/lib/components/Help.js.map +1 -1
  42. package/lib/components/IconButton.d.ts +8 -8
  43. package/lib/components/IconButton.js +24 -13
  44. package/lib/components/IconButton.js.map +1 -1
  45. package/lib/components/IconButton.module.css +145 -0
  46. package/lib/components/InteractiveList.d.ts +1 -1
  47. package/lib/components/InteractiveList.js +5 -5
  48. package/lib/components/InteractiveList.js.map +1 -1
  49. package/lib/components/InteractiveList.module.css +59 -0
  50. package/lib/components/Modal.d.ts +19 -2
  51. package/lib/components/Modal.js +56 -25
  52. package/lib/components/Modal.js.map +1 -1
  53. package/lib/components/Modal.module.css +222 -0
  54. package/lib/components/NumberField.d.ts +2 -3
  55. package/lib/components/NumberField.js +7 -10
  56. package/lib/components/NumberField.js.map +1 -1
  57. package/lib/components/NumberField.module.css +73 -0
  58. package/lib/components/Pagination.js +7 -7
  59. package/lib/components/Pagination.js.map +1 -1
  60. package/lib/components/PasswordField.d.ts +1 -2
  61. package/lib/components/PasswordField.js +2 -2
  62. package/lib/components/PasswordField.js.map +1 -1
  63. package/lib/components/PasswordField.module.scss +3 -0
  64. package/lib/components/Select/CheckableSelectField.d.ts +0 -1
  65. package/lib/components/Select/CheckableSelectField.js +12 -6
  66. package/lib/components/Select/CheckableSelectField.js.map +1 -1
  67. package/lib/components/Select/CheckableSelectField.module.css +112 -0
  68. package/lib/components/Select/Common.js +3 -3
  69. package/lib/components/Select/Common.js.map +1 -1
  70. package/lib/components/Select/Common.module.css +35 -0
  71. package/lib/components/Select/MultiSelectField.d.ts +1 -1
  72. package/lib/components/Select/MultiSelectField.js +3 -5
  73. package/lib/components/Select/MultiSelectField.js.map +1 -1
  74. package/lib/components/Select/MultiSelectField.module.css +60 -0
  75. package/lib/components/Select/SelectField.d.ts +2 -3
  76. package/lib/components/Select/SelectField.js +4 -6
  77. package/lib/components/Select/SelectField.js.map +1 -1
  78. package/lib/components/Select/SelectField.module.css +202 -0
  79. package/lib/components/SimpleTable.d.ts +25 -6
  80. package/lib/components/SimpleTable.js +27 -12
  81. package/lib/components/SimpleTable.js.map +1 -1
  82. package/lib/components/SimpleTable.module.css +80 -0
  83. package/lib/components/Table/Cell.js +6 -7
  84. package/lib/components/Table/Cell.js.map +1 -1
  85. package/lib/components/Tabs/Tab.js +1 -1
  86. package/lib/components/Tabs/Tab.js.map +1 -1
  87. package/lib/components/Tabs/Tab.module.css +58 -0
  88. package/lib/components/Tabs/TabList.js +1 -1
  89. package/lib/components/Tabs/TabList.js.map +1 -1
  90. package/lib/components/Tabs/TabList.module.css +9 -0
  91. package/lib/components/Tabs/TabPanel.js +1 -1
  92. package/lib/components/Tabs/TabPanel.js.map +1 -1
  93. package/lib/components/Tabs/TabPanel.module.css +7 -0
  94. package/lib/components/TextArea.js +1 -1
  95. package/lib/components/TextArea.js.map +1 -1
  96. package/lib/components/TextArea.module.css +109 -0
  97. package/lib/components/TextField.d.ts +2 -2
  98. package/lib/components/TextField.js +2 -2
  99. package/lib/components/TextField.js.map +1 -1
  100. package/lib/components/TextField.module.css +195 -0
  101. package/lib/components/Toast/Toast.d.ts +12 -0
  102. package/lib/components/Toast/Toast.js +26 -0
  103. package/lib/components/Toast/Toast.js.map +1 -0
  104. package/lib/components/Toast/Toast.module.css +98 -0
  105. package/lib/components/Toast/index.d.ts +4 -0
  106. package/lib/components/Toast/index.js +5 -0
  107. package/lib/components/Toast/index.js.map +1 -0
  108. package/lib/components/Toggle.js +2 -3
  109. package/lib/components/Toggle.js.map +1 -1
  110. package/lib/components/Toggle.module.css +120 -0
  111. package/lib/components/Tooltip.d.ts +35 -22
  112. package/lib/components/Tooltip.js +22 -47
  113. package/lib/components/Tooltip.js.map +1 -1
  114. package/lib/components/Tooltip.module.css +128 -0
  115. package/lib/components/TruncatedText.d.ts +2 -2
  116. package/lib/components/TruncatedText.js +3 -3
  117. package/lib/components/TruncatedText.js.map +1 -1
  118. package/lib/index.d.ts +1 -0
  119. package/lib/index.js.map +1 -1
  120. package/lib/old/AutocompleteField.d.ts +49 -0
  121. package/lib/old/AutocompleteField.js +166 -0
  122. package/lib/old/AutocompleteField.js.map +1 -0
  123. package/lib/old/AutocompleteFieldFormik.d.ts +9 -0
  124. package/lib/old/AutocompleteFieldFormik.js +19 -0
  125. package/lib/old/AutocompleteFieldFormik.js.map +1 -0
  126. package/lib/old/Button.d.ts +75 -0
  127. package/lib/old/Button.js +37 -0
  128. package/lib/old/Button.js.map +1 -0
  129. package/lib/{components/Button.module.scss → old/ButtonLegacy.module.scss} +2 -8
  130. package/lib/old/Checkbox.d.ts +35 -0
  131. package/lib/old/Checkbox.js +38 -0
  132. package/lib/old/Checkbox.js.map +1 -0
  133. package/lib/old/CheckboxFormik.d.ts +10 -0
  134. package/lib/old/CheckboxFormik.js +17 -0
  135. package/lib/old/CheckboxFormik.js.map +1 -0
  136. package/lib/old/IconButton.d.ts +49 -0
  137. package/lib/old/IconButton.js +25 -0
  138. package/lib/old/IconButton.js.map +1 -0
  139. package/lib/old/InteractiveList.d.ts +34 -0
  140. package/lib/old/InteractiveList.js +43 -0
  141. package/lib/old/InteractiveList.js.map +1 -0
  142. package/lib/old/InteractiveListFormik.d.ts +10 -0
  143. package/lib/old/InteractiveListFormik.js +75 -0
  144. package/lib/old/InteractiveListFormik.js.map +1 -0
  145. package/lib/old/Modal.d.ts +26 -0
  146. package/lib/old/Modal.js +41 -0
  147. package/lib/old/Modal.js.map +1 -0
  148. package/lib/old/NumberField.d.ts +33 -0
  149. package/lib/old/NumberField.js +141 -0
  150. package/lib/old/NumberField.js.map +1 -0
  151. package/lib/old/NumberFieldFormik.d.ts +10 -0
  152. package/lib/old/NumberFieldFormik.js +52 -0
  153. package/lib/old/NumberFieldFormik.js.map +1 -0
  154. package/lib/old/PasswordField.d.ts +29 -0
  155. package/lib/old/PasswordField.js +26 -0
  156. package/lib/old/PasswordField.js.map +1 -0
  157. package/lib/old/PasswordFieldFormik.d.ts +10 -0
  158. package/lib/old/PasswordFieldFormik.js +17 -0
  159. package/lib/old/PasswordFieldFormik.js.map +1 -0
  160. package/lib/old/PasswordFieldLegacy.module.scss +26 -0
  161. package/lib/old/Select/CheckableSelectField.d.ts +40 -0
  162. package/lib/old/Select/CheckableSelectField.js +77 -0
  163. package/lib/old/Select/CheckableSelectField.js.map +1 -0
  164. package/lib/old/Select/CheckableSelectFieldFormik.d.ts +10 -0
  165. package/lib/old/Select/CheckableSelectFieldFormik.js +19 -0
  166. package/lib/old/Select/CheckableSelectFieldFormik.js.map +1 -0
  167. package/lib/old/Select/Common.d.ts +5 -0
  168. package/lib/old/Select/Common.js +54 -0
  169. package/lib/old/Select/Common.js.map +1 -0
  170. package/lib/old/Select/MultiSelectField.d.ts +28 -0
  171. package/lib/old/Select/MultiSelectField.js +113 -0
  172. package/lib/old/Select/MultiSelectField.js.map +1 -0
  173. package/lib/old/Select/MultiSelectFieldFormik.d.ts +11 -0
  174. package/lib/old/Select/MultiSelectFieldFormik.js +19 -0
  175. package/lib/old/Select/MultiSelectFieldFormik.js.map +1 -0
  176. package/lib/old/Select/SelectField.d.ts +43 -0
  177. package/lib/old/Select/SelectField.js +103 -0
  178. package/lib/old/Select/SelectField.js.map +1 -0
  179. package/lib/old/Select/SelectFieldFormik.d.ts +10 -0
  180. package/lib/old/Select/SelectFieldFormik.js +19 -0
  181. package/lib/old/Select/SelectFieldFormik.js.map +1 -0
  182. package/lib/old/Select/helpers.d.ts +12 -0
  183. package/lib/old/Select/helpers.js +29 -0
  184. package/lib/old/Select/helpers.js.map +1 -0
  185. package/lib/old/SimpleTable.d.ts +11 -0
  186. package/lib/old/SimpleTable.js +26 -0
  187. package/lib/old/SimpleTable.js.map +1 -0
  188. package/lib/old/Tabs.d.ts +53 -0
  189. package/lib/old/Tabs.js +92 -0
  190. package/lib/old/Tabs.js.map +1 -0
  191. package/lib/{components/Tabs/Tab.module.scss → old/TabsLegacy.module.scss} +14 -6
  192. package/lib/old/TextArea.d.ts +19 -0
  193. package/lib/old/TextArea.js +25 -0
  194. package/lib/old/TextArea.js.map +1 -0
  195. package/lib/old/TextAreaFormik.d.ts +9 -0
  196. package/lib/old/TextAreaFormik.js +11 -0
  197. package/lib/old/TextAreaFormik.js.map +1 -0
  198. package/lib/old/TextField.d.ts +50 -0
  199. package/lib/old/TextField.js +65 -0
  200. package/lib/old/TextField.js.map +1 -0
  201. package/lib/old/TextFieldFormik.d.ts +11 -0
  202. package/lib/old/TextFieldFormik.js +23 -0
  203. package/lib/old/TextFieldFormik.js.map +1 -0
  204. package/lib/{components/TextField.module.scss → old/TextFieldLegacy.module.scss} +0 -1
  205. package/lib/{components → old}/Toast.js +2 -2
  206. package/lib/old/Toast.js.map +1 -0
  207. package/lib/old/Toggle.d.ts +21 -0
  208. package/lib/old/Toggle.js +22 -0
  209. package/lib/old/Toggle.js.map +1 -0
  210. package/lib/old/ToggleFormik.d.ts +9 -0
  211. package/lib/old/ToggleFormik.js +12 -0
  212. package/lib/old/ToggleFormik.js.map +1 -0
  213. package/lib/{components/Toggle.module.scss → old/ToggleLegacy.module.scss} +0 -2
  214. package/lib/old/Tooltip.d.ts +34 -0
  215. package/lib/old/Tooltip.js +57 -0
  216. package/lib/old/Tooltip.js.map +1 -0
  217. package/lib/old/Tooltip.module.scss +45 -0
  218. package/lib/old/index.d.ts +58 -0
  219. package/lib/old/index.js +34 -0
  220. package/lib/old/index.js.map +1 -0
  221. package/package.json +5 -11
  222. package/styles/constants/_colors.scss +18 -0
  223. package/styles/variables.css +162 -0
  224. package/lib/components/Tabs/TabList.module.scss +0 -3
  225. package/lib/components/Tabs/TabPanel.module.scss +0 -7
  226. package/lib/components/Toast.js.map +0 -1
  227. /package/lib/{components/AutocompleteField.module.scss → old/AutocompleteFieldLegacy.module.scss} +0 -0
  228. /package/lib/{components/Checkbox.module.scss → old/CheckboxLegacy.module.scss} +0 -0
  229. /package/lib/{components/IconButton.module.scss → old/IconButtonLegacy.module.scss} +0 -0
  230. /package/lib/{components/InteractiveList.module.scss → old/InteractiveListLegacy.module.scss} +0 -0
  231. /package/lib/{components/Modal.module.scss → old/ModalLegacy.module.scss} +0 -0
  232. /package/lib/{components/NumberField.module.scss → old/NumberFieldLegacy.module.scss} +0 -0
  233. /package/lib/{components/Select/CheckableSelectField.module.scss → old/Select/CheckableSelectFieldLegacy.module.scss} +0 -0
  234. /package/lib/{components/Select/Common.module.scss → old/Select/CommonLegacy.module.scss} +0 -0
  235. /package/lib/{components/Select/MultiSelectField.module.scss → old/Select/MultiSelectFieldLegacy.module.scss} +0 -0
  236. /package/lib/{components/Select/SelectField.module.scss → old/Select/SelectFieldLegacy.module.scss} +0 -0
  237. /package/lib/{components/SimpleTable.module.scss → old/SimpleTableLegacy.module.scss} +0 -0
  238. /package/lib/{components/TextArea.module.scss → old/TextAreaLegacy.module.scss} +0 -0
  239. /package/lib/{components → old}/Toast.d.ts +0 -0
  240. /package/lib/{components/Toast.module.scss → old/ToastLegacy.module.scss} +0 -0
@@ -0,0 +1,58 @@
1
+ export { Tooltip } from './Tooltip';
2
+ export { Toggle } from './Toggle';
3
+ export type { ToggleProps, ToggleExtraProps } from './Toggle';
4
+ export { ToggleFormik } from './ToggleFormik';
5
+ export type { ToggleFormikProps } from './ToggleFormik';
6
+ export { Button } from './Button';
7
+ export type { ButtonProps, ButtonVariant, ButtonColor, ButtonOutlineType, ButtonAccessibleIconLeftProps, ButtonAccessibleIconRightProps, ButtonDisabledProps, ButtonCommonProps, ButtonTypeAnchorProps, ButtonTypeButtonProps, ButtonTypeProps, } from './Button';
8
+ export { IconButton } from './IconButton';
9
+ export type { IconButtonProps, IconButtonKind, IconButtonDisabledProps, IconButtonNotDisabledProps } from './IconButton';
10
+ export { Checkbox } from './Checkbox';
11
+ export type { CheckboxExtraProps } from './Checkbox';
12
+ export { CheckboxFormik } from './CheckboxFormik';
13
+ export type { CheckboxFieldFormikProps } from './CheckboxFormik';
14
+ export { TextField } from './TextField';
15
+ export type { TextFieldProps, TextFieldExtraProps, TextFieldSize, TextFieldVariant, TextFieldTypes } from './TextField';
16
+ export { TextFieldFormik } from './TextFieldFormik';
17
+ export type { TextFieldFormikProps } from './TextFieldFormik';
18
+ export { TextArea } from './TextArea';
19
+ export type { TextAreaProps, TextAreaExtraProps, TextAreaCoreProps, TextAreaSize } from './TextArea';
20
+ export { TextAreaFormik } from './TextAreaFormik';
21
+ export type { TextAreaFormikProps } from './TextAreaFormik';
22
+ export { NumberField } from './NumberField';
23
+ export type { NumberFieldProps, NumberFieldExtraProps } from './NumberField';
24
+ export { NumberFieldFormik } from './NumberFieldFormik';
25
+ export type { NumberFieldFormikProps } from './NumberFieldFormik';
26
+ export { PasswordField } from './PasswordField';
27
+ export type { PasswordFieldProps, PasswordFieldExtraProps } from './PasswordField';
28
+ export { PasswordFieldFormik } from './PasswordFieldFormik';
29
+ export type { PasswordFieldFormikProps } from './PasswordFieldFormik';
30
+ export { SelectField } from './Select/SelectField';
31
+ export type { SelectFieldProps, SelectFieldExtraProps, SelectFieldCoreStaticProps, SelectFieldIconLeftProps, SelectFieldSize, } from './Select/SelectField';
32
+ export { SelectFieldFormik } from './Select/SelectFieldFormik';
33
+ export type { SelectFieldFormikProps } from './Select/SelectFieldFormik';
34
+ export { MultiSelectField } from './Select/MultiSelectField';
35
+ export type { MultiSelectProps, MultiSelectFieldExtraProps, MultiSelectFieldCoreStaticProps } from './Select/MultiSelectField';
36
+ export { MultiSelectFieldFormik } from './Select/MultiSelectFieldFormik';
37
+ export { CheckableSelectField } from './Select/CheckableSelectField';
38
+ export type { CheckableSelectProps, CheckableSelectFieldCoreStaticProps, CheckableSelectFieldExtraProps, } from './Select/CheckableSelectField';
39
+ export { CheckableSelectFieldFormik } from './Select/CheckableSelectFieldFormik';
40
+ export type { CheckableSelectFieldFormikProps } from './Select/CheckableSelectFieldFormik';
41
+ export { getMenuContainer, getOptionsMap } from './Select/helpers';
42
+ export type { SelectFieldOption, SelectFieldOptionsMap } from './Select/helpers';
43
+ export { AutocompleteField, getSelectedOptionFromValue, highlightOptionText } from './AutocompleteField';
44
+ export type { AutocompleteFieldProps, AutocompleteFieldOption, RenderOptionFunction } from './AutocompleteField';
45
+ export { AutocompleteFieldFormik } from './AutocompleteFieldFormik';
46
+ export { InteractiveListItem } from './InteractiveList';
47
+ export { InteractiveListFormik } from './InteractiveListFormik';
48
+ export type { InteractiveListInputRef, InteractiveListExtraProps } from './InteractiveList';
49
+ export type { InteractiveListFormikProps } from './InteractiveListFormik';
50
+ export { TabContext, TabContextProvider, TabContextProviderControlled, useTabContext, TabList, Tab, TabPanel } from './Tabs';
51
+ export type { TabContextValue, TabContextProviderProps, TabContextProviderControlledProps, TabListProps, TabProps, TabCommonProps, AnchorTabProps, ButtonTabProps, TabPanelProps, } from './Tabs';
52
+ export { Modal, setAppElement } from './Modal';
53
+ export type { ModalProps, ModalActionProps } from './Modal';
54
+ export { SimpleTable } from './SimpleTable';
55
+ export type { SimpleTableProps } from './SimpleTable';
56
+ export { Toast } from './Toast';
57
+ export type { ToastProps, ToastType, ToastIconDescriptor } from './Toast';
58
+ export { ToastIcon } from './Toast';
@@ -0,0 +1,34 @@
1
+ // Legacy v3 components — deprecated, will be removed in v5.
2
+ // Import via: import { Toggle } from '@hazelcast/ui/old'
3
+ export { Tooltip } from './Tooltip';
4
+ export { Toggle } from './Toggle';
5
+ export { ToggleFormik } from './ToggleFormik';
6
+ export { Button } from './Button';
7
+ export { IconButton } from './IconButton';
8
+ export { Checkbox } from './Checkbox';
9
+ export { CheckboxFormik } from './CheckboxFormik';
10
+ export { TextField } from './TextField';
11
+ export { TextFieldFormik } from './TextFieldFormik';
12
+ export { TextArea } from './TextArea';
13
+ export { TextAreaFormik } from './TextAreaFormik';
14
+ export { NumberField } from './NumberField';
15
+ export { NumberFieldFormik } from './NumberFieldFormik';
16
+ export { PasswordField } from './PasswordField';
17
+ export { PasswordFieldFormik } from './PasswordFieldFormik';
18
+ export { SelectField } from './Select/SelectField';
19
+ export { SelectFieldFormik } from './Select/SelectFieldFormik';
20
+ export { MultiSelectField } from './Select/MultiSelectField';
21
+ export { MultiSelectFieldFormik } from './Select/MultiSelectFieldFormik';
22
+ export { CheckableSelectField } from './Select/CheckableSelectField';
23
+ export { CheckableSelectFieldFormik } from './Select/CheckableSelectFieldFormik';
24
+ export { getMenuContainer, getOptionsMap } from './Select/helpers';
25
+ export { AutocompleteField, getSelectedOptionFromValue, highlightOptionText } from './AutocompleteField';
26
+ export { AutocompleteFieldFormik } from './AutocompleteFieldFormik';
27
+ export { InteractiveListItem } from './InteractiveList';
28
+ export { InteractiveListFormik } from './InteractiveListFormik';
29
+ export { TabContext, TabContextProvider, TabContextProviderControlled, useTabContext, TabList, Tab, TabPanel } from './Tabs';
30
+ export { Modal, setAppElement } from './Modal';
31
+ export { SimpleTable } from './SimpleTable';
32
+ export { Toast } from './Toast';
33
+ export { ToastIcon } from './Toast';
34
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/old/index.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,yDAAyD;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAcjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAQlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAMpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAEhF,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAElE,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAExG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAG/D,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAY5H,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hazelcast/ui",
3
- "version": "3.0.13",
3
+ "version": "4.0.1-canary.10",
4
4
  "description": "Hazelcast design system components and utilities",
5
5
  "homepage": "https://github.com/hazelcast/hive#readme",
6
6
  "bugs": {
@@ -29,10 +29,8 @@
29
29
  "chromatic": "chromatic --project-token=CHROMATIC_PROJECT_TOKEN",
30
30
  "compile": "shx rm -f *.tsbuildinfo && shx rm -rf lib && shx mkdir lib && shx cp -r src/* lib && shx rm -rf lib/*.{tsx,ts} && shx rm -rf lib/**/*.{tsx,ts} && tsc -p tsconfig.build.json",
31
31
  "generate-screenshots": "npm run build-storybook && loki update --reactUri file:./storybook-static --chromeDockerImage 'yukinying/chrome-headless-browser-stable:110.0.5481.77' --chromeFlags='--headless --disable-gpu --hide-scrollbars --no-sandbox --allow-file-access-from-files'",
32
- "lint": "npm run lint:ts && npm run lint:css",
33
- "lint:css": "postcss --config ./.postcss-lint --replace '**/*.{css,scss}'",
34
- "lint:css:fix": "stylelint --fix '**/*.{css,scss}'",
35
- "lint:fix": "npm run lint:ts:fix && npm run lint:css:fix",
32
+ "lint": "npm run lint:ts",
33
+ "lint:fix": "npm run lint:ts:fix",
36
34
  "lint:ts": "eslint .",
37
35
  "lint:ts:fix": "npm run lint:ts --fix",
38
36
  "prepack": "npm run compile",
@@ -51,6 +49,8 @@
51
49
  "@floating-ui/react": "^0.26.28",
52
50
  "@headlessui/react": "^2.2.0",
53
51
  "@icons-pack/react-simple-icons": "^12.0.0",
52
+ "@radix-ui/react-toast": "^1.2.17",
53
+ "@radix-ui/react-tooltip": "^1.2.8",
54
54
  "@tanstack/react-table": "^8.21.2",
55
55
  "@types/react-modal": "3.16.3",
56
56
  "classnames": "^2.5.1",
@@ -106,7 +106,6 @@
106
106
  "babel-jest": "^29.7.0",
107
107
  "chromatic": "^6.24.1",
108
108
  "css-loader": "^7.1.2",
109
- "doctoc": "^2.2.1",
110
109
  "doiuse": "^6.0.5",
111
110
  "eslint": "^9.20.1",
112
111
  "eslint-config-prettier": "^10.0.1",
@@ -137,11 +136,6 @@
137
136
  "shx": "^0.3.4",
138
137
  "storybook": "^8.6.3",
139
138
  "style-loader": "^4.0.0",
140
- "stylelint": "^16.9.0",
141
- "stylelint-config-standard": "^36.0.1",
142
- "stylelint-config-standard-scss": "^13.1.0",
143
- "stylelint-prettier": "^5.0.2",
144
- "stylelint-scss": "^6.7.0",
145
139
  "typescript": "^5.7.3",
146
140
  "typescript-eslint": "^8.24.0"
147
141
  },
@@ -52,3 +52,21 @@ $colorBrandOcean: #0080a9 !default;
52
52
  $colorBrandRaspberry: #c91268 !default;
53
53
  $colorBrandCarrot: #f5911e !default;
54
54
  $colorBrandBlueberry: #0019fe !default;
55
+
56
+ // ─── HIVE 4.0 colors (opt-in, OKLCH) ──────────────────────────────
57
+ // Each token mirrors a HIVE 3.0 variable above with a `V4` suffix and
58
+ // the OKLCH value from the HIVE 4.0 Figma palette.
59
+
60
+ $colorPrimaryV4: oklch(0.77 0.14 175) !default; // #00d4aa
61
+ $colorNeutralWhiteV4: oklch(1 0 0) !default; // #fff
62
+ $colorNeutralV4: oklch(0.89 0 0) !default; // #dedede
63
+ $colorNeutralLighterV4: oklch(0.99 0 0) !default; // #fafafa
64
+ $colorSuccessV4: oklch(0.84 0.06 151) !default; // #a9d6b9
65
+ $colorInfoV4: oklch(0.78 0.06 250) !default; // #a6bfd9
66
+ $colorWarningV4: oklch(0.87 0.09 95) !default; // #e6d699
67
+ $colorErrorV4: oklch(0.55 0.21 27) !default; // #df2225
68
+ $colorTextV4: oklch(0.33 0.002 17) !default; // #3b3a3a
69
+ $colorTextSecondaryV4: oklch(0.42 0.002 17) !default; // #575555
70
+ $colorTextSubduedV4: $colorTextSecondaryV4 !default;
71
+ $colorBrandV4: oklch(0.77 0.14 175) !default; // #00d4aa
72
+ $colorBrandPrimaryV4: oklch(0.95 0.22 124) !default; // #c6ff3a
@@ -0,0 +1,162 @@
1
+ /**
2
+ * Hive design tokens as CSS custom properties.
3
+ * This is the v4 replacement for styles/constants/*.scss.
4
+ *
5
+ * Apply to :root or a theme wrapper element.
6
+ */
7
+
8
+ :root {
9
+ /* ─── Colors ─────────────────────────────────────────────────── */
10
+
11
+ --hive-color-primary-light: #2d7de4;
12
+ --hive-color-primary: #2160c0;
13
+ --hive-color-primary-dark: #003b87;
14
+ --hive-color-neutral-white: #fff;
15
+ --hive-color-neutral-gray: #e9f0f9;
16
+ --hive-color-neutral-gray-darker: #ccdff5;
17
+ --hive-color-neutral: #dbdbdb;
18
+ --hive-color-neutral-light: #b7c1cb;
19
+ --hive-color-neutral-lighter: #fafafa;
20
+ --hive-color-success: #85da66;
21
+ --hive-color-success-light: #d5f0d1;
22
+ --hive-color-success-dark: #64d03c;
23
+ --hive-color-success-darkest: #3b7044;
24
+ --hive-color-info: #76e7e7;
25
+ --hive-color-info-light: #d0f4f8;
26
+ --hive-color-info-dark: #4adfdf;
27
+ --hive-color-info-darkest: #006585;
28
+ --hive-color-warning: #ffec44;
29
+ --hive-color-warning-light: #f9f6c7;
30
+ --hive-color-warning-dark: #f6dd00;
31
+ --hive-color-warning-darkest: #8b5d00;
32
+ --hive-color-error: #dc084b;
33
+ --hive-color-error-light: #efb1c9;
34
+ --hive-color-error-dark: #8f001d;
35
+ --hive-color-text: #061827;
36
+ --hive-color-text-secondary: #707482;
37
+ --hive-color-text-subdued: #707482;
38
+ --hive-color-overlay-background: #f0f6ff;
39
+ --hive-color-accessibility-outline: #74f;
40
+ --hive-color-shadow: #dbdbdb;
41
+ --hive-color-brand: #00bac6;
42
+ --hive-color-brand-text: #10a4b3;
43
+ --hive-color-brand-primary: #c6ff3a;
44
+ --hive-color-brand-secondary: #061727;
45
+ --hive-color-brand-accent: #122d45;
46
+ --hive-color-brand-ocean: #0080a9;
47
+ --hive-color-brand-raspberry: #c91268;
48
+ --hive-color-brand-carrot: #f5911e;
49
+ --hive-color-brand-blueberry: #0019fe;
50
+ --hive-color-auth-secondary: #0b2b39;
51
+
52
+ /* ─── HIVE 4.0 colors (opt-in, OKLCH) ─────────────────────────── */
53
+ /* Mirror of $color*V4 Sass tokens in styles/constants/_colors.scss */
54
+
55
+ --hive-color-primary-v4: oklch(0.77 0.14 175);
56
+ --hive-color-neutral-white-v4: oklch(1 0 0);
57
+ --hive-color-neutral-v4: oklch(0.89 0 0);
58
+ --hive-color-neutral-lighter-v4: oklch(0.99 0 0);
59
+ --hive-color-success-v4: oklch(0.84 0.06 151);
60
+ --hive-color-info-v4: oklch(0.78 0.06 250);
61
+ --hive-color-warning-v4: oklch(0.87 0.09 95);
62
+ --hive-color-error-v4: oklch(0.55 0.21 27);
63
+ --hive-color-text-v4: oklch(0.33 0.002 17);
64
+ --hive-color-text-secondary-v4: oklch(0.42 0.002 17);
65
+ --hive-color-text-subdued-v4: oklch(0.42 0.002 17);
66
+ --hive-color-brand-v4: oklch(0.77 0.14 175);
67
+ --hive-color-brand-primary-v4: oklch(0.95 0.22 124);
68
+ --hive-color-secondary-v4: oklch(0.92 0 0);
69
+ --hive-color-border-v4: oklch(0.81 0 0);
70
+ --hive-color-surface-hover-v4: oklch(0.97 0 0);
71
+ --hive-color-surface-active-v4: oklch(0.94 0 0);
72
+ --hive-color-link-v4: oklch(0.6 0.21 264);
73
+ --hive-shadow-button-v4: 0 1px 3px oklch(0 0 0 / 0.1), 0 1px 2px oklch(0 0 0 / 0.1);
74
+
75
+ /* ─── Spacing ─────────────────────────────────────────────────── */
76
+ /* Base grid unit: 4px = 0.25rem */
77
+
78
+ --hive-grid: 0.25rem;
79
+
80
+ /* ─── Borders ─────────────────────────────────────────────────── */
81
+
82
+ --hive-border-width: 1px;
83
+ --hive-border-width-button: 1px;
84
+ --hive-outline-width: 2px;
85
+ --hive-border-radius: 0.5rem; /* $grid * 2 */
86
+ --hive-border-radius-button-small: 1.25rem; /* $grid * 5 */
87
+ --hive-border-radius-toast: 37px;
88
+ --hive-border-radius-badge: 37px;
89
+ --hive-border-radius-time-field: 3px;
90
+ --hive-border-radius-notification: 3px;
91
+ --hive-border-radius-pill: 9999px;
92
+
93
+ /* ─── Icons ───────────────────────────────────────────────────── */
94
+
95
+ --hive-icon-stroke-width: 1.5px;
96
+ --hive-icon-stroke-width-bold: 3px;
97
+ --hive-icon-size-small: 1rem; /* $grid * 4 */
98
+ --hive-icon-size-small-medium: 1.25rem; /* $grid * 5 */
99
+ --hive-icon-size-medium: 1.5rem; /* $grid * 6 */
100
+ --hive-icon-size-large: 2.5rem; /* $grid * 10 */
101
+ --hive-icon-size-xlarge: 3rem; /* $grid * 12 */
102
+
103
+ /* ─── Component sizes ─────────────────────────────────────────── */
104
+
105
+ --hive-tooltip-max-width: 550px;
106
+ --hive-tooltip-arrow-size: 6px;
107
+ --hive-input-height: 2.5rem; /* $grid * 10 */
108
+ --hive-input-height-small: 1.875rem; /* $grid * 7.5 */
109
+ --hive-input-height-large: 3.25rem; /* $grid * 13 */
110
+ --hive-alert-width: 350px;
111
+ --hive-button-max-width: 370px;
112
+ --hive-toast-max-width: 580px;
113
+ --hive-overlay-content-max-width: 1000px;
114
+ --hive-modal-width: 75%;
115
+ --hive-modal-min-width: 480px;
116
+ --hive-modal-max-width: 960px;
117
+ --hive-modal-max-height: 75%;
118
+ --hive-dialog-width: 400px;
119
+ --hive-dialog-min-height: 200px;
120
+ --hive-table-column-min-width: 60px;
121
+ --hive-table-column-width: 170px;
122
+ --hive-table-column-max-width: 600px;
123
+
124
+ /* ─── Typography ──────────────────────────────────────────────── */
125
+
126
+ --hive-font-family-heading: 'PP Telegraf', 'Helvetica', 'Arial', sans-serif;
127
+ --hive-font-family-text: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
128
+ --hive-font-weight-heading-regular: 400;
129
+ --hive-font-weight-heading-bold: 500;
130
+ --hive-font-weight-text-regular: 400;
131
+ --hive-font-weight-text-medium: 500;
132
+ --hive-font-weight-text-bold: 600;
133
+ --hive-font-size-h1-hero: 2.875rem;
134
+ --hive-font-size-h1: 2.125rem;
135
+ --hive-font-size-h2: 1.625rem;
136
+ --hive-font-size-h3: 1.25rem;
137
+ --hive-font-size-button: 1rem;
138
+ --hive-font-size-button-small: 0.875rem;
139
+ --hive-font-size-body-normal: 1rem;
140
+ --hive-font-size-body-small: 0.875rem;
141
+ --hive-font-size-body-smaller: 0.75rem;
142
+ --hive-font-size-body-tiny: 0.625rem;
143
+ --hive-letter-spacing-h1-hero: 0.25px;
144
+ --hive-letter-spacing-h1: 0.25px;
145
+ --hive-letter-spacing-h2: 0.25px;
146
+ --hive-letter-spacing-h3: 0.25px;
147
+ --hive-letter-spacing-button: 1.25px;
148
+ --hive-letter-spacing-button-small: 0.25px;
149
+ --hive-letter-spacing-body-normal: 0.25px;
150
+ --hive-letter-spacing-body-small: 0.5px;
151
+ --hive-letter-spacing-body-smaller: normal;
152
+ --hive-letter-spacing-body-tiny: normal;
153
+ --hive-line-height-h1-hero: normal;
154
+ --hive-line-height-h1: normal;
155
+ --hive-line-height-h2: normal;
156
+ --hive-line-height-h3: normal;
157
+ --hive-line-height-button: normal;
158
+ --hive-line-height-body-normal: 1.4;
159
+ --hive-line-height-body-small: normal;
160
+ --hive-line-height-body-smaller: normal;
161
+ --hive-line-height-body-tiny: normal;
162
+ }
@@ -1,3 +0,0 @@
1
- .tabList {
2
- display: flex;
3
- }
@@ -1,7 +0,0 @@
1
- .tabPanel {
2
- visibility: visible;
3
-
4
- .hidden {
5
- visibility: hidden;
6
- }
7
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAoB,CAAC,EAAE,MAAM,eAAe,CAAA;AAClG,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAGzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AASxC,MAAM,CAAC,MAAM,SAAS,GAAgD;IACpE,OAAO,EAAE;QACP,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,mBAAmB;KAC/B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,kBAAkB;KAC9B;IACD,OAAO,EAAE;QACP,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,uBAAuB;KACnC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,2BAA2B;KACvC;CACF,CAAA;AAUD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,IAAI,EACJ,OAAO,EACP,mBAAmB,GAAG,IAAI,EAC1B,UAAU,EACV,SAAS,EACT,WAAW,EAAE,QAAQ,GAAG,OAAO,GAChC,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IAE3C,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,WAA0B,EAAE,EAAE;QAC7B,IAAI,mBAAmB,EAAE,CAAC;YACxB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAA;YACd,WAAW,CAAC,wBAAwB,EAAE,CAAA;QACxC,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAClC,CAAA;IAED,MAAM,CAAC,qBAAqB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAEzG,OAAO,CACL,0CACa,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,KAAK,EACZ;YACE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;YAC9B,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,UAAU;SACvC,EACD,SAAS,CACV;QAED,oBAAC,IAAI,iBAAY,GAAG,QAAQ,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;QACjG,0CAAgB,GAAG,QAAQ,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAC7D,OAAO,CACJ;QACL,UAAU,IAAI,CACb,oBAAC,UAAU,iBACE,GAAG,QAAQ,QAAQ,EAC9B,IAAI,EAAC,aAAa,EAClB,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,SAAS,EAAC,YAAY,EACtB,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,UAAU,GACnB,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAA"}
File without changes