@cube-dev/ui-kit 0.121.7 → 0.123.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (426) hide show
  1. package/dist/CHANGELOG.md +16 -0
  2. package/dist/_internal/hooks/use-chained-callback.js +1 -1
  3. package/dist/_internal/hooks/use-debounced-value.js +1 -1
  4. package/dist/_internal/hooks/use-deprecation-warning.js +1 -1
  5. package/dist/_internal/hooks/use-event.js +1 -1
  6. package/dist/_internal/hooks/use-is-first-render.js +1 -1
  7. package/dist/_internal/hooks/use-sync-ref.js +1 -1
  8. package/dist/_internal/hooks/use-timer/timer.js +1 -1
  9. package/dist/_internal/hooks/use-timer/use-timer.js +1 -1
  10. package/dist/_internal/hooks/use-warn.js +1 -1
  11. package/dist/components/Block.js +1 -1
  12. package/dist/components/CollectionItem.js +1 -1
  13. package/dist/components/GlobalStyles.js +1 -1
  14. package/dist/components/GridProvider.js +1 -1
  15. package/dist/components/HiddenInput.js +1 -1
  16. package/dist/components/Root.js +1 -1
  17. package/dist/components/actions/Action/Action.js +1 -1
  18. package/dist/components/actions/Banner/Banner.js +1 -1
  19. package/dist/components/actions/Button/Button.js +1 -1
  20. package/dist/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  21. package/dist/components/actions/ButtonSplit/ButtonSplit.js +1 -1
  22. package/dist/components/actions/ButtonSplit/context.js +1 -1
  23. package/dist/components/actions/CommandMenu/CommandMenu.js +1 -1
  24. package/dist/components/actions/CommandMenu/styled.js +1 -1
  25. package/dist/components/actions/ItemAction/ItemAction.js +1 -1
  26. package/dist/components/actions/ItemActionContext.js +1 -1
  27. package/dist/components/actions/ItemButton/ItemButton.js +1 -1
  28. package/dist/components/actions/Link/Link.js +1 -1
  29. package/dist/components/actions/Menu/Menu.js +1 -1
  30. package/dist/components/actions/Menu/MenuItem.js +1 -1
  31. package/dist/components/actions/Menu/MenuSection.js +1 -1
  32. package/dist/components/actions/Menu/MenuTrigger.js +1 -1
  33. package/dist/components/actions/Menu/SubMenuTrigger.js +1 -1
  34. package/dist/components/actions/Menu/SubmenuTriggerContext.js +1 -1
  35. package/dist/components/actions/Menu/context.js +1 -1
  36. package/dist/components/actions/Menu/styled.js +1 -1
  37. package/dist/components/actions/index.js +1 -1
  38. package/dist/components/actions/use-action.js +1 -1
  39. package/dist/components/actions/use-anchored-menu.js +1 -1
  40. package/dist/components/actions/use-context-menu.js +1 -1
  41. package/dist/components/content/ActiveZone/ActiveZone.js +1 -1
  42. package/dist/components/content/Alert/Alert.js +1 -1
  43. package/dist/components/content/Alert/use-alert.js +1 -1
  44. package/dist/components/content/Avatar/Avatar.js +1 -1
  45. package/dist/components/content/Badge/Badge.js +1 -1
  46. package/dist/components/content/Card/Card.js +1 -1
  47. package/dist/components/content/Content.js +1 -1
  48. package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js +2 -2
  49. package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js.map +1 -1
  50. package/dist/components/content/CopySnippet/CopySnippet.js +2 -2
  51. package/dist/components/content/CopySnippet/CopySnippet.js.map +1 -1
  52. package/dist/components/content/Disclosure/Disclosure.js +1 -1
  53. package/dist/components/content/Divider.js +1 -1
  54. package/dist/components/content/Footer.js +1 -1
  55. package/dist/components/content/Header.js +1 -1
  56. package/dist/components/content/HotKeys/HotKeys.js +1 -1
  57. package/dist/components/content/Item/Item.js +1 -1
  58. package/dist/components/content/ItemBadge/ItemBadge.js +1 -1
  59. package/dist/components/content/ItemCard/ItemCard.js +1 -1
  60. package/dist/components/content/Layout/GridLayout.js +1 -1
  61. package/dist/components/content/Layout/Layout.js +1 -1
  62. package/dist/components/content/Layout/LayoutBlock.js +1 -1
  63. package/dist/components/content/Layout/LayoutCenter.js +1 -1
  64. package/dist/components/content/Layout/LayoutContainer.js +1 -1
  65. package/dist/components/content/Layout/LayoutContent.js +1 -1
  66. package/dist/components/content/Layout/LayoutContext.js +1 -1
  67. package/dist/components/content/Layout/LayoutFlex.js +1 -1
  68. package/dist/components/content/Layout/LayoutFooter.js +1 -1
  69. package/dist/components/content/Layout/LayoutGrid.js +1 -1
  70. package/dist/components/content/Layout/LayoutHeader.js +1 -1
  71. package/dist/components/content/Layout/LayoutPane.js +1 -1
  72. package/dist/components/content/Layout/LayoutPanel.js +1 -1
  73. package/dist/components/content/Layout/LayoutPanelHeader.js +1 -1
  74. package/dist/components/content/Layout/LayoutToolbar.js +1 -1
  75. package/dist/components/content/Layout/hooks/useTinyScrollbar.js +1 -1
  76. package/dist/components/content/Layout/index.js +1 -1
  77. package/dist/components/content/Layout/utils.js +1 -1
  78. package/dist/components/content/Paragraph.js +1 -1
  79. package/dist/components/content/Placeholder/Placeholder.js +1 -1
  80. package/dist/components/content/PrismCode/PrismCode.js +1 -1
  81. package/dist/components/content/PrismCode/prismSetup.js +1 -1
  82. package/dist/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
  83. package/dist/components/content/Result/Result.js +1 -1
  84. package/dist/components/content/Skeleton/Skeleton.js +1 -1
  85. package/dist/components/content/Tag/Tag.js +1 -1
  86. package/dist/components/content/Text.js +1 -1
  87. package/dist/components/content/TextItem/TextItem.js +1 -1
  88. package/dist/components/content/Title.js +1 -1
  89. package/dist/components/content/highlightText.js +1 -1
  90. package/dist/components/content/use-auto-tooltip.js +1 -1
  91. package/dist/components/fields/Checkbox/Checkbox.js +1 -1
  92. package/dist/components/fields/Checkbox/CheckboxGroup.js +1 -1
  93. package/dist/components/fields/Checkbox/context.js +1 -1
  94. package/dist/components/fields/ComboBox/ComboBox.js +1 -1
  95. package/dist/components/fields/DatePicker/DateInput.js +1 -1
  96. package/dist/components/fields/DatePicker/DateInputBase.js +1 -1
  97. package/dist/components/fields/DatePicker/DatePicker.js +1 -1
  98. package/dist/components/fields/DatePicker/DatePickerButton.js +1 -1
  99. package/dist/components/fields/DatePicker/DatePickerElement.js +1 -1
  100. package/dist/components/fields/DatePicker/DatePickerInput.js +1 -1
  101. package/dist/components/fields/DatePicker/DatePickerSegment.js +1 -1
  102. package/dist/components/fields/DatePicker/DateRangePicker.js +1 -1
  103. package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
  104. package/dist/components/fields/DatePicker/TimeInput.js +1 -1
  105. package/dist/components/fields/DatePicker/intl.js +1 -1
  106. package/dist/components/fields/DatePicker/parseDate.js +1 -1
  107. package/dist/components/fields/DatePicker/props.js +1 -1
  108. package/dist/components/fields/DatePicker/utils.js +1 -1
  109. package/dist/components/fields/FileInput/FileInput.js +1 -1
  110. package/dist/components/fields/FilterListBox/FilterListBox.js +1 -1
  111. package/dist/components/fields/FilterPicker/FilterPicker.js +1 -1
  112. package/dist/components/fields/Input/Input.js +1 -1
  113. package/dist/components/fields/ListBox/ListBox.js +1 -1
  114. package/dist/components/fields/NumberInput/NumberInput.js +1 -1
  115. package/dist/components/fields/NumberInput/StepButton.js +1 -1
  116. package/dist/components/fields/PasswordInput/PasswordInput.js +1 -1
  117. package/dist/components/fields/Picker/Picker.js +1 -1
  118. package/dist/components/fields/RadioGroup/Radio.js +1 -1
  119. package/dist/components/fields/RadioGroup/RadioGroup.js +1 -1
  120. package/dist/components/fields/RadioGroup/context.js +1 -1
  121. package/dist/components/fields/SearchInput/SearchInput.js +1 -1
  122. package/dist/components/fields/Select/Select.js +1 -1
  123. package/dist/components/fields/Slider/Gradation.js +1 -1
  124. package/dist/components/fields/Slider/HueSlider.js +1 -1
  125. package/dist/components/fields/Slider/RangeSlider.js +1 -1
  126. package/dist/components/fields/Slider/Slider.js +1 -1
  127. package/dist/components/fields/Slider/SliderBase.js +1 -1
  128. package/dist/components/fields/Slider/SliderThumb.js +1 -1
  129. package/dist/components/fields/Slider/SliderTrack.js +1 -1
  130. package/dist/components/fields/Slider/elements.js +1 -1
  131. package/dist/components/fields/Slider/index.js +1 -1
  132. package/dist/components/fields/Switch/Switch.js +1 -1
  133. package/dist/components/fields/TextArea/TextArea.js +1 -1
  134. package/dist/components/fields/TextInput/TextInput.js +1 -1
  135. package/dist/components/fields/TextInput/TextInputBase.js +1 -1
  136. package/dist/components/fields/TextInputMapper/TextInputMapper.js +1 -1
  137. package/dist/components/form/FieldWrapper/FieldWrapper.js +1 -1
  138. package/dist/components/form/FieldWrapper/extract-field-wrapper-props.js +1 -1
  139. package/dist/components/form/Form/Field.js +1 -1
  140. package/dist/components/form/Form/Form.js +1 -1
  141. package/dist/components/form/Form/ResetButton/ResetButton.js +1 -1
  142. package/dist/components/form/Form/SubmitButton/SubmitButton.js +1 -1
  143. package/dist/components/form/Form/SubmitError.js +1 -1
  144. package/dist/components/form/Form/index.js +1 -1
  145. package/dist/components/form/Form/use-field/use-field-props.js +1 -1
  146. package/dist/components/form/Form/use-field/use-field.js +1 -1
  147. package/dist/components/form/Form/use-form.js +1 -1
  148. package/dist/components/form/Form/validation.js +1 -1
  149. package/dist/components/form/Label.js +1 -1
  150. package/dist/components/form/wrapper.js +1 -1
  151. package/dist/components/helpers/DisplayTransition/DisplayTransition.js +1 -1
  152. package/dist/components/helpers/IconSwitch/IconSwitch.js +1 -1
  153. package/dist/components/layout/Flex.js +1 -1
  154. package/dist/components/layout/Flow.js +1 -1
  155. package/dist/components/layout/Grid.js +1 -1
  156. package/dist/components/layout/Panel.js +1 -1
  157. package/dist/components/layout/Prefix.js +1 -1
  158. package/dist/components/layout/ResizablePanel.js +1 -1
  159. package/dist/components/layout/Space.js +1 -1
  160. package/dist/components/layout/Suffix.js +1 -1
  161. package/dist/components/navigation/Tabs/DraggableTabList.js +1 -1
  162. package/dist/components/navigation/Tabs/EditableTitle.js +1 -1
  163. package/dist/components/navigation/Tabs/TabButton.js +19 -16
  164. package/dist/components/navigation/Tabs/TabButton.js.map +1 -1
  165. package/dist/components/navigation/Tabs/TabDropIndicator.js +1 -1
  166. package/dist/components/navigation/Tabs/TabPanel.js +1 -1
  167. package/dist/components/navigation/Tabs/TabPicker.js +1 -1
  168. package/dist/components/navigation/Tabs/Tabs.js +7 -2
  169. package/dist/components/navigation/Tabs/Tabs.js.map +1 -1
  170. package/dist/components/navigation/Tabs/TabsAction.js +1 -1
  171. package/dist/components/navigation/Tabs/TabsContext.js +1 -1
  172. package/dist/components/navigation/Tabs/TabsContext.js.map +1 -1
  173. package/dist/components/navigation/Tabs/index.d.ts +1 -1
  174. package/dist/components/navigation/Tabs/styled.js +5 -5
  175. package/dist/components/navigation/Tabs/styled.js.map +1 -1
  176. package/dist/components/navigation/Tabs/types.d.ts +11 -5
  177. package/dist/components/navigation/Tabs/types.js +1 -1
  178. package/dist/components/navigation/Tabs/types.js.map +1 -1
  179. package/dist/components/navigation/Tabs/use-tab-editing.js +1 -1
  180. package/dist/components/navigation/Tabs/use-tab-indicator.js +1 -1
  181. package/dist/components/navigation/index.d.ts +1 -1
  182. package/dist/components/organisms/FileTabs/FileTabs.js +1 -1
  183. package/dist/components/organisms/StatsCard/StatsCard.js +1 -1
  184. package/dist/components/other/Calendar/Calendar.js +1 -1
  185. package/dist/components/other/Calendar/CalendarCell.js +1 -1
  186. package/dist/components/other/Calendar/CalendarGrid.js +1 -1
  187. package/dist/components/other/Calendar/RangeCalendar.js +1 -1
  188. package/dist/components/other/CloudLogo/CloudLogo.js +1 -1
  189. package/dist/components/overlays/AlertDialog/AlertDialog.js +1 -1
  190. package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  191. package/dist/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  192. package/dist/components/overlays/Dialog/Dialog.js +1 -1
  193. package/dist/components/overlays/Dialog/DialogContainer.js +1 -1
  194. package/dist/components/overlays/Dialog/DialogForm.js +1 -1
  195. package/dist/components/overlays/Dialog/DialogTrigger.js +1 -1
  196. package/dist/components/overlays/Dialog/context.js +1 -1
  197. package/dist/components/overlays/Dialog/use-dialog-container.js +1 -1
  198. package/dist/components/overlays/Modal/Modal.js +1 -1
  199. package/dist/components/overlays/Modal/OpenTransition.js +1 -1
  200. package/dist/components/overlays/Modal/Overlay.js +1 -1
  201. package/dist/components/overlays/Modal/Popover.js +1 -1
  202. package/dist/components/overlays/Modal/Tray.js +1 -1
  203. package/dist/components/overlays/Modal/Underlay.js +1 -1
  204. package/dist/components/overlays/Notifications/Notification.js +1 -1
  205. package/dist/components/overlays/Notifications/NotificationAction.js +1 -1
  206. package/dist/components/overlays/Notifications/NotificationCard.js +1 -1
  207. package/dist/components/overlays/Notifications/NotificationContext.js +1 -1
  208. package/dist/components/overlays/Notifications/NotificationItem.js +1 -1
  209. package/dist/components/overlays/Notifications/OverlayContainer.js +1 -1
  210. package/dist/components/overlays/Notifications/OverlayProvider.js +1 -1
  211. package/dist/components/overlays/Notifications/PersistentNotificationsList.js +1 -1
  212. package/dist/components/overlays/Notifications/dismissed-storage.js +1 -1
  213. package/dist/components/overlays/Notifications/format-relative-time.js +1 -1
  214. package/dist/components/overlays/Notifications/index.js +1 -1
  215. package/dist/components/overlays/Notifications/use-notification-state.js +1 -1
  216. package/dist/components/overlays/Notifications/use-notifications.js +1 -1
  217. package/dist/components/overlays/Notifications/use-overlay-timers.js +1 -1
  218. package/dist/components/overlays/Notifications/use-persistent-notifications.js +1 -1
  219. package/dist/components/overlays/Notifications/use-persistent-state.js +1 -1
  220. package/dist/components/overlays/Notifications/use-toast-state.js +1 -1
  221. package/dist/components/overlays/Toast/ToastItem.js +1 -1
  222. package/dist/components/overlays/Toast/index.js +1 -1
  223. package/dist/components/overlays/Toast/useProgressToast.js +1 -1
  224. package/dist/components/overlays/Toast/useToast.js +1 -1
  225. package/dist/components/overlays/Tooltip/Tooltip.js +1 -1
  226. package/dist/components/overlays/Tooltip/TooltipProvider.js +1 -1
  227. package/dist/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  228. package/dist/components/overlays/Tooltip/context.js +1 -1
  229. package/dist/components/portal/Portal.js +1 -1
  230. package/dist/components/portal/PortalProvider.js +1 -1
  231. package/dist/components/portal/usePortal.js +1 -1
  232. package/dist/components/shared/InvalidIcon.js +1 -1
  233. package/dist/components/shared/ValidIcon.js +1 -1
  234. package/dist/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  235. package/dist/components/status/Spin/Cube.js +1 -1
  236. package/dist/components/status/Spin/InternalSpinner.js +1 -1
  237. package/dist/components/status/Spin/Spin.js +1 -1
  238. package/dist/components/status/Spin/SpinsContainer.js +1 -1
  239. package/dist/data/item-themes.js +1 -1
  240. package/dist/data/themes.d.ts +1 -1
  241. package/dist/data/themes.js +2 -2
  242. package/dist/data/themes.js.map +1 -1
  243. package/dist/icons/AdjustmentsHorizontalIcon.js +1 -1
  244. package/dist/icons/AdjustmentsIcon.js +1 -1
  245. package/dist/icons/AiIcon.js +1 -1
  246. package/dist/icons/AreaChartIcon.js +1 -1
  247. package/dist/icons/BackwardIcon.js +1 -1
  248. package/dist/icons/BarChartIcon.js +1 -1
  249. package/dist/icons/BellFilledIcon.js +1 -1
  250. package/dist/icons/BellIcon.js +1 -1
  251. package/dist/icons/BooleanIcon.js +1 -1
  252. package/dist/icons/CalendarEditIcon.js +1 -1
  253. package/dist/icons/CalendarIcon.js +1 -1
  254. package/dist/icons/CaretDownIcon.js +1 -1
  255. package/dist/icons/CaretUpIcon.js +1 -1
  256. package/dist/icons/ChartAreaStackedIcon.js +1 -1
  257. package/dist/icons/ChartAreaStackedPercentageIcon.js +1 -1
  258. package/dist/icons/ChartBarGroupedHorizontalIcon.js +1 -1
  259. package/dist/icons/ChartBarGroupedIcon.js +1 -1
  260. package/dist/icons/ChartBarHorizontalIcon.js +1 -1
  261. package/dist/icons/ChartBarLineIcon.js +1 -1
  262. package/dist/icons/ChartBarStackedHorizontalIcon.js +1 -1
  263. package/dist/icons/ChartBarStackedIcon.js +1 -1
  264. package/dist/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
  265. package/dist/icons/ChartBarStackedPercentageIcon.js +1 -1
  266. package/dist/icons/ChartBoxPlot2Icon.js +1 -1
  267. package/dist/icons/ChartBoxPlotIcon.js +1 -1
  268. package/dist/icons/ChartBubbleIcon.js +1 -1
  269. package/dist/icons/ChartDonut2Icon.js +1 -1
  270. package/dist/icons/ChartFunnelIcon.js +1 -1
  271. package/dist/icons/ChartHeatmapIcon.js +1 -1
  272. package/dist/icons/ChartKPIIcon.js +1 -1
  273. package/dist/icons/ChartPie2Icon.js +1 -1
  274. package/dist/icons/ChartScatterIcon.js +1 -1
  275. package/dist/icons/CheckCircleFilledIcon.js +1 -1
  276. package/dist/icons/CheckCircleIcon.js +1 -1
  277. package/dist/icons/CheckIcon.js +1 -1
  278. package/dist/icons/CircleFilledIcon.js +1 -1
  279. package/dist/icons/ClearIcon.js +1 -1
  280. package/dist/icons/CloseCircleFilledIcon.js +1 -1
  281. package/dist/icons/CloseCircleIcon.js +1 -1
  282. package/dist/icons/CloseIcon.js +1 -1
  283. package/dist/icons/CodeIcon.js +1 -1
  284. package/dist/icons/ColumnTotalIcon.js +1 -1
  285. package/dist/icons/CopyIcon.js +1 -1
  286. package/dist/icons/CountIcon.js +1 -1
  287. package/dist/icons/CubeIcon.js +1 -1
  288. package/dist/icons/CubePauseIcon.js +1 -1
  289. package/dist/icons/CubePlayIcon.js +1 -1
  290. package/dist/icons/CurrencyDollarIcon.js +1 -1
  291. package/dist/icons/DangerIcon.js +1 -1
  292. package/dist/icons/DashboardIcon.js +1 -1
  293. package/dist/icons/DatabaseIcon.js +1 -1
  294. package/dist/icons/DecimalDecreaseIcon.js +1 -1
  295. package/dist/icons/DecimalIncreaseIcon.js +1 -1
  296. package/dist/icons/DirectionIcon.js +1 -1
  297. package/dist/icons/DonutIcon.js +1 -1
  298. package/dist/icons/DownIcon.js +1 -1
  299. package/dist/icons/EditIcon.js +1 -1
  300. package/dist/icons/ExclamationCircleFilledIcon.js +1 -1
  301. package/dist/icons/ExclamationCircleIcon.js +1 -1
  302. package/dist/icons/ExclamationIcon.js +1 -1
  303. package/dist/icons/EyeIcon.js +1 -1
  304. package/dist/icons/EyeInvisibleIcon.js +1 -1
  305. package/dist/icons/FilterIcon.js +1 -1
  306. package/dist/icons/FolderFilledIcon.js +1 -1
  307. package/dist/icons/FolderIcon.js +1 -1
  308. package/dist/icons/FolderOpenFilledIcon.js +1 -1
  309. package/dist/icons/FolderOpenIcon.js +1 -1
  310. package/dist/icons/ForwardIcon.js +1 -1
  311. package/dist/icons/HierarchyIcon.js +1 -1
  312. package/dist/icons/HierarchyOpenIcon.js +1 -1
  313. package/dist/icons/Icon.js +1 -1
  314. package/dist/icons/InfoCircleIcon.js +1 -1
  315. package/dist/icons/InfoIcon.js +1 -1
  316. package/dist/icons/KeyIcon.js +1 -1
  317. package/dist/icons/LeftIcon.js +1 -1
  318. package/dist/icons/LineChartIcon.js +1 -1
  319. package/dist/icons/LoadingIcon.js +1 -1
  320. package/dist/icons/LockFilledIcon.js +1 -1
  321. package/dist/icons/LockIcon.js +1 -1
  322. package/dist/icons/MoreIcon.js +1 -1
  323. package/dist/icons/NotAllowedIcon.js +1 -1
  324. package/dist/icons/Number123Icon.js +1 -1
  325. package/dist/icons/NumberIcon.js +1 -1
  326. package/dist/icons/PauseCircleFilledIcon.js +1 -1
  327. package/dist/icons/PauseCircleIcon.js +1 -1
  328. package/dist/icons/PauseIcon.js +1 -1
  329. package/dist/icons/PercentageIcon.js +1 -1
  330. package/dist/icons/PieChartIcon.js +1 -1
  331. package/dist/icons/PlayCircleIcon.js +1 -1
  332. package/dist/icons/PlayIcon.js +1 -1
  333. package/dist/icons/PlusIcon.js +1 -1
  334. package/dist/icons/ProgressBarIcon.js +1 -1
  335. package/dist/icons/ReloadIcon.js +1 -1
  336. package/dist/icons/ReportIcon.js +1 -1
  337. package/dist/icons/ReturnIcon.js +1 -1
  338. package/dist/icons/RightIcon.js +1 -1
  339. package/dist/icons/RowTotalsIcon.js +1 -1
  340. package/dist/icons/SchemeIcon.js +1 -1
  341. package/dist/icons/SearchIcon.js +1 -1
  342. package/dist/icons/SemanticQueryIcon.js +1 -1
  343. package/dist/icons/SettingsIcon.js +1 -1
  344. package/dist/icons/ShieldFilledIcon.js +1 -1
  345. package/dist/icons/ShieldIcon.js +1 -1
  346. package/dist/icons/SlashIcon.js +1 -1
  347. package/dist/icons/SparklesIcon.js +1 -1
  348. package/dist/icons/SqlIcon.js +1 -1
  349. package/dist/icons/StatsIcon.js +1 -1
  350. package/dist/icons/StopIcon.js +1 -1
  351. package/dist/icons/StringIcon.js +1 -1
  352. package/dist/icons/SubtotalsIcon.js +1 -1
  353. package/dist/icons/SwitchIcon.js +1 -1
  354. package/dist/icons/TableIcon.js +1 -1
  355. package/dist/icons/ThumbsDownIcon.js +1 -1
  356. package/dist/icons/ThumbsUpIcon.js +1 -1
  357. package/dist/icons/ThunderboltCrossedIcon.js +1 -1
  358. package/dist/icons/ThunderboltFilledIcon.js +1 -1
  359. package/dist/icons/ThunderboltIcon.js +1 -1
  360. package/dist/icons/TimeIcon.js +1 -1
  361. package/dist/icons/TrashIcon.js +1 -1
  362. package/dist/icons/UnlockIcon.js +1 -1
  363. package/dist/icons/UpIcon.js +1 -1
  364. package/dist/icons/UserGroupIcon.js +1 -1
  365. package/dist/icons/UserIcon.js +1 -1
  366. package/dist/icons/UserLockIcon.js +1 -1
  367. package/dist/icons/ViewIcon.js +1 -1
  368. package/dist/icons/WarningFilledIcon.js +1 -1
  369. package/dist/icons/WarningIcon.js +1 -1
  370. package/dist/icons/wrap-icon.js +1 -1
  371. package/dist/index.d.ts +2 -2
  372. package/dist/index.js +1 -1
  373. package/dist/provider.js +1 -1
  374. package/dist/providers/TrackingProvider.js +1 -1
  375. package/dist/providers/navigationAdapter.default.js +1 -1
  376. package/dist/tokens/base.js +2 -2
  377. package/dist/tokens/base.js.map +1 -1
  378. package/dist/tokens/colors.js +5 -2
  379. package/dist/tokens/colors.js.map +1 -1
  380. package/dist/tokens/index.js +1 -1
  381. package/dist/tokens/layout.js +1 -1
  382. package/dist/tokens/shadows.js +1 -1
  383. package/dist/tokens/sizes.js +1 -1
  384. package/dist/tokens/spacing.js +1 -1
  385. package/dist/tokens/typography.js +1 -1
  386. package/dist/utils/ResizeSensor.js +1 -1
  387. package/dist/utils/is-dev-env.js +1 -1
  388. package/dist/utils/modules.js +1 -1
  389. package/dist/utils/promise.js +1 -1
  390. package/dist/utils/raf.js +1 -1
  391. package/dist/utils/random.js +1 -1
  392. package/dist/utils/range.js +1 -1
  393. package/dist/utils/react/RenderCache.js +1 -1
  394. package/dist/utils/react/Slots.js +1 -1
  395. package/dist/utils/react/chain.js +1 -1
  396. package/dist/utils/react/forwardRefWithGenerics.js +1 -1
  397. package/dist/utils/react/index.js +1 -1
  398. package/dist/utils/react/interactions.js +1 -1
  399. package/dist/utils/react/isTextOnly.js +1 -1
  400. package/dist/utils/react/mapProps.js +1 -1
  401. package/dist/utils/react/mergeProps.js +1 -1
  402. package/dist/utils/react/nullableValue.js +1 -1
  403. package/dist/utils/react/resolveIcon.js +1 -1
  404. package/dist/utils/react/sharedStore.js +1 -1
  405. package/dist/utils/react/useCombinedRefs.js +1 -1
  406. package/dist/utils/react/useControlledFocusVisible.js +1 -1
  407. package/dist/utils/react/useEventBus.js +1 -1
  408. package/dist/utils/react/useId.js +1 -1
  409. package/dist/utils/react/useIsDarwin.js +1 -1
  410. package/dist/utils/react/useKeySymbols.js +1 -1
  411. package/dist/utils/react/useLayoutEffect.js +1 -1
  412. package/dist/utils/react/useLocalStorage.js +1 -1
  413. package/dist/utils/react/useMergeStyles.js +1 -1
  414. package/dist/utils/react/useQaProps.js +1 -1
  415. package/dist/utils/react/useViewportSize.js +1 -1
  416. package/dist/utils/react/wrapNodeIfPlain.js +1 -1
  417. package/dist/utils/styles.js +1 -1
  418. package/dist/utils/tree.js +1 -1
  419. package/dist/utils/warnings.js +1 -1
  420. package/dist/version.js +2 -2
  421. package/docs/Usage.md +1 -1
  422. package/docs/components/content/CopyPasteBlock.md +1 -1
  423. package/docs/components/content/CopySnippet.md +1 -1
  424. package/docs/components/navigation/Tabs.md +44 -5
  425. package/package.json +1 -1
  426. package/docs/.generated +0 -58
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/tokens/colors.ts
3
3
  const PINK_HUE = 5;
