@cube-dev/ui-kit 0.63.3 → 0.64.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 (476) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/es/_internal/hooks/index.js +1 -1
  3. package/es/_internal/hooks/use-chained-callback.js +1 -1
  4. package/es/_internal/hooks/use-debounced-value.js +1 -1
  5. package/es/_internal/hooks/use-deprecation-warning.js +1 -1
  6. package/es/_internal/hooks/use-effect-once.js +1 -1
  7. package/es/_internal/hooks/use-event.js +1 -1
  8. package/es/_internal/hooks/use-is-first-render.js +1 -1
  9. package/es/_internal/hooks/use-sync-ref.js +1 -1
  10. package/es/_internal/hooks/use-timer/index.js +1 -1
  11. package/es/_internal/hooks/use-timer/timer.js +1 -1
  12. package/es/_internal/hooks/use-timer/use-timer.js +1 -1
  13. package/es/_internal/hooks/use-update-effect.js +1 -1
  14. package/es/_internal/hooks/use-warn.js +1 -1
  15. package/es/_internal/index.js +1 -1
  16. package/es/components/Block.js +1 -1
  17. package/es/components/GlobalStyles.js +1 -1
  18. package/es/components/GridProvider.js +1 -1
  19. package/es/components/HiddenInput.js +1 -1
  20. package/es/components/OpenTrasition.js +1 -1
  21. package/es/components/Root.js +1 -1
  22. package/es/components/actions/Action/Action.js +1 -1
  23. package/es/components/actions/Button/Button.js +1 -1
  24. package/es/components/actions/Button/index.js +1 -1
  25. package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  26. package/es/components/actions/index.js +1 -1
  27. package/es/components/actions/use-action.js +1 -1
  28. package/es/components/content/ActiveZone/ActiveZone.js +1 -1
  29. package/es/components/content/Alert/Alert.js +1 -1
  30. package/es/components/content/Alert/index.js +1 -1
  31. package/es/components/content/Alert/types.js +1 -1
  32. package/es/components/content/Alert/use-alert.js +1 -1
  33. package/es/components/content/Avatar/Avatar.js +1 -1
  34. package/es/components/content/Badge/Badge.js +1 -1
  35. package/es/components/content/Card/Card.js +1 -1
  36. package/es/components/content/Content.js +1 -1
  37. package/es/components/content/CopyPasteBlock/CopyPasteBlock.js +1 -1
  38. package/es/components/content/CopyPasteBlock/index.js +1 -1
  39. package/es/components/content/CopySnippet/CopySnippet.js +1 -1
  40. package/es/components/content/CopySnippet/index.js +1 -1
  41. package/es/components/content/Divider.js +1 -1
  42. package/es/components/content/Footer.js +1 -1
  43. package/es/components/content/Header.js +1 -1
  44. package/es/components/content/Paragraph.js +1 -1
  45. package/es/components/content/Placeholder/Placeholder.js +1 -1
  46. package/es/components/content/PrismCode/PrismCode.js +1 -1
  47. package/es/components/content/PrismCode/prismSetup.js +1 -1
  48. package/es/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
  49. package/es/components/content/Result/Result.js +1 -1
  50. package/es/components/content/Skeleton/Skeleton.js +1 -1
  51. package/es/components/content/Tag/Tag.js +1 -1
  52. package/es/components/content/Text.js +1 -1
  53. package/es/components/content/Title.js +1 -1
  54. package/es/components/fields/Checkbox/Checkbox.js +1 -1
  55. package/es/components/fields/Checkbox/CheckboxGroup.js +1 -1
  56. package/es/components/fields/Checkbox/context.js +1 -1
  57. package/es/components/fields/Checkbox/index.js +1 -1
  58. package/es/components/fields/ComboBox/ComboBox.js +1 -1
  59. package/es/components/fields/ComboBox/index.js +1 -1
  60. package/es/components/fields/DatePicker/DateInput.js +1 -1
  61. package/es/components/fields/DatePicker/DateInputBase.js +1 -1
  62. package/es/components/fields/DatePicker/DatePicker.js +1 -1
  63. package/es/components/fields/DatePicker/DatePickerButton.js +1 -1
  64. package/es/components/fields/DatePicker/DatePickerElement.js +1 -1
  65. package/es/components/fields/DatePicker/DatePickerInput.js +1 -1
  66. package/es/components/fields/DatePicker/DatePickerSegment.js +1 -1
  67. package/es/components/fields/DatePicker/DateRangePicker.js +1 -1
  68. package/es/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
  69. package/es/components/fields/DatePicker/TimeInput.js +1 -1
  70. package/es/components/fields/DatePicker/index.js +1 -1
  71. package/es/components/fields/DatePicker/intl.js +1 -1
  72. package/es/components/fields/DatePicker/parseDate.js +1 -1
  73. package/es/components/fields/DatePicker/props.js +1 -1
  74. package/es/components/fields/DatePicker/types.js +1 -1
  75. package/es/components/fields/DatePicker/utils.js +1 -1
  76. package/es/components/fields/FileInput/FileInput.js +1 -1
  77. package/es/components/fields/Input/Input.js +1 -1
  78. package/es/components/fields/Input/index.js +1 -1
  79. package/es/components/fields/ListBox/ListBox.js +494 -0
  80. package/es/components/fields/ListBox/index.js +10 -0
  81. package/es/components/fields/NumberInput/NumberInput.js +1 -1
  82. package/es/components/fields/NumberInput/StepButton.js +1 -1
  83. package/es/components/fields/PasswordInput/PasswordInput.js +1 -1
  84. package/es/components/fields/RadioGroup/Radio.js +1 -1
  85. package/es/components/fields/RadioGroup/RadioGroup.js +1 -1
  86. package/es/components/fields/RadioGroup/context.js +1 -1
  87. package/es/components/fields/RadioGroup/index.js +1 -1
  88. package/es/components/fields/SearchInput/SearchInput.js +1 -1
  89. package/es/components/fields/SearchInput/index.js +1 -1
  90. package/es/components/fields/Select/Select.js +9 -10
  91. package/es/components/fields/Select/index.js +1 -1
  92. package/es/components/fields/Slider/Gradation.js +1 -1
  93. package/es/components/fields/Slider/Header.js +1 -1
  94. package/es/components/fields/Slider/RangeSlider.js +1 -1
  95. package/es/components/fields/Slider/Slider.js +1 -1
  96. package/es/components/fields/Slider/SliderBase.js +1 -1
  97. package/es/components/fields/Slider/SliderInput.js +1 -1
  98. package/es/components/fields/Slider/SliderThumb.js +1 -1
  99. package/es/components/fields/Slider/SliderTrack.js +1 -1
  100. package/es/components/fields/Slider/elements.js +1 -1
  101. package/es/components/fields/Slider/index.js +1 -1
  102. package/es/components/fields/Slider/types.js +1 -1
  103. package/es/components/fields/Switch/Switch.js +1 -1
  104. package/es/components/fields/Switch/index.js +1 -1
  105. package/es/components/fields/TextArea/TextArea.js +1 -1
  106. package/es/components/fields/TextArea/index.js +1 -1
  107. package/es/components/fields/TextInput/TextInput.js +1 -1
  108. package/es/components/fields/TextInput/TextInputBase.js +1 -1
  109. package/es/components/fields/TextInput/index.js +1 -1
  110. package/es/components/fields/TextInputMapper/TextInputMapper.js +1 -1
  111. package/es/components/fields/TextInputMapper/index.js +1 -1
  112. package/es/components/fields/index.js +2 -1
  113. package/es/components/form/FieldWrapper/FieldWrapper.js +30 -5
  114. package/es/components/form/FieldWrapper/extract-field-wrapper-props.js +2 -1
  115. package/es/components/form/FieldWrapper/index.js +1 -1
  116. package/es/components/form/FieldWrapper/types.js +1 -1
  117. package/es/components/form/Form/Field.js +10 -4
  118. package/es/components/form/Form/Form.js +1 -1
  119. package/es/components/form/Form/ResetButton/ResetButton.js +1 -1
  120. package/es/components/form/Form/ResetButton/index.js +1 -1
  121. package/es/components/form/Form/SubmitButton/SubmitButton.js +1 -1
  122. package/es/components/form/Form/SubmitButton/index.js +1 -1
  123. package/es/components/form/Form/SubmitError.js +1 -1
  124. package/es/components/form/Form/index.js +1 -1
  125. package/es/components/form/Form/types.js +1 -1
  126. package/es/components/form/Form/use-field/index.js +1 -1
  127. package/es/components/form/Form/use-field/types.js +1 -1
  128. package/es/components/form/Form/use-field/use-field-props.js +8 -1
  129. package/es/components/form/Form/use-field/use-field.js +11 -2
  130. package/es/components/form/Form/use-form.js +1 -1
  131. package/es/components/form/Form/validation.js +1 -1
  132. package/es/components/form/Label.js +1 -1
  133. package/es/components/form/index.js +1 -1
  134. package/es/components/form/wrapper.js +3 -2
  135. package/es/components/layout/Flex.js +1 -1
  136. package/es/components/layout/Flow.js +1 -1
  137. package/es/components/layout/Grid.js +1 -1
  138. package/es/components/layout/Panel.js +1 -1
  139. package/es/components/layout/Prefix.js +1 -1
  140. package/es/components/layout/ResizablePanel.js +1 -1
  141. package/es/components/layout/Space.js +1 -1
  142. package/es/components/layout/Suffix.js +1 -1
  143. package/es/components/navigation/LegacyTabs/LegacyTabs.js +1 -1
  144. package/es/components/navigation/Link/Link.js +1 -1
  145. package/es/components/organisms/FileTabs/FileTabs.js +1 -1
  146. package/es/components/organisms/Modal/Modal.js +1 -1
  147. package/es/components/organisms/StatsCard/StatsCard.js +1 -1
  148. package/es/components/other/Base64Upload/Base64Upload.js +1 -1
  149. package/es/components/other/Calendar/Calendar.js +1 -1
  150. package/es/components/other/Calendar/CalendarCell.js +1 -1
  151. package/es/components/other/Calendar/CalendarGrid.js +1 -1
  152. package/es/components/other/Calendar/RangeCalendar.js +1 -1
  153. package/es/components/other/CloudLogo/CloudLogo.js +1 -1
  154. package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
  155. package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  156. package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  157. package/es/components/overlays/AlertDialog/index.js +1 -1
  158. package/es/components/overlays/AlertDialog/types.js +1 -1
  159. package/es/components/overlays/Dialog/Dialog.js +1 -1
  160. package/es/components/overlays/Dialog/DialogContainer.js +1 -1
  161. package/es/components/overlays/Dialog/DialogForm.js +1 -1
  162. package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
  163. package/es/components/overlays/Dialog/context.js +1 -1
  164. package/es/components/overlays/Dialog/dialog-container.js +1 -1
  165. package/es/components/overlays/Dialog/index.js +1 -1
  166. package/es/components/overlays/Modal/Modal.js +1 -1
  167. package/es/components/overlays/Modal/OpenTransition.js +1 -1
  168. package/es/components/overlays/Modal/Overlay.js +1 -1
  169. package/es/components/overlays/Modal/Popover.js +1 -1
  170. package/es/components/overlays/Modal/Tray.js +1 -1
  171. package/es/components/overlays/Modal/Underlay.js +1 -1
  172. package/es/components/overlays/Modal/index.js +1 -1
  173. package/es/components/overlays/Modal/types.js +1 -1
  174. package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +1 -1
  175. package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +1 -1
  176. package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +1 -1
  177. package/es/components/overlays/NewNotifications/Bar/index.js +1 -1
  178. package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +1 -1
  179. package/es/components/overlays/NewNotifications/Dialog/index.js +1 -1
  180. package/es/components/overlays/NewNotifications/Notification.js +1 -1
  181. package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +1 -1
  182. package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +1 -1
  183. package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +1 -1
  184. package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +1 -1
  185. package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +1 -1
  186. package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +1 -1
  187. package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
  188. package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +1 -1
  189. package/es/components/overlays/NewNotifications/NotificationView/index.js +1 -1
  190. package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
  191. package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +1 -1
  192. package/es/components/overlays/NewNotifications/NotificationsContext/index.js +1 -1
  193. package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +1 -1
  194. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +1 -1
  195. package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +1 -1
  196. package/es/components/overlays/NewNotifications/NotificationsList/index.js +1 -1
  197. package/es/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
  198. package/es/components/overlays/NewNotifications/hooks/index.js +1 -1
  199. package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
  200. package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
  201. package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +1 -1
  202. package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
  203. package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +1 -1
  204. package/es/components/overlays/NewNotifications/index.js +1 -1
  205. package/es/components/overlays/NewNotifications/types.js +1 -1
  206. package/es/components/overlays/Notification/Notification.js +1 -1
  207. package/es/components/overlays/OverlayWrapper.js +1 -1
  208. package/es/components/overlays/Toasts/Toast.js +1 -1
  209. package/es/components/overlays/Toasts/index.js +1 -1
  210. package/es/components/overlays/Toasts/types.js +1 -1
  211. package/es/components/overlays/Toasts/use-toasts-api.js +1 -1
  212. package/es/components/overlays/Tooltip/Tooltip.js +1 -1
  213. package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
  214. package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  215. package/es/components/overlays/Tooltip/context.js +1 -1
  216. package/es/components/overlays/Tooltip/index.js +1 -1
  217. package/es/components/pickers/Menu/Menu.js +34 -23
  218. package/es/components/pickers/Menu/MenuButton.js +12 -32
  219. package/es/components/pickers/Menu/MenuItem.js +8 -12
  220. package/es/components/pickers/Menu/MenuSection.js +1 -1
  221. package/es/components/pickers/Menu/MenuTrigger.js +1 -1
  222. package/es/components/pickers/Menu/context.js +1 -1
  223. package/es/components/pickers/Menu/styled.js +1 -1
  224. package/es/components/portal/Portal.js +1 -1
  225. package/es/components/portal/PortalProvider.js +1 -1
  226. package/es/components/portal/index.js +1 -1
  227. package/es/components/portal/storybook/templates/CustomRoot.js +1 -1
  228. package/es/components/portal/storybook/templates/PortalOrder.js +1 -1
  229. package/es/components/portal/storybook/templates/basic.js +1 -1
  230. package/es/components/portal/storybook/templates/index.js +1 -1
  231. package/es/components/portal/types.js +1 -1
  232. package/es/components/portal/usePortal.js +1 -1
  233. package/es/components/shared/InvalidIcon.js +1 -1
  234. package/es/components/shared/ValidIcon.js +1 -1
  235. package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  236. package/es/components/status/LoadingAnimation/index.js +1 -1
  237. package/es/components/status/Spin/Cube.js +1 -1
  238. package/es/components/status/Spin/InternalSpinner.js +1 -1
  239. package/es/components/status/Spin/Spin.js +1 -1
  240. package/es/components/status/Spin/SpinsContainer.js +1 -1
  241. package/es/components/status/Spin/index.js +1 -1
  242. package/es/components/status/Spin/types.js +1 -1
  243. package/es/components/status/index.js +1 -1
  244. package/es/data/themes.js +1 -1
  245. package/es/icons/AdjustmentsHorizontalIcon.js +1 -1
  246. package/es/icons/AdjustmentsIcon.js +1 -1
  247. package/es/icons/AiIcon.js +1 -1
  248. package/es/icons/AreaChartIcon.js +1 -1
  249. package/es/icons/BackwardIcon.js +1 -1
  250. package/es/icons/BarChartIcon.js +1 -1
  251. package/es/icons/BellFilledIcon.js +1 -1
  252. package/es/icons/BellIcon.js +1 -1
  253. package/es/icons/BooleanIcon.js +1 -1
  254. package/es/icons/CalendarEditIcon.js +1 -1
  255. package/es/icons/CalendarIcon.js +1 -1
  256. package/es/icons/CaretDownIcon.js +1 -1
  257. package/es/icons/CaretUpIcon.js +1 -1
  258. package/es/icons/ChartBarGroupedHorizontalIcon.js +12 -0
  259. package/es/icons/ChartBarGroupedIcon.js +1 -1
  260. package/es/icons/ChartBarHorizontalIcon.js +12 -0
  261. package/es/icons/ChartBarLineIcon.js +1 -1
  262. package/es/icons/ChartBarStackedHorizontalIcon.js +12 -0
  263. package/es/icons/ChartBarStackedIcon.js +1 -1
  264. package/es/icons/ChartBarStackedPercentageHorizontalIcon.js +12 -0
  265. package/es/icons/ChartBarStackedPercentageIcon.js +1 -1
  266. package/es/icons/ChartBoxPlot2Icon.js +1 -1
  267. package/es/icons/ChartBoxPlotIcon.js +1 -1
  268. package/es/icons/ChartBubbleIcon.js +1 -1
  269. package/es/icons/ChartDonut2Icon.js +1 -1
  270. package/es/icons/ChartPie2Icon.js +1 -1
  271. package/es/icons/ChartScatterIcon.js +1 -1
  272. package/es/icons/CheckCircleFilledIcon.js +1 -1
  273. package/es/icons/CheckCircleIcon.js +1 -1
  274. package/es/icons/CheckIcon.js +1 -1
  275. package/es/icons/CircleFilledIcon.js +1 -1
  276. package/es/icons/ClearIcon.js +1 -1
  277. package/es/icons/CloseCircleFilledIcon.js +1 -1
  278. package/es/icons/CloseCircleIcon.js +1 -1
  279. package/es/icons/CloseIcon.js +1 -1
  280. package/es/icons/CodeIcon.js +1 -1
  281. package/es/icons/CopyIcon.js +1 -1
  282. package/es/icons/CountIcon.js +1 -1
  283. package/es/icons/CubeIcon.js +1 -1
  284. package/es/icons/DangerIcon.js +1 -1
  285. package/es/icons/DashboardIcon.js +1 -1
  286. package/es/icons/DatabaseIcon.js +1 -1
  287. package/es/icons/DirectionIcon.js +1 -1
  288. package/es/icons/DonutIcon.js +1 -1
  289. package/es/icons/DownIcon.js +1 -1
  290. package/es/icons/EditIcon.js +1 -1
  291. package/es/icons/ExclamationCircleFilledIcon.js +1 -1
  292. package/es/icons/ExclamationCircleIcon.js +1 -1
  293. package/es/icons/ExclamationIcon.js +1 -1
  294. package/es/icons/EyeIcon.js +1 -1
  295. package/es/icons/EyeInvisibleIcon.js +1 -1
  296. package/es/icons/FilterIcon.js +1 -1
  297. package/es/icons/FolderFilledIcon.js +1 -1
  298. package/es/icons/FolderIcon.js +1 -1
  299. package/es/icons/FolderOpenFilledIcon.js +1 -1
  300. package/es/icons/FolderOpenIcon.js +1 -1
  301. package/es/icons/ForwardIcon.js +1 -1
  302. package/es/icons/HierarchyIcon.js +1 -1
  303. package/es/icons/Icon.js +1 -1
  304. package/es/icons/InfoCircleIcon.js +1 -1
  305. package/es/icons/InfoIcon.js +1 -1
  306. package/es/icons/KeyIcon.js +1 -1
  307. package/es/icons/LeftIcon.js +1 -1
  308. package/es/icons/LineChartIcon.js +1 -1
  309. package/es/icons/LoadingIcon.js +1 -1
  310. package/es/icons/LockFilledIcon.js +1 -1
  311. package/es/icons/LockIcon.js +1 -1
  312. package/es/icons/MoreIcon.js +1 -1
  313. package/es/icons/NotAllowedIcon.js +1 -1
  314. package/es/icons/NumberIcon.js +1 -1
  315. package/es/icons/PauseCircleFilledIcon.js +1 -1
  316. package/es/icons/PauseCircleIcon.js +1 -1
  317. package/es/icons/PauseIcon.js +1 -1
  318. package/es/icons/PieChartIcon.js +1 -1
  319. package/es/icons/PlayCircleIcon.js +1 -1
  320. package/es/icons/PlayIcon.js +1 -1
  321. package/es/icons/PlusIcon.js +1 -1
  322. package/es/icons/ReloadIcon.js +1 -1
  323. package/es/icons/ReportIcon.js +1 -1
  324. package/es/icons/ReturnIcon.js +1 -1
  325. package/es/icons/RightIcon.js +1 -1
  326. package/es/icons/SchemeIcon.js +1 -1
  327. package/es/icons/SearchIcon.js +1 -1
  328. package/es/icons/SettingsIcon.js +1 -1
  329. package/es/icons/ShieldFilledIcon.js +1 -1
  330. package/es/icons/ShieldIcon.js +1 -1
  331. package/es/icons/SlashIcon.js +1 -1
  332. package/es/icons/SparklesIcon.js +1 -1
  333. package/es/icons/SqlIcon.js +1 -1
  334. package/es/icons/StatsIcon.js +1 -1
  335. package/es/icons/StopIcon.js +1 -1
  336. package/es/icons/StringIcon.js +1 -1
  337. package/es/icons/SwitchIcon.js +1 -1
  338. package/es/icons/TableIcon.js +1 -1
  339. package/es/icons/ThumbsDownIcon.js +1 -1
  340. package/es/icons/ThumbsUpIcon.js +1 -1
  341. package/es/icons/ThunderboltCrossedIcon.js +1 -1
  342. package/es/icons/ThunderboltFilledIcon.js +1 -1
  343. package/es/icons/ThunderboltIcon.js +1 -1
  344. package/es/icons/TimeIcon.js +1 -1
  345. package/es/icons/UnlockIcon.js +1 -1
  346. package/es/icons/UpIcon.js +1 -1
  347. package/es/icons/UserGroupIcon.js +1 -1
  348. package/es/icons/UserIcon.js +1 -1
  349. package/es/icons/UserLockIcon.js +1 -1
  350. package/es/icons/ViewIcon.js +1 -1
  351. package/es/icons/WarningFilledIcon.js +1 -1
  352. package/es/icons/WarningIcon.js +1 -1
  353. package/es/icons/add-new-icon.js +1 -1
  354. package/es/icons/index.js +5 -1
  355. package/es/icons/wrap-icon.js +1 -1
  356. package/es/index.js +2 -1
  357. package/es/provider.js +1 -1
  358. package/es/providers/TrackingProvider.js +1 -1
  359. package/es/services/notification.js +1 -1
  360. package/es/shared/form.js +1 -1
  361. package/es/shared/index.js +1 -1
  362. package/es/stories/Form.legacy-stories.js +1 -1
  363. package/es/stories/FormFieldArgs.js +1 -1
  364. package/es/stories/Layout.stories.js +1 -1
  365. package/es/stories/Tasty.stories.js +1 -1
  366. package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
  367. package/es/stories/components/DialogFormApp.js +1 -1
  368. package/es/stories/components/StyledButton.js +1 -1
  369. package/es/stories/lists/baseProps.js +1 -1
  370. package/es/tasty/index.js +1 -1
  371. package/es/tasty/providers/BreakpointsProvider.js +1 -1
  372. package/es/tasty/styles/align.js +1 -1
  373. package/es/tasty/styles/border.js +1 -1
  374. package/es/tasty/styles/boxShadow.combinator.js +1 -1
  375. package/es/tasty/styles/color.js +1 -1
  376. package/es/tasty/styles/createStyle.js +1 -1
  377. package/es/tasty/styles/dimension.js +1 -1
  378. package/es/tasty/styles/display.js +1 -1
  379. package/es/tasty/styles/fade.js +1 -1
  380. package/es/tasty/styles/fill.js +1 -1
  381. package/es/tasty/styles/flow.js +1 -1
  382. package/es/tasty/styles/font.js +1 -1
  383. package/es/tasty/styles/fontStyle.js +1 -1
  384. package/es/tasty/styles/gap.js +1 -1
  385. package/es/tasty/styles/groupRadius.js +1 -1
  386. package/es/tasty/styles/height.js +1 -1
  387. package/es/tasty/styles/index.js +1 -1
  388. package/es/tasty/styles/inset.js +1 -1
  389. package/es/tasty/styles/justify.js +1 -1
  390. package/es/tasty/styles/list.js +1 -1
  391. package/es/tasty/styles/margin.js +1 -1
  392. package/es/tasty/styles/marginBlock.js +1 -1
  393. package/es/tasty/styles/marginInline.js +1 -1
  394. package/es/tasty/styles/outline.js +1 -1
  395. package/es/tasty/styles/padding.js +1 -1
  396. package/es/tasty/styles/paddingBlock.js +1 -1
  397. package/es/tasty/styles/paddingInline.js +1 -1
  398. package/es/tasty/styles/place.js +1 -1
  399. package/es/tasty/styles/predefined.js +1 -1
  400. package/es/tasty/styles/preset.js +1 -1
  401. package/es/tasty/styles/radius.js +1 -1
  402. package/es/tasty/styles/reset.js +1 -1
  403. package/es/tasty/styles/scrollbar.js +1 -1
  404. package/es/tasty/styles/shadow.js +1 -1
  405. package/es/tasty/styles/styledScrollbar.js +1 -1
  406. package/es/tasty/styles/transition.js +1 -1
  407. package/es/tasty/styles/types.js +1 -1
  408. package/es/tasty/styles/width.js +1 -1
  409. package/es/tasty/tasty.js +1 -1
  410. package/es/tasty/types.js +1 -1
  411. package/es/tasty/utils/cache-wrapper.js +1 -1
  412. package/es/tasty/utils/case-converter.js +1 -1
  413. package/es/tasty/utils/colors.js +1 -1
  414. package/es/tasty/utils/dotize.js +1 -1
  415. package/es/tasty/utils/filterBaseProps.js +1 -1
  416. package/es/tasty/utils/getDisplayName.js +1 -1
  417. package/es/tasty/utils/getModCombinations.js +1 -1
  418. package/es/tasty/utils/mergeStyles.js +1 -1
  419. package/es/tasty/utils/modAttrs.js +1 -1
  420. package/es/tasty/utils/renderStyles.js +1 -1
  421. package/es/tasty/utils/responsive.js +1 -1
  422. package/es/tasty/utils/string.js +1 -1
  423. package/es/tasty/utils/styles.js +1 -1
  424. package/es/tasty/utils/warnings.js +1 -1
  425. package/es/tokens.js +1 -1
  426. package/es/type-checks.js +1 -1
  427. package/es/utils/ResizeSensor.js +1 -1
  428. package/es/utils/modules.js +1 -1
  429. package/es/utils/promise.js +1 -1
  430. package/es/utils/random.js +1 -1
  431. package/es/utils/range.js +1 -1
  432. package/es/utils/react/Slots.js +1 -1
  433. package/es/utils/react/chain.js +1 -1
  434. package/es/utils/react/index.js +1 -1
  435. package/es/utils/react/interactions.js +1 -1
  436. package/es/utils/react/isTextOnly.js +1 -1
  437. package/es/utils/react/mapProps.js +1 -1
  438. package/es/utils/react/mergeProps.js +1 -1
  439. package/es/utils/react/nullableValue.js +1 -1
  440. package/es/utils/react/useCombinedRefs.js +1 -1
  441. package/es/utils/react/useId.js +1 -1
  442. package/es/utils/react/useLayoutEffect.js +1 -1
  443. package/es/utils/react/useQaProps.js +1 -1
  444. package/es/utils/react/useViewportSize.js +1 -1
  445. package/es/utils/react/wrapNodeIfPlain.js +1 -1
  446. package/es/utils/transitions.js +1 -1
  447. package/es/utils/tree.js +1 -1
  448. package/es/utils/warnings.js +1 -1
  449. package/es/version.js +2 -2
  450. package/package.json +1 -1
  451. package/types/components/fields/Checkbox/Checkbox.d.ts +1 -4
  452. package/types/components/fields/Checkbox/CheckboxGroup.d.ts +3 -5
  453. package/types/components/fields/ComboBox/ComboBox.d.ts +2 -1
  454. package/types/components/fields/DatePicker/DateInput.d.ts +1 -1
  455. package/types/components/fields/DatePicker/DatePicker.d.ts +2 -2
  456. package/types/components/fields/DatePicker/DatePickerInput.d.ts +1 -1
  457. package/types/components/fields/DatePicker/DateRangePicker.d.ts +1 -1
  458. package/types/components/fields/DatePicker/DateRangeSeparatedPicker.d.ts +1 -1
  459. package/types/components/fields/DatePicker/TimeInput.d.ts +2 -2
  460. package/types/components/fields/ListBox/ListBox.d.ts +50 -0
  461. package/types/components/fields/ListBox/index.d.ts +2 -0
  462. package/types/components/fields/RadioGroup/Radio.d.ts +7 -188
  463. package/types/components/fields/RadioGroup/RadioGroup.d.ts +3 -5
  464. package/types/components/fields/Select/Select.d.ts +2 -2
  465. package/types/components/fields/index.d.ts +1 -0
  466. package/types/components/form/FieldWrapper/types.d.ts +6 -1
  467. package/types/components/form/Form/types.d.ts +1 -0
  468. package/types/components/form/Form/use-field/types.d.ts +16 -1
  469. package/types/components/pickers/Menu/Menu.d.ts +1 -2
  470. package/types/icons/ChartBarGroupedHorizontalIcon.d.ts +4 -0
  471. package/types/icons/ChartBarHorizontalIcon.d.ts +4 -0
  472. package/types/icons/ChartBarStackedHorizontalIcon.d.ts +4 -0
  473. package/types/icons/ChartBarStackedPercentageHorizontalIcon.d.ts +4 -0
  474. package/types/icons/index.d.ts +4 -0
  475. package/types/index.d.ts +2 -0
  476. package/types/shared/form.d.ts +15 -1
