@cube-dev/ui-kit 0.158.0 → 0.159.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 (571) hide show
  1. package/dist/CHANGELOG.md +139 -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 +10 -4
  20. package/dist/components/actions/Button/Button.js.map +1 -1
  21. package/dist/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  22. package/dist/components/actions/ButtonSplit/ButtonSplit.js +1 -1
  23. package/dist/components/actions/ButtonSplit/context.js +1 -1
  24. package/dist/components/actions/CommandMenu/CommandMenu.js +1 -1
  25. package/dist/components/actions/CommandMenu/styled.js +1 -1
  26. package/dist/components/actions/ItemAction/ItemAction.js +1 -1
  27. package/dist/components/actions/ItemActionContext.js +1 -1
  28. package/dist/components/actions/ItemButton/ItemButton.js +1 -1
  29. package/dist/components/actions/Link/Link.js +1 -1
  30. package/dist/components/actions/Menu/Menu.js +1 -1
  31. package/dist/components/actions/Menu/MenuItem.js +1 -1
  32. package/dist/components/actions/Menu/MenuSection.js +1 -1
  33. package/dist/components/actions/Menu/MenuTrigger.js +1 -1
  34. package/dist/components/actions/Menu/SubMenuTrigger.js +1 -1
  35. package/dist/components/actions/Menu/SubmenuTriggerContext.js +1 -1
  36. package/dist/components/actions/Menu/context.js +1 -1
  37. package/dist/components/actions/Menu/styled.js +1 -1
  38. package/dist/components/actions/index.js +1 -1
  39. package/dist/components/actions/use-action.js +1 -1
  40. package/dist/components/actions/use-anchored-menu.js +1 -1
  41. package/dist/components/actions/use-context-menu.js +1 -1
  42. package/dist/components/content/ActiveZone/ActiveZone.js +1 -1
  43. package/dist/components/content/Alert/Alert.js +1 -1
  44. package/dist/components/content/Alert/use-alert.js +1 -1
  45. package/dist/components/content/Avatar/Avatar.js +1 -1
  46. package/dist/components/content/Badge/Badge.js +1 -1
  47. package/dist/components/content/Card/Card.js +1 -1
  48. package/dist/components/content/Content.js +1 -1
  49. package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js +1 -1
  50. package/dist/components/content/CopySnippet/CopySnippet.js +1 -1
  51. package/dist/components/content/Disclosure/Disclosure.js +1 -1
  52. package/dist/components/content/Divider.js +1 -1
  53. package/dist/components/content/Footer.js +1 -1
  54. package/dist/components/content/Header.js +1 -1
  55. package/dist/components/content/HotKeys/HotKeys.js +1 -1
  56. package/dist/components/content/InfoBadge/InfoBadge.js +1 -1
  57. package/dist/components/content/InlineInput/InlineInput.js +1 -1
  58. package/dist/components/content/Item/Item.d.ts +7 -0
  59. package/dist/components/content/Item/Item.js +13 -6
  60. package/dist/components/content/Item/Item.js.map +1 -1
  61. package/dist/components/content/ItemBadge/ItemBadge.js +1 -1
  62. package/dist/components/content/ItemCard/ItemCard.js +1 -1
  63. package/dist/components/content/Layout/GridLayout.js +1 -1
  64. package/dist/components/content/Layout/Layout.js +1 -1
  65. package/dist/components/content/Layout/LayoutBlock.js +1 -1
  66. package/dist/components/content/Layout/LayoutCenter.js +1 -1
  67. package/dist/components/content/Layout/LayoutContainer.js +1 -1
  68. package/dist/components/content/Layout/LayoutContent.js +1 -1
  69. package/dist/components/content/Layout/LayoutContext.js +1 -1
  70. package/dist/components/content/Layout/LayoutFlex.js +1 -1
  71. package/dist/components/content/Layout/LayoutFooter.js +1 -1
  72. package/dist/components/content/Layout/LayoutGrid.js +1 -1
  73. package/dist/components/content/Layout/LayoutHeader.js +1 -1
  74. package/dist/components/content/Layout/LayoutPane.js +1 -1
  75. package/dist/components/content/Layout/LayoutPanel.js +1 -1
  76. package/dist/components/content/Layout/LayoutPanelHeader.js +1 -1
  77. package/dist/components/content/Layout/LayoutToolbar.js +1 -1
  78. package/dist/components/content/Layout/hooks/useTinyScrollbar.js +1 -1
  79. package/dist/components/content/Layout/index.js +1 -1
  80. package/dist/components/content/Layout/utils.js +1 -1
  81. package/dist/components/content/Paragraph.js +1 -1
  82. package/dist/components/content/Placeholder/Placeholder.js +1 -1
  83. package/dist/components/content/PrismCode/PrismCode.js +1 -1
  84. package/dist/components/content/PrismCode/prismSetup.js +1 -1
  85. package/dist/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
  86. package/dist/components/content/Result/Result.js +1 -1
  87. package/dist/components/content/Skeleton/Skeleton.js +1 -1
  88. package/dist/components/content/Tag/Tag.js +1 -1
  89. package/dist/components/content/Text.js +1 -1
  90. package/dist/components/content/TextItem/TextItem.js +1 -1
  91. package/dist/components/content/Title.js +1 -1
  92. package/dist/components/content/Tree/Tree.js +1 -1
  93. package/dist/components/content/Tree/TreeNode.js +1 -1
  94. package/dist/components/content/Tree/styled.js +1 -1
  95. package/dist/components/content/Tree/tree-index.js +1 -1
  96. package/dist/components/content/Tree/use-checkbox-tree.js +1 -1
  97. package/dist/components/content/Tree/use-load-data.js +1 -1
  98. package/dist/components/content/highlightText.js +1 -1
  99. package/dist/components/content/use-auto-tooltip.js +41 -32
  100. package/dist/components/content/use-auto-tooltip.js.map +1 -1
  101. package/dist/components/data/DataTable/DataTable.js +82 -24
  102. package/dist/components/data/DataTable/DataTable.js.map +1 -1
  103. package/dist/components/data/DataTable/types.d.ts +56 -1
  104. package/dist/components/data/ItemTable/ItemTable.js +13 -5
  105. package/dist/components/data/ItemTable/ItemTable.js.map +1 -1
  106. package/dist/components/data/ItemTable/ItemTableBulkBar.js +3 -7
  107. package/dist/components/data/ItemTable/ItemTableBulkBar.js.map +1 -1
  108. package/dist/components/data/ItemTable/ItemTableDragPreview.js +1 -1
  109. package/dist/components/data/ItemTable/ItemTableFooter.js +1 -1
  110. package/dist/components/data/ItemTable/ItemTableToolbar.js +1 -1
  111. package/dist/components/data/ItemTable/types.d.ts +19 -0
  112. package/dist/components/data/TableBase/ColumnResizer.js +1 -1
  113. package/dist/components/data/TableBase/RowCollection.js +5 -3
  114. package/dist/components/data/TableBase/RowCollection.js.map +1 -1
  115. package/dist/components/data/TableBase/TableHeaderCell.js +115 -0
  116. package/dist/components/data/TableBase/TableHeaderCell.js.map +1 -0
  117. package/dist/components/data/TableBase/TableRow.js +1 -1
  118. package/dist/components/data/TableBase/TableView.js +195 -33
  119. package/dist/components/data/TableBase/TableView.js.map +1 -1
  120. package/dist/components/data/TableBase/column-menu.d.ts +36 -0
  121. package/dist/components/data/TableBase/column-menu.js +104 -0
  122. package/dist/components/data/TableBase/column-menu.js.map +1 -0
  123. package/dist/components/data/TableBase/column-tint.js +168 -0
  124. package/dist/components/data/TableBase/column-tint.js.map +1 -0
  125. package/dist/components/data/TableBase/index.d.ts +3 -2
  126. package/dist/components/data/TableBase/row-menu.js +11 -6
  127. package/dist/components/data/TableBase/row-menu.js.map +1 -1
  128. package/dist/components/data/TableBase/styled.js +45 -16
  129. package/dist/components/data/TableBase/styled.js.map +1 -1
  130. package/dist/components/data/TableBase/types.d.ts +104 -6
  131. package/dist/components/data/TableBase/types.js +1 -1
  132. package/dist/components/data/TableBase/types.js.map +1 -1
  133. package/dist/components/data/TableBase/use-cell-selection.js +0 -0
  134. package/dist/components/data/TableBase/use-column-order.js +100 -0
  135. package/dist/components/data/TableBase/use-column-order.js.map +1 -0
  136. package/dist/components/data/TableBase/use-container-width.js +1 -1
  137. package/dist/components/data/TableBase/use-row-move-animation.js +1 -1
  138. package/dist/components/data/TableBase/use-scrollability.js +1 -1
  139. package/dist/components/data/TableBase/use-table-columns.js +24 -2
  140. package/dist/components/data/TableBase/use-table-columns.js.map +1 -1
  141. package/dist/components/data/TableBase/use-table-search.js +1 -1
  142. package/dist/components/data/TableBase/use-table-selection.js +1 -1
  143. package/dist/components/data/TableBase/use-table-sort.js +20 -1
  144. package/dist/components/data/TableBase/use-table-sort.js.map +1 -1
  145. package/dist/components/data/TableBase/use-table-sorts.js +40 -1
  146. package/dist/components/data/TableBase/use-table-sorts.js.map +1 -1
  147. package/dist/components/data/TableBase/use-table-storage.d.ts +1 -1
  148. package/dist/components/data/TableBase/use-table-storage.js +6 -2
  149. package/dist/components/data/TableBase/use-table-storage.js.map +1 -1
  150. package/dist/components/data/index.d.ts +2 -1
  151. package/dist/components/fields/Checkbox/Checkbox.js +1 -1
  152. package/dist/components/fields/Checkbox/CheckboxGroup.js +1 -1
  153. package/dist/components/fields/Checkbox/context.js +1 -1
  154. package/dist/components/fields/ColorInput/ColorInput.js +1 -1
  155. package/dist/components/fields/ColorPicker/ColorPicker.js +1 -1
  156. package/dist/components/fields/ColorSwatchGroup/ColorSwatchGroup.js +1 -1
  157. package/dist/components/fields/ComboBox/ComboBox.js +1 -1
  158. package/dist/components/fields/CommandTextArea/CommandTextArea.js +1 -1
  159. package/dist/components/fields/CommandTextArea/caretPosition.js +1 -1
  160. package/dist/components/fields/CommandTextArea/useCaretAnchor.js +1 -1
  161. package/dist/components/fields/DatePicker/DateInput.js +1 -1
  162. package/dist/components/fields/DatePicker/DateInputBase.js +1 -1
  163. package/dist/components/fields/DatePicker/DatePicker.js +1 -1
  164. package/dist/components/fields/DatePicker/DatePickerButton.js +1 -1
  165. package/dist/components/fields/DatePicker/DatePickerElement.js +1 -1
  166. package/dist/components/fields/DatePicker/DatePickerInput.js +1 -1
  167. package/dist/components/fields/DatePicker/DatePickerSegment.js +1 -1
  168. package/dist/components/fields/DatePicker/DateRangePicker.js +1 -1
  169. package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
  170. package/dist/components/fields/DatePicker/MonthPicker.js +1 -1
  171. package/dist/components/fields/DatePicker/PeriodPicker.js +1 -1
  172. package/dist/components/fields/DatePicker/QuarterPicker.js +1 -1
  173. package/dist/components/fields/DatePicker/TimeInput.js +1 -1
  174. package/dist/components/fields/DatePicker/WeekPicker.js +1 -1
  175. package/dist/components/fields/DatePicker/YearPicker.js +1 -1
  176. package/dist/components/fields/DatePicker/parseDate.js +1 -1
  177. package/dist/components/fields/DatePicker/period.js +1 -1
  178. package/dist/components/fields/DatePicker/props.js +1 -1
  179. package/dist/components/fields/DatePicker/utils.js +1 -1
  180. package/dist/components/fields/FileInput/FileInput.js +1 -1
  181. package/dist/components/fields/FilterListBox/FilterListBox.js +1 -1
  182. package/dist/components/fields/FilterPicker/FilterPicker.js +1 -1
  183. package/dist/components/fields/Input/Input.js +1 -1
  184. package/dist/components/fields/ListBox/DraggableListBox.js +1 -1
  185. package/dist/components/fields/ListBox/ListBox.js +1 -1
  186. package/dist/components/fields/ListBoxPopover/ListBoxPopover.js +1 -1
  187. package/dist/components/fields/ListBoxPopover/listNavigation.js +1 -1
  188. package/dist/components/fields/ListBoxPopover/useCompositeFocus.js +1 -1
  189. package/dist/components/fields/NumberInput/NumberInput.js +1 -1
  190. package/dist/components/fields/NumberInput/StepButton.js +1 -1
  191. package/dist/components/fields/PasswordInput/PasswordInput.js +1 -1
  192. package/dist/components/fields/Picker/Picker.js +1 -1
  193. package/dist/components/fields/RadioGroup/Radio.js +1 -1
  194. package/dist/components/fields/RadioGroup/RadioGroup.js +1 -1
  195. package/dist/components/fields/RadioGroup/context.js +1 -1
  196. package/dist/components/fields/SearchComboBox/SearchComboBox.js +1 -1
  197. package/dist/components/fields/SearchInput/SearchInput.js +1 -1
  198. package/dist/components/fields/Select/Select.js +1 -1
  199. package/dist/components/fields/Slider/Gradation.js +1 -1
  200. package/dist/components/fields/Slider/HueSlider.js +1 -1
  201. package/dist/components/fields/Slider/RangeSlider.js +1 -1
  202. package/dist/components/fields/Slider/Slider.js +1 -1
  203. package/dist/components/fields/Slider/SliderBase.js +1 -1
  204. package/dist/components/fields/Slider/SliderThumb.js +1 -1
  205. package/dist/components/fields/Slider/SliderTrack.js +1 -1
  206. package/dist/components/fields/Slider/elements.js +1 -1
  207. package/dist/components/fields/Slider/index.js +1 -1
  208. package/dist/components/fields/Switch/Switch.js +1 -1
  209. package/dist/components/fields/TextArea/TextArea.js +1 -1
  210. package/dist/components/fields/TextInput/TextInput.js +1 -1
  211. package/dist/components/fields/TextInput/TextInputBase.js +1 -1
  212. package/dist/components/fields/TextInputMapper/TextInputMapper.js +1 -1
  213. package/dist/components/fields/color/ColorPanel.js +1 -1
  214. package/dist/components/fields/color/ColorSwatch.js +1 -1
  215. package/dist/components/fields/color/channels.js +1 -1
  216. package/dist/components/fields/color/color.js +1 -1
  217. package/dist/components/fields/color/context.js +1 -1
  218. package/dist/components/form/FieldWrapper/FieldWrapper.js +1 -1
  219. package/dist/components/form/Form/Field.js +1 -1
  220. package/dist/components/form/Form/Form.js +1 -1
  221. package/dist/components/form/Form/ResetButton/ResetButton.js +1 -1
  222. package/dist/components/form/Form/SubmitButton/SubmitButton.js +1 -1
  223. package/dist/components/form/Form/SubmitError.js +1 -1
  224. package/dist/components/form/Form/index.js +1 -1
  225. package/dist/components/form/Form/use-field/use-field-props.js +1 -1
  226. package/dist/components/form/Form/use-field/use-field.js +1 -1
  227. package/dist/components/form/Form/use-form.js +1 -1
  228. package/dist/components/form/Form/validation.js +1 -1
  229. package/dist/components/form/Label.js +1 -1
  230. package/dist/components/form/validation/ValidationIndicator.js +1 -1
  231. package/dist/components/form/validation/resolve-validation-props.js +1 -1
  232. package/dist/components/form/validation/use-validation-props.js +1 -1
  233. package/dist/components/form/wrapper.js +1 -1
  234. package/dist/components/helpers/DisplayTransition/DisplayTransition.js +1 -1
  235. package/dist/components/helpers/IconSwitch/IconSwitch.js +1 -1
  236. package/dist/components/layout/Board/Board.js +1 -1
  237. package/dist/components/layout/Board/BoardProvider.js +1 -1
  238. package/dist/components/layout/Board/BoardResponsive.js +1 -1
  239. package/dist/components/layout/Board/Widget.js +1 -1
  240. package/dist/components/layout/Board/WidgetHost.js +1 -1
  241. package/dist/components/layout/Board/board-context.js +1 -1
  242. package/dist/components/layout/Board/board-store.js +1 -1
  243. package/dist/components/layout/Board/grid-core/calculate.js +1 -1
  244. package/dist/components/layout/Board/grid-core/collision.js +1 -1
  245. package/dist/components/layout/Board/grid-core/compactors.js +1 -1
  246. package/dist/components/layout/Board/grid-core/constraints.js +1 -1
  247. package/dist/components/layout/Board/grid-core/group-move.js +1 -1
  248. package/dist/components/layout/Board/grid-core/layout.js +1 -1
  249. package/dist/components/layout/Board/grid-core/sort.js +1 -1
  250. package/dist/components/layout/Board/index.js +1 -1
  251. package/dist/components/layout/Board/responsive-utils.js +1 -1
  252. package/dist/components/layout/Board/use-board-layout.js +1 -1
  253. package/dist/components/layout/Board/use-board-registry.js +1 -1
  254. package/dist/components/layout/Board/use-board-select-modifier-key.js +1 -1
  255. package/dist/components/layout/Board/use-board-selection.js +1 -1
  256. package/dist/components/layout/Flex.js +1 -1
  257. package/dist/components/layout/Flow.js +1 -1
  258. package/dist/components/layout/Grid.js +1 -1
  259. package/dist/components/layout/Panel.js +1 -1
  260. package/dist/components/layout/Prefix.js +1 -1
  261. package/dist/components/layout/ResizablePanel.js +1 -1
  262. package/dist/components/layout/Space.js +1 -1
  263. package/dist/components/layout/Suffix.js +1 -1
  264. package/dist/components/navigation/Pagination/Pagination.js +1 -1
  265. package/dist/components/navigation/Pagination/use-pagination.js +1 -1
  266. package/dist/components/navigation/Tabs/DraggableTabList.js +1 -1
  267. package/dist/components/navigation/Tabs/TabButton.js +1 -1
  268. package/dist/components/navigation/Tabs/TabDropIndicator.js +1 -1
  269. package/dist/components/navigation/Tabs/TabPanel.js +1 -1
  270. package/dist/components/navigation/Tabs/TabPicker.js +1 -1
  271. package/dist/components/navigation/Tabs/Tabs.js +1 -1
  272. package/dist/components/navigation/Tabs/TabsAction.js +1 -1
  273. package/dist/components/navigation/Tabs/TabsContext.js +1 -1
  274. package/dist/components/navigation/Tabs/popover-placement.js +1 -1
  275. package/dist/components/navigation/Tabs/styled.js +1 -1
  276. package/dist/components/navigation/Tabs/types.js +1 -1
  277. package/dist/components/navigation/Tabs/use-tab-editing.js +1 -1
  278. package/dist/components/navigation/Tabs/use-tab-indicator.js +1 -1
  279. package/dist/components/organisms/StatsCard/StatsCard.js +1 -1
  280. package/dist/components/other/Calendar/Calendar.js +1 -1
  281. package/dist/components/other/Calendar/CalendarCell.js +1 -1
  282. package/dist/components/other/Calendar/CalendarGrid.js +1 -1
  283. package/dist/components/other/Calendar/PeriodCalendar.js +1 -1
  284. package/dist/components/other/Calendar/RangeCalendar.js +1 -1
  285. package/dist/components/other/CubeLogo/CubeLogo.js +1 -1
  286. package/dist/components/overlays/AlertDialog/AlertDialog.js +1 -1
  287. package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  288. package/dist/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  289. package/dist/components/overlays/Dialog/Dialog.js +1 -1
  290. package/dist/components/overlays/Dialog/DialogContainer.js +1 -1
  291. package/dist/components/overlays/Dialog/DialogForm.js +1 -1
  292. package/dist/components/overlays/Dialog/DialogTrigger.js +1 -1
  293. package/dist/components/overlays/Dialog/context.js +1 -1
  294. package/dist/components/overlays/Dialog/use-dialog-container.js +1 -1
  295. package/dist/components/overlays/Modal/Modal.js +1 -1
  296. package/dist/components/overlays/Modal/OpenTransitionContext.js +1 -1
  297. package/dist/components/overlays/Modal/Overlay.js +1 -1
  298. package/dist/components/overlays/Modal/Popover.js +1 -1
  299. package/dist/components/overlays/Modal/Tray.js +1 -1
  300. package/dist/components/overlays/Modal/Underlay.js +1 -1
  301. package/dist/components/overlays/Notifications/Notification.js +1 -1
  302. package/dist/components/overlays/Notifications/NotificationAction.js +1 -1
  303. package/dist/components/overlays/Notifications/NotificationCard.js +1 -1
  304. package/dist/components/overlays/Notifications/NotificationContext.js +1 -1
  305. package/dist/components/overlays/Notifications/NotificationItem.js +1 -1
  306. package/dist/components/overlays/Notifications/OverlayContainer.js +1 -1
  307. package/dist/components/overlays/Notifications/OverlayProvider.js +1 -1
  308. package/dist/components/overlays/Notifications/PersistentNotificationsList.js +1 -1
  309. package/dist/components/overlays/Notifications/dismissed-storage.js +1 -1
  310. package/dist/components/overlays/Notifications/format-relative-time.js +1 -1
  311. package/dist/components/overlays/Notifications/index.js +1 -1
  312. package/dist/components/overlays/Notifications/use-notification-state.js +1 -1
  313. package/dist/components/overlays/Notifications/use-notifications.js +1 -1
  314. package/dist/components/overlays/Notifications/use-overlay-timers.js +1 -1
  315. package/dist/components/overlays/Notifications/use-persistent-notifications.js +1 -1
  316. package/dist/components/overlays/Notifications/use-persistent-state.js +1 -1
  317. package/dist/components/overlays/Notifications/use-toast-state.js +1 -1
  318. package/dist/components/overlays/Toast/ToastItem.js +1 -1
  319. package/dist/components/overlays/Toast/index.js +1 -1
  320. package/dist/components/overlays/Toast/useProgressToast.js +1 -1
  321. package/dist/components/overlays/Toast/useToast.js +1 -1
  322. package/dist/components/overlays/Tooltip/Tooltip.js +1 -1
  323. package/dist/components/overlays/Tooltip/TooltipProvider.js +1 -1
  324. package/dist/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  325. package/dist/components/overlays/Tooltip/context.js +1 -1
  326. package/dist/components/portal/Portal.js +1 -1
  327. package/dist/components/portal/PortalProvider.js +1 -1
  328. package/dist/components/portal/usePortal.js +1 -1
  329. package/dist/components/shared/DraggableCollection.js +1 -1
  330. package/dist/components/shared/InvalidIcon.js +1 -1
  331. package/dist/components/shared/ValidIcon.js +1 -1
  332. package/dist/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
  333. package/dist/components/status/Spin/Cube.js +1 -1
  334. package/dist/components/status/Spin/InternalSpinner.js +1 -1
  335. package/dist/components/status/Spin/Spin.js +1 -1
  336. package/dist/components/status/Spin/SpinsContainer.js +1 -1
  337. package/dist/data/item-themes.js +1 -1
  338. package/dist/data/themes.js +1 -1
  339. package/dist/eslint-plugin/defaults.generated.js +13 -1
  340. package/dist/eslint-plugin/defaults.generated.js.map +1 -1
  341. package/dist/eslint-plugin/index.js +1 -1
  342. package/dist/eslint-plugin/rules/no-redundant-default-prop.js +1 -1
  343. package/dist/i18n/I18nProvider.js +1 -1
  344. package/dist/i18n/createFormatter.js +1 -1
  345. package/dist/i18n/index.js +1 -1
  346. package/dist/i18n/instance.js +1 -1
  347. package/dist/i18n/locales/de-DE/uikit.js +5 -1
  348. package/dist/i18n/locales/en-US/uikit.js +5 -1
  349. package/dist/i18n/locales/en-US/uikit.json.d.ts +4 -0
  350. package/dist/i18n/locales/es-ES/uikit.js +5 -1
  351. package/dist/i18n/locales/es-MX/uikit.js +5 -1
  352. package/dist/i18n/locales/fr-FR/uikit.js +5 -1
  353. package/dist/i18n/locales/it-IT/uikit.js +5 -1
  354. package/dist/i18n/locales/ja-JP/uikit.js +5 -1
  355. package/dist/i18n/locales/nb-NO/uikit.js +5 -1
  356. package/dist/i18n/locales/pt-BR/uikit.js +5 -1
  357. package/dist/i18n/locales/pt-PT/uikit.js +5 -1
  358. package/dist/i18n/locales/sv-SE/uikit.js +5 -1
  359. package/dist/i18n/locales/vi-VN/uikit.js +5 -1
  360. package/dist/i18n/locales.js +1 -1
  361. package/dist/i18n/useFormatter.js +1 -1
  362. package/dist/i18n/useI18n.js +1 -1
  363. package/dist/icons/AdjustmentsHorizontalIcon.js +1 -1
  364. package/dist/icons/AdjustmentsIcon.js +1 -1
  365. package/dist/icons/AiIcon.js +1 -1
  366. package/dist/icons/AreaChartIcon.js +1 -1
  367. package/dist/icons/ArrowNarrowDownIcon.d.ts +12 -0
  368. package/dist/icons/ArrowNarrowDownIcon.js +11 -0
  369. package/dist/icons/ArrowNarrowDownIcon.js.map +1 -0
  370. package/dist/icons/ArrowNarrowUpIcon.d.ts +12 -0
  371. package/dist/icons/ArrowNarrowUpIcon.js +11 -0
  372. package/dist/icons/ArrowNarrowUpIcon.js.map +1 -0
  373. package/dist/icons/BackwardIcon.js +1 -1
  374. package/dist/icons/BarChartIcon.js +1 -1
  375. package/dist/icons/BellFilledIcon.js +1 -1
  376. package/dist/icons/BellIcon.js +1 -1
  377. package/dist/icons/BooleanIcon.js +1 -1
  378. package/dist/icons/CalendarEditIcon.js +1 -1
  379. package/dist/icons/CalendarIcon.js +1 -1
  380. package/dist/icons/CaretDownIcon.js +1 -1
  381. package/dist/icons/CaretUpIcon.js +1 -1
  382. package/dist/icons/ChartAreaStackedIcon.js +1 -1
  383. package/dist/icons/ChartAreaStackedPercentageIcon.js +1 -1
  384. package/dist/icons/ChartBarGroupedHorizontalIcon.js +1 -1
  385. package/dist/icons/ChartBarGroupedIcon.js +1 -1
  386. package/dist/icons/ChartBarHorizontalIcon.js +1 -1
  387. package/dist/icons/ChartBarLineIcon.js +1 -1
  388. package/dist/icons/ChartBarStackedHorizontalIcon.js +1 -1
  389. package/dist/icons/ChartBarStackedIcon.js +1 -1
  390. package/dist/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
  391. package/dist/icons/ChartBarStackedPercentageIcon.js +1 -1
  392. package/dist/icons/ChartBoxPlot2Icon.js +1 -1
  393. package/dist/icons/ChartBoxPlotIcon.js +1 -1
  394. package/dist/icons/ChartBubbleIcon.js +1 -1
  395. package/dist/icons/ChartDonut2Icon.js +1 -1
  396. package/dist/icons/ChartFunnelIcon.js +1 -1
  397. package/dist/icons/ChartHeatmapIcon.js +1 -1
  398. package/dist/icons/ChartKPIIcon.js +1 -1
  399. package/dist/icons/ChartPie2Icon.js +1 -1
  400. package/dist/icons/ChartScatterIcon.js +1 -1
  401. package/dist/icons/CheckCircleFilledIcon.js +1 -1
  402. package/dist/icons/CheckCircleIcon.js +1 -1
  403. package/dist/icons/CheckIcon.js +1 -1
  404. package/dist/icons/CircleFilledIcon.js +1 -1
  405. package/dist/icons/ClearIcon.js +1 -1
  406. package/dist/icons/CloseCircleFilledIcon.js +1 -1
  407. package/dist/icons/CloseCircleIcon.js +1 -1
  408. package/dist/icons/CloseIcon.js +1 -1
  409. package/dist/icons/CodeIcon.js +1 -1
  410. package/dist/icons/ColumnTotalIcon.js +1 -1
  411. package/dist/icons/CopyIcon.js +1 -1
  412. package/dist/icons/CountIcon.js +1 -1
  413. package/dist/icons/CubeIcon.js +1 -1
  414. package/dist/icons/CubePauseIcon.js +1 -1
  415. package/dist/icons/CubePlayIcon.js +1 -1
  416. package/dist/icons/CurrencyDollarIcon.js +1 -1
  417. package/dist/icons/DangerIcon.js +1 -1
  418. package/dist/icons/DashboardIcon.js +1 -1
  419. package/dist/icons/DatabaseIcon.js +1 -1
  420. package/dist/icons/DecimalDecreaseIcon.js +1 -1
  421. package/dist/icons/DecimalIncreaseIcon.js +1 -1
  422. package/dist/icons/DirectionIcon.js +1 -1
  423. package/dist/icons/DonutIcon.js +1 -1
  424. package/dist/icons/DownIcon.js +1 -1
  425. package/dist/icons/EditIcon.js +1 -1
  426. package/dist/icons/ExclamationCircleFilledIcon.js +1 -1
  427. package/dist/icons/ExclamationCircleIcon.js +1 -1
  428. package/dist/icons/ExclamationIcon.js +1 -1
  429. package/dist/icons/EyeIcon.js +1 -1
  430. package/dist/icons/EyeInvisibleIcon.js +1 -1
  431. package/dist/icons/FilterIcon.js +1 -1
  432. package/dist/icons/FolderFilledIcon.js +1 -1
  433. package/dist/icons/FolderIcon.js +1 -1
  434. package/dist/icons/FolderOpenFilledIcon.js +1 -1
  435. package/dist/icons/FolderOpenIcon.js +1 -1
  436. package/dist/icons/ForwardIcon.js +1 -1
  437. package/dist/icons/GripVerticalIcon.js +1 -1
  438. package/dist/icons/HierarchyIcon.js +1 -1
  439. package/dist/icons/HierarchyOpenIcon.js +1 -1
  440. package/dist/icons/Icon.js +1 -1
  441. package/dist/icons/InfoCircleIcon.js +1 -1
  442. package/dist/icons/InfoIcon.js +1 -1
  443. package/dist/icons/KeyIcon.js +1 -1
  444. package/dist/icons/LeftIcon.js +1 -1
  445. package/dist/icons/LineChartIcon.js +1 -1
  446. package/dist/icons/LoadingIcon.js +1 -1
  447. package/dist/icons/LockFilledIcon.js +1 -1
  448. package/dist/icons/LockIcon.js +1 -1
  449. package/dist/icons/MoreIcon.js +1 -1
  450. package/dist/icons/NotAllowedIcon.js +1 -1
  451. package/dist/icons/Number123Icon.js +1 -1
  452. package/dist/icons/NumberIcon.js +1 -1
  453. package/dist/icons/PauseCircleFilledIcon.js +1 -1
  454. package/dist/icons/PauseCircleIcon.js +1 -1
  455. package/dist/icons/PauseIcon.js +1 -1
  456. package/dist/icons/PercentageIcon.js +1 -1
  457. package/dist/icons/PieChartIcon.js +1 -1
  458. package/dist/icons/PipetteIcon.js +1 -1
  459. package/dist/icons/PlayCircleIcon.js +1 -1
  460. package/dist/icons/PlayIcon.js +1 -1
  461. package/dist/icons/PlusIcon.js +1 -1
  462. package/dist/icons/ProgressBarIcon.js +1 -1
  463. package/dist/icons/ReloadIcon.js +1 -1
  464. package/dist/icons/ReportIcon.js +1 -1
  465. package/dist/icons/ReturnIcon.js +1 -1
  466. package/dist/icons/RightIcon.js +1 -1
  467. package/dist/icons/RowTotalsIcon.js +1 -1
  468. package/dist/icons/SchemeIcon.js +1 -1
  469. package/dist/icons/SearchIcon.js +1 -1
  470. package/dist/icons/SemanticQueryIcon.js +1 -1
  471. package/dist/icons/SettingsIcon.js +1 -1
  472. package/dist/icons/ShieldFilledIcon.js +1 -1
  473. package/dist/icons/ShieldIcon.js +1 -1
  474. package/dist/icons/SlashIcon.js +1 -1
  475. package/dist/icons/SparklesIcon.js +1 -1
  476. package/dist/icons/SqlIcon.js +1 -1
  477. package/dist/icons/StatsIcon.js +1 -1
  478. package/dist/icons/StopIcon.js +1 -1
  479. package/dist/icons/StringIcon.js +1 -1
  480. package/dist/icons/SubtotalsIcon.js +1 -1
  481. package/dist/icons/SwitchIcon.js +1 -1
  482. package/dist/icons/TableIcon.js +1 -1
  483. package/dist/icons/ThumbsDownIcon.js +1 -1
  484. package/dist/icons/ThumbsUpIcon.js +1 -1
  485. package/dist/icons/ThunderboltCrossedIcon.js +1 -1
  486. package/dist/icons/ThunderboltFilledIcon.js +1 -1
  487. package/dist/icons/ThunderboltIcon.js +1 -1
  488. package/dist/icons/TimeIcon.js +1 -1
  489. package/dist/icons/TrashIcon.js +1 -1
  490. package/dist/icons/UnlockIcon.js +1 -1
  491. package/dist/icons/UpIcon.js +1 -1
  492. package/dist/icons/UserGroupIcon.js +1 -1
  493. package/dist/icons/UserIcon.js +1 -1
  494. package/dist/icons/UserLockIcon.js +1 -1
  495. package/dist/icons/ViewIcon.js +1 -1
  496. package/dist/icons/WarningFilledIcon.js +1 -1
  497. package/dist/icons/WarningIcon.js +1 -1
  498. package/dist/icons/index.d.ts +2 -0
  499. package/dist/icons/wrap-icon.js +1 -1
  500. package/dist/index.d.ts +7 -2
  501. package/dist/index.js +7 -2
  502. package/dist/index.js.map +1 -1
  503. package/dist/provider.js +1 -1
  504. package/dist/providers/TrackingProvider.js +1 -1
  505. package/dist/providers/navigationAdapter.default.js +1 -1
  506. package/dist/tokens/base.js +1 -1
  507. package/dist/tokens/color-theme.d.ts +86 -0
  508. package/dist/tokens/color-theme.js +156 -0
  509. package/dist/tokens/color-theme.js.map +1 -0
  510. package/dist/tokens/colors.js +1 -1
  511. package/dist/tokens/index.d.ts +1 -0
  512. package/dist/tokens/index.js +2 -1
  513. package/dist/tokens/index.js.map +1 -1
  514. package/dist/tokens/layout.js +1 -1
  515. package/dist/tokens/lazy-styles.js +1 -1
  516. package/dist/tokens/palette-config.js +2 -2
  517. package/dist/tokens/palette.d.ts +1 -1
  518. package/dist/tokens/palette.js +44 -2
  519. package/dist/tokens/palette.js.map +1 -1
  520. package/dist/tokens/shadows.js +1 -1
  521. package/dist/tokens/sizes.js +1 -1
  522. package/dist/tokens/spacing.js +1 -1
  523. package/dist/tokens/typography.js +1 -1
  524. package/dist/utils/ResizeSensor.js +1 -1
  525. package/dist/utils/index.d.ts +1 -0
  526. package/dist/utils/is-dev-env.js +1 -1
  527. package/dist/utils/modules.js +1 -1
  528. package/dist/utils/promise.js +1 -1
  529. package/dist/utils/raf.js +1 -1
  530. package/dist/utils/random.js +1 -1
  531. package/dist/utils/range.js +1 -1
  532. package/dist/utils/react/RenderCache.js +1 -1
  533. package/dist/utils/react/Slots.js +1 -1
  534. package/dist/utils/react/chain.js +1 -1
  535. package/dist/utils/react/disabledProps.d.ts +49 -0
  536. package/dist/utils/react/disabledProps.js +82 -0
  537. package/dist/utils/react/disabledProps.js.map +1 -0
  538. package/dist/utils/react/forwardRefWithGenerics.js +1 -1
  539. package/dist/utils/react/index.d.ts +1 -0
  540. package/dist/utils/react/index.js +2 -1
  541. package/dist/utils/react/interactions.js +1 -1
  542. package/dist/utils/react/isTextOnly.js +1 -1
  543. package/dist/utils/react/mapProps.js +1 -1
  544. package/dist/utils/react/mergeProps.js +1 -1
  545. package/dist/utils/react/nullableValue.js +1 -1
  546. package/dist/utils/react/resolveIcon.js +1 -1
  547. package/dist/utils/react/sharedStore.js +1 -1
  548. package/dist/utils/react/useBufferedValue.js +1 -1
  549. package/dist/utils/react/useCombinedRefs.js +1 -1
  550. package/dist/utils/react/useControlledFocusVisible.js +1 -1
  551. package/dist/utils/react/useEventBus.js +1 -1
  552. package/dist/utils/react/useId.js +1 -1
  553. package/dist/utils/react/useIsDarwin.js +1 -1
  554. package/dist/utils/react/useKeySymbols.js +1 -1
  555. package/dist/utils/react/useLayoutEffect.js +1 -1
  556. package/dist/utils/react/useLocalStorage.js +1 -1
  557. package/dist/utils/react/useMergeStyles.js +1 -1
  558. package/dist/utils/react/usePopoverSync.js +1 -1
  559. package/dist/utils/react/useQaProps.js +1 -1
  560. package/dist/utils/react/useViewportSize.js +1 -1
  561. package/dist/utils/react/wrapNodeIfPlain.js +1 -1
  562. package/dist/utils/selection.js +1 -1
  563. package/dist/utils/styles.js +1 -1
  564. package/dist/utils/tree.js +1 -1
  565. package/dist/utils/warnings.js +1 -1
  566. package/dist/version.js +2 -2
  567. package/docs/components/actions/Button.md +17 -0
  568. package/docs/components/content/Item.md +8 -1
  569. package/docs/components/data/DataTable.md +118 -2
  570. package/docs/components/data/ItemTable.md +37 -5
  571. package/package.json +1 -1
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["Text"],"sources":["../src/index.ts"],"sourcesContent":["import { CubeParagraphProps, Paragraph } from './components/content/Paragraph';\nimport { CubeTextProps, Text } from './components/content/Text';\nimport { CubeTextItemProps, TextItem } from './components/content/TextItem';\nimport { CubeTitleProps, Title } from './components/content/Title';\n\nimport './version';\n\nexport { Section } from 'react-stately';\nexport type { MenuTriggerState } from 'react-stately';\n\nexport * from '@internationalized/date';\n\n// generic components\nexport { CollectionItem } from './components/CollectionItem';\nexport { Block } from './components/Block';\nexport type { CubeBlockProps } from './components/Block';\nexport { Item } from './components/content/Item/Item';\nexport type { CubeItemProps } from './components/content/Item/Item';\n// @deprecated Use `Item` instead\nexport { ItemBase } from './components/content/Item/Item';\n// @deprecated Use `CubeItemProps` instead\nexport type { CubeItemBaseProps } from './components/content/Item/Item';\nexport { ItemCard } from './components/content/ItemCard/ItemCard';\nexport type { CubeItemCardProps } from './components/content/ItemCard/ItemCard';\nexport { ItemBadge } from './components/content/ItemBadge/ItemBadge';\nexport type { CubeItemBadgeProps } from './components/content/ItemBadge/ItemBadge';\nexport { InfoBadge } from './components/content/InfoBadge/InfoBadge';\nexport type {\n CubeInfoBadgeProps,\n CubeInfoBadgeTooltipConfig,\n} from './components/content/InfoBadge/InfoBadge';\nexport { ActiveZone } from './components/content/ActiveZone/ActiveZone';\nexport type { CubeActiveZoneProps } from './components/content/ActiveZone/ActiveZone';\nexport { InlineInput } from './components/content/InlineInput';\nexport type {\n CubeInlineInputProps,\n CubeInlineInputRef,\n CubeInlineInputEditTrigger,\n} from './components/content/InlineInput';\nexport * from './components/content/CopySnippet';\nexport * from './components/content/CopyPasteBlock';\nexport { Grid } from './components/layout/Grid';\nexport type { CubeGridProps } from './components/layout/Grid';\nexport { Flex } from './components/layout/Flex';\nexport type { CubeFlexProps } from './components/layout/Flex';\nexport { Link } from './components/actions/Link/Link';\nexport { Space } from './components/layout/Space';\nexport type { CubeSpaceProps } from './components/layout/Space';\nexport { Flow } from './components/layout/Flow';\nexport type { CubeFlowProps } from './components/layout/Flow';\nexport { Panel } from './components/layout/Panel';\nexport type { CubePanelProps } from './components/layout/Panel';\nexport { ResizablePanel } from './components/layout/ResizablePanel';\nexport type { CubeResizablePanelProps } from './components/layout/ResizablePanel';\nexport {\n Board,\n BoardProvider,\n BoardResponsive,\n BoardWidget,\n verticalCompactor,\n horizontalCompactor,\n noCompactor,\n getCompactor,\n gridBounds,\n minMaxSize,\n containerBounds,\n boundedX,\n boundedY,\n aspectRatio,\n snapToGrid,\n minSize,\n maxSize,\n BOARD_SELECTION_CANCEL,\n} from './components/layout/Board';\nexport type {\n CubeBoardProps,\n BoardSelectionMode,\n CubeBoardWidgetProps,\n CubeBoardProviderProps,\n CubeBoardResponsiveProps,\n BoardCompactType,\n BoardGridLines,\n BoardInteractionInfo,\n BoardBreakpoints,\n BoardBreakpointCols,\n BoardResponsiveLayouts,\n Layout as BoardLayout,\n LayoutItem as BoardLayoutItem,\n ResizeHandleAxis as BoardResizeHandleAxis,\n Compactor as BoardCompactor,\n LayoutConstraint as BoardLayoutConstraint,\n WidgetTransferInfo as BoardWidgetTransferInfo,\n} from './components/layout/Board';\nexport { Root } from './components/Root';\nexport type { CubeRootProps } from './components/Root';\nexport { DisplayTransition } from './components/helpers/DisplayTransition/DisplayTransition';\nexport type { DisplayTransitionProps } from './components/helpers/DisplayTransition/DisplayTransition';\nexport { IconSwitch } from './components/helpers/IconSwitch/IconSwitch';\nexport type { CubeIconSwitchProps } from './components/helpers/IconSwitch/IconSwitch';\n\n// Navigation types and helpers\nexport type {\n NavigationAdapter,\n NavigateLike,\n Path,\n To,\n NavigateArg,\n NavigateOptions,\n RelativeRoutingType,\n} from './providers/navigation.types';\nexport { defaultNavigationAdapter } from './providers/navigationAdapter.default';\nexport { PrismCode } from './components/content/PrismCode/PrismCode';\nexport type { CubePrismCodeProps } from './components/content/PrismCode/PrismCode';\nexport { PrismDiffCode } from './components/content/PrismDiffCode/PrismDiffCode';\nexport type { CubePrismDiffCodeProps } from './components/content/PrismDiffCode/PrismDiffCode';\nexport { Prefix } from './components/layout/Prefix';\nexport type { CubePrefixProps } from './components/layout/Prefix';\nexport { Suffix } from './components/layout/Suffix';\nexport type { CubeSuffixProps } from './components/layout/Suffix';\nexport { Divider } from './components/content/Divider';\nexport type { CubeDividerProps } from './components/content/Divider';\nexport { Disclosure } from './components/content/Disclosure';\nexport type {\n CubeDisclosureProps,\n CubeDisclosureTriggerProps,\n CubeDisclosureContentProps,\n CubeDisclosureGroupProps,\n CubeDisclosureItemProps,\n DisclosureStateContext,\n} from './components/content/Disclosure';\nexport { Tree } from './components/content/Tree';\nexport type {\n CubeTreeProps,\n CubeTreeNodeData,\n TreeOnCheckInfo,\n TreeOnExpandInfo,\n TreeOnSelectInfo,\n TreeLoadDataNode,\n TreeSelectionMode,\n TreeContextMenu,\n TreeNodeState,\n} from './components/content/Tree';\nexport { GridProvider } from './components/GridProvider';\nexport type { CubeGridProviderProps } from './components/GridProvider';\nexport { Content } from './components/content/Content';\nexport type { CubeContentProps } from './components/content/Content';\nexport { Header } from './components/content/Header';\nexport type { CubeHeaderProps } from './components/content/Header';\nexport { Footer } from './components/content/Footer';\nexport type { CubeFooterProps } from './components/content/Footer';\nexport { Result } from './components/content/Result/Result';\nexport type {\n CubeResultProps,\n CubeResultStatus,\n} from './components/content/Result/Result';\nexport { Layout, GridLayout } from './components/content/Layout';\nexport type {\n CubeLayoutProps,\n CubeGridLayoutProps,\n CubeLayoutToolbarProps,\n CubeLayoutHeaderProps,\n CubeLayoutFooterProps,\n CubeLayoutContentProps,\n CubeLayoutPaneProps,\n CubeLayoutPanelProps,\n CubeLayoutPanelHeaderProps,\n ScrollbarType,\n} from './components/content/Layout';\n\n// atoms\nexport * from './components/status';\nexport { Card } from './components/content/Card/Card';\nexport type { CubeCardProps } from './components/content/Card/Card';\nexport * from './components/actions';\nexport { Placeholder } from './components/content/Placeholder/Placeholder';\nexport type { CubePlaceholderProps } from './components/content/Placeholder/Placeholder';\nexport { Skeleton } from './components/content/Skeleton/Skeleton';\nexport type { CubeSkeletonProps } from './components/content/Skeleton/Skeleton';\nexport { CubeLogo, CubeFullLogo } from './components/other/CubeLogo/CubeLogo';\nexport type { CubeLogoProps } from './components/other/CubeLogo/CubeLogo';\nexport { Badge } from './components/content/Badge/Badge';\nexport type { CubeBadgeProps } from './components/content/Badge/Badge';\nexport { Tag } from './components/content/Tag/Tag';\nexport type { CubeTagProps } from './components/content/Tag/Tag';\nexport * from './components/content/HotKeys';\nexport type { CubeSearchInputProps } from './components/fields/SearchInput/SearchInput';\nexport type { CubeListBoxProps } from './components/fields/ListBox';\nexport { ListBox } from './components/fields/ListBox';\nexport { Menu } from './components/actions/Menu/Menu';\nexport type { CubeMenuProps } from './components/actions/Menu/Menu';\nexport { MenuTrigger } from './components/actions/Menu/MenuTrigger';\nexport { SubMenuTrigger } from './components/actions/Menu/SubMenuTrigger';\nexport type { CubeMenuTriggerProps } from './components/actions/Menu/MenuTrigger';\nexport { CommandMenu } from './components/actions/CommandMenu';\nexport type {\n CubeCommandMenuProps,\n CommandMenuItem,\n} from './components/actions/CommandMenu';\nexport { Select, ListBoxPopup } from './components/fields/Select/Select';\nexport type {\n CubeSelectProps,\n CubeSelectBaseProps,\n} from './components/fields/Select/Select';\n\nexport { Avatar } from './components/content/Avatar/Avatar';\nexport type { CubeAvatarProps } from './components/content/Avatar/Avatar';\nexport {\n Dialog,\n DialogTrigger,\n DialogContainer,\n DialogForm,\n useDialogContainer,\n} from './components/overlays/Dialog';\nexport type {\n CubeDialogTriggerProps,\n CubeDialogContainerProps,\n CubeDialogProps,\n CubeDialogFormRef,\n CubeDialogFormProps,\n} from './components/overlays/Dialog';\nexport { Tooltip } from './components/overlays/Tooltip/Tooltip';\nexport type { CubeTooltipProps } from './components/overlays/Tooltip/Tooltip';\nexport { TooltipTrigger } from './components/overlays/Tooltip/TooltipTrigger';\nexport type { CubeTooltipTriggerProps } from './components/overlays/Tooltip/TooltipTrigger';\nexport { TooltipProvider } from './components/overlays/Tooltip/TooltipProvider';\nexport type { CubeTooltipProviderProps } from './components/overlays/Tooltip/TooltipProvider';\n\nexport * from './components/content/Alert';\n\n// navigation\nexport * from './components/navigation';\n\n// data\nexport * from './components/data';\n\n// molecules\nexport { StatsCard } from './components/organisms/StatsCard/StatsCard';\nexport type { CubeStatsCard } from './components/organisms/StatsCard/StatsCard';\nexport {\n AlertDialog,\n useAlertDialogAPI,\n} from './components/overlays/AlertDialog';\nexport type { CubeAlertDialogProps } from './components/overlays/AlertDialog';\n\nexport * from '@tenphi/tasty';\nexport * from '@tenphi/glaze';\n\nexport const Typography = {\n Text: Text,\n Title,\n Paragraph,\n};\n\nexport { Text, TextItem, Title, Paragraph };\nexport type {\n CubeTextProps,\n CubeTextItemProps,\n CubeTitleProps,\n CubeParagraphProps,\n};\n\nexport { Provider, useProviderProps } from './provider';\nexport type { ProviderProps } from './provider';\nexport { Portal } from './components/portal';\nexport type { PortalProps } from './components/portal';\nexport * from './components/fields';\n\nexport type {\n TagName,\n AllBaseProps,\n BaseProps,\n BaseStyleProps,\n DimensionStyleProps,\n ColorStyleProps,\n OuterStyleProps,\n PositionStyleProps,\n TextStyleProps,\n BlockStyleProps,\n ContainerStyleProps,\n BasePropsWithoutChildren,\n FlowStyleProps,\n ShortGridStyles,\n} from '@tenphi/tasty';\nexport type { Props } from './props';\n\n// i18n — the UI Kit owns the i18next + react-i18next libraries and the single\n// shared instance. Consumers (e.g. Cube Cloud) import ALL i18n symbols from\n// here so there is exactly one physical copy / one version / one instance.\nexport {\n useTranslation,\n Trans,\n Translation,\n I18nextProvider,\n initReactI18next,\n withTranslation,\n useSSR as useI18nSSR,\n} from 'react-i18next';\nexport type {\n TransProps,\n UseTranslationOptions,\n UseTranslationResponse,\n WithTranslation,\n} from 'react-i18next';\nexport { default as i18next, createInstance } from 'i18next';\nexport type {\n i18n as I18n,\n TFunction,\n Resource,\n ResourceKey,\n ResourceLanguage,\n InitOptions,\n} from 'i18next';\nexport {\n createUIKitI18n,\n getI18n,\n UIKIT_I18N_NAMESPACE,\n addUIKitLocale,\n I18nProvider,\n createFormatter,\n useFormatter,\n SUPPORTED_LOCALES,\n LOCALE_LABELS,\n isSupportedLocale,\n} from './i18n';\nexport type {\n SupportedLocale,\n UIKitResources,\n I18nProviderProps,\n Formatter,\n FormatDateInput,\n RelativeTimeOptions,\n CurrencyOptions,\n BytesOptions,\n} from './i18n';\n// React Aria's `useLocale`, re-exported so consumers read the same locale\n// context the UI Kit's `I18nProvider` populates from i18next.\nexport { useLocale } from 'react-aria';\n\nexport * from './utils';\nexport { default as copy } from 'clipboard-copy';\nexport * from '@react-aria/ssr';\nexport * from './components/overlays/Toast';\nexport * from './components/overlays/Notifications';\nexport * from './shared';\nexport * from './icons';\nexport * from './components/form';\nexport * from './tokens';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuPA,MAAa,aAAa;CACxB,MAAMA;CACN;CACA;CACD"}
1
+ {"version":3,"file":"index.js","names":["Text"],"sources":["../src/index.ts"],"sourcesContent":["import { CubeParagraphProps, Paragraph } from './components/content/Paragraph';\nimport { CubeTextProps, Text } from './components/content/Text';\nimport { CubeTextItemProps, TextItem } from './components/content/TextItem';\nimport { CubeTitleProps, Title } from './components/content/Title';\n\nimport './version';\n\nexport { Section } from 'react-stately';\nexport type { MenuTriggerState } from 'react-stately';\n\nexport * from '@internationalized/date';\n\n// generic components\nexport { CollectionItem } from './components/CollectionItem';\nexport { Block } from './components/Block';\nexport type { CubeBlockProps } from './components/Block';\nexport { Item } from './components/content/Item/Item';\nexport type { CubeItemProps } from './components/content/Item/Item';\n// @deprecated Use `Item` instead\nexport { ItemBase } from './components/content/Item/Item';\n// @deprecated Use `CubeItemProps` instead\nexport type { CubeItemBaseProps } from './components/content/Item/Item';\nexport { ItemCard } from './components/content/ItemCard/ItemCard';\nexport type { CubeItemCardProps } from './components/content/ItemCard/ItemCard';\nexport { ItemBadge } from './components/content/ItemBadge/ItemBadge';\nexport type { CubeItemBadgeProps } from './components/content/ItemBadge/ItemBadge';\nexport { InfoBadge } from './components/content/InfoBadge/InfoBadge';\nexport type {\n CubeInfoBadgeProps,\n CubeInfoBadgeTooltipConfig,\n} from './components/content/InfoBadge/InfoBadge';\nexport { ActiveZone } from './components/content/ActiveZone/ActiveZone';\nexport type { CubeActiveZoneProps } from './components/content/ActiveZone/ActiveZone';\nexport { InlineInput } from './components/content/InlineInput';\nexport type {\n CubeInlineInputProps,\n CubeInlineInputRef,\n CubeInlineInputEditTrigger,\n} from './components/content/InlineInput';\nexport * from './components/content/CopySnippet';\nexport * from './components/content/CopyPasteBlock';\nexport { Grid } from './components/layout/Grid';\nexport type { CubeGridProps } from './components/layout/Grid';\nexport { Flex } from './components/layout/Flex';\nexport type { CubeFlexProps } from './components/layout/Flex';\nexport { Link } from './components/actions/Link/Link';\nexport { Space } from './components/layout/Space';\nexport type { CubeSpaceProps } from './components/layout/Space';\nexport { Flow } from './components/layout/Flow';\nexport type { CubeFlowProps } from './components/layout/Flow';\nexport { Panel } from './components/layout/Panel';\nexport type { CubePanelProps } from './components/layout/Panel';\nexport { ResizablePanel } from './components/layout/ResizablePanel';\nexport type { CubeResizablePanelProps } from './components/layout/ResizablePanel';\nexport {\n Board,\n BoardProvider,\n BoardResponsive,\n BoardWidget,\n verticalCompactor,\n horizontalCompactor,\n noCompactor,\n getCompactor,\n gridBounds,\n minMaxSize,\n containerBounds,\n boundedX,\n boundedY,\n aspectRatio,\n snapToGrid,\n minSize,\n maxSize,\n BOARD_SELECTION_CANCEL,\n} from './components/layout/Board';\nexport type {\n CubeBoardProps,\n BoardSelectionMode,\n CubeBoardWidgetProps,\n CubeBoardProviderProps,\n CubeBoardResponsiveProps,\n BoardCompactType,\n BoardGridLines,\n BoardInteractionInfo,\n BoardBreakpoints,\n BoardBreakpointCols,\n BoardResponsiveLayouts,\n Layout as BoardLayout,\n LayoutItem as BoardLayoutItem,\n ResizeHandleAxis as BoardResizeHandleAxis,\n Compactor as BoardCompactor,\n LayoutConstraint as BoardLayoutConstraint,\n WidgetTransferInfo as BoardWidgetTransferInfo,\n} from './components/layout/Board';\nexport { Root } from './components/Root';\nexport type { CubeRootProps } from './components/Root';\nexport { DisplayTransition } from './components/helpers/DisplayTransition/DisplayTransition';\nexport type { DisplayTransitionProps } from './components/helpers/DisplayTransition/DisplayTransition';\nexport { IconSwitch } from './components/helpers/IconSwitch/IconSwitch';\nexport type { CubeIconSwitchProps } from './components/helpers/IconSwitch/IconSwitch';\n\n// Navigation types and helpers\nexport type {\n NavigationAdapter,\n NavigateLike,\n Path,\n To,\n NavigateArg,\n NavigateOptions,\n RelativeRoutingType,\n} from './providers/navigation.types';\nexport { defaultNavigationAdapter } from './providers/navigationAdapter.default';\nexport { PrismCode } from './components/content/PrismCode/PrismCode';\nexport type { CubePrismCodeProps } from './components/content/PrismCode/PrismCode';\nexport { PrismDiffCode } from './components/content/PrismDiffCode/PrismDiffCode';\nexport type { CubePrismDiffCodeProps } from './components/content/PrismDiffCode/PrismDiffCode';\nexport { Prefix } from './components/layout/Prefix';\nexport type { CubePrefixProps } from './components/layout/Prefix';\nexport { Suffix } from './components/layout/Suffix';\nexport type { CubeSuffixProps } from './components/layout/Suffix';\nexport { Divider } from './components/content/Divider';\nexport type { CubeDividerProps } from './components/content/Divider';\nexport { Disclosure } from './components/content/Disclosure';\nexport type {\n CubeDisclosureProps,\n CubeDisclosureTriggerProps,\n CubeDisclosureContentProps,\n CubeDisclosureGroupProps,\n CubeDisclosureItemProps,\n DisclosureStateContext,\n} from './components/content/Disclosure';\nexport { Tree } from './components/content/Tree';\nexport type {\n CubeTreeProps,\n CubeTreeNodeData,\n TreeOnCheckInfo,\n TreeOnExpandInfo,\n TreeOnSelectInfo,\n TreeLoadDataNode,\n TreeSelectionMode,\n TreeContextMenu,\n TreeNodeState,\n} from './components/content/Tree';\nexport { GridProvider } from './components/GridProvider';\nexport type { CubeGridProviderProps } from './components/GridProvider';\nexport { Content } from './components/content/Content';\nexport type { CubeContentProps } from './components/content/Content';\nexport { Header } from './components/content/Header';\nexport type { CubeHeaderProps } from './components/content/Header';\nexport { Footer } from './components/content/Footer';\nexport type { CubeFooterProps } from './components/content/Footer';\nexport { Result } from './components/content/Result/Result';\nexport type {\n CubeResultProps,\n CubeResultStatus,\n} from './components/content/Result/Result';\nexport { Layout, GridLayout } from './components/content/Layout';\nexport type {\n CubeLayoutProps,\n CubeGridLayoutProps,\n CubeLayoutToolbarProps,\n CubeLayoutHeaderProps,\n CubeLayoutFooterProps,\n CubeLayoutContentProps,\n CubeLayoutPaneProps,\n CubeLayoutPanelProps,\n CubeLayoutPanelHeaderProps,\n ScrollbarType,\n} from './components/content/Layout';\n\n// atoms\nexport * from './components/status';\nexport { Card } from './components/content/Card/Card';\nexport type { CubeCardProps } from './components/content/Card/Card';\nexport * from './components/actions';\nexport { Placeholder } from './components/content/Placeholder/Placeholder';\nexport type { CubePlaceholderProps } from './components/content/Placeholder/Placeholder';\nexport { Skeleton } from './components/content/Skeleton/Skeleton';\nexport type { CubeSkeletonProps } from './components/content/Skeleton/Skeleton';\nexport { CubeLogo, CubeFullLogo } from './components/other/CubeLogo/CubeLogo';\nexport type { CubeLogoProps } from './components/other/CubeLogo/CubeLogo';\nexport { Badge } from './components/content/Badge/Badge';\nexport type { CubeBadgeProps } from './components/content/Badge/Badge';\nexport { Tag } from './components/content/Tag/Tag';\nexport type { CubeTagProps } from './components/content/Tag/Tag';\nexport * from './components/content/HotKeys';\nexport type { CubeSearchInputProps } from './components/fields/SearchInput/SearchInput';\nexport type { CubeListBoxProps } from './components/fields/ListBox';\nexport { ListBox } from './components/fields/ListBox';\nexport { Menu } from './components/actions/Menu/Menu';\nexport type { CubeMenuProps } from './components/actions/Menu/Menu';\nexport { MenuTrigger } from './components/actions/Menu/MenuTrigger';\nexport { SubMenuTrigger } from './components/actions/Menu/SubMenuTrigger';\nexport type { CubeMenuTriggerProps } from './components/actions/Menu/MenuTrigger';\nexport { CommandMenu } from './components/actions/CommandMenu';\nexport type {\n CubeCommandMenuProps,\n CommandMenuItem,\n} from './components/actions/CommandMenu';\nexport { Select, ListBoxPopup } from './components/fields/Select/Select';\nexport type {\n CubeSelectProps,\n CubeSelectBaseProps,\n} from './components/fields/Select/Select';\n\nexport { Avatar } from './components/content/Avatar/Avatar';\nexport type { CubeAvatarProps } from './components/content/Avatar/Avatar';\nexport {\n Dialog,\n DialogTrigger,\n DialogContainer,\n DialogForm,\n useDialogContainer,\n} from './components/overlays/Dialog';\nexport type {\n CubeDialogTriggerProps,\n CubeDialogContainerProps,\n CubeDialogProps,\n CubeDialogFormRef,\n CubeDialogFormProps,\n} from './components/overlays/Dialog';\nexport { Tooltip } from './components/overlays/Tooltip/Tooltip';\nexport type { CubeTooltipProps } from './components/overlays/Tooltip/Tooltip';\nexport { TooltipTrigger } from './components/overlays/Tooltip/TooltipTrigger';\nexport type { CubeTooltipTriggerProps } from './components/overlays/Tooltip/TooltipTrigger';\nexport { TooltipProvider } from './components/overlays/Tooltip/TooltipProvider';\nexport type { CubeTooltipProviderProps } from './components/overlays/Tooltip/TooltipProvider';\n\nexport * from './components/content/Alert';\n\n// navigation\nexport * from './components/navigation';\n\n// data\nexport * from './components/data';\n\n// molecules\nexport { StatsCard } from './components/organisms/StatsCard/StatsCard';\nexport type { CubeStatsCard } from './components/organisms/StatsCard/StatsCard';\nexport {\n AlertDialog,\n useAlertDialogAPI,\n} from './components/overlays/AlertDialog';\nexport type { CubeAlertDialogProps } from './components/overlays/AlertDialog';\n\nexport * from '@tenphi/tasty';\nexport * from '@tenphi/glaze';\n\nexport const Typography = {\n Text: Text,\n Title,\n Paragraph,\n};\n\nexport { Text, TextItem, Title, Paragraph };\nexport type {\n CubeTextProps,\n CubeTextItemProps,\n CubeTitleProps,\n CubeParagraphProps,\n};\n\nexport { Provider, useProviderProps } from './provider';\nexport type { ProviderProps } from './provider';\nexport { Portal } from './components/portal';\nexport type { PortalProps } from './components/portal';\nexport * from './components/fields';\n\nexport type {\n TagName,\n AllBaseProps,\n BaseProps,\n BaseStyleProps,\n DimensionStyleProps,\n ColorStyleProps,\n OuterStyleProps,\n PositionStyleProps,\n TextStyleProps,\n BlockStyleProps,\n ContainerStyleProps,\n BasePropsWithoutChildren,\n FlowStyleProps,\n ShortGridStyles,\n} from '@tenphi/tasty';\nexport type { Props } from './props';\n\n// i18n — the UI Kit owns the i18next + react-i18next libraries and the single\n// shared instance. Consumers (e.g. Cube Cloud) import ALL i18n symbols from\n// here so there is exactly one physical copy / one version / one instance.\nexport {\n useTranslation,\n Trans,\n Translation,\n I18nextProvider,\n initReactI18next,\n withTranslation,\n useSSR as useI18nSSR,\n} from 'react-i18next';\nexport type {\n TransProps,\n UseTranslationOptions,\n UseTranslationResponse,\n WithTranslation,\n} from 'react-i18next';\nexport { default as i18next, createInstance } from 'i18next';\nexport type {\n i18n as I18n,\n TFunction,\n Resource,\n ResourceKey,\n ResourceLanguage,\n InitOptions,\n} from 'i18next';\nexport {\n createUIKitI18n,\n getI18n,\n UIKIT_I18N_NAMESPACE,\n addUIKitLocale,\n I18nProvider,\n createFormatter,\n useFormatter,\n SUPPORTED_LOCALES,\n LOCALE_LABELS,\n isSupportedLocale,\n} from './i18n';\nexport type {\n SupportedLocale,\n UIKitResources,\n I18nProviderProps,\n Formatter,\n FormatDateInput,\n RelativeTimeOptions,\n CurrencyOptions,\n BytesOptions,\n} from './i18n';\n// React Aria's `useLocale`, re-exported so consumers read the same locale\n// context the UI Kit's `I18nProvider` populates from i18next.\nexport { useLocale } from 'react-aria';\n\nexport * from './utils';\nexport { default as copy } from 'clipboard-copy';\nexport * from '@react-aria/ssr';\nexport * from './components/overlays/Toast';\nexport * from './components/overlays/Notifications';\nexport * from './shared';\nexport * from './icons';\nexport * from './components/form';\nexport * from './tokens';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuPA,MAAa,aAAa;CACxB,MAAMA;CACN;CACA;CACD"}
package/dist/provider.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.158.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
2
2
  import { EventBusProvider } from "./utils/react/useEventBus.js";
3
3
  import { defaultNavigationAdapter } from "./providers/navigationAdapter.default.js";
4
4
  import { createContext, useContext, useMemo } from "react";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.158.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
2
2
  import { createContext, useContext, useMemo } 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.158.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
2
2
  //#region src/providers/navigationAdapter.default.ts
3
3
  /**
4
4
  * Converts a Path object to a string URL
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.158.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
2
2
  //#region src/tokens/base.ts
3
3
  /**
4
4
  * Base design system tokens.
@@ -0,0 +1,86 @@
1
+
2
+ import { Styles } from "@tenphi/tasty";
3
+ import { ColorMap } from "@tenphi/glaze";
4
+
5
+ //#region src/tokens/color-theme.d.ts
6
+ interface ColorThemeConfig {
7
+ /**
8
+ * A hue in 0–360, or any colour Glaze parses — hex, `rgb()`, `hsl()`,
9
+ * `okhsl()`, `okhst()`, `oklch()`.
10
+ *
11
+ * From a colour only the HUE and SATURATION are taken; the lightness is
12
+ * discarded and re-derived per scheme. That is what makes the result adaptive
13
+ * rather than a value that happens to work in one theme.
14
+ */
15
+ hue: number | string;
16
+ /** 0–100. @default the palette's own saturation seed */
17
+ saturation?: number;
18
+ pastel?: boolean;
19
+ /**
20
+ * Extra colour definitions, merged over {@link TINT_RECIPE}. Anything Glaze's
21
+ * `theme.colors()` accepts, including `contrast` floors against a sibling.
22
+ */
23
+ colors?: ColorMap;
24
+ }
25
+ interface ColorTheme {
26
+ /**
27
+ * A hash of the config, and the token prefix — `'tint-1a2b3c'`.
28
+ *
29
+ * Content-addressed rather than positional so two components asking for the
30
+ * same colour name the same theme, and therefore share one injection. Also
31
+ * makes it safe to stamp on the DOM as an identifier.
32
+ */
33
+ name: string;
34
+ /**
35
+ * Tasty token declarations, one state map per colour:
36
+ * `{ '#tint-1a2b3c-surface': { '': …, '@dark': …, '@hc': …, '@dark & @hc': … } }`
37
+ */
38
+ tokens: Styles;
39
+ /** Token references by their unprefixed name — `{ surface: '#tint-1a2b3c-surface' }`. */
40
+ colors: Record<string, string>;
41
+ }
42
+ /**
43
+ * The hue and saturation of a colour, for use as a theme seed.
44
+ *
45
+ * ```ts
46
+ * colorThemeSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19 }
47
+ * ```
48
+ */
49
+ declare function colorThemeSeed(value: string): {
50
+ hue: number;
51
+ saturation: number;
52
+ };
53
+ /**
54
+ * Build (or reuse) an adaptive theme from a hue.
55
+ *
56
+ * Pure and memoized: the same config returns the same object identity until the
57
+ * palette is re-seeded. Registering the tokens is {@link useColorTheme}'s job —
58
+ * this only computes them, so it is safe to call while rendering or from a test.
59
+ */
60
+ declare function getColorTheme(config: ColorThemeConfig): ColorTheme;
61
+ /**
62
+ * Register an adaptive theme's tokens once per document, and get it back.
63
+ *
64
+ * The tokens land on `body` under a slot keyed by the theme's name, which is a
65
+ * hash of the config — so every component asking for the same colour shares one
66
+ * injection no matter how many of them there are. Tasty's global-style slots are
67
+ * also permanent, which is what makes that safe: one component unmounting cannot
68
+ * strip tokens another is still referencing.
69
+ *
70
+ * `body` rather than `:root`, which emits nothing at all — the same selector
71
+ * `GlobalStyles` uses for the palette's own tokens. Custom properties inherit, so
72
+ * anything rendered inside the document sees them; the one thing this cannot
73
+ * reach is content portalled outside `<body>`, which nothing does.
74
+ *
75
+ * Because the slot id hashes the CONFIG rather than the resolved values,
76
+ * re-seeding the palette replaces the same slot instead of leaking a new one.
77
+ *
78
+ * ```tsx
79
+ * const theme = useColorTheme({ hue: '#0ea5e9' });
80
+ * // theme.colors.surface → '#tint-1a2b3c-surface'
81
+ * ```
82
+ */
83
+ declare function useColorTheme(config: ColorThemeConfig): ColorTheme;
84
+ //#endregion
85
+ export { ColorTheme, ColorThemeConfig, colorThemeSeed, getColorTheme, useColorTheme };
86
+ //# sourceMappingURL=color-theme.d.ts.map
@@ -0,0 +1,156 @@
1
+ /** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
2
+ import { DEFAULT_SATURATION, getPaletteConfig, getPaletteVersion, usePaletteVersion } from "./palette-config.js";
3
+ import { TINT_RECIPE } from "./palette.js";
4
+ import { useGlobalStyles } from "@tenphi/tasty";
5
+ import { glaze } from "@tenphi/glaze";
6
+
7
+ //#region src/tokens/color-theme.ts
8
+ /**
9
+ * FNV-1a, base36. Short, stable and dependency-free.
10
+ *
11
+ * These hashes name CSS custom properties and land in DOM attributes, so they
12
+ * have to be deterministic across processes (SSR and the client must agree) and
13
+ * safe as identifiers — but not cryptographic.
14
+ */
15
+ function hashString(input) {
16
+ let hash = 2166136261;
17
+ for (let i = 0; i < input.length; i++) {
18
+ hash ^= input.charCodeAt(i);
19
+ hash = Math.imul(hash, 16777619) >>> 0;
20
+ }
21
+ return hash.toString(36);
22
+ }
23
+ /**
24
+ * Hashes the RESOLVED seed, not the config as written.
25
+ *
26
+ * `{ hue: '#0ea5e9' }` and `{ hue: 237.32, saturation: 98.19 }` are the same
27
+ * colour said two ways; hashing the input would give them two names, two
28
+ * injections and two sets of generated rules. Rounded, because a seed that
29
+ * differs in the twelfth decimal is the same colour to every eye and every
30
+ * renderer — and an unrounded float would defeat the deduplication it is here to
31
+ * provide.
32
+ */
33
+ function hashSeed(seed) {
34
+ return `tint-${hashString(JSON.stringify([
35
+ seed.hue.toFixed(4),
36
+ seed.saturation.toFixed(4),
37
+ seed.pastel,
38
+ seed.colors ? stableStringify(seed.colors) : null
39
+ ]))}`;
40
+ }
41
+ /** Key order must not change the hash, or two identical configs get two slots. */
42
+ function stableStringify(value) {
43
+ if (value === null || typeof value !== "object") return JSON.stringify(value);
44
+ if (Array.isArray(value)) return `[${value.map(stableStringify).join(",")}]`;
45
+ return `{${Object.entries(value).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0).map(([key, item]) => `${JSON.stringify(key)}:${stableStringify(item)}`).join(",")}}`;
46
+ }
47
+ /**
48
+ * The hue and saturation of a colour, for use as a theme seed.
49
+ *
50
+ * ```ts
51
+ * colorThemeSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19 }
52
+ * ```
53
+ */
54
+ function colorThemeSeed(value) {
55
+ const light = glaze.color(value).resolve().light;
56
+ return {
57
+ hue: light.h,
58
+ saturation: light.s * 100
59
+ };
60
+ }
61
+ /**
62
+ * Cached by `${paletteVersion}:${name}`.
63
+ *
64
+ * The palette version is in the KEY rather than triggering a clear, so a stale
65
+ * entry is simply unreachable. `lastVersion` still clears the map on a change,
66
+ * or repeated `setPaletteConfig` calls would grow it without bound.
67
+ */
68
+ const cache = /* @__PURE__ */ new Map();
69
+ let lastVersion = -1;
70
+ /**
71
+ * Build (or reuse) an adaptive theme from a hue.
72
+ *
73
+ * Pure and memoized: the same config returns the same object identity until the
74
+ * palette is re-seeded. Registering the tokens is {@link useColorTheme}'s job —
75
+ * this only computes them, so it is safe to call while rendering or from a test.
76
+ */
77
+ function getColorTheme(config) {
78
+ const version = getPaletteVersion();
79
+ if (version !== lastVersion) {
80
+ cache.clear();
81
+ lastVersion = version;
82
+ }
83
+ const paletteConfig = getPaletteConfig();
84
+ const parsed = typeof config.hue === "string" ? colorThemeSeed(config.hue) : null;
85
+ const seed = {
86
+ hue: parsed ? parsed.hue : config.hue,
87
+ saturation: config.saturation ?? parsed?.saturation ?? paletteConfig.saturation ?? DEFAULT_SATURATION,
88
+ pastel: config.pastel ?? paletteConfig.pastel ?? false,
89
+ colors: config.colors
90
+ };
91
+ const name = hashSeed(seed);
92
+ const cached = cache.get(name);
93
+ if (cached) return cached;
94
+ const { hue, saturation } = seed;
95
+ const overrides = {
96
+ ...paletteConfig.contrastLevel != null ? { contrastLevel: paletteConfig.contrastLevel } : null,
97
+ ...seed.pastel ? { pastel: true } : null
98
+ };
99
+ const theme = glaze(hue, saturation, Object.keys(overrides).length ? overrides : void 0);
100
+ theme.colors({
101
+ ...TINT_RECIPE,
102
+ ...config.colors
103
+ });
104
+ const raw = theme.tasty({ format: "oklch" });
105
+ const tokens = {};
106
+ const colors = {};
107
+ for (const [key, value] of Object.entries(raw)) {
108
+ if (!key.startsWith("#")) {
109
+ tokens[key] = value;
110
+ continue;
111
+ }
112
+ const bare = key.slice(1);
113
+ const token = `#${name}-${bare}`;
114
+ tokens[token] = value;
115
+ colors[bare] = token;
116
+ }
117
+ const result = {
118
+ name,
119
+ tokens,
120
+ colors
121
+ };
122
+ cache.set(name, result);
123
+ return result;
124
+ }
125
+ /**
126
+ * Register an adaptive theme's tokens once per document, and get it back.
127
+ *
128
+ * The tokens land on `body` under a slot keyed by the theme's name, which is a
129
+ * hash of the config — so every component asking for the same colour shares one
130
+ * injection no matter how many of them there are. Tasty's global-style slots are
131
+ * also permanent, which is what makes that safe: one component unmounting cannot
132
+ * strip tokens another is still referencing.
133
+ *
134
+ * `body` rather than `:root`, which emits nothing at all — the same selector
135
+ * `GlobalStyles` uses for the palette's own tokens. Custom properties inherit, so
136
+ * anything rendered inside the document sees them; the one thing this cannot
137
+ * reach is content portalled outside `<body>`, which nothing does.
138
+ *
139
+ * Because the slot id hashes the CONFIG rather than the resolved values,
140
+ * re-seeding the palette replaces the same slot instead of leaking a new one.
141
+ *
142
+ * ```tsx
143
+ * const theme = useColorTheme({ hue: '#0ea5e9' });
144
+ * // theme.colors.surface → '#tint-1a2b3c-surface'
145
+ * ```
146
+ */
147
+ function useColorTheme(config) {
148
+ usePaletteVersion();
149
+ const theme = getColorTheme(config);
150
+ useGlobalStyles("body", theme.tokens, { id: `cube-color-theme-${theme.name}` });
151
+ return theme;
152
+ }
153
+
154
+ //#endregion
155
+ export { colorThemeSeed, getColorTheme, hashString, useColorTheme };
156
+ //# sourceMappingURL=color-theme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"color-theme.js","names":[],"sources":["../../src/tokens/color-theme.ts"],"sourcesContent":["import { glaze } from '@tenphi/glaze';\nimport { useGlobalStyles } from '@tenphi/tasty';\n\n// Imported for its SIDE EFFECT as much as for `TINT_RECIPE`.\n//\n// `palette.ts` runs `glaze.configure({ states: { dark: '@dark', highContrast:\n// '@hc' }, modes: …, darkTone: … })` at module scope, and that global config is\n// what makes a theme emit `'@dark'` / `'@hc'` keys at all. Without this import\n// a runtime theme falls back to Glaze's defaults — `@media(prefers-color-scheme:\n// dark)` keys and NO high-contrast tier — which still renders, so the failure is\n// silent. `color-theme.test.ts` asserts the `'@hc'` key exists to catch it.\nimport { TINT_RECIPE } from './palette';\nimport {\n DEFAULT_SATURATION,\n getPaletteConfig,\n getPaletteVersion,\n usePaletteVersion,\n} from './palette-config';\n\nimport type { ColorMap, GlazeConfigOverride } from '@tenphi/glaze';\nimport type { Styles } from '@tenphi/tasty';\n\nexport interface ColorThemeConfig {\n /**\n * A hue in 0–360, or any colour Glaze parses — hex, `rgb()`, `hsl()`,\n * `okhsl()`, `okhst()`, `oklch()`.\n *\n * From a colour only the HUE and SATURATION are taken; the lightness is\n * discarded and re-derived per scheme. That is what makes the result adaptive\n * rather than a value that happens to work in one theme.\n */\n hue: number | string;\n /** 0–100. @default the palette's own saturation seed */\n saturation?: number;\n pastel?: boolean;\n /**\n * Extra colour definitions, merged over {@link TINT_RECIPE}. Anything Glaze's\n * `theme.colors()` accepts, including `contrast` floors against a sibling.\n */\n colors?: ColorMap;\n}\n\nexport interface ColorTheme {\n /**\n * A hash of the config, and the token prefix — `'tint-1a2b3c'`.\n *\n * Content-addressed rather than positional so two components asking for the\n * same colour name the same theme, and therefore share one injection. Also\n * makes it safe to stamp on the DOM as an identifier.\n */\n name: string;\n /**\n * Tasty token declarations, one state map per colour:\n * `{ '#tint-1a2b3c-surface': { '': …, '@dark': …, '@hc': …, '@dark & @hc': … } }`\n */\n tokens: Styles;\n /** Token references by their unprefixed name — `{ surface: '#tint-1a2b3c-surface' }`. */\n colors: Record<string, string>;\n}\n\n/**\n * FNV-1a, base36. Short, stable and dependency-free.\n *\n * These hashes name CSS custom properties and land in DOM attributes, so they\n * have to be deterministic across processes (SSR and the client must agree) and\n * safe as identifiers — but not cryptographic.\n */\nexport function hashString(input: string): string {\n let hash = 0x811c9dc5;\n\n for (let i = 0; i < input.length; i++) {\n hash ^= input.charCodeAt(i);\n // >>> 0 keeps it an unsigned 32-bit int; `Math.imul` is the 32-bit multiply.\n hash = Math.imul(hash, 0x01000193) >>> 0;\n }\n\n return hash.toString(36);\n}\n\n/**\n * Hashes the RESOLVED seed, not the config as written.\n *\n * `{ hue: '#0ea5e9' }` and `{ hue: 237.32, saturation: 98.19 }` are the same\n * colour said two ways; hashing the input would give them two names, two\n * injections and two sets of generated rules. Rounded, because a seed that\n * differs in the twelfth decimal is the same colour to every eye and every\n * renderer — and an unrounded float would defeat the deduplication it is here to\n * provide.\n */\nfunction hashSeed(seed: ResolvedSeed): string {\n return `tint-${hashString(\n JSON.stringify([\n seed.hue.toFixed(4),\n seed.saturation.toFixed(4),\n seed.pastel,\n seed.colors ? stableStringify(seed.colors) : null,\n ]),\n )}`;\n}\n\ninterface ResolvedSeed {\n hue: number;\n saturation: number;\n pastel: boolean;\n colors?: ColorMap;\n}\n\n/** Key order must not change the hash, or two identical configs get two slots. */\nfunction stableStringify(value: unknown): string {\n if (value === null || typeof value !== 'object') return JSON.stringify(value);\n\n if (Array.isArray(value)) {\n return `[${value.map(stableStringify).join(',')}]`;\n }\n\n const entries = Object.entries(value as Record<string, unknown>).sort(\n ([a], [b]) => (a < b ? -1 : a > b ? 1 : 0),\n );\n\n return `{${entries\n .map(([key, item]) => `${JSON.stringify(key)}:${stableStringify(item)}`)\n .join(',')}}`;\n}\n\n/**\n * The hue and saturation of a colour, for use as a theme seed.\n *\n * ```ts\n * colorThemeSeed('#0ea5e9'); // → { hue: 237.32, saturation: 98.19 }\n * ```\n */\nexport function colorThemeSeed(value: string): {\n hue: number;\n saturation: number;\n} {\n const light = glaze.color(value).resolve().light;\n\n // Glaze reports saturation as a 0–1 factor; the palette's seeds are 0–100.\n return { hue: light.h, saturation: light.s * 100 };\n}\n\n/**\n * Cached by `${paletteVersion}:${name}`.\n *\n * The palette version is in the KEY rather than triggering a clear, so a stale\n * entry is simply unreachable. `lastVersion` still clears the map on a change,\n * or repeated `setPaletteConfig` calls would grow it without bound.\n */\nconst cache = new Map<string, ColorTheme>();\nlet lastVersion = -1;\n\n/**\n * Build (or reuse) an adaptive theme from a hue.\n *\n * Pure and memoized: the same config returns the same object identity until the\n * palette is re-seeded. Registering the tokens is {@link useColorTheme}'s job —\n * this only computes them, so it is safe to call while rendering or from a test.\n */\nexport function getColorTheme(config: ColorThemeConfig): ColorTheme {\n const version = getPaletteVersion();\n\n if (version !== lastVersion) {\n cache.clear();\n lastVersion = version;\n }\n\n const paletteConfig = getPaletteConfig();\n const parsed =\n typeof config.hue === 'string' ? colorThemeSeed(config.hue) : null;\n const seed: ResolvedSeed = {\n hue: parsed ? parsed.hue : (config.hue as number),\n saturation:\n config.saturation ??\n parsed?.saturation ??\n paletteConfig.saturation ??\n DEFAULT_SATURATION,\n pastel: config.pastel ?? paletteConfig.pastel ?? false,\n colors: config.colors,\n };\n\n const name = hashSeed(seed);\n const cached = cache.get(name);\n\n if (cached) return cached;\n\n const { hue, saturation } = seed;\n\n // `pastel` and `contrastLevel` are instance-level in Glaze, not settable\n // through `glaze.configure`, so a runtime theme has to carry them itself or it\n // would ignore a pastel palette. Omitted entirely when off, so the default\n // output is provably the same as passing nothing.\n const overrides: GlazeConfigOverride = {\n ...(paletteConfig.contrastLevel != null\n ? { contrastLevel: paletteConfig.contrastLevel }\n : null),\n ...(seed.pastel ? { pastel: true } : null),\n };\n\n const theme = glaze(\n hue,\n saturation,\n Object.keys(overrides).length ? overrides : undefined,\n );\n\n theme.colors({ ...TINT_RECIPE, ...config.colors });\n\n // `prefix` is a palette-only option, so the keys are renamed here. `oklch`\n // because that is what the palette emits; tasty converts to the configured\n // colour space on the way out either way.\n const raw = theme.tasty({ format: 'oklch' }) as Record<string, unknown>;\n const tokens: Styles = {};\n const colors: Record<string, string> = {};\n\n for (const [key, value] of Object.entries(raw)) {\n // Only the `#colour` entries are renamed; `splitHue` is off, so there are no\n // `$…-hue` companions to worry about, but a future one must not be mangled.\n if (!key.startsWith('#')) {\n (tokens as Record<string, unknown>)[key] = value;\n continue;\n }\n\n const bare = key.slice(1);\n const token = `#${name}-${bare}`;\n\n (tokens as Record<string, unknown>)[token] = value;\n colors[bare] = token;\n }\n\n const result: ColorTheme = { name, tokens, colors };\n\n cache.set(name, result);\n\n return result;\n}\n\n/**\n * Register an adaptive theme's tokens once per document, and get it back.\n *\n * The tokens land on `body` under a slot keyed by the theme's name, which is a\n * hash of the config — so every component asking for the same colour shares one\n * injection no matter how many of them there are. Tasty's global-style slots are\n * also permanent, which is what makes that safe: one component unmounting cannot\n * strip tokens another is still referencing.\n *\n * `body` rather than `:root`, which emits nothing at all — the same selector\n * `GlobalStyles` uses for the palette's own tokens. Custom properties inherit, so\n * anything rendered inside the document sees them; the one thing this cannot\n * reach is content portalled outside `<body>`, which nothing does.\n *\n * Because the slot id hashes the CONFIG rather than the resolved values,\n * re-seeding the palette replaces the same slot instead of leaking a new one.\n *\n * ```tsx\n * const theme = useColorTheme({ hue: '#0ea5e9' });\n * // theme.colors.surface → '#tint-1a2b3c-surface'\n * ```\n */\nexport function useColorTheme(config: ColorThemeConfig): ColorTheme {\n // Subscribes this component to a re-seed. `getColorTheme` reads the version\n // itself for its cache, so the value is unused here — the subscription is the\n // point, and it is what makes the tokens below re-inject.\n usePaletteVersion();\n\n const theme = getColorTheme(config);\n\n useGlobalStyles('body', theme.tokens, {\n id: `cube-color-theme-${theme.name}`,\n });\n\n return theme;\n}\n"],"mappings":";;;;;;;;;;;;;;AAmEA,SAAgB,WAAW,OAAuB;CAChD,IAAI,OAAO;AAEX,MAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,UAAQ,MAAM,WAAW,EAAE;AAE3B,SAAO,KAAK,KAAK,MAAM,SAAW,KAAK;;AAGzC,QAAO,KAAK,SAAS,GAAG;;;;;;;;;;;;AAa1B,SAAS,SAAS,MAA4B;AAC5C,QAAO,QAAQ,WACb,KAAK,UAAU;EACb,KAAK,IAAI,QAAQ,EAAE;EACnB,KAAK,WAAW,QAAQ,EAAE;EAC1B,KAAK;EACL,KAAK,SAAS,gBAAgB,KAAK,OAAO,GAAG;EAC9C,CAAC,CACH;;;AAWH,SAAS,gBAAgB,OAAwB;AAC/C,KAAI,UAAU,QAAQ,OAAO,UAAU,SAAU,QAAO,KAAK,UAAU,MAAM;AAE7E,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO,IAAI,MAAM,IAAI,gBAAgB,CAAC,KAAK,IAAI,CAAC;AAOlD,QAAO,IAJS,OAAO,QAAQ,MAAiC,CAAC,MAC9D,CAAC,IAAI,CAAC,OAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,EACzC,CAGE,KAAK,CAAC,KAAK,UAAU,GAAG,KAAK,UAAU,IAAI,CAAC,GAAG,gBAAgB,KAAK,GAAG,CACvE,KAAK,IAAI,CAAC;;;;;;;;;AAUf,SAAgB,eAAe,OAG7B;CACA,MAAM,QAAQ,MAAM,MAAM,MAAM,CAAC,SAAS,CAAC;AAG3C,QAAO;EAAE,KAAK,MAAM;EAAG,YAAY,MAAM,IAAI;EAAK;;;;;;;;;AAUpD,MAAM,wBAAQ,IAAI,KAAyB;AAC3C,IAAI,cAAc;;;;;;;;AASlB,SAAgB,cAAc,QAAsC;CAClE,MAAM,UAAU,mBAAmB;AAEnC,KAAI,YAAY,aAAa;AAC3B,QAAM,OAAO;AACb,gBAAc;;CAGhB,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,SACJ,OAAO,OAAO,QAAQ,WAAW,eAAe,OAAO,IAAI,GAAG;CAChE,MAAM,OAAqB;EACzB,KAAK,SAAS,OAAO,MAAO,OAAO;EACnC,YACE,OAAO,cACP,QAAQ,cACR,cAAc,cACd;EACF,QAAQ,OAAO,UAAU,cAAc,UAAU;EACjD,QAAQ,OAAO;EAChB;CAED,MAAM,OAAO,SAAS,KAAK;CAC3B,MAAM,SAAS,MAAM,IAAI,KAAK;AAE9B,KAAI,OAAQ,QAAO;CAEnB,MAAM,EAAE,KAAK,eAAe;CAM5B,MAAM,YAAiC;EACrC,GAAI,cAAc,iBAAiB,OAC/B,EAAE,eAAe,cAAc,eAAe,GAC9C;EACJ,GAAI,KAAK,SAAS,EAAE,QAAQ,MAAM,GAAG;EACtC;CAED,MAAM,QAAQ,MACZ,KACA,YACA,OAAO,KAAK,UAAU,CAAC,SAAS,YAAY,OAC7C;AAED,OAAM,OAAO;EAAE,GAAG;EAAa,GAAG,OAAO;EAAQ,CAAC;CAKlD,MAAM,MAAM,MAAM,MAAM,EAAE,QAAQ,SAAS,CAAC;CAC5C,MAAM,SAAiB,EAAE;CACzB,MAAM,SAAiC,EAAE;AAEzC,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,IAAI,EAAE;AAG9C,MAAI,CAAC,IAAI,WAAW,IAAI,EAAE;AACxB,GAAC,OAAmC,OAAO;AAC3C;;EAGF,MAAM,OAAO,IAAI,MAAM,EAAE;EACzB,MAAM,QAAQ,IAAI,KAAK,GAAG;AAE1B,EAAC,OAAmC,SAAS;AAC7C,SAAO,QAAQ;;CAGjB,MAAM,SAAqB;EAAE;EAAM;EAAQ;EAAQ;AAEnD,OAAM,IAAI,MAAM,OAAO;AAEvB,QAAO;;;;;;;;;;;;;;;;;;;;;;;;AAyBT,SAAgB,cAAc,QAAsC;AAIlE,oBAAmB;CAEnB,MAAM,QAAQ,cAAc,OAAO;AAEnC,iBAAgB,QAAQ,MAAM,QAAQ,EACpC,IAAI,oBAAoB,MAAM,QAC/B,CAAC;AAEF,QAAO"}
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.158.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
2
2
  import { getPaletteVersion } from "./palette-config.js";