4
4
  const PURPLE_HUE = 280.3;
@@ -47,8 +47,11 @@ const COLOR_TOKENS = {
47
47
  "#dark-03": okhsl(PURPLE_HUE, 19, 49),
48
48
  "#dark-04": okhsl(PURPLE_HUE, 14, 67),
49
49
  "#dark-05": okhsl(PURPLE_HUE, 14, 86),
50
+ "#surface": okhsl(PURPLE_HUE, 21, 100),
51
+ "#surface-2": okhsl(PURPLE_HUE, 21, 98),
52
+ "#surface-3": okhsl(PURPLE_HUE, 21, 96),
53
+ "#light": "#surface-3",
50
54
  "#dark-bg": okhsl(PURPLE_HUE, 21, 98),
51
- "#light": okhsl(PURPLE_HUE, 14, 97),
52
55
  "#white": "okhsl(0 0% 100%)",
53
56
  "#black": "okhsl(0 0% 0%)",
54
57
  "#danger": okhsl(DANGER_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
@@ -1 +1 @@
1
- {"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n// ============================================================================\n// Color Constants (OKHSL)\n// ============================================================================\n\n// Hue values (degrees)\nexport const PINK_HUE = 5.0;\nexport const PURPLE_HUE = 280.3;\nexport const DANGER_HUE = 23.1;\nexport const SUCCESS_HUE = 156.9;\nexport const WARNING_HUE = 84.3;\nexport const NOTE_HUE = 302.3;\n\n// Saturation values (%)\nexport const MAIN_SATURATION = 80;\nexport const BG_SATURATION = 60;\nexport const ICON_SATURATION = 75;\n\n// Lightness values (%)\nexport const MAIN_LIGHTNESS = 52;\nexport const TEXT_LIGHTNESS = 45;\nexport const BG_LIGHTNESS = 97;\nexport const ICON_LIGHTNESS = 60;\n\n// Disabled state values (60% white + 40% main color in okhsl)\n// Saturation: 0.6 * 0 + 0.4 * MAIN_SATURATION = 32\n// Lightness: 0.6 * 100 + 0.4 * MAIN_LIGHTNESS = 80.8\nexport const DISABLED_SATURATION = 32;\nexport const DISABLED_LIGHTNESS = 80.8;\n\n// ============================================================================\n// Helper function\n// ============================================================================\n\n/** Generate an OKHSL color string */\nconst okhsl = (h: number, s: number, l: number): string =>\n `okhsl(${h} ${s}% ${l}%)`;\n\n// ============================================================================\n// Color Tokens\n// ============================================================================\n\n/**\n * Color tokens with # prefix for tasty color definitions.\n * The tasty system automatically generates {name}-color-rgb variants.\n * Colors are defined in OKHSL format for perceptually uniform color manipulation.\n */\nexport const COLOR_TOKENS: Styles = {\n // Base colors - Pink\n '#pink': okhsl(PINK_HUE, 100, 67),\n\n // Primary colors (semantic aliases)\n '#primary': okhsl(PURPLE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#primary-text': okhsl(PURPLE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#primary-bg': okhsl(PURPLE_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#primary-icon': okhsl(PURPLE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#primary-desaturated': okhsl(\n PURPLE_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#primary-disabled': okhsl(\n PURPLE_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Base colors - Purple (legacy aliases for backward compatibility)\n '#purple': '#primary',\n '#purple-text': '#primary-text',\n '#purple-bg': '#primary-bg',\n '#purple-icon': '#primary-icon',\n '#purple-disabled': '#primary-disabled',\n '#purple-01': okhsl(PURPLE_HUE, 100, 58),\n '#purple-02': okhsl(PURPLE_HUE, 100, 66),\n '#purple-03': okhsl(PURPLE_HUE, 100, 74),\n '#purple-04': okhsl(PURPLE_HUE, 100, 83),\n\n // Focus\n '#focus': okhsl(PURPLE_HUE, 69, 71),\n\n // Text\n '#text': okhsl(PURPLE_HUE, 30, 31),\n\n // Dark\n '#dark': okhsl(PURPLE_HUE, 38, 12),\n '#dark-01': okhsl(PURPLE_HUE, 38, 12),\n '#dark-02': okhsl(PURPLE_HUE, 30, 31),\n '#dark-03': okhsl(PURPLE_HUE, 19, 49),\n '#dark-04': okhsl(PURPLE_HUE, 14, 67),\n '#dark-05': okhsl(PURPLE_HUE, 14, 86),\n '#dark-bg': okhsl(PURPLE_HUE, 21, 98),\n\n // Light\n '#light': okhsl(PURPLE_HUE, 14, 97),\n\n // Black & White\n '#white': 'okhsl(0 0% 100%)',\n '#black': 'okhsl(0 0% 0%)',\n\n // Danger (red)\n '#danger': okhsl(DANGER_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#danger-text': okhsl(DANGER_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#danger-bg': okhsl(DANGER_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#danger-icon': okhsl(DANGER_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#danger-desaturated': okhsl(DANGER_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n '#danger-disabled': okhsl(\n DANGER_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Success (green)\n '#success': okhsl(SUCCESS_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#success-text': okhsl(SUCCESS_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#success-bg': okhsl(SUCCESS_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#success-icon': okhsl(SUCCESS_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#success-desaturated': okhsl(\n SUCCESS_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#success-disabled': okhsl(\n SUCCESS_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Warning (yellow/amber)\n '#warning': okhsl(WARNING_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#warning-text': okhsl(WARNING_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#warning-bg': okhsl(WARNING_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#warning-icon': okhsl(WARNING_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#warning-desaturated': okhsl(\n WARNING_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#warning-disabled': okhsl(\n WARNING_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Note (violet)\n '#note': okhsl(NOTE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#note-text': okhsl(NOTE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#note-bg': okhsl(NOTE_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#note-icon': okhsl(NOTE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#note-desaturated': okhsl(NOTE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n '#note-disabled': okhsl(NOTE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),\n\n // Border\n '#border': okhsl(PURPLE_HUE, 13, 90),\n\n '#placeholder': '#dark-04',\n\n // Semantic colors\n '#clear': 'transparent',\n '#shadow': '#dark.06',\n '#minor': '#dark.65',\n\n // Disabled state colors\n '#disabled': '#dark-01.25',\n '#disabled-text': '#dark-01.25',\n '#disabled-bg': '#dark-05.2',\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n// ============================================================================\n// Color Constants (OKHSL)\n// ============================================================================\n\n// Hue values (degrees)\nexport const PINK_HUE = 5.0;\nexport const PURPLE_HUE = 280.3;\nexport const DANGER_HUE = 23.1;\nexport const SUCCESS_HUE = 156.9;\nexport const WARNING_HUE = 84.3;\nexport const NOTE_HUE = 302.3;\n\n// Saturation values (%)\nexport const MAIN_SATURATION = 80;\nexport const BG_SATURATION = 60;\nexport const ICON_SATURATION = 75;\n\n// Lightness values (%)\nexport const MAIN_LIGHTNESS = 52;\nexport const TEXT_LIGHTNESS = 45;\nexport const BG_LIGHTNESS = 97;\nexport const ICON_LIGHTNESS = 60;\n\n// Disabled state values (60% white + 40% main color in okhsl)\n// Saturation: 0.6 * 0 + 0.4 * MAIN_SATURATION = 32\n// Lightness: 0.6 * 100 + 0.4 * MAIN_LIGHTNESS = 80.8\nexport const DISABLED_SATURATION = 32;\nexport const DISABLED_LIGHTNESS = 80.8;\n\n// ============================================================================\n// Helper function\n// ============================================================================\n\n/** Generate an OKHSL color string */\nconst okhsl = (h: number, s: number, l: number): string =>\n `okhsl(${h} ${s}% ${l}%)`;\n\n// ============================================================================\n// Color Tokens\n// ============================================================================\n\n/**\n * Color tokens with # prefix for tasty color definitions.\n * The tasty system automatically generates {name}-color-rgb variants.\n * Colors are defined in OKHSL format for perceptually uniform color manipulation.\n */\nexport const COLOR_TOKENS: Styles = {\n // Base colors - Pink\n '#pink': okhsl(PINK_HUE, 100, 67),\n\n // Primary colors (semantic aliases)\n '#primary': okhsl(PURPLE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#primary-text': okhsl(PURPLE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#primary-bg': okhsl(PURPLE_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#primary-icon': okhsl(PURPLE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#primary-desaturated': okhsl(\n PURPLE_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#primary-disabled': okhsl(\n PURPLE_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Base colors - Purple (legacy aliases for backward compatibility)\n '#purple': '#primary',\n '#purple-text': '#primary-text',\n '#purple-bg': '#primary-bg',\n '#purple-icon': '#primary-icon',\n '#purple-disabled': '#primary-disabled',\n '#purple-01': okhsl(PURPLE_HUE, 100, 58),\n '#purple-02': okhsl(PURPLE_HUE, 100, 66),\n '#purple-03': okhsl(PURPLE_HUE, 100, 74),\n '#purple-04': okhsl(PURPLE_HUE, 100, 83),\n\n // Focus\n '#focus': okhsl(PURPLE_HUE, 69, 71),\n\n // Text\n '#text': okhsl(PURPLE_HUE, 30, 31),\n\n // Dark\n '#dark': okhsl(PURPLE_HUE, 38, 12),\n '#dark-01': okhsl(PURPLE_HUE, 38, 12),\n '#dark-02': okhsl(PURPLE_HUE, 30, 31),\n '#dark-03': okhsl(PURPLE_HUE, 19, 49),\n '#dark-04': okhsl(PURPLE_HUE, 14, 67),\n '#dark-05': okhsl(PURPLE_HUE, 14, 86),\n\n // Surfaces\n '#surface': okhsl(PURPLE_HUE, 21, 100),\n '#surface-2': okhsl(PURPLE_HUE, 21, 98),\n '#surface-3': okhsl(PURPLE_HUE, 21, 96),\n\n // Legacy\n '#light': '#surface-3',\n '#dark-bg': okhsl(PURPLE_HUE, 21, 98),\n\n // Black & White\n '#white': 'okhsl(0 0% 100%)',\n '#black': 'okhsl(0 0% 0%)',\n\n // Danger (red)\n '#danger': okhsl(DANGER_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#danger-text': okhsl(DANGER_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#danger-bg': okhsl(DANGER_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#danger-icon': okhsl(DANGER_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#danger-desaturated': okhsl(DANGER_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n '#danger-disabled': okhsl(\n DANGER_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Success (green)\n '#success': okhsl(SUCCESS_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#success-text': okhsl(SUCCESS_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#success-bg': okhsl(SUCCESS_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#success-icon': okhsl(SUCCESS_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#success-desaturated': okhsl(\n SUCCESS_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#success-disabled': okhsl(\n SUCCESS_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Warning (yellow/amber)\n '#warning': okhsl(WARNING_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#warning-text': okhsl(WARNING_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#warning-bg': okhsl(WARNING_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#warning-icon': okhsl(WARNING_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#warning-desaturated': okhsl(\n WARNING_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#warning-disabled': okhsl(\n WARNING_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Note (violet)\n '#note': okhsl(NOTE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#note-text': okhsl(NOTE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#note-bg': okhsl(NOTE_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#note-icon': okhsl(NOTE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#note-desaturated': okhsl(NOTE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n '#note-disabled': okhsl(NOTE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),\n\n // Border\n '#border': okhsl(PURPLE_HUE, 13, 90),\n\n '#placeholder': '#dark-04',\n\n // Semantic colors\n '#clear': 'transparent',\n '#shadow': '#dark.06',\n '#minor': '#dark.65',\n\n // Disabled state colors\n '#disabled': '#dark-01.25',\n '#disabled-text': '#dark-01.25',\n '#disabled-bg': '#dark-05.2',\n};\n"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { BASE_TOKENS } from "./base.js";
3
3
  import { COLOR_TOKENS } from "./colors.js";
4
4
  import { LAYOUT_TOKENS } from "./layout.js";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/tokens/layout.ts
3
3
  /**
4
4
  * Layout-related tokens for common UI dimensions.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/tokens/shadows.ts
3
3
  /**
4
4
  * Shadow tokens using tasty shorthand syntax.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/tokens/sizes.ts
3
3
  /**
4
4
  * Component size values in pixels.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/tokens/spacing.ts
3
3
  /**
4
4
  * Spacing tokens using tasty multiplier syntax.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/tokens/typography.ts
3
3
  /**
4
4
  * Typography presets for headings, text, and special styles.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/ResizeSensor.ts
3
3
  /**
4
4
  * Iterate over each of the provided element(s).
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/is-dev-env.ts
3
3
  function isDevEnv() {
4
4
  if (typeof window !== "undefined" && window.localStorage) try {
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/modules.ts
3
3
  function extractModule(promise) {
4
4
  return promise.then((module) => module.default || module);
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/promise.ts
3
3
  function timeout(ms = 30) {
4
4
  return new Promise((resolve) => {
package/dist/utils/raf.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/raf.ts
3
3
  /**
4
4
  * Chains N requestAnimationFrame calls and returns a cancel function.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/random.ts
3
3
  function random(min, max) {
4
4
  const realMin = min < max ? min : max;
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/range.ts
3
3
  function range(count) {
4
4
  return Array.from({ length: count }, (_, i) => i);
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { useRef } from "react";
3
3
  import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { mergeProps } from "./mergeProps.js";
3
3
  import { Children, cloneElement, createContext, useContext, useMemo } from "react";
4
4
  import { jsx } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/react/chain.ts
3
3
  /**
4
4
  * Calls all functions in the order they were chained with the same arguments.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/react/forwardRefWithGenerics.tsx
3
3
  /**
4
4
  * A helper for creating forwardRef components with generic types.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { chain } from "./chain.js";
3
3
  import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
4
4
  import { isTextOnly } from "./isTextOnly.js";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { useState } from "react";
3
3
  import { useFocus, useFocusVisible } from "react-aria";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { Children, isValidElement } from "react";
3
3
 
4
4
  //#region src/utils/react/isTextOnly.ts
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/react/mapProps.ts
3
3
  /** Converts AriaButtonProps to CubeButtonProps */
4
4
  function ariaToCubeButtonProps(props) {
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { chain } from "./chain.js";
3
3
  import { mergeIds } from "./useId.js";
4
4
  import { mergeStyles } from "@tenphi/tasty";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/react/nullableValue.ts
3
3
  function castNullableStringValue(props) {
4
4
  return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/react/resolveIcon.ts
3
3
  /**
4
4
  * Resolves a dynamic icon prop to its content and slot state.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { useEvent } from "../../_internal/hooks/use-event.js";
3
3
  import { useSyncExternalStore } from "react";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { useEffect, useRef } from "react";
3
3
 
4
4
  //#region src/utils/react/useCombinedRefs.ts
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { createSharedStore } from "./sharedStore.js";
3
3
  import { useEffect } from "react";
4
4
  import { useFocusVisible } from "react-aria";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import React, { createContext, useCallback, useContext, useEffect, useRef } from "react";
3
3
 
4
4
  //#region src/utils/react/useEventBus.ts
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
3
3
  import { useEffect, useRef, useState } from "react";
4
4
  import { useSSRSafeId } from "@react-aria/ssr";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { useEffect, useState } from "react";
3
3
 
4
4
  //#region src/utils/react/useIsDarwin.ts
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { useIsDarwin } from "./useIsDarwin.js";
3
3
  import { useMemo } from "react";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import * as React$1 from "react";
3
3
 
4
4
  //#region src/utils/react/useLayoutEffect.tsx
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { useEvent } from "../../_internal/hooks/use-event.js";
3
3
  import { useCallback, useSyncExternalStore } from "react";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { mergeStyles } from "@tenphi/tasty";
3
3
  import { useMemo } from "react";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/react/useQaProps.ts
3
3
  /**
4
4
  * Processes QA props.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { useEffect, useState } from "react";
3
3
 
4
4
  //#region src/utils/react/useViewportSize.ts
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  import { isValidElement } from "react";
3
3
  import { isFragment } from "react-is";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/styles.ts
3
3
  /**
4
4
  * Split properties into style and non-style properties.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/tree.ts
3
3
  function toFlatTree(tree, includingFolders) {
4
4
  return tree.reduce((result, node) => {
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/utils/warnings.ts
3
3
  const SUGGESTED_PROP_MAP = {
4
4
  disabled: "isDisabled",
package/dist/version.js CHANGED
@@ -1,6 +1,6 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.121.7 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.123.0 | Cube Dev Team */
2
2
  //#region src/version.ts
3
- const VERSION = "0.121.7";
3
+ const VERSION = "0.123.0";
4
4
  if (typeof window !== "undefined") {
5
5
  const version = VERSION;
6
6
  window.CubeUIKit = window.CubeUIKit || { version };
package/docs/Usage.md CHANGED
@@ -119,7 +119,7 @@ Each semantic group provides a base color and variants following the pattern: `#
119
119
 
120
120
  ### Neutral Scales
121
121
 
122
- **Dark scale:** `#dark`, `#dark-01` through `#dark-05`, `#dark-bg` — six-step neutral scale from near-black to light gray.
122
+ **Dark scale:** `#dark`, `#dark-01` through `#dark-05` — neutral scale from near-black to light gray. **Surfaces:** `#surface`, `#surface-2`, `#surface-3` — layered UI backgrounds.
123
123
 
124
124
  **Purple scale:** `#purple-01` through `#purple-04` — additional purple shades for gradients and accents.
125
125
 
@@ -19,7 +19,7 @@ A block that displays a value with copy-to-clipboard functionality. Supports pas
19
19
 
20
20
  ### Style Defaults
21
21
 
22
- - `fill` — `#dark-bg`
22
+ - `fill` — `#surface-2`
23
23
  - `radius` — `1r`
24
24
  - `cursor` — pointer
25
25
  - `preset` — `t3` (switches to `t2` when `size="large"`)
@@ -22,7 +22,7 @@ A code block with copy-to-clipboard functionality and syntax highlighting. Exten
22
22
 
23
23
  ### Style Defaults
24
24
 
25
- - `fill` — `#dark-bg`
25
+ - `fill` — `#surface-2`
26
26
  - `border` — `0`
27
27
  - `radius` — `1r`
28
28
  - `padding` — `0`
@@ -33,7 +33,7 @@ An accessible tabbed interface for organizing content into multiple panels, show
33
33
  - **`menu`** `ReactNode` — Menu items for all tabs (use `Menu.Item` children)
34
34
  - **`menuTriggerProps`** `Partial<CubeItemActionProps>` — Props for the menu trigger button
35
35
  - **`menuProps`** `Partial<CubeMenuProps>` — Props for the Menu component
36
- - **`contextMenu`** `boolean` (default: `false`) — Enable right-click context menu on tabs
36
+ - **`contextMenu`** `boolean | 'context-only'` (default: `false`) — `false`: overflow trigger only; `true`: overflow + right-click; `'context-only'`: right-click only (inline close still shown when `onDelete` is set)
37
37
  - **`onAction`** `(action: string, tabKey: string) => void` — Callback when a menu action is triggered
38
38
  - **`renderPanel`** `(key: string) => ReactNode` — Render function for lazy panel content
39
39
  - **`panelCacheKeys`** `Record<string, any>` — Cache keys for `renderPanel` content
@@ -122,7 +122,7 @@ For individual tabs:
122
122
 
123
123
  ### Tab
124
124
 
125
- Individual tab definition with title and optional content.
125
+ Each `Tab` renders an [Item](../content/Item.md) internally, so it inherits most Item props — `icon`, `rightIcon`, `prefix`, `suffix`, `tooltip`, `isLoading`, `loadingSlot`, and all Item style props (like `width`, `fill`, `padding`, etc.). Props that don't apply to tabs (`description`, `hotkeys`, `theme`, `shape`, `variant`, `highlight`, etc.) are omitted.
126
126
 
127
127
  ```jsx
128
128
  <Tab key="unique-id" title="Tab Title">
@@ -130,6 +130,28 @@ Individual tab definition with title and optional content.
130
130
  </Tab>
131
131
  ```
132
132
 
133
+ #### Tab with icon
134
+
135
+ ```jsx
136
+ <Tabs type="radio" defaultActiveKey="daily">
137
+ <Tab key="daily" icon={<IconCalendar />} title="Daily" />
138
+ <Tab key="weekly" title="Weekly" />
139
+ <Tab key="monthly" title="Monthly" />
140
+ </Tabs>
141
+ ```
142
+
143
+ #### Tab with constrained width
144
+
145
+ The `width` style prop (inherited from Item) is useful for file-style tabs where titles may be long.
146
+
147
+ ```jsx
148
+ <Tabs isEditable type="file" onTitleChange={handleTitleChange}>
149
+ <Tab key="tab1" title="A Very Long Document Name.tsx" width="max 30x">
150
+ Content
151
+ </Tab>
152
+ </Tabs>
153
+ ```
154
+
133
155
  ### Tabs.List
134
156
 
135
157
  Optional wrapper for tabs when using explicit panel placement.
@@ -177,7 +199,9 @@ Inherits all props from `ItemButton` except `shape` (always sharp).
177
199
 
178
200
  ### Tab Props
179
201
 
180
- Individual tabs accept these props in addition to style props:
202
+ `Tab` extends [Item](../content/Item.md), so it accepts all Item props except those that don't apply to tabs (`description`, `hotkeys`, `theme`, `shape`, `variant`, `highlight`, `isSelected`, `htmlType`). This includes `icon`, `rightIcon`, `prefix`, `suffix`, `tooltip`, `isLoading`, `loadingSlot`, and all style props.
203
+
204
+ In addition, Tab accepts these tab-specific props:
181
205
 
182
206
  - **`title`** `ReactNode` — Content displayed in the tab button (required)
183
207
  - **`isDisabled`** `boolean` — Disables the tab
@@ -190,7 +214,7 @@ Individual tabs accept these props in addition to style props:
190
214
  - **`menu`** `ReactNode \| null` — Menu items for this tab (overrides Tabs-level, `null` disables)
191
215
  - **`menuTriggerProps`** `Partial<CubeItemActionProps>` — Props for menu trigger button
192
216
  - **`menuProps`** `Partial<CubeMenuProps>` — Props for Menu component
193
- - **`contextMenu`** `boolean` — Enable right-click context menu
217
+ - **`contextMenu`** `boolean | 'context-only'` — Same as Tabs `contextMenu`
194
218
  - **`onAction`** `(action: Key) => void` — Callback when menu action is triggered
195
219
  - **`prerender`** `boolean` — Override panel prerender behavior
196
220
  - **`keepMounted`** `boolean` — Override panel keepMounted behavior
@@ -336,7 +360,7 @@ Combine editable tabs with a menu for rename, duplicate, and delete actions.
336
360
 
337
361
  ### Context Menu
338
362
 
339
- Enable right-click context menus with the `contextMenu` prop. Uses the same menu items.
363
+ Enable right-click context menus with the `contextMenu` prop. Uses the same menu items as `menu`. With `contextMenu={true}`, the ⋮ overflow trigger stays visible. With `contextMenu="context-only"`, only right-click (and Shift+F10) opens the menu; the actions row behaves like tabs without an overflow menu (e.g. inline close when `onDelete` is set).
340
364
 
341
365
  ```jsx
342
366
  <Tabs
@@ -352,6 +376,21 @@ Enable right-click context menus with the `contextMenu` prop. Uses the same menu
352
376
  </Tabs>
353
377
  ```
354
378
 
379
+ ```jsx
380
+ <Tabs
381
+ isEditable
382
+ contextMenu="context-only"
383
+ onDelete={handleClose}
384
+ menu={
385
+ <>
386
+ <Menu.Item key="rename">Rename</Menu.Item>
387
+ </>
388
+ }
389
+ >
390
+ <Tab key="tab1" title="Tab 1">Content</Tab>
391
+ </Tabs>
392
+ ```
393
+
355
394
  ### Per-Tab Menu Override
356
395
 
357
396
  Override or disable menus on individual tabs.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cube-dev/ui-kit",
3
- "version": "0.121.7",
3
+ "version": "0.123.0",
4
4
  "type": "module",
5
5
  "description": "UIKit for Cube Projects",
6
6
  "repository": {
package/docs/.generated DELETED
@@ -1,58 +0,0 @@
1
- docs/components/CollectionItem.md
2
- docs/components/actions/Banner.md
3
- docs/components/actions/Button.md
4
- docs/components/actions/ButtonSplit.md
5
- docs/components/actions/CommandMenu.md
6
- docs/components/actions/ItemButton.md
7
- docs/components/actions/Link.md
8
- docs/components/actions/Menu.md
9
- docs/components/actions/use-anchored-menu.md
10
- docs/components/actions/use-context-menu.md
11
- docs/components/content/Badge.md
12
- docs/components/content/Disclosure.md
13
- docs/components/content/HotKeys.md
14
- docs/components/content/Item.md
15
- docs/components/content/ItemCard.md
16
- docs/components/content/Layout.md
17
- docs/components/content/Tag.md
18
- docs/components/content/TextItem.md
19
- docs/components/fields/Checkbox.md
20
- docs/components/fields/ComboBox.md
21
- docs/components/fields/DatePicker.md
22
- docs/components/fields/FileInput.md
23
- docs/components/fields/FilterListBox.md
24
- docs/components/fields/FilterPicker.md
25
- docs/components/fields/ListBox.md
26
- docs/components/fields/NumberInput.md
27
- docs/components/fields/PasswordInput.md
28
- docs/components/fields/Picker.md
29
- docs/components/fields/RadioGroup.md
30
- docs/components/fields/SearchInput.md
31
- docs/components/fields/Select.md
32
- docs/components/fields/HueSlider.md
33
- docs/components/fields/Slider.md
34
- docs/components/fields/Switch.md
35
- docs/components/fields/TextArea.md
36
- docs/components/fields/TextInput.md
37
- docs/components/fields/TextInputMapper.md
38
- docs/components/form/Field.md
39
- docs/components/form/Form.md
40
- docs/components/form/FormInstance.md
41
- docs/components/helpers/DisplayTransition.md
42
- docs/components/helpers/IconSwitch.md
43
- docs/components/navigation/Tabs.md
44
- docs/components/overlays/Dialog.md
45
- docs/components/overlays/DialogContainer.md
46
- docs/components/overlays/DialogForm.md
47
- docs/components/overlays/DialogTrigger.md
48
- docs/components/overlays/UseDialogContainer.md
49
- docs/components/overlays/Notifications.md
50
- docs/components/overlays/Toast.md
51
- docs/components/overlays/Tooltip.md
52
- docs/ComplexLayout.md
53
- docs/CreateComponent.md
54
- docs/Introduction.md
55
- docs/RenderCache.md
56
- docs/Result.md
57
- docs/SimpleLayout.md
58
- docs/Typography.md