@cube-dev/ui-kit 0.137.1 → 0.138.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (470) hide show
  1. package/dist/CHANGELOG.md +25 -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 +54 -43
  14. package/dist/components/GlobalStyles.js.map +1 -1
  15. package/dist/components/GridProvider.js +1 -1
  16. package/dist/components/HiddenInput.js +1 -1
  17. package/dist/components/Root.js +9 -4
  18. package/dist/components/Root.js.map +1 -1
  19. package/dist/components/actions/Action/Action.js +1 -1
  20. package/dist/components/actions/Banner/Banner.js +1 -1
  21. package/dist/components/actions/Button/Button.js +1 -1
  22. package/dist/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  23. package/dist/components/actions/ButtonSplit/ButtonSplit.js +1 -1
  24. package/dist/components/actions/ButtonSplit/context.js +1 -1
  25. package/dist/components/actions/CommandMenu/CommandMenu.js +1 -1
  26. package/dist/components/actions/CommandMenu/styled.js +3 -3
  27. package/dist/components/actions/CommandMenu/styled.js.map +1 -1
  28. package/dist/components/actions/ItemAction/ItemAction.js +1 -1
  29. package/dist/components/actions/ItemActionContext.js +1 -1
  30. package/dist/components/actions/ItemButton/ItemButton.js +1 -1
  31. package/dist/components/actions/Link/Link.js +1 -1
  32. package/dist/components/actions/Menu/Menu.js +1 -1
  33. package/dist/components/actions/Menu/MenuItem.js +1 -1
  34. package/dist/components/actions/Menu/MenuSection.js +1 -1
  35. package/dist/components/actions/Menu/MenuTrigger.js +1 -1
  36. package/dist/components/actions/Menu/SubMenuTrigger.js +1 -1
  37. package/dist/components/actions/Menu/SubmenuTriggerContext.js +1 -1
  38. package/dist/components/actions/Menu/context.js +1 -1
  39. package/dist/components/actions/Menu/styled.js +5 -5
  40. package/dist/components/actions/Menu/styled.js.map +1 -1
  41. package/dist/components/actions/index.js +1 -1
  42. package/dist/components/actions/use-action.js +1 -1
  43. package/dist/components/actions/use-anchored-menu.js +1 -1
  44. package/dist/components/actions/use-context-menu.js +1 -1
  45. package/dist/components/content/ActiveZone/ActiveZone.js +1 -1
  46. package/dist/components/content/Alert/Alert.js +1 -1
  47. package/dist/components/content/Alert/use-alert.js +1 -1
  48. package/dist/components/content/Avatar/Avatar.js +1 -1
  49. package/dist/components/content/Badge/Badge.js +1 -1
  50. package/dist/components/content/Card/Card.js +2 -2
  51. package/dist/components/content/Card/Card.js.map +1 -1
  52. package/dist/components/content/Content.js +1 -1
  53. package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js +1 -1
  54. package/dist/components/content/CopySnippet/CopySnippet.js +1 -1
  55. package/dist/components/content/Disclosure/Disclosure.js +2 -2
  56. package/dist/components/content/Disclosure/Disclosure.js.map +1 -1
  57. package/dist/components/content/Divider.js +1 -1
  58. package/dist/components/content/Footer.js +1 -1
  59. package/dist/components/content/Header.js +1 -1
  60. package/dist/components/content/HotKeys/HotKeys.js +1 -1
  61. package/dist/components/content/InlineInput/InlineInput.js +1 -1
  62. package/dist/components/content/Item/Item.js +2 -2
  63. package/dist/components/content/Item/Item.js.map +1 -1
  64. package/dist/components/content/ItemBadge/ItemBadge.js +1 -1
  65. package/dist/components/content/ItemCard/ItemCard.js +1 -1
  66. package/dist/components/content/Layout/GridLayout.js +1 -1
  67. package/dist/components/content/Layout/Layout.js +1 -1
  68. package/dist/components/content/Layout/LayoutBlock.js +1 -1
  69. package/dist/components/content/Layout/LayoutCenter.js +1 -1
  70. package/dist/components/content/Layout/LayoutContainer.js +1 -1
  71. package/dist/components/content/Layout/LayoutContent.js +1 -1
  72. package/dist/components/content/Layout/LayoutContext.js +1 -1
  73. package/dist/components/content/Layout/LayoutFlex.js +1 -1
  74. package/dist/components/content/Layout/LayoutFooter.js +1 -1
  75. package/dist/components/content/Layout/LayoutGrid.js +1 -1
  76. package/dist/components/content/Layout/LayoutHeader.js +1 -1
  77. package/dist/components/content/Layout/LayoutPane.js +2 -2
  78. package/dist/components/content/Layout/LayoutPane.js.map +1 -1
  79. package/dist/components/content/Layout/LayoutPanel.js +3 -3
  80. package/dist/components/content/Layout/LayoutPanel.js.map +1 -1
  81. package/dist/components/content/Layout/LayoutPanelHeader.js +1 -1
  82. package/dist/components/content/Layout/LayoutToolbar.js +1 -1
  83. package/dist/components/content/Layout/hooks/useTinyScrollbar.js +1 -1
  84. package/dist/components/content/Layout/index.js +1 -1
  85. package/dist/components/content/Layout/utils.js +1 -1
  86. package/dist/components/content/Paragraph.js +1 -1
  87. package/dist/components/content/Placeholder/Placeholder.js +1 -1
  88. package/dist/components/content/PrismCode/PrismCode.js +1 -1
  89. package/dist/components/content/PrismCode/prismSetup.js +1 -1
  90. package/dist/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
  91. package/dist/components/content/Result/Result.js +1 -1
  92. package/dist/components/content/Skeleton/Skeleton.js +1 -1
  93. package/dist/components/content/Tag/Tag.js +1 -1
  94. package/dist/components/content/Text.js +1 -1
  95. package/dist/components/content/TextItem/TextItem.js +1 -1
  96. package/dist/components/content/Title.js +1 -1
  97. package/dist/components/content/Tree/Tree.js +1 -1
  98. package/dist/components/content/Tree/TreeNode.js +1 -1
  99. package/dist/components/content/Tree/styled.js +1 -1
  100. package/dist/components/content/Tree/tree-index.js +1 -1
  101. package/dist/components/content/Tree/use-checkbox-tree.js +1 -1
  102. package/dist/components/content/Tree/use-load-data.js +1 -1
  103. package/dist/components/content/highlightText.js +1 -1
  104. package/dist/components/content/use-auto-tooltip.js +1 -1
  105. package/dist/components/fields/Checkbox/Checkbox.js +5 -5
  106. package/dist/components/fields/Checkbox/Checkbox.js.map +1 -1
  107. package/dist/components/fields/Checkbox/CheckboxGroup.js +1 -1
  108. package/dist/components/fields/Checkbox/context.js +1 -1
  109. package/dist/components/fields/ComboBox/ComboBox.js +2 -2
  110. package/dist/components/fields/ComboBox/ComboBox.js.map +1 -1
  111. package/dist/components/fields/DatePicker/DateInput.js +1 -1
  112. package/dist/components/fields/DatePicker/DateInputBase.js +1 -1
  113. package/dist/components/fields/DatePicker/DatePicker.js +1 -1
  114. package/dist/components/fields/DatePicker/DatePickerButton.js +1 -1
  115. package/dist/components/fields/DatePicker/DatePickerElement.js +1 -1
  116. package/dist/components/fields/DatePicker/DatePickerInput.js +1 -1
  117. package/dist/components/fields/DatePicker/DatePickerSegment.js +1 -1
  118. package/dist/components/fields/DatePicker/DateRangePicker.js +1 -1
  119. package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
  120. package/dist/components/fields/DatePicker/TimeInput.js +1 -1
  121. package/dist/components/fields/DatePicker/intl.js +1 -1
  122. package/dist/components/fields/DatePicker/parseDate.js +1 -1
  123. package/dist/components/fields/DatePicker/props.js +1 -1
  124. package/dist/components/fields/DatePicker/utils.js +1 -1
  125. package/dist/components/fields/FileInput/FileInput.js +3 -3
  126. package/dist/components/fields/FileInput/FileInput.js.map +1 -1
  127. package/dist/components/fields/FilterListBox/FilterListBox.js +1 -1
  128. package/dist/components/fields/FilterPicker/FilterPicker.js +1 -1
  129. package/dist/components/fields/Input/Input.js +1 -1
  130. package/dist/components/fields/ListBox/DraggableListBox.js +1 -1
  131. package/dist/components/fields/ListBox/ListBox.js +6 -6
  132. package/dist/components/fields/ListBox/ListBox.js.map +1 -1
  133. package/dist/components/fields/NumberInput/NumberInput.js +1 -1
  134. package/dist/components/fields/NumberInput/StepButton.js +1 -1
  135. package/dist/components/fields/PasswordInput/PasswordInput.js +1 -1
  136. package/dist/components/fields/Picker/Picker.js +1 -1
  137. package/dist/components/fields/RadioGroup/Radio.js +4 -4
  138. package/dist/components/fields/RadioGroup/Radio.js.map +1 -1
  139. package/dist/components/fields/RadioGroup/RadioGroup.js +2 -2
  140. package/dist/components/fields/RadioGroup/RadioGroup.js.map +1 -1
  141. package/dist/components/fields/RadioGroup/context.js +1 -1
  142. package/dist/components/fields/SearchInput/SearchInput.js +1 -1
  143. package/dist/components/fields/Select/Select.js +5 -5
  144. package/dist/components/fields/Select/Select.js.map +1 -1
  145. package/dist/components/fields/Slider/Gradation.js +1 -1
  146. package/dist/components/fields/Slider/HueSlider.js +1 -1
  147. package/dist/components/fields/Slider/RangeSlider.js +1 -1
  148. package/dist/components/fields/Slider/Slider.js +1 -1
  149. package/dist/components/fields/Slider/SliderBase.js +1 -1
  150. package/dist/components/fields/Slider/SliderThumb.js +1 -1
  151. package/dist/components/fields/Slider/SliderTrack.js +1 -1
  152. package/dist/components/fields/Slider/elements.js +3 -3
  153. package/dist/components/fields/Slider/elements.js.map +1 -1
  154. package/dist/components/fields/Slider/index.js +1 -1
  155. package/dist/components/fields/Switch/Switch.js +2 -2
  156. package/dist/components/fields/Switch/Switch.js.map +1 -1
  157. package/dist/components/fields/TextArea/TextArea.js +1 -1
  158. package/dist/components/fields/TextInput/TextInput.js +1 -1
  159. package/dist/components/fields/TextInput/TextInputBase.js +3 -3
  160. package/dist/components/fields/TextInput/TextInputBase.js.map +1 -1
  161. package/dist/components/fields/TextInputMapper/TextInputMapper.js +1 -1
  162. package/dist/components/form/FieldWrapper/FieldWrapper.js +1 -1
  163. package/dist/components/form/FieldWrapper/extract-field-wrapper-props.js +1 -1
  164. package/dist/components/form/Form/Field.js +1 -1
  165. package/dist/components/form/Form/Form.js +1 -1
  166. package/dist/components/form/Form/ResetButton/ResetButton.js +1 -1
  167. package/dist/components/form/Form/SubmitButton/SubmitButton.js +1 -1
  168. package/dist/components/form/Form/SubmitError.js +1 -1
  169. package/dist/components/form/Form/index.js +1 -1
  170. package/dist/components/form/Form/use-field/use-field-props.js +1 -1
  171. package/dist/components/form/Form/use-field/use-field.js +1 -1
  172. package/dist/components/form/Form/use-form.js +1 -1
  173. package/dist/components/form/Form/validation.js +1 -1
  174. package/dist/components/form/Label.js +1 -1
  175. package/dist/components/form/wrapper.js +1 -1
  176. package/dist/components/helpers/DisplayTransition/DisplayTransition.js +1 -1
  177. package/dist/components/helpers/IconSwitch/IconSwitch.js +1 -1
  178. package/dist/components/layout/Flex.js +1 -1
  179. package/dist/components/layout/Flow.js +1 -1
  180. package/dist/components/layout/Grid.js +1 -1
  181. package/dist/components/layout/Panel.js +1 -1
  182. package/dist/components/layout/Prefix.js +1 -1
  183. package/dist/components/layout/ResizablePanel.js +2 -2
  184. package/dist/components/layout/ResizablePanel.js.map +1 -1
  185. package/dist/components/layout/Space.js +1 -1
  186. package/dist/components/layout/Suffix.js +1 -1
  187. package/dist/components/navigation/Tabs/DraggableTabList.js +1 -1
  188. package/dist/components/navigation/Tabs/TabButton.js +1 -1
  189. package/dist/components/navigation/Tabs/TabDropIndicator.js +1 -1
  190. package/dist/components/navigation/Tabs/TabPanel.js +1 -1
  191. package/dist/components/navigation/Tabs/TabPicker.js +1 -1
  192. package/dist/components/navigation/Tabs/Tabs.js +1 -1
  193. package/dist/components/navigation/Tabs/TabsAction.js +1 -1
  194. package/dist/components/navigation/Tabs/TabsContext.js +1 -1
  195. package/dist/components/navigation/Tabs/styled.js +3 -3
  196. package/dist/components/navigation/Tabs/styled.js.map +1 -1
  197. package/dist/components/navigation/Tabs/types.js +1 -1
  198. package/dist/components/navigation/Tabs/use-tab-editing.js +1 -1
  199. package/dist/components/navigation/Tabs/use-tab-indicator.js +1 -1
  200. package/dist/components/organisms/FileTabs/FileTabs.js +2 -2
  201. package/dist/components/organisms/FileTabs/FileTabs.js.map +1 -1
  202. package/dist/components/organisms/StatsCard/StatsCard.js +2 -2
  203. package/dist/components/organisms/StatsCard/StatsCard.js.map +1 -1
  204. package/dist/components/other/Calendar/Calendar.js +1 -1
  205. package/dist/components/other/Calendar/CalendarCell.js +1 -1
  206. package/dist/components/other/Calendar/CalendarGrid.js +1 -1
  207. package/dist/components/other/Calendar/RangeCalendar.js +1 -1
  208. package/dist/components/other/CloudLogo/CloudLogo.js +1 -1
  209. package/dist/components/overlays/AlertDialog/AlertDialog.js +1 -1
  210. package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  211. package/dist/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  212. package/dist/components/overlays/Dialog/Dialog.js +2 -2
  213. package/dist/components/overlays/Dialog/Dialog.js.map +1 -1
  214. package/dist/components/overlays/Dialog/DialogContainer.js +1 -1
  215. package/dist/components/overlays/Dialog/DialogForm.js +1 -1
  216. package/dist/components/overlays/Dialog/DialogTrigger.js +1 -1
  217. package/dist/components/overlays/Dialog/context.js +1 -1
  218. package/dist/components/overlays/Dialog/use-dialog-container.js +1 -1
  219. package/dist/components/overlays/Modal/Modal.js +1 -1
  220. package/dist/components/overlays/Modal/OpenTransitionContext.js +1 -1
  221. package/dist/components/overlays/Modal/Overlay.js +1 -1
  222. package/dist/components/overlays/Modal/Popover.js +1 -1
  223. package/dist/components/overlays/Modal/Tray.js +1 -1
  224. package/dist/components/overlays/Modal/Underlay.js +1 -1
  225. package/dist/components/overlays/Notifications/Notification.js +1 -1
  226. package/dist/components/overlays/Notifications/NotificationAction.js +1 -1
  227. package/dist/components/overlays/Notifications/NotificationCard.js +1 -1
  228. package/dist/components/overlays/Notifications/NotificationContext.js +1 -1
  229. package/dist/components/overlays/Notifications/NotificationItem.js +1 -1
  230. package/dist/components/overlays/Notifications/OverlayContainer.js +1 -1
  231. package/dist/components/overlays/Notifications/OverlayProvider.js +1 -1
  232. package/dist/components/overlays/Notifications/PersistentNotificationsList.js +1 -1
  233. package/dist/components/overlays/Notifications/dismissed-storage.js +1 -1
  234. package/dist/components/overlays/Notifications/format-relative-time.js +1 -1
  235. package/dist/components/overlays/Notifications/index.js +1 -1
  236. package/dist/components/overlays/Notifications/use-notification-state.js +1 -1
  237. package/dist/components/overlays/Notifications/use-notifications.js +1 -1
  238. package/dist/components/overlays/Notifications/use-overlay-timers.js +1 -1
  239. package/dist/components/overlays/Notifications/use-persistent-notifications.js +1 -1
  240. package/dist/components/overlays/Notifications/use-persistent-state.js +1 -1
  241. package/dist/components/overlays/Notifications/use-toast-state.js +1 -1
  242. package/dist/components/overlays/Toast/ToastItem.js +1 -1
  243. package/dist/components/overlays/Toast/index.js +1 -1
  244. package/dist/components/overlays/Toast/useProgressToast.js +1 -1
  245. package/dist/components/overlays/Toast/useToast.js +1 -1
  246. package/dist/components/overlays/Tooltip/Tooltip.js +7 -7
  247. package/dist/components/overlays/Tooltip/Tooltip.js.map +1 -1
  248. package/dist/components/overlays/Tooltip/TooltipProvider.js +1 -1
  249. package/dist/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  250. package/dist/components/overlays/Tooltip/context.js +1 -1
  251. package/dist/components/portal/Portal.js +1 -1
  252. package/dist/components/portal/PortalProvider.js +1 -1
  253. package/dist/components/portal/usePortal.js +1 -1
  254. package/dist/components/shared/DraggableCollection.js +1 -1
  255. package/dist/components/shared/InvalidIcon.js +1 -1
  256. package/dist/components/shared/ValidIcon.js +1 -1
  257. package/dist/components/status/LoadingAnimation/LoadingAnimation.js +23 -7
  258. package/dist/components/status/LoadingAnimation/LoadingAnimation.js.map +1 -1
  259. package/dist/components/status/Spin/Cube.js +1 -1
  260. package/dist/components/status/Spin/InternalSpinner.js +1 -1
  261. package/dist/components/status/Spin/Spin.js +1 -1
  262. package/dist/components/status/Spin/SpinsContainer.js +1 -1
  263. package/dist/data/item-themes.js +114 -115
  264. package/dist/data/item-themes.js.map +1 -1
  265. package/dist/data/themes.d.ts +17 -17
  266. package/dist/data/themes.js +18 -18
  267. package/dist/data/themes.js.map +1 -1
  268. package/dist/icons/AdjustmentsHorizontalIcon.js +1 -1
  269. package/dist/icons/AdjustmentsIcon.js +1 -1
  270. package/dist/icons/AiIcon.js +1 -1
  271. package/dist/icons/AreaChartIcon.js +1 -1
  272. package/dist/icons/BackwardIcon.js +1 -1
  273. package/dist/icons/BarChartIcon.js +1 -1
  274. package/dist/icons/BellFilledIcon.js +1 -1
  275. package/dist/icons/BellIcon.js +1 -1
  276. package/dist/icons/BooleanIcon.js +1 -1
  277. package/dist/icons/CalendarEditIcon.js +1 -1
  278. package/dist/icons/CalendarIcon.js +1 -1
  279. package/dist/icons/CaretDownIcon.js +1 -1
  280. package/dist/icons/CaretUpIcon.js +1 -1
  281. package/dist/icons/ChartAreaStackedIcon.js +1 -1
  282. package/dist/icons/ChartAreaStackedPercentageIcon.js +1 -1
  283. package/dist/icons/ChartBarGroupedHorizontalIcon.js +1 -1
  284. package/dist/icons/ChartBarGroupedIcon.js +1 -1
  285. package/dist/icons/ChartBarHorizontalIcon.js +1 -1
  286. package/dist/icons/ChartBarLineIcon.js +1 -1
  287. package/dist/icons/ChartBarStackedHorizontalIcon.js +1 -1
  288. package/dist/icons/ChartBarStackedIcon.js +1 -1
  289. package/dist/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
  290. package/dist/icons/ChartBarStackedPercentageIcon.js +1 -1
  291. package/dist/icons/ChartBoxPlot2Icon.js +1 -1
  292. package/dist/icons/ChartBoxPlotIcon.js +1 -1
  293. package/dist/icons/ChartBubbleIcon.js +1 -1
  294. package/dist/icons/ChartDonut2Icon.js +1 -1
  295. package/dist/icons/ChartFunnelIcon.js +1 -1
  296. package/dist/icons/ChartHeatmapIcon.js +1 -1
  297. package/dist/icons/ChartKPIIcon.js +1 -1
  298. package/dist/icons/ChartPie2Icon.js +1 -1
  299. package/dist/icons/ChartScatterIcon.js +1 -1
  300. package/dist/icons/CheckCircleFilledIcon.js +1 -1
  301. package/dist/icons/CheckCircleIcon.js +1 -1
  302. package/dist/icons/CheckIcon.js +1 -1
  303. package/dist/icons/CircleFilledIcon.js +1 -1
  304. package/dist/icons/ClearIcon.js +1 -1
  305. package/dist/icons/CloseCircleFilledIcon.js +1 -1
  306. package/dist/icons/CloseCircleIcon.js +1 -1
  307. package/dist/icons/CloseIcon.js +1 -1
  308. package/dist/icons/CodeIcon.js +1 -1
  309. package/dist/icons/ColumnTotalIcon.js +1 -1
  310. package/dist/icons/CopyIcon.js +1 -1
  311. package/dist/icons/CountIcon.js +1 -1
  312. package/dist/icons/CubeIcon.js +1 -1
  313. package/dist/icons/CubePauseIcon.js +1 -1
  314. package/dist/icons/CubePlayIcon.js +1 -1
  315. package/dist/icons/CurrencyDollarIcon.js +1 -1
  316. package/dist/icons/DangerIcon.js +1 -1
  317. package/dist/icons/DashboardIcon.js +1 -1
  318. package/dist/icons/DatabaseIcon.js +1 -1
  319. package/dist/icons/DecimalDecreaseIcon.js +1 -1
  320. package/dist/icons/DecimalIncreaseIcon.js +1 -1
  321. package/dist/icons/DirectionIcon.js +1 -1
  322. package/dist/icons/DonutIcon.js +1 -1
  323. package/dist/icons/DownIcon.js +1 -1
  324. package/dist/icons/EditIcon.js +1 -1
  325. package/dist/icons/ExclamationCircleFilledIcon.js +1 -1
  326. package/dist/icons/ExclamationCircleIcon.js +1 -1
  327. package/dist/icons/ExclamationIcon.js +1 -1
  328. package/dist/icons/EyeIcon.js +1 -1
  329. package/dist/icons/EyeInvisibleIcon.js +1 -1
  330. package/dist/icons/FilterIcon.js +1 -1
  331. package/dist/icons/FolderFilledIcon.js +1 -1
  332. package/dist/icons/FolderIcon.js +1 -1
  333. package/dist/icons/FolderOpenFilledIcon.js +1 -1
  334. package/dist/icons/FolderOpenIcon.js +1 -1
  335. package/dist/icons/ForwardIcon.js +1 -1
  336. package/dist/icons/GripVerticalIcon.js +1 -1
  337. package/dist/icons/HierarchyIcon.js +1 -1
  338. package/dist/icons/HierarchyOpenIcon.js +1 -1
  339. package/dist/icons/Icon.js +1 -1
  340. package/dist/icons/InfoCircleIcon.js +1 -1
  341. package/dist/icons/InfoIcon.js +1 -1
  342. package/dist/icons/KeyIcon.js +1 -1
  343. package/dist/icons/LeftIcon.js +1 -1
  344. package/dist/icons/LineChartIcon.js +1 -1
  345. package/dist/icons/LoadingIcon.js +1 -1
  346. package/dist/icons/LockFilledIcon.js +1 -1
  347. package/dist/icons/LockIcon.js +1 -1
  348. package/dist/icons/MoreIcon.js +1 -1
  349. package/dist/icons/NotAllowedIcon.js +1 -1
  350. package/dist/icons/Number123Icon.js +1 -1
  351. package/dist/icons/NumberIcon.js +1 -1
  352. package/dist/icons/PauseCircleFilledIcon.js +1 -1
  353. package/dist/icons/PauseCircleIcon.js +1 -1
  354. package/dist/icons/PauseIcon.js +1 -1
  355. package/dist/icons/PercentageIcon.js +1 -1
  356. package/dist/icons/PieChartIcon.js +1 -1
  357. package/dist/icons/PlayCircleIcon.js +1 -1
  358. package/dist/icons/PlayIcon.js +1 -1
  359. package/dist/icons/PlusIcon.js +1 -1
  360. package/dist/icons/ProgressBarIcon.js +1 -1
  361. package/dist/icons/ReloadIcon.js +1 -1
  362. package/dist/icons/ReportIcon.js +1 -1
  363. package/dist/icons/ReturnIcon.js +1 -1
  364. package/dist/icons/RightIcon.js +1 -1
  365. package/dist/icons/RowTotalsIcon.js +1 -1
  366. package/dist/icons/SchemeIcon.js +1 -1
  367. package/dist/icons/SearchIcon.js +1 -1
  368. package/dist/icons/SemanticQueryIcon.js +1 -1
  369. package/dist/icons/SettingsIcon.js +1 -1
  370. package/dist/icons/ShieldFilledIcon.js +1 -1
  371. package/dist/icons/ShieldIcon.js +1 -1
  372. package/dist/icons/SlashIcon.js +1 -1
  373. package/dist/icons/SparklesIcon.js +1 -1
  374. package/dist/icons/SqlIcon.js +1 -1
  375. package/dist/icons/StatsIcon.js +1 -1
  376. package/dist/icons/StopIcon.js +1 -1
  377. package/dist/icons/StringIcon.js +1 -1
  378. package/dist/icons/SubtotalsIcon.js +1 -1
  379. package/dist/icons/SwitchIcon.js +1 -1
  380. package/dist/icons/TableIcon.js +1 -1
  381. package/dist/icons/ThumbsDownIcon.js +1 -1
  382. package/dist/icons/ThumbsUpIcon.js +1 -1
  383. package/dist/icons/ThunderboltCrossedIcon.js +1 -1
  384. package/dist/icons/ThunderboltFilledIcon.js +1 -1
  385. package/dist/icons/ThunderboltIcon.js +1 -1
  386. package/dist/icons/TimeIcon.js +1 -1
  387. package/dist/icons/TrashIcon.js +1 -1
  388. package/dist/icons/UnlockIcon.js +1 -1
  389. package/dist/icons/UpIcon.js +1 -1
  390. package/dist/icons/UserGroupIcon.js +1 -1
  391. package/dist/icons/UserIcon.js +1 -1
  392. package/dist/icons/UserLockIcon.js +1 -1
  393. package/dist/icons/ViewIcon.js +1 -1
  394. package/dist/icons/WarningFilledIcon.js +1 -1
  395. package/dist/icons/WarningIcon.js +1 -1
  396. package/dist/icons/wrap-icon.js +1 -1
  397. package/dist/index.d.ts +1 -0
  398. package/dist/index.js +3 -1
  399. package/dist/index.js.map +1 -1
  400. package/dist/provider.js +1 -1
  401. package/dist/providers/TrackingProvider.js +1 -1
  402. package/dist/providers/navigationAdapter.default.js +1 -1
  403. package/dist/tokens/base.js +1 -1
  404. package/dist/tokens/colors.d.ts +4 -3
  405. package/dist/tokens/colors.js +93 -83
  406. package/dist/tokens/colors.js.map +1 -1
  407. package/dist/tokens/index.js +1 -1
  408. package/dist/tokens/layout.js +1 -1
  409. package/dist/tokens/palette.js +364 -0
  410. package/dist/tokens/palette.js.map +1 -0
  411. package/dist/tokens/shadows.d.ts +4 -1
  412. package/dist/tokens/shadows.js +9 -6
  413. package/dist/tokens/shadows.js.map +1 -1
  414. package/dist/tokens/sizes.js +1 -1
  415. package/dist/tokens/spacing.js +1 -1
  416. package/dist/tokens/typography.js +1 -1
  417. package/dist/utils/ResizeSensor.js +1 -1
  418. package/dist/utils/is-dev-env.js +1 -1
  419. package/dist/utils/modules.js +1 -1
  420. package/dist/utils/promise.js +1 -1
  421. package/dist/utils/raf.js +1 -1
  422. package/dist/utils/random.js +1 -1
  423. package/dist/utils/range.js +1 -1
  424. package/dist/utils/react/RenderCache.js +1 -1
  425. package/dist/utils/react/Slots.js +1 -1
  426. package/dist/utils/react/chain.js +1 -1
  427. package/dist/utils/react/forwardRefWithGenerics.js +1 -1
  428. package/dist/utils/react/index.js +1 -1
  429. package/dist/utils/react/interactions.js +1 -1
  430. package/dist/utils/react/isTextOnly.js +1 -1
  431. package/dist/utils/react/mapProps.js +1 -1
  432. package/dist/utils/react/mergeProps.js +1 -1
  433. package/dist/utils/react/nullableValue.js +1 -1
  434. package/dist/utils/react/resolveIcon.js +1 -1
  435. package/dist/utils/react/sharedStore.js +1 -1
  436. package/dist/utils/react/useCombinedRefs.js +1 -1
  437. package/dist/utils/react/useControlledFocusVisible.js +1 -1
  438. package/dist/utils/react/useEventBus.js +1 -1
  439. package/dist/utils/react/useId.js +1 -1
  440. package/dist/utils/react/useIsDarwin.js +1 -1
  441. package/dist/utils/react/useKeySymbols.js +1 -1
  442. package/dist/utils/react/useLayoutEffect.js +1 -1
  443. package/dist/utils/react/useLocalStorage.js +1 -1
  444. package/dist/utils/react/useMergeStyles.js +1 -1
  445. package/dist/utils/react/usePopoverSync.js +1 -1
  446. package/dist/utils/react/useQaProps.js +1 -1
  447. package/dist/utils/react/useViewportSize.js +1 -1
  448. package/dist/utils/react/wrapNodeIfPlain.js +1 -1
  449. package/dist/utils/selection.js +1 -1
  450. package/dist/utils/styles.js +1 -1
  451. package/dist/utils/tree.js +1 -1
  452. package/dist/utils/warnings.js +1 -1
  453. package/dist/version.d.ts +3 -0
  454. package/dist/version.js +13 -5
  455. package/dist/version.js.map +1 -1
  456. package/docs/Usage.md +98 -30
  457. package/docs/components/content/Card.md +1 -1
  458. package/docs/components/content/PrismCode.md +21 -0
  459. package/docs/components/form/Field.md +1 -1
  460. package/docs/components/layout/ResizablePanel.md +1 -1
  461. package/docs/components/organisms/FileTabs.md +1 -1
  462. package/docs/components/organisms/StatsCard.md +1 -1
  463. package/docs/tasty/configuration.md +44 -0
  464. package/docs/tasty/dsl.md +14 -13
  465. package/docs/tasty/methodology.md +26 -0
  466. package/docs/tasty/react-api.md +24 -0
  467. package/docs/tasty/ssr.md +5 -3
  468. package/docs/tasty/styles.md +9 -7
  469. package/docs/tasty/tasty-static.md +15 -0
  470. package/package.json +8 -6
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
2
2
  import { wrapIcon } from "./wrap-icon.js";