package/es/components/fields/NumberInput/StepButton.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/PasswordInput/PasswordInput.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/RadioGroup/Radio.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/RadioGroup/RadioGroup.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/RadioGroup/context.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/RadioGroup/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/SearchInput/SearchInput.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/SearchInput/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Select/Select.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -149,17 +149,16 @@ const OptionElement = tasty({
149
149
  padding: '(1x - 1px) (1.5x - 1px)',
150
150
  cursor: 'pointer',
151
151
  radius: true,
152
- fill: {
153
- '': '#dark.0',
154
- 'pressed | selected': '#purple.10',
155
- 'hovered | focused': '#dark.04',
156
- disabled: '#dark.0',
157
- },
158
152
  color: {
159
153
  '': '#dark-02',
160
- 'hovered | focused': '#dark-02',
161
- 'pressed | selected': '#purple',
162
- disabled: '#dark.3',
154
+ selected: '#dark',
155
+ disabled: '#dark-04',
156
+ },
157
+ fill: {
158
+ '': '#clear',
159
+ focused: '#dark.03',
160
+ selected: '#dark.06',
161
+ disabled: '#clear',
163
162
  },
164
163
  preset: 't3',
165
164
  transition: 'theme',
package/es/components/fields/Select/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Slider/Gradation.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Slider/Header.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Slider/RangeSlider.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Slider/Slider.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Slider/SliderBase.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Slider/SliderInput.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Slider/SliderThumb.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Slider/SliderTrack.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Slider/elements.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Slider/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Slider/types.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Switch/Switch.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/Switch/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/TextArea/TextArea.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/TextArea/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/TextInput/TextInput.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/TextInput/TextInputBase.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/TextInput/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/TextInputMapper/TextInputMapper.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/TextInputMapper/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/fields/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -19,6 +19,7 @@ export * from './Slider';
19
19
  export * from './Switch/Switch';
20
20
  export * from './Select';
21
21
  export * from './ComboBox';
22
+ export * from './ListBox';
22
23
  export * from './TextInputMapper';
23
24
 
24
25
 
package/es/components/form/FieldWrapper/FieldWrapper.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -10,7 +10,6 @@ import { forwardRef } from 'react';
10
10
  import { InfoCircleIcon } from '../../../icons/index';
11
11
  import { tasty } from '../../../tasty/index';
12
12
  import { wrapNodeIfPlain } from '../../../utils/react/index';
13
- import { Paragraph } from '../../content/Paragraph';
14
13
  import { Text } from '../../content/Text';
15
14
  import { Flex } from '../../layout/Flex';
16
15
  import { Space } from '../../layout/Space';
@@ -68,21 +67,47 @@ const MessageElement = tasty({
68
67
  userSelect: 'none',
69
68
  },
70
69
  });
70
+ const DescriptionElement = tasty({
71
+ qa: 'Field_Description',
72
+ styles: {
73
+ preset: 't4',
74
+ color: '#dark-03',
75
+ textAlign: 'left',
76
+ userSelect: 'none',
77
+ },
78
+ });
71
79
  /**
72
80
  * A wrapper for form fields to provide additional decoration for inputs.
73
81
  * @internal Do not use this component directly.
74
82
  */
75
83
  export const FieldWrapper = forwardRef(function FieldWrapper(props, ref) {
76
- const { as, labelPosition = 'top', label, extra, styles, isRequired, isDisabled, labelStyles, necessityIndicator, labelProps, fieldProps, message, messageStyles, description, Component, validationState, requiredMark = true, tooltip, isHidden, labelSuffix, children, } = props;
84
+ const { as, labelPosition = 'top', label, extra, styles, isRequired, isDisabled, labelStyles, necessityIndicator, labelProps, fieldProps, message, messageStyles, description, errorMessage, Component, validationState, requiredMark = true, tooltip, isHidden, labelSuffix, children, } = props;
77
85
  const labelComponent = label ? (_jsx(Label, { as: as === 'label' ? 'div' : 'label', styles: labelStyles, labelPosition: labelPosition, isRequired: requiredMark ? isRequired : false, isDisabled: isDisabled, necessityIndicator: necessityIndicator, validationState: validationState, "aria-label": typeof label === 'string' ? label : undefined, ...labelProps, children: _jsxs(Flex, { placeContent: "baseline space-between", width: "100%", children: [_jsxs(Space, { placeItems: "center", gap: "0.75x", children: [_jsx("div", { children: label }), tooltip ? (_jsx(TooltipProvider, { activeWrap: true, title: tooltip, width: "initial max-content 40x", children: _jsx(InfoCircleIcon, { color: "#purple-text" }) })) : null, labelSuffix ? _jsx("div", { children: labelSuffix }) : null] }), extra && _jsx(Text, { preset: "t3", children: extra })] }) })) : null;
78
- let descriptionComponent = description ? (_jsx("div", { "data-element": "Description", children: wrapNodeIfPlain(description, () => (_jsx(Paragraph, { children: description }))) })) : null;
86
+ // Create description component with proper styling
87
+ const createDescriptionComponent = () => {
88
+ if (!description)
89
+ return null;
90
+ return (_jsx(DescriptionElement, { "data-element": "Description", children: wrapNodeIfPlain(description, () => (_jsx("span", { children: description }))) }));
91
+ };
92
+ // Description positioning based on label position
93
+ const descriptionForLabel = labelPosition === 'side' ? createDescriptionComponent() : null;
94
+ const descriptionForInput = labelPosition === 'top' ? createDescriptionComponent() : null;
79
95
  const mods = {
80
96
  'has-sider': labelPosition === 'side',
81
97
  'has-description': !!description,
82
98
  invalid: validationState === 'invalid',
83
99
  valid: validationState === 'valid',
84
100
  };
85
- return (_jsxs(_Fragment, { children: [_jsxs(FieldElement, { ref: ref, as: as ?? 'div', mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionComponent ? (_jsxs("div", { "data-element": "LabelArea", children: [labelComponent, descriptionComponent] })) : null, _jsxs("div", { "data-element": "InputArea", children: [Component, message && !isDisabled && (_jsx(MessageElement, { mods: mods, styles: messageStyles, role: validationState === 'invalid' ? 'alert' : undefined, children: message }))] })] }), children] }));
101
+ // Determine which message to display (errorMessage takes precedence, then message for backward compatibility)
102
+ const displayMessage = errorMessage || message;
103
+ const isErrorMessage = !!errorMessage;
104
+ return (_jsxs(_Fragment, { children: [_jsxs(FieldElement, { ref: ref, as: as ?? 'div', mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionForLabel ? (_jsxs("div", { "data-element": "LabelArea", children: [labelComponent, descriptionForLabel] })) : null, _jsxs("div", { "data-element": "InputArea", children: [Component, descriptionForInput, displayMessage && !isDisabled && (_jsx(MessageElement, { mods: {
105
+ ...mods,
106
+ // Force invalid state for errorMessage regardless of validationState
107
+ invalid: isErrorMessage || validationState === 'invalid',
108
+ }, styles: messageStyles, role: isErrorMessage || validationState === 'invalid'
109
+ ? 'alert'
110
+ : undefined, children: displayMessage }))] })] }), children] }));
86
111
  });