3
3
  import { BASE_TOKENS } from "./base.js";
4
4
  import { lazyStyles } from "./lazy-styles.js";
@@ -3,6 +3,7 @@ import { DEFAULT_PALETTE_CONFIG, PaletteCodeSeed, PaletteConfig, PaletteThemeNam
3
3
  import { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS, SizeKey, SizeName } from "./sizes.js";
4
4
  import { PALETTE_TOKENS, RenderPaletteOptions, getCodeTheme, getPalette, getPaletteTokens, renderPaletteTokens } from "./palette.js";
5
5
  import { COLOR_TOKENS, getColorTokens, renderColorTokens } from "./colors.js";
6
+ import { ColorTheme, ColorThemeConfig, colorThemeSeed, getColorTheme, useColorTheme } from "./color-theme.js";
6
7
  import { SPACE_TOKENS } from "./spacing.js";
7
8
  import { SHADOW_TOKENS } from "./shadows.js";
8
9
  import { LAYOUT_TOKENS } from "./layout.js";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.158.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
2
2
  import { DEFAULT_PALETTE_CONFIG, getPaletteConfig, getPaletteConfigInput, getPaletteVersion, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion } from "./palette-config.js";
3
3
  import { BASE_TOKENS } from "./base.js";
4
4
  import { lazyStyles } from "./lazy-styles.js";
@@ -9,6 +9,7 @@ import { LAYOUT_TOKENS } from "./layout.js";
9
9
  import { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from "./sizes.js";
10
10
  import { SPACE_TOKENS } from "./spacing.js";
11
11
  import { TYPOGRAPHY_PRESETS } from "./typography.js";
12
+ import { colorThemeSeed, getColorTheme, useColorTheme } from "./color-theme.js";
12
13
  import { generateTypographyTokens } from "@tenphi/tasty";
13
14
 
14
15
  //#region src/tokens/index.ts
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/tokens/index.ts"],"sourcesContent":["/**\n * Design tokens for the Cube UI Kit.\n *\n * This module exports all design tokens used throughout the design system.\n * All token keys use $ prefix for CSS custom properties.\n *\n * Categories:\n * - Colors: Base color palette with -color and -color-rgb variants\n * - Typography: Font presets for headings, text, paragraphs, etc.\n * - Sizes: Component size values (XS, SM, MD, LG, XL)\n * - Spacing: Space tokens using gap multipliers\n * - Shadows: Shadow definitions for elevation\n * - Layout: Common layout dimensions\n * - Base: Core design system values\n */\n\nimport { generateTypographyTokens } from '@tenphi/tasty';\n\nimport { BASE_TOKENS } from './base';\nimport { getColorTokens } from './colors';\nimport { LAYOUT_TOKENS } from './layout';\nimport { lazyStyles } from './lazy-styles';\nimport { getPaletteVersion } from './palette-config';\nimport { SHADOW_TOKENS } from './shadows';\nimport { SIZE_TOKENS } from './sizes';\nimport { SPACE_TOKENS } from './spacing';\nimport { TYPOGRAPHY_PRESETS } from './typography';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { SizeKey, SizeName } from './sizes';\n\n/**\n * All design tokens combined into a single Styles object.\n * Keys use $ prefix for CSS custom properties.\n *\n * Color tokens resolve against the current palette config (see\n * {@link getColorTokens}), and this map is memoized against that config's\n * version so `setPaletteConfig()` invalidates it. Prefer this over the lazy\n * {@link TOKENS} proxy when applying styles from React (`GlobalStyles`).\n *\n * Includes:\n * - Base tokens ($gap, $radius, etc.)\n * - Space tokens ($space-xs, $space-sm, etc.)\n * - Size tokens ($size-xs, $size-sm, etc.)\n * - Shadow tokens ($shadow, $item-shadow, etc.)\n * - Layout tokens ($max-content-width, $topbar-height, etc.)\n * - Typography tokens ($h1-font-size, $t3-line-height, etc.)\n * - Color tokens ($purple-color, $purple-color-rgb, etc.)\n */\nlet tokensCache: Styles | null = null;\nlet cachedVersion = -1;\n\nexport function getTokens(): Styles {\n const version = getPaletteVersion();\n\n if (!tokensCache || cachedVersion !== version) {\n tokensCache = {\n ...BASE_TOKENS,\n ...SPACE_TOKENS,\n ...SIZE_TOKENS,\n ...SHADOW_TOKENS,\n ...LAYOUT_TOKENS,\n ...generateTypographyTokens(TYPOGRAPHY_PRESETS),\n ...getColorTokens(),\n };\n cachedVersion = version;\n }\n return tokensCache;\n}\n\n/** Lazy proxy of {@link getTokens}. Prefer `getTokens()` in new code. */\nexport const TOKENS: Styles = lazyStyles(getTokens);\n\n// Re-export category modules for direct access\nexport { COLOR_TOKENS, getColorTokens, renderColorTokens } from './colors';\nexport {\n getCodeTheme,\n getPalette,\n getPaletteTokens,\n PALETTE_TOKENS,\n renderPaletteTokens,\n} from './palette';\nexport type { RenderPaletteOptions } from './palette';\nexport {\n DEFAULT_PALETTE_CONFIG,\n getPaletteConfig,\n getPaletteConfigInput,\n invalidatePaletteTokens,\n resetPaletteConfig,\n resolvePaletteConfig,\n setPaletteConfig,\n subscribePaletteConfig,\n usePaletteConfig,\n usePaletteVersion,\n} from './palette-config';\nexport type {\n PaletteCodeSeed,\n PaletteConfig,\n PaletteThemeName,\n PaletteThemeSeed,\n ResolvedPaletteConfig,\n} from './palette-config';\nexport { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from './sizes';\nexport type { SizeKey, SizeName } from './sizes';\nexport { SPACE_TOKENS } from './spacing';\nexport { SHADOW_TOKENS } from './shadows';\nexport { LAYOUT_TOKENS } from './layout';\nexport { BASE_TOKENS } from './base';\nexport { TYPOGRAPHY_PRESETS } from './typography';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,IAAI,cAA6B;AACjC,IAAI,gBAAgB;AAEpB,SAAgB,YAAoB;CAClC,MAAM,UAAU,mBAAmB;AAEnC,KAAI,CAAC,eAAe,kBAAkB,SAAS;AAC7C,gBAAc;GACZ,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG,yBAAyB,mBAAmB;GAC/C,GAAG,gBAAgB;GACpB;AACD,kBAAgB;;AAElB,QAAO;;;AAIT,MAAa,SAAiB,WAAW,UAAU"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/tokens/index.ts"],"sourcesContent":["/**\n * Design tokens for the Cube UI Kit.\n *\n * This module exports all design tokens used throughout the design system.\n * All token keys use $ prefix for CSS custom properties.\n *\n * Categories:\n * - Colors: Base color palette with -color and -color-rgb variants\n * - Typography: Font presets for headings, text, paragraphs, etc.\n * - Sizes: Component size values (XS, SM, MD, LG, XL)\n * - Spacing: Space tokens using gap multipliers\n * - Shadows: Shadow definitions for elevation\n * - Layout: Common layout dimensions\n * - Base: Core design system values\n */\n\nimport { generateTypographyTokens } from '@tenphi/tasty';\n\nimport { BASE_TOKENS } from './base';\nimport { getColorTokens } from './colors';\nimport { LAYOUT_TOKENS } from './layout';\nimport { lazyStyles } from './lazy-styles';\nimport { getPaletteVersion } from './palette-config';\nimport { SHADOW_TOKENS } from './shadows';\nimport { SIZE_TOKENS } from './sizes';\nimport { SPACE_TOKENS } from './spacing';\nimport { TYPOGRAPHY_PRESETS } from './typography';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { SizeKey, SizeName } from './sizes';\n\n/**\n * All design tokens combined into a single Styles object.\n * Keys use $ prefix for CSS custom properties.\n *\n * Color tokens resolve against the current palette config (see\n * {@link getColorTokens}), and this map is memoized against that config's\n * version so `setPaletteConfig()` invalidates it. Prefer this over the lazy\n * {@link TOKENS} proxy when applying styles from React (`GlobalStyles`).\n *\n * Includes:\n * - Base tokens ($gap, $radius, etc.)\n * - Space tokens ($space-xs, $space-sm, etc.)\n * - Size tokens ($size-xs, $size-sm, etc.)\n * - Shadow tokens ($shadow, $item-shadow, etc.)\n * - Layout tokens ($max-content-width, $topbar-height, etc.)\n * - Typography tokens ($h1-font-size, $t3-line-height, etc.)\n * - Color tokens ($purple-color, $purple-color-rgb, etc.)\n */\nlet tokensCache: Styles | null = null;\nlet cachedVersion = -1;\n\nexport function getTokens(): Styles {\n const version = getPaletteVersion();\n\n if (!tokensCache || cachedVersion !== version) {\n tokensCache = {\n ...BASE_TOKENS,\n ...SPACE_TOKENS,\n ...SIZE_TOKENS,\n ...SHADOW_TOKENS,\n ...LAYOUT_TOKENS,\n ...generateTypographyTokens(TYPOGRAPHY_PRESETS),\n ...getColorTokens(),\n };\n cachedVersion = version;\n }\n return tokensCache;\n}\n\n/** Lazy proxy of {@link getTokens}. Prefer `getTokens()` in new code. */\nexport const TOKENS: Styles = lazyStyles(getTokens);\n\n// Re-export category modules for direct access\nexport { COLOR_TOKENS, getColorTokens, renderColorTokens } from './colors';\n// Adaptive one-off themes built at runtime from an arbitrary hue, named by a\n// hash of their config so identical requests share one injection.\nexport { colorThemeSeed, getColorTheme, useColorTheme } from './color-theme';\nexport type { ColorTheme, ColorThemeConfig } from './color-theme';\nexport {\n getCodeTheme,\n getPalette,\n getPaletteTokens,\n PALETTE_TOKENS,\n renderPaletteTokens,\n} from './palette';\nexport type { RenderPaletteOptions } from './palette';\nexport {\n DEFAULT_PALETTE_CONFIG,\n getPaletteConfig,\n getPaletteConfigInput,\n invalidatePaletteTokens,\n resetPaletteConfig,\n resolvePaletteConfig,\n setPaletteConfig,\n subscribePaletteConfig,\n usePaletteConfig,\n usePaletteVersion,\n} from './palette-config';\nexport type {\n PaletteCodeSeed,\n PaletteConfig,\n PaletteThemeName,\n PaletteThemeSeed,\n ResolvedPaletteConfig,\n} from './palette-config';\nexport { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from './sizes';\nexport type { SizeKey, SizeName } from './sizes';\nexport { SPACE_TOKENS } from './spacing';\nexport { SHADOW_TOKENS } from './shadows';\nexport { LAYOUT_TOKENS } from './layout';\nexport { BASE_TOKENS } from './base';\nexport { TYPOGRAPHY_PRESETS } from './typography';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,IAAI,cAA6B;AACjC,IAAI,gBAAgB;AAEpB,SAAgB,YAAoB;CAClC,MAAM,UAAU,mBAAmB;AAEnC,KAAI,CAAC,eAAe,kBAAkB,SAAS;AAC7C,gBAAc;GACZ,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG;GACH,GAAG,yBAAyB,mBAAmB;GAC/C,GAAG,gBAAgB;GACpB;AACD,kBAAgB;;AAElB,QAAO;;;AAIT,MAAa,SAAiB,WAAW,UAAU"}
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.158.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.159.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.158.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
2
2
  //#region src/tokens/lazy-styles.ts
3
3
  /**
4
4
  * Proxy that defers to `factory()` on every property / enumeration access.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.158.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
2
2
  import { useSyncExternalStore } from "react";
3
3
 
4
4
  //#region src/tokens/palette-config.ts
@@ -317,5 +317,5 @@ function usePaletteConfig() {
317
317
  }
318
318
 
319
319
  //#endregion
320
- export { DEFAULT_PALETTE_CONFIG, getPaletteConfig, getPaletteConfigInput, getPaletteVersion, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion };
320
+ export { DEFAULT_PALETTE_CONFIG, DEFAULT_SATURATION, getPaletteConfig, getPaletteConfigInput, getPaletteVersion, invalidatePaletteTokens, resetPaletteConfig, resolvePaletteConfig, setPaletteConfig, subscribePaletteConfig, usePaletteConfig, usePaletteVersion };
321
321
  //# sourceMappingURL=palette-config.js.map
@@ -1,7 +1,7 @@
1
1
 
2
2
  import { PaletteConfig } from "./palette-config.js";
3
3
  import { Styles, Tokens } from "@tenphi/tasty";
4
- import { GlazePalette, GlazeTheme } from "@tenphi/glaze";
4
+ import { ColorMap, GlazePalette, GlazeTheme } from "@tenphi/glaze";
5
5
 
6
6
  //#region src/tokens/palette.d.ts
7
7
  /** Which resolved scheme variant {@link renderPaletteTokens} should return. */
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.158.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
2
2
  import { getPaletteConfig, getPaletteVersion, resolvePaletteConfig } from "./palette-config.js";
3
3
  import { lazyStyles } from "./lazy-styles.js";
4
4
  import { glaze } from "@tenphi/glaze";
@@ -198,6 +198,48 @@ const TINTED_SURFACE_OVERRIDE = {
198
198
  }
199
199
  };
200
200
  /**
201
+ * A tinted surface, a banding step, and text guaranteed to read on both.
202
+ *
203
+ * The recipe behind {@link getColorTheme} in `./color-theme.ts`, which builds
204
+ * one-off themes at runtime from an arbitrary hue. It lives here so it shares
205
+ * `TINTED_SURFACE_SATURATION`, the tone offsets and the text ramp with
206
+ * {@link TINTED_SURFACE_OVERRIDE} above rather than forking them — a runtime tint
207
+ * and a built-in theme's `surface` should be the same colour for the same hue.
208
+ *
209
+ * Three colours, because that is what banded, readable table column needs:
210
+ * `surface` for even rows, `surface-2` one tone step down for odd rows and
211
+ * pinned totals, and `surface-2-text`.
212
+ *
213
+ * The text is anchored to `surface-2`, not `surface`. `surface-2` has the lower
214
+ * contrast headroom in BOTH schemes — a darker background under dark text in
215
+ * light, a lighter one under light text in dark — so solving the floor there
216
+ * clears it on both bands. The neutral ramp's own `surface-2-text` is shaped the
217
+ * same way for the same reason.
218
+ */
219
+ const TINT_RECIPE = {
220
+ surface: {
221
+ tone: [100 - TINTED_SURFACE_TONE_OFFSET, 100 - TINTED_SURFACE_TONE_OFFSET * 2],
222
+ saturation: TINTED_SURFACE_SATURATION
223
+ },
224
+ "surface-2": {
225
+ base: "surface",
226
+ tone: ["-2", "-4"],
227
+ saturation: TINTED_SURFACE_SATURATION
228
+ },
229
+ "surface-2-text": {
230
+ base: "surface-2",
231
+ tone: `${TEXT_TONE - TINTED_SURFACE_TONE_OFFSET - SURFACE_2_TEXT_OFFSET}`,
232
+ saturation: .25,
233
+ contrast: ["AA", "AAA"]
234
+ },
235
+ "surface-2-text-soft": {
236
+ base: "surface-2",
237
+ tone: `${TEXT_SOFT_TONE - TINTED_SURFACE_TONE_OFFSET - SURFACE_2_TEXT_OFFSET}`,
238
+ saturation: .25,
239
+ contrast: ["AA", "AAA"]
240
+ }
241
+ };
242
+ /**
201
243
  * Build the full palette from a resolved config.
202
244
  *
203
245
  * Pure: it reads nothing but its argument (and the global Glaze config, which
@@ -708,5 +750,5 @@ function renderPaletteTokens(options = {}) {
708
750
  const PALETTE_TOKENS = lazyStyles(getPaletteTokens);
709
751
 
710
752
  //#endregion
711
- export { PALETTE_TOKENS, getCodeTheme, getPalette, getPaletteTokens, renderPaletteTokens };
753
+ export { PALETTE_TOKENS, TINT_RECIPE, getCodeTheme, getPalette, getPaletteTokens, renderPaletteTokens };
712
754
  //# sourceMappingURL=palette.js.map