3
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
2
2
  import { wrapIcon } from "./wrap-icon.js";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
2
2
  import { wrapIcon } from "./wrap-icon.js";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
2
2
  import { wrapIcon } from "./wrap-icon.js";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  import { IconAlertTriangleFilled } from "@tabler/icons-react";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
2
2
  import { wrapIcon } from "./wrap-icon.js";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  import { IconAlertTriangle } from "@tabler/icons-react";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
2
2
  import { Icon } from "./Icon.js";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
 
package/dist/index.d.ts CHANGED
@@ -354,6 +354,7 @@ import copy from "clipboard-copy";
354
354
  export * from "@tenphi/tasty";
355
355
  export * from "@react-aria/ssr";
356
356
  export * from "@internationalized/date";
357
+ export * from "@tenphi/glaze";
357
358
 
358
359
  //#region src/index.d.ts
359
360
  declare const Typography: {
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
2
2
  import { extractStyles } from "./utils/styles.js";
3
3
  import { chain } from "./utils/react/chain.js";
4
4
  import { forwardRefWithGenerics } from "./utils/react/forwardRefWithGenerics.js";
@@ -313,6 +313,8 @@ export * from "@react-aria/ssr"
313
313
 
314
314
  export * from "@internationalized/date"
315
315
 
316
+ export * from "@tenphi/glaze"
317
+
316
318
  //#region src/index.ts
317
319
  const Typography = {
318
320
  Text: _Text,
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 { 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 { 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';\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 { CloudLogo } from './components/other/CloudLogo/CloudLogo';\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// molecules\nexport { FileTabs } from './components/organisms/FileTabs/FileTabs';\nexport type { CubeFileTabProps } from './components/organisms/FileTabs/FileTabs';\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';\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 Props,\n FlowStyleProps,\n ShortGridStyles,\n} from '@tenphi/tasty';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsMA,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 { 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 { 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';\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 { CloudLogo } from './components/other/CloudLogo/CloudLogo';\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// molecules\nexport { FileTabs } from './components/organisms/FileTabs/FileTabs';\nexport type { CubeFileTabProps } from './components/organisms/FileTabs/FileTabs';\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 Props,\n FlowStyleProps,\n ShortGridStyles,\n} from '@tenphi/tasty';\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuMA,MAAa,aAAa;CACxB,MAAMA;CACN;CACA;CACD"}
package/dist/provider.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | 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.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | 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.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | 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.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
2
2
  //#region src/tokens/base.ts
3
3
  /**
4
4
  * Base design system tokens.
@@ -3,9 +3,10 @@ import { Styles } from "@tenphi/tasty";
3
3
 
4
4
  //#region src/tokens/colors.d.ts
5
5
  /**
6
- * Color tokens with # prefix for tasty color definitions.
7
- * The tasty system automatically generates {name}-color-rgb variants.
8
- * Colors are defined in OKHSL format for perceptually uniform color manipulation.
6
+ * Combined color token map: Glaze-generated palette + legacy aliases.
7
+ *
8
+ * `#white` and `#black` are intentionally omitted they are built-in
9
+ * tasty named colors and resolve automatically.
9
10
  */
10
11
  declare const COLOR_TOKENS: Styles;
11
12
  //#endregion
@@ -1,91 +1,101 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
2
+ import { PALETTE_TOKENS } from "./palette.js";
3
+
2
4
  //#region src/tokens/colors.ts
3
- const PINK_HUE = 5;
4
- const PURPLE_HUE = 280.3;
5
- const DANGER_HUE = 23.1;
6
- const SUCCESS_HUE = 156.9;
7
- const WARNING_HUE = 84.3;
8
- const NOTE_HUE = 302.3;
9
- const MAIN_SATURATION = 80;
10
- const BG_SATURATION = 60;
11
- const ICON_SATURATION = 75;
12
- const MAIN_LIGHTNESS = 52;
13
- const TEXT_LIGHTNESS = 45;
14
- const BG_LIGHTNESS = 97;
15
- const ICON_LIGHTNESS = 60;
16
- const DISABLED_SATURATION = 32;
17
- const DISABLED_LIGHTNESS = 80.8;
18
- /** Generate an OKHSL color string */
19
- const okhsl = (h, s, l) => `okhsl(${h} ${s}% ${l}%)`;
20
5
  /**
21
- * Color tokens with # prefix for tasty color definitions.
22
- * The tasty system automatically generates {name}-color-rgb variants.
23
- * Colors are defined in OKHSL format for perceptually uniform color manipulation.
6
+ * Color tokens with `#` prefix for tasty color definitions.
7
+ *
8
+ * The base values come from the Glaze-generated palette (`palette.ts`):
9
+ * `#surface`, `#surface-text*`, `#border`, `#focus`, `#disabled`, `#pink`,
10
+ * `#shadow-*`, `#overlay`, the unprefixed `#accent-*` family, and the per-theme
11
+ * `#primary-*` / `#purple-*` / `#success-*` / `#danger-*` / `#warning-*` /
12
+ * `#note-*` families.
13
+ *
14
+ * Each Glaze token is a state map (`{ '': '...', '@dark': '...', '@hc': '...' }`),
15
+ * giving us light, dark, and high-contrast variants for free. The `@dark` /
16
+ * `@hc` predefined states are wired up globally in `src/components/Root.tsx`.
17
+ *
18
+ * The aliases below preserve backward compatibility with every legacy
19
+ * `#name` used across components, stories, and tests. Each alias resolves
20
+ * to a current Glaze token via tasty's `#token` reference syntax.
24
21
  */
25
- const COLOR_TOKENS = {
26
- "#pink": okhsl(PINK_HUE, 100, 67),
27
- "#primary": okhsl(PURPLE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
28
- "#primary-text": okhsl(PURPLE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
29
- "#primary-bg": okhsl(PURPLE_HUE, BG_SATURATION, BG_LIGHTNESS),
30
- "#primary-icon": okhsl(PURPLE_HUE, ICON_SATURATION, ICON_LIGHTNESS),
31
- "#primary-desaturated": okhsl(PURPLE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
32
- "#primary-disabled": okhsl(PURPLE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
33
- "#purple": "#primary",
34
- "#purple-text": "#primary-text",
35
- "#purple-bg": "#primary-bg",
36
- "#purple-icon": "#primary-icon",
37
- "#purple-disabled": "#primary-disabled",
38
- "#purple-01": okhsl(PURPLE_HUE, 100, 58),
39
- "#purple-02": okhsl(PURPLE_HUE, 100, 66),
40
- "#purple-03": okhsl(PURPLE_HUE, 100, 74),
41
- "#purple-04": okhsl(PURPLE_HUE, 100, 83),
42
- "#focus": okhsl(PURPLE_HUE, 69, 71),
43
- "#text": okhsl(PURPLE_HUE, 30, 31),
44
- "#dark": okhsl(PURPLE_HUE, 38, 12),
45
- "#dark-01": okhsl(PURPLE_HUE, 38, 12),
46
- "#dark-02": okhsl(PURPLE_HUE, 30, 31),
47
- "#dark-03": okhsl(PURPLE_HUE, 19, 49),
48
- "#dark-04": okhsl(PURPLE_HUE, 14, 67),
49
- "#dark-05": okhsl(PURPLE_HUE, 14, 86),
50
- "#surface": okhsl(PURPLE_HUE, 21, 100),
51
- "#surface-2": okhsl(PURPLE_HUE, 21, 98),
52
- "#surface-3": okhsl(PURPLE_HUE, 21, 96),
22
+ const LEGACY_ALIASES = {
23
+ "#text": "#surface-text-soft",
24
+ "#dark": "#surface-text",
25
+ "#dark-01": "#surface-text",
26
+ "#dark-02": "#surface-text-soft",
27
+ "#dark-03": "#surface-text-soft-2",
28
+ "#dark-04": "#placeholder",
29
+ "#dark-05": "#border",
30
+ "#fixed-dark": "#surface-inverse",
31
+ "#fixed-primary-text": "#primary-accent-surface-hover",
32
+ "#minor": "#surface-text-soft.65",
33
+ "#shadow": "#shadow-md",
53
34
  "#light": "#surface-3",
54
- "#dark-bg": okhsl(PURPLE_HUE, 21, 98),
55
- "#white": "okhsl(0 0% 100%)",
56
- "#black": "okhsl(0 0% 0%)",
57
- "#danger": okhsl(DANGER_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
58
- "#danger-text": okhsl(DANGER_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
59
- "#danger-bg": okhsl(DANGER_HUE, BG_SATURATION, BG_LIGHTNESS),
60
- "#danger-icon": okhsl(DANGER_HUE, ICON_SATURATION, ICON_LIGHTNESS),
61
- "#danger-desaturated": okhsl(DANGER_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
62
- "#danger-disabled": okhsl(DANGER_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
63
- "#success": okhsl(SUCCESS_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
64
- "#success-text": okhsl(SUCCESS_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
65
- "#success-bg": okhsl(SUCCESS_HUE, BG_SATURATION, BG_LIGHTNESS),
66
- "#success-icon": okhsl(SUCCESS_HUE, ICON_SATURATION, ICON_LIGHTNESS),
67
- "#success-desaturated": okhsl(SUCCESS_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
68
- "#success-disabled": okhsl(SUCCESS_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
69
- "#warning": okhsl(WARNING_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
70
- "#warning-text": okhsl(WARNING_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
71
- "#warning-bg": okhsl(WARNING_HUE, BG_SATURATION, BG_LIGHTNESS),
72
- "#warning-icon": okhsl(WARNING_HUE, ICON_SATURATION, ICON_LIGHTNESS),
73
- "#warning-desaturated": okhsl(WARNING_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
74
- "#warning-disabled": okhsl(WARNING_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
75
- "#note": okhsl(NOTE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
76
- "#note-text": okhsl(NOTE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
77
- "#note-bg": okhsl(NOTE_HUE, BG_SATURATION, BG_LIGHTNESS),
78
- "#note-icon": okhsl(NOTE_HUE, ICON_SATURATION, ICON_LIGHTNESS),
79
- "#note-desaturated": okhsl(NOTE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
80
- "#note-disabled": okhsl(NOTE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
81
- "#border": okhsl(PURPLE_HUE, 13, 90),
82
- "#placeholder": "#dark-04",
35
+ "#dark-bg": "#surface-2",
83
36
  "#clear": "transparent",
84
- "#shadow": "#dark.06",
85
- "#minor": "#dark.65",
86
- "#disabled": "#dark-01.25",
87
- "#disabled-text": "#dark-01.25",
88
- "#disabled-bg": "#dark-05.2"
37
+ "#pink": "okhsl(5 100% 67%)",
38
+ "#primary": "#primary-accent-surface",
39
+ "#primary-text": "#primary-accent-text",
40
+ "#primary-text-soft": "#primary-accent-text-soft",
41
+ "#primary-bg": "#primary-surface",
42
+ "#primary-icon": "#primary-accent-icon",
43
+ "#primary-hover": "#primary-accent-surface-hover",
44
+ "#primary-desaturated": "#primary-accent-surface-2",
45
+ "#primary-disabled": "#disabled",
46
+ "#purple": "#purple-accent-surface",
47
+ "#purple-text": "#purple-accent-text",
48
+ "#purple-text-soft": "#purple-accent-text-soft",
49
+ "#purple-bg": "#purple-surface",
50
+ "#purple-icon": "#purple-accent-icon",
51
+ "#purple-hover": "#purple-accent-surface-hover",
52
+ "#purple-disabled": "#disabled",
53
+ "#purple-01": "#purple-accent-surface",
54
+ "#purple-02": "#purple-accent-surface-2",
55
+ "#purple-03": "#purple-accent-surface-3",
56
+ "#purple-04": "#purple-surface",
57
+ "#danger": "#danger-accent-surface",
58
+ "#danger-text": "#danger-accent-text",
59
+ "#danger-text-soft": "#danger-accent-text-soft",
60
+ "#danger-bg": "#danger-surface",
61
+ "#danger-icon": "#danger-accent-icon",
62
+ "#danger-hover": "#danger-accent-surface-hover",
63
+ "#danger-desaturated": "#danger-accent-surface-2",
64
+ "#danger-disabled": "#disabled",
65
+ "#success": "#success-accent-surface",
66
+ "#success-text": "#success-accent-text",
67
+ "#success-text-soft": "#success-accent-text-soft",
68
+ "#success-bg": "#success-surface",
69
+ "#success-icon": "#success-accent-icon",
70
+ "#success-hover": "#success-accent-surface-hover",
71
+ "#success-desaturated": "#success-accent-surface-2",
72
+ "#success-disabled": "#disabled",
73
+ "#warning": "#warning-accent-surface",
74
+ "#warning-text": "#warning-accent-text",
75
+ "#warning-text-soft": "#warning-accent-text-soft",
76
+ "#warning-bg": "#warning-surface",
77
+ "#warning-icon": "#warning-accent-icon",
78
+ "#warning-hover": "#warning-accent-surface-hover",
79
+ "#warning-desaturated": "#warning-accent-surface-2",
80
+ "#warning-disabled": "#disabled",
81
+ "#note": "#note-accent-surface",
82
+ "#note-text": "#note-accent-text",
83
+ "#note-text-soft": "#note-accent-text-soft",
84
+ "#note-bg": "#note-surface",
85
+ "#note-icon": "#note-accent-icon",
86
+ "#note-hover": "#note-accent-surface-hover",
87
+ "#note-desaturated": "#note-accent-surface-2",
88
+ "#note-disabled": "#disabled"
89
+ };
90
+ /**
91
+ * Combined color token map: Glaze-generated palette + legacy aliases.
92
+ *
93
+ * `#white` and `#black` are intentionally omitted — they are built-in
94
+ * tasty named colors and resolve automatically.
95
+ */
96
+ const COLOR_TOKENS = {
97
+ ...PALETTE_TOKENS,
98
+ ...LEGACY_ALIASES
89
99
  };
90
100
 
91
101
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n// ============================================================================\n// Color Constants (OKHSL)\n// ============================================================================\n\n// Hue values (degrees)\nexport const PINK_HUE = 5.0;\nexport const PURPLE_HUE = 280.3;\nexport const DANGER_HUE = 23.1;\nexport const SUCCESS_HUE = 156.9;\nexport const WARNING_HUE = 84.3;\nexport const NOTE_HUE = 302.3;\n\n// Saturation values (%)\nexport const MAIN_SATURATION = 80;\nexport const BG_SATURATION = 60;\nexport const ICON_SATURATION = 75;\n\n// Lightness values (%)\nexport const MAIN_LIGHTNESS = 52;\nexport const TEXT_LIGHTNESS = 45;\nexport const BG_LIGHTNESS = 97;\nexport const ICON_LIGHTNESS = 60;\n\n// Disabled state values (60% white + 40% main color in okhsl)\n// Saturation: 0.6 * 0 + 0.4 * MAIN_SATURATION = 32\n// Lightness: 0.6 * 100 + 0.4 * MAIN_LIGHTNESS = 80.8\nexport const DISABLED_SATURATION = 32;\nexport const DISABLED_LIGHTNESS = 80.8;\n\n// ============================================================================\n// Helper function\n// ============================================================================\n\n/** Generate an OKHSL color string */\nconst okhsl = (h: number, s: number, l: number): string =>\n `okhsl(${h} ${s}% ${l}%)`;\n\n// ============================================================================\n// Color Tokens\n// ============================================================================\n\n/**\n * Color tokens with # prefix for tasty color definitions.\n * The tasty system automatically generates {name}-color-rgb variants.\n * Colors are defined in OKHSL format for perceptually uniform color manipulation.\n */\nexport const COLOR_TOKENS: Styles = {\n // Base colors - Pink\n '#pink': okhsl(PINK_HUE, 100, 67),\n\n // Primary colors (semantic aliases)\n '#primary': okhsl(PURPLE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#primary-text': okhsl(PURPLE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#primary-bg': okhsl(PURPLE_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#primary-icon': okhsl(PURPLE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#primary-desaturated': okhsl(\n PURPLE_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#primary-disabled': okhsl(\n PURPLE_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Base colors - Purple (legacy aliases for backward compatibility)\n '#purple': '#primary',\n '#purple-text': '#primary-text',\n '#purple-bg': '#primary-bg',\n '#purple-icon': '#primary-icon',\n '#purple-disabled': '#primary-disabled',\n '#purple-01': okhsl(PURPLE_HUE, 100, 58),\n '#purple-02': okhsl(PURPLE_HUE, 100, 66),\n '#purple-03': okhsl(PURPLE_HUE, 100, 74),\n '#purple-04': okhsl(PURPLE_HUE, 100, 83),\n\n // Focus\n '#focus': okhsl(PURPLE_HUE, 69, 71),\n\n // Text\n '#text': okhsl(PURPLE_HUE, 30, 31),\n\n // Dark\n '#dark': okhsl(PURPLE_HUE, 38, 12),\n '#dark-01': okhsl(PURPLE_HUE, 38, 12),\n '#dark-02': okhsl(PURPLE_HUE, 30, 31),\n '#dark-03': okhsl(PURPLE_HUE, 19, 49),\n '#dark-04': okhsl(PURPLE_HUE, 14, 67),\n '#dark-05': okhsl(PURPLE_HUE, 14, 86),\n\n // Surfaces\n '#surface': okhsl(PURPLE_HUE, 21, 100),\n '#surface-2': okhsl(PURPLE_HUE, 21, 98),\n '#surface-3': okhsl(PURPLE_HUE, 21, 96),\n\n // Legacy\n '#light': '#surface-3',\n '#dark-bg': okhsl(PURPLE_HUE, 21, 98),\n\n // Black & White\n '#white': 'okhsl(0 0% 100%)',\n '#black': 'okhsl(0 0% 0%)',\n\n // Danger (red)\n '#danger': okhsl(DANGER_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#danger-text': okhsl(DANGER_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#danger-bg': okhsl(DANGER_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#danger-icon': okhsl(DANGER_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#danger-desaturated': okhsl(DANGER_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n '#danger-disabled': okhsl(\n DANGER_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Success (green)\n '#success': okhsl(SUCCESS_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#success-text': okhsl(SUCCESS_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#success-bg': okhsl(SUCCESS_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#success-icon': okhsl(SUCCESS_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#success-desaturated': okhsl(\n SUCCESS_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#success-disabled': okhsl(\n SUCCESS_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Warning (yellow/amber)\n '#warning': okhsl(WARNING_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#warning-text': okhsl(WARNING_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#warning-bg': okhsl(WARNING_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#warning-icon': okhsl(WARNING_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#warning-desaturated': okhsl(\n WARNING_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#warning-disabled': okhsl(\n WARNING_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Note (violet)\n '#note': okhsl(NOTE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#note-text': okhsl(NOTE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#note-bg': okhsl(NOTE_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#note-icon': okhsl(NOTE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#note-desaturated': okhsl(NOTE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n '#note-disabled': okhsl(NOTE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),\n\n // Border\n '#border': okhsl(PURPLE_HUE, 13, 90),\n\n '#placeholder': '#dark-04',\n\n // Semantic colors\n '#clear': 'transparent',\n '#shadow': '#dark.06',\n '#minor': '#dark.65',\n\n // Disabled state colors\n '#disabled': '#dark-01.25',\n '#disabled-text': '#dark-01.25',\n '#disabled-bg': '#dark-05.2',\n};\n"],"mappings":";;AAOA,MAAa,WAAW;AACxB,MAAa,aAAa;AAC1B,MAAa,aAAa;AAC1B,MAAa,cAAc;AAC3B,MAAa,cAAc;AAC3B,MAAa,WAAW;AAGxB,MAAa,kBAAkB;AAC/B,MAAa,gBAAgB;AAC7B,MAAa,kBAAkB;AAG/B,MAAa,iBAAiB;AAC9B,MAAa,iBAAiB;AAC9B,MAAa,eAAe;AAC5B,MAAa,iBAAiB;AAK9B,MAAa,sBAAsB;AACnC,MAAa,qBAAqB;;AAOlC,MAAM,SAAS,GAAW,GAAW,MACnC,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE;;;;;;AAWxB,MAAa,eAAuB;CAElC,SAAS,MAAM,UAAU,KAAK,GAAG;CAGjC,YAAY,MAAM,YAAY,iBAAiB,eAAe;CAC9D,iBAAiB,MAAM,YAAY,iBAAiB,eAAe;CACnE,eAAe,MAAM,YAAY,eAAe,aAAa;CAC7D,iBAAiB,MAAM,YAAY,iBAAiB,eAAe;CACnE,wBAAwB,MACtB,YACA,qBACA,eACD;CACD,qBAAqB,MACnB,YACA,qBACA,mBACD;CAGD,WAAW;CACX,gBAAgB;CAChB,cAAc;CACd,gBAAgB;CAChB,oBAAoB;CACpB,cAAc,MAAM,YAAY,KAAK,GAAG;CACxC,cAAc,MAAM,YAAY,KAAK,GAAG;CACxC,cAAc,MAAM,YAAY,KAAK,GAAG;CACxC,cAAc,MAAM,YAAY,KAAK,GAAG;CAGxC,UAAU,MAAM,YAAY,IAAI,GAAG;CAGnC,SAAS,MAAM,YAAY,IAAI,GAAG;CAGlC,SAAS,MAAM,YAAY,IAAI,GAAG;CAClC,YAAY,MAAM,YAAY,IAAI,GAAG;CACrC,YAAY,MAAM,YAAY,IAAI,GAAG;CACrC,YAAY,MAAM,YAAY,IAAI,GAAG;CACrC,YAAY,MAAM,YAAY,IAAI,GAAG;CACrC,YAAY,MAAM,YAAY,IAAI,GAAG;CAGrC,YAAY,MAAM,YAAY,IAAI,IAAI;CACtC,cAAc,MAAM,YAAY,IAAI,GAAG;CACvC,cAAc,MAAM,YAAY,IAAI,GAAG;CAGvC,UAAU;CACV,YAAY,MAAM,YAAY,IAAI,GAAG;CAGrC,UAAU;CACV,UAAU;CAGV,WAAW,MAAM,YAAY,iBAAiB,eAAe;CAC7D,gBAAgB,MAAM,YAAY,iBAAiB,eAAe;CAClE,cAAc,MAAM,YAAY,eAAe,aAAa;CAC5D,gBAAgB,MAAM,YAAY,iBAAiB,eAAe;CAClE,uBAAuB,MAAM,YAAY,qBAAqB,eAAe;CAC7E,oBAAoB,MAClB,YACA,qBACA,mBACD;CAGD,YAAY,MAAM,aAAa,iBAAiB,eAAe;CAC/D,iBAAiB,MAAM,aAAa,iBAAiB,eAAe;CACpE,eAAe,MAAM,aAAa,eAAe,aAAa;CAC9D,iBAAiB,MAAM,aAAa,iBAAiB,eAAe;CACpE,wBAAwB,MACtB,aACA,qBACA,eACD;CACD,qBAAqB,MACnB,aACA,qBACA,mBACD;CAGD,YAAY,MAAM,aAAa,iBAAiB,eAAe;CAC/D,iBAAiB,MAAM,aAAa,iBAAiB,eAAe;CACpE,eAAe,MAAM,aAAa,eAAe,aAAa;CAC9D,iBAAiB,MAAM,aAAa,iBAAiB,eAAe;CACpE,wBAAwB,MACtB,aACA,qBACA,eACD;CACD,qBAAqB,MACnB,aACA,qBACA,mBACD;CAGD,SAAS,MAAM,UAAU,iBAAiB,eAAe;CACzD,cAAc,MAAM,UAAU,iBAAiB,eAAe;CAC9D,YAAY,MAAM,UAAU,eAAe,aAAa;CACxD,cAAc,MAAM,UAAU,iBAAiB,eAAe;CAC9D,qBAAqB,MAAM,UAAU,qBAAqB,eAAe;CACzE,kBAAkB,MAAM,UAAU,qBAAqB,mBAAmB;CAG1E,WAAW,MAAM,YAAY,IAAI,GAAG;CAEpC,gBAAgB;CAGhB,UAAU;CACV,WAAW;CACX,UAAU;CAGV,aAAa;CACb,kBAAkB;CAClB,gBAAgB;CACjB"}
1
+ {"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import { PALETTE_TOKENS } from './palette';\n\nimport type { Styles } from '@tenphi/tasty';\n\n/**\n * Color tokens with `#` prefix for tasty color definitions.\n *\n * The base values come from the Glaze-generated palette (`palette.ts`):\n * `#surface`, `#surface-text*`, `#border`, `#focus`, `#disabled`, `#pink`,\n * `#shadow-*`, `#overlay`, the unprefixed `#accent-*` family, and the per-theme\n * `#primary-*` / `#purple-*` / `#success-*` / `#danger-*` / `#warning-*` /\n * `#note-*` families.\n *\n * Each Glaze token is a state map (`{ '': '...', '@dark': '...', '@hc': '...' }`),\n * giving us light, dark, and high-contrast variants for free. The `@dark` /\n * `@hc` predefined states are wired up globally in `src/components/Root.tsx`.\n *\n * The aliases below preserve backward compatibility with every legacy\n * `#name` used across components, stories, and tests. Each alias resolves\n * to a current Glaze token via tasty's `#token` reference syntax.\n */\n\nconst LEGACY_ALIASES: Styles = {\n // ---- Neutral text scale (legacy `#dark*`) ----\n '#text': '#surface-text-soft',\n '#dark': '#surface-text',\n '#dark-01': '#surface-text',\n '#dark-02': '#surface-text-soft',\n '#dark-03': '#surface-text-soft-2',\n '#dark-04': '#placeholder',\n '#dark-05': '#border',\n\n // Fixed-mode counterpart to `#dark`. Resolves to the same L≈12 surface\n // but uses Glaze `mode: 'fixed'` so it does NOT invert in dark schemes.\n // Use this whenever the design intentionally pins a dark color regardless\n // of scheme the canonical case being the `special` item theme, which\n // pairs `#fixed-dark` with the (also-fixed) built-in `#white` on a known\n // always-dark surface. Using `#dark` there would resolve to near-white in\n // dark mode and the element would disappear into its background.\n '#fixed-dark': '#surface-inverse',\n\n // Fixed-mode counterpart to `#primary-text`. `#primary-text` is anchored\n // to `surface` with `mode: 'auto'`, so it flips to a *light* purple in\n // dark schemes (correct on body content, which also inverts). When the\n // local fill is a fixed color instead — built-in `#white` in\n // `SPECIAL_CLEAR_STYLES`, where the special theme assumes an always-white\n // button surface the adaptive text loses contrast (light purple on\n // white) in dark mode. `#fixed-primary-text` points at\n // `#primary-accent-surface-hover` (`mode: 'fixed'`, cr 6–8.5 vs the fixed\n // accent-surface-text white), which is the only existing fixed-mode\n // accent shade whose contrast band overlaps `accent-text`'s cr 6.4–10 —\n // so the light-mode look is preserved while dark mode stays readable.\n '#fixed-primary-text': '#primary-accent-surface-hover',\n\n // ---- Misc neutral ----\n '#minor': '#surface-text-soft.65',\n '#shadow': '#shadow-md',\n '#light': '#surface-3',\n '#dark-bg': '#surface-2',\n '#clear': 'transparent',\n\n // Pink: independent hue, scheme-static (no Glaze adaptation).\n '#pink': 'okhsl(5 100% 67%)',\n\n // ---- Disabled state aliases ----\n // `#disabled-surface` and `#disabled-surface-text` are emitted directly by\n // the Glaze palette (`palette.ts`) as scheme-symmetric, contrast-driven\n // tokens no alias needed here. `#disabled` stays as a brand-tinted\n // backwards-compat anchor for the per-theme `#<theme>-disabled` aliases below.\n\n // ---- Primary / Purple legacy ----\n '#primary': '#primary-accent-surface',\n '#primary-text': '#primary-accent-text',\n '#primary-text-soft': '#primary-accent-text-soft',\n '#primary-bg': '#primary-surface',\n '#primary-icon': '#primary-accent-icon',\n '#primary-hover': '#primary-accent-surface-hover',\n '#primary-desaturated': '#primary-accent-surface-2',\n '#primary-disabled': '#disabled',\n\n '#purple': '#purple-accent-surface',\n '#purple-text': '#purple-accent-text',\n '#purple-text-soft': '#purple-accent-text-soft',\n '#purple-bg': '#purple-surface',\n '#purple-icon': '#purple-accent-icon',\n '#purple-hover': '#purple-accent-surface-hover',\n '#purple-disabled': '#disabled',\n\n // Purple scale (gradient/accent shades) — mapped to the accent-surface ramp.\n '#purple-01': '#purple-accent-surface',\n '#purple-02': '#purple-accent-surface-2',\n '#purple-03': '#purple-accent-surface-3',\n '#purple-04': '#purple-surface',\n\n // ---- Danger ----\n '#danger': '#danger-accent-surface',\n '#danger-text': '#danger-accent-text',\n '#danger-text-soft': '#danger-accent-text-soft',\n '#danger-bg': '#danger-surface',\n '#danger-icon': '#danger-accent-icon',\n '#danger-hover': '#danger-accent-surface-hover',\n '#danger-desaturated': '#danger-accent-surface-2',\n '#danger-disabled': '#disabled',\n\n // ---- Success ----\n '#success': '#success-accent-surface',\n '#success-text': '#success-accent-text',\n '#success-text-soft': '#success-accent-text-soft',\n '#success-bg': '#success-surface',\n '#success-icon': '#success-accent-icon',\n '#success-hover': '#success-accent-surface-hover',\n '#success-desaturated': '#success-accent-surface-2',\n '#success-disabled': '#disabled',\n\n // ---- Warning ----\n '#warning': '#warning-accent-surface',\n '#warning-text': '#warning-accent-text',\n '#warning-text-soft': '#warning-accent-text-soft',\n '#warning-bg': '#warning-surface',\n '#warning-icon': '#warning-accent-icon',\n '#warning-hover': '#warning-accent-surface-hover',\n '#warning-desaturated': '#warning-accent-surface-2',\n '#warning-disabled': '#disabled',\n\n // ---- Note ----\n '#note': '#note-accent-surface',\n '#note-text': '#note-accent-text',\n '#note-text-soft': '#note-accent-text-soft',\n '#note-bg': '#note-surface',\n '#note-icon': '#note-accent-icon',\n '#note-hover': '#note-accent-surface-hover',\n '#note-desaturated': '#note-accent-surface-2',\n '#note-disabled': '#disabled',\n};\n\n/**\n * Combined color token map: Glaze-generated palette + legacy aliases.\n *\n * `#white` and `#black` are intentionally omitted — they are built-in\n * tasty named colors and resolve automatically.\n */\nexport const COLOR_TOKENS: Styles = {\n ...PALETTE_TOKENS,\n ...LEGACY_ALIASES,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,iBAAyB;CAE7B,SAAS;CACT,SAAS;CACT,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CASZ,eAAe;CAaf,uBAAuB;CAGvB,UAAU;CACV,WAAW;CACX,UAAU;CACV,YAAY;CACZ,UAAU;CAGV,SAAS;CAST,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAErB,WAAW;CACX,gBAAgB;CAChB,qBAAqB;CACrB,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CACjB,oBAAoB;CAGpB,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CAGd,WAAW;CACX,gBAAgB;CAChB,qBAAqB;CACrB,cAAc;CACd,gBAAgB;CAChB,iBAAiB;CACjB,uBAAuB;CACvB,oBAAoB;CAGpB,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAGrB,YAAY;CACZ,iBAAiB;CACjB,sBAAsB;CACtB,eAAe;CACf,iBAAiB;CACjB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CAGrB,SAAS;CACT,cAAc;CACd,mBAAmB;CACnB,YAAY;CACZ,cAAc;CACd,eAAe;CACf,qBAAqB;CACrB,kBAAkB;CACnB;;;;;;;AAQD,MAAa,eAAuB;CAClC,GAAG;CACH,GAAG;CACJ"}
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
2
2
  import { BASE_TOKENS } from "./base.js";
3
3
  import { COLOR_TOKENS } from "./colors.js";
4
4
  import { LAYOUT_TOKENS } from "./layout.js";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.1 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
2
2
  //#region src/tokens/layout.ts
3
3
  /**
4
4
  * Layout-related tokens for common UI dimensions.