87
112
 
88
113
 
package/es/components/form/FieldWrapper/extract-field-wrapper-props.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -27,6 +27,7 @@ const fieldWrapperPropsKeys = createFieldWrapperPropsKeys([
27
27
  'necessityIndicator',
28
28
  'message',
29
29
  'messageStyles',
30
+ 'errorMessage',
30
31
  'Component',
31
32
  ]);
32
33
  export function extractFieldWrapperProps(props) {
package/es/components/form/FieldWrapper/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/FieldWrapper/types.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/Form/Field.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -82,7 +82,7 @@ function getValueProps(type, value, onChange, allowsCustomValue) {
82
82
  }
83
83
  export function Field(props) {
84
84
  const allProps = useFormProps(props);
85
- let { children, form, label, extra, necessityLabel, necessityIndicator, description, tooltip, isHidden, isDisabled, isLoading, styles, labelProps, labelPosition = 'top', labelStyles, labelSuffix, } = allProps;
85
+ let { children, form, label, extra, necessityLabel, necessityIndicator, tooltip, isHidden, isDisabled, isLoading, styles, labelProps, labelPosition = 'top', labelStyles, labelSuffix, } = allProps;
86
86
  if (typeof children === 'function') {
87
87
  children = children(form);
88
88
  }
@@ -91,7 +91,7 @@ export function Field(props) {
91
91
  const __props = useField(allProps, {
92
92
  defaultValidationTrigger: getDefaultValidateTrigger(inputType),
93
93
  });
94
- const { validationState, message, isRequired, name, id } = __props;
94
+ const { validationState, message, description, errorMessage, isRequired, name, id, } = __props;
95
95
  if (!child)
96
96
  return null;
97
97
  if (id) {
@@ -101,7 +101,7 @@ export function Field(props) {
101
101
  labelProps.for = id;
102
102
  }
103
103
  if (__props.nonInput) {
104
- return (_jsx(LegacyFieldProvider, { children: _jsx(FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: __props.validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, labelProps: labelProps, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }) }));
104
+ return (_jsx(LegacyFieldProvider, { children: _jsx(FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: __props.validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, labelProps: labelProps, extra: extra, tooltip: tooltip, message: message, description: description, errorMessage: errorMessage, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }) }));
105
105
  }
106
106
  if (!form) {
107
107
  warn('Form Field requires declared form instance if field name is specified');
@@ -144,6 +144,12 @@ export function Field(props) {
144
144
  if (message !== undefined) {
145
145
  newProps.message = message;
146
146
  }
147
+ if (errorMessage !== undefined) {
148
+ newProps.errorMessage = errorMessage;
149
+ }
150
+ if (description !== undefined) {
151
+ newProps.description = description;
152
+ }
147
153
  if (isHidden != null) {
148
154
  newProps.isHidden = isHidden;
149
155
  }
package/es/components/form/Form/Form.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/Form/ResetButton/ResetButton.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/Form/ResetButton/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/Form/SubmitButton/SubmitButton.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/Form/SubmitButton/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/Form/SubmitError.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/Form/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/Form/types.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/Form/use-field/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/Form/use-field/types.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
package/es/components/form/Form/use-field/use-field-props.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * @license MIT
3
3
  * author: Cube Dev Team
4
- * @cube-dev/ui-kit v0.63.3
4
+ * @cube-dev/ui-kit v0.64.1
5
5
  * Released under the MIT license.
6
6
  */
7
7
 
@@ -60,11 +60,18 @@ export function useFieldProps(props, params = {}) {
60
60
  }
61
61
  }
62
62
  }
63
+ // Use errorMessage directly or fall back to validation errors
64
+ const compiledErrorMessage = props.errorMessage !== undefined
65
+ ? props.errorMessage
66
+ : field?.field?.status === 'invalid' && field?.field?.errors?.length
67
+ ? field.field.errors[0]
68
+ : undefined;
63
69
  const result = isOutsideOfForm
64
70
  ? props
65
71
  : mergeProps(props, field, valueProps, {
66
72
  validateTrigger: field.validateTrigger ?? defaultValidationTrigger,
67
73
  onBlur: onBlurChained,
74
+ errorMessage: compiledErrorMessage,
68
75
  });
69
76
  if (result.id) {
70
77
  if (!result.labelProps) {