@cube-dev/ui-kit 0.137.0 → 0.138.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 (474) hide show
  1. package/dist/CHANGELOG.md +41 -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.d.ts +25 -0
  62. package/dist/components/content/InlineInput/InlineInput.js +109 -44
  63. package/dist/components/content/InlineInput/InlineInput.js.map +1 -1
  64. package/dist/components/content/Item/Item.js +2 -2
  65. package/dist/components/content/Item/Item.js.map +1 -1
  66. package/dist/components/content/ItemBadge/ItemBadge.js +1 -1
  67. package/dist/components/content/ItemCard/ItemCard.js +1 -1
  68. package/dist/components/content/Layout/GridLayout.js +1 -1
  69. package/dist/components/content/Layout/Layout.js +1 -1
  70. package/dist/components/content/Layout/LayoutBlock.js +1 -1
  71. package/dist/components/content/Layout/LayoutCenter.js +1 -1
  72. package/dist/components/content/Layout/LayoutContainer.js +1 -1
  73. package/dist/components/content/Layout/LayoutContent.js +1 -1
  74. package/dist/components/content/Layout/LayoutContext.js +1 -1
  75. package/dist/components/content/Layout/LayoutFlex.js +1 -1
  76. package/dist/components/content/Layout/LayoutFooter.js +1 -1
  77. package/dist/components/content/Layout/LayoutGrid.js +1 -1
  78. package/dist/components/content/Layout/LayoutHeader.js +1 -1
  79. package/dist/components/content/Layout/LayoutPane.js +2 -2
  80. package/dist/components/content/Layout/LayoutPane.js.map +1 -1
  81. package/dist/components/content/Layout/LayoutPanel.js +3 -3
  82. package/dist/components/content/Layout/LayoutPanel.js.map +1 -1
  83. package/dist/components/content/Layout/LayoutPanelHeader.js +1 -1
  84. package/dist/components/content/Layout/LayoutToolbar.js +1 -1
  85. package/dist/components/content/Layout/hooks/useTinyScrollbar.js +1 -1
  86. package/dist/components/content/Layout/index.js +1 -1
  87. package/dist/components/content/Layout/utils.js +1 -1
  88. package/dist/components/content/Paragraph.js +1 -1
  89. package/dist/components/content/Placeholder/Placeholder.js +1 -1
  90. package/dist/components/content/PrismCode/PrismCode.js +1 -1
  91. package/dist/components/content/PrismCode/prismSetup.js +1 -1
  92. package/dist/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
  93. package/dist/components/content/Result/Result.js +1 -1
  94. package/dist/components/content/Skeleton/Skeleton.js +1 -1
  95. package/dist/components/content/Tag/Tag.js +1 -1
  96. package/dist/components/content/Text.js +1 -1
  97. package/dist/components/content/TextItem/TextItem.js +1 -1
  98. package/dist/components/content/Title.js +1 -1
  99. package/dist/components/content/Tree/Tree.js +1 -1
  100. package/dist/components/content/Tree/TreeNode.js +1 -1
  101. package/dist/components/content/Tree/styled.js +1 -1
  102. package/dist/components/content/Tree/tree-index.js +1 -1
  103. package/dist/components/content/Tree/use-checkbox-tree.js +1 -1
  104. package/dist/components/content/Tree/use-load-data.js +1 -1
  105. package/dist/components/content/highlightText.js +1 -1
  106. package/dist/components/content/use-auto-tooltip.js +1 -1
  107. package/dist/components/fields/Checkbox/Checkbox.js +5 -5
  108. package/dist/components/fields/Checkbox/Checkbox.js.map +1 -1
  109. package/dist/components/fields/Checkbox/CheckboxGroup.js +1 -1
  110. package/dist/components/fields/Checkbox/context.js +1 -1
  111. package/dist/components/fields/ComboBox/ComboBox.js +2 -2
  112. package/dist/components/fields/ComboBox/ComboBox.js.map +1 -1
  113. package/dist/components/fields/DatePicker/DateInput.js +1 -1
  114. package/dist/components/fields/DatePicker/DateInputBase.js +1 -1
  115. package/dist/components/fields/DatePicker/DatePicker.js +1 -1
  116. package/dist/components/fields/DatePicker/DatePickerButton.js +1 -1
  117. package/dist/components/fields/DatePicker/DatePickerElement.js +1 -1
  118. package/dist/components/fields/DatePicker/DatePickerInput.js +1 -1
  119. package/dist/components/fields/DatePicker/DatePickerSegment.js +1 -1
  120. package/dist/components/fields/DatePicker/DateRangePicker.js +1 -1
  121. package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
  122. package/dist/components/fields/DatePicker/TimeInput.js +1 -1
  123. package/dist/components/fields/DatePicker/intl.js +1 -1
  124. package/dist/components/fields/DatePicker/parseDate.js +1 -1
  125. package/dist/components/fields/DatePicker/props.js +1 -1
  126. package/dist/components/fields/DatePicker/utils.js +1 -1
  127. package/dist/components/fields/FileInput/FileInput.js +3 -3
  128. package/dist/components/fields/FileInput/FileInput.js.map +1 -1
  129. package/dist/components/fields/FilterListBox/FilterListBox.js +1 -1
  130. package/dist/components/fields/FilterPicker/FilterPicker.js +1 -1
  131. package/dist/components/fields/Input/Input.js +1 -1
  132. package/dist/components/fields/ListBox/DraggableListBox.js +1 -1
  133. package/dist/components/fields/ListBox/ListBox.js +1 -1
  134. package/dist/components/fields/NumberInput/NumberInput.js +1 -1
  135. package/dist/components/fields/NumberInput/StepButton.js +1 -1
  136. package/dist/components/fields/PasswordInput/PasswordInput.js +1 -1
  137. package/dist/components/fields/Picker/Picker.js +1 -1
  138. package/dist/components/fields/RadioGroup/Radio.js +4 -4
  139. package/dist/components/fields/RadioGroup/Radio.js.map +1 -1
  140. package/dist/components/fields/RadioGroup/RadioGroup.js +2 -2
  141. package/dist/components/fields/RadioGroup/RadioGroup.js.map +1 -1
  142. package/dist/components/fields/RadioGroup/context.js +1 -1
  143. package/dist/components/fields/SearchInput/SearchInput.js +1 -1
  144. package/dist/components/fields/Select/Select.js +5 -5
  145. package/dist/components/fields/Select/Select.js.map +1 -1
  146. package/dist/components/fields/Slider/Gradation.js +1 -1
  147. package/dist/components/fields/Slider/HueSlider.js +1 -1
  148. package/dist/components/fields/Slider/RangeSlider.js +1 -1
  149. package/dist/components/fields/Slider/Slider.js +1 -1
  150. package/dist/components/fields/Slider/SliderBase.js +1 -1
  151. package/dist/components/fields/Slider/SliderThumb.js +1 -1
  152. package/dist/components/fields/Slider/SliderTrack.js +1 -1
  153. package/dist/components/fields/Slider/elements.js +3 -3
  154. package/dist/components/fields/Slider/elements.js.map +1 -1
  155. package/dist/components/fields/Slider/index.js +1 -1
  156. package/dist/components/fields/Switch/Switch.js +2 -2
  157. package/dist/components/fields/Switch/Switch.js.map +1 -1
  158. package/dist/components/fields/TextArea/TextArea.js +1 -1
  159. package/dist/components/fields/TextInput/TextInput.js +1 -1
  160. package/dist/components/fields/TextInput/TextInputBase.js +3 -3
  161. package/dist/components/fields/TextInput/TextInputBase.js.map +1 -1
  162. package/dist/components/fields/TextInputMapper/TextInputMapper.js +1 -1
  163. package/dist/components/form/FieldWrapper/FieldWrapper.js +1 -1
  164. package/dist/components/form/FieldWrapper/extract-field-wrapper-props.js +1 -1
  165. package/dist/components/form/Form/Field.js +1 -1
  166. package/dist/components/form/Form/Form.js +1 -1
  167. package/dist/components/form/Form/ResetButton/ResetButton.js +1 -1
  168. package/dist/components/form/Form/SubmitButton/SubmitButton.js +1 -1
  169. package/dist/components/form/Form/SubmitError.js +1 -1
  170. package/dist/components/form/Form/index.js +1 -1
  171. package/dist/components/form/Form/use-field/use-field-props.js +1 -1
  172. package/dist/components/form/Form/use-field/use-field.js +1 -1
  173. package/dist/components/form/Form/use-form.js +1 -1
  174. package/dist/components/form/Form/validation.js +1 -1
  175. package/dist/components/form/Label.js +1 -1
  176. package/dist/components/form/wrapper.js +1 -1
  177. package/dist/components/helpers/DisplayTransition/DisplayTransition.js +1 -1
  178. package/dist/components/helpers/IconSwitch/IconSwitch.js +1 -1
  179. package/dist/components/layout/Flex.js +1 -1
  180. package/dist/components/layout/Flow.js +1 -1
  181. package/dist/components/layout/Grid.js +1 -1
  182. package/dist/components/layout/Panel.js +1 -1
  183. package/dist/components/layout/Prefix.js +1 -1
  184. package/dist/components/layout/ResizablePanel.js +2 -2
  185. package/dist/components/layout/ResizablePanel.js.map +1 -1
  186. package/dist/components/layout/Space.js +1 -1
  187. package/dist/components/layout/Suffix.js +1 -1
  188. package/dist/components/navigation/Tabs/DraggableTabList.js +1 -1
  189. package/dist/components/navigation/Tabs/TabButton.js +5 -2
  190. package/dist/components/navigation/Tabs/TabButton.js.map +1 -1
  191. package/dist/components/navigation/Tabs/TabDropIndicator.js +1 -1
  192. package/dist/components/navigation/Tabs/TabPanel.js +1 -1
  193. package/dist/components/navigation/Tabs/TabPicker.js +1 -1
  194. package/dist/components/navigation/Tabs/Tabs.js +1 -1
  195. package/dist/components/navigation/Tabs/TabsAction.js +1 -1
  196. package/dist/components/navigation/Tabs/TabsContext.js +1 -1
  197. package/dist/components/navigation/Tabs/styled.js +3 -3
  198. package/dist/components/navigation/Tabs/styled.js.map +1 -1
  199. package/dist/components/navigation/Tabs/types.js +1 -1
  200. package/dist/components/navigation/Tabs/use-tab-editing.js +1 -1
  201. package/dist/components/navigation/Tabs/use-tab-indicator.js +1 -1
  202. package/dist/components/organisms/FileTabs/FileTabs.js +2 -2
  203. package/dist/components/organisms/FileTabs/FileTabs.js.map +1 -1
  204. package/dist/components/organisms/StatsCard/StatsCard.js +2 -2
  205. package/dist/components/organisms/StatsCard/StatsCard.js.map +1 -1
  206. package/dist/components/other/Calendar/Calendar.js +1 -1
  207. package/dist/components/other/Calendar/CalendarCell.js +1 -1
  208. package/dist/components/other/Calendar/CalendarGrid.js +1 -1
  209. package/dist/components/other/Calendar/RangeCalendar.js +1 -1
  210. package/dist/components/other/CloudLogo/CloudLogo.js +1 -1
  211. package/dist/components/overlays/AlertDialog/AlertDialog.js +1 -1
  212. package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  213. package/dist/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  214. package/dist/components/overlays/Dialog/Dialog.js +2 -2
  215. package/dist/components/overlays/Dialog/Dialog.js.map +1 -1
  216. package/dist/components/overlays/Dialog/DialogContainer.js +1 -1
  217. package/dist/components/overlays/Dialog/DialogForm.js +1 -1
  218. package/dist/components/overlays/Dialog/DialogTrigger.js +1 -1
  219. package/dist/components/overlays/Dialog/context.js +1 -1
  220. package/dist/components/overlays/Dialog/use-dialog-container.js +1 -1
  221. package/dist/components/overlays/Modal/Modal.js +1 -1
  222. package/dist/components/overlays/Modal/OpenTransitionContext.js +1 -1
  223. package/dist/components/overlays/Modal/Overlay.js +1 -1
  224. package/dist/components/overlays/Modal/Popover.js +1 -1
  225. package/dist/components/overlays/Modal/Tray.js +1 -1
  226. package/dist/components/overlays/Modal/Underlay.js +1 -1
  227. package/dist/components/overlays/Notifications/Notification.js +1 -1
  228. package/dist/components/overlays/Notifications/NotificationAction.js +1 -1
  229. package/dist/components/overlays/Notifications/NotificationCard.js +1 -1
  230. package/dist/components/overlays/Notifications/NotificationContext.js +1 -1
  231. package/dist/components/overlays/Notifications/NotificationItem.js +1 -1
  232. package/dist/components/overlays/Notifications/OverlayContainer.js +1 -1
  233. package/dist/components/overlays/Notifications/OverlayProvider.js +1 -1
  234. package/dist/components/overlays/Notifications/PersistentNotificationsList.js +1 -1
  235. package/dist/components/overlays/Notifications/dismissed-storage.js +1 -1
  236. package/dist/components/overlays/Notifications/format-relative-time.js +1 -1
  237. package/dist/components/overlays/Notifications/index.js +1 -1
  238. package/dist/components/overlays/Notifications/use-notification-state.js +1 -1
  239. package/dist/components/overlays/Notifications/use-notifications.js +1 -1
  240. package/dist/components/overlays/Notifications/use-overlay-timers.js +1 -1
  241. package/dist/components/overlays/Notifications/use-persistent-notifications.js +1 -1
  242. package/dist/components/overlays/Notifications/use-persistent-state.js +1 -1
  243. package/dist/components/overlays/Notifications/use-toast-state.js +1 -1
  244. package/dist/components/overlays/Toast/ToastItem.js +1 -1
  245. package/dist/components/overlays/Toast/index.js +1 -1
  246. package/dist/components/overlays/Toast/useProgressToast.js +1 -1
  247. package/dist/components/overlays/Toast/useToast.js +1 -1
  248. package/dist/components/overlays/Tooltip/Tooltip.js +7 -7
  249. package/dist/components/overlays/Tooltip/Tooltip.js.map +1 -1
  250. package/dist/components/overlays/Tooltip/TooltipProvider.js +1 -1
  251. package/dist/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  252. package/dist/components/overlays/Tooltip/context.js +1 -1
  253. package/dist/components/portal/Portal.js +1 -1
  254. package/dist/components/portal/PortalProvider.js +1 -1
  255. package/dist/components/portal/usePortal.js +1 -1
  256. package/dist/components/shared/DraggableCollection.js +1 -1
  257. package/dist/components/shared/InvalidIcon.js +1 -1
  258. package/dist/components/shared/ValidIcon.js +1 -1
  259. package/dist/components/status/LoadingAnimation/LoadingAnimation.js +23 -7
  260. package/dist/components/status/LoadingAnimation/LoadingAnimation.js.map +1 -1
  261. package/dist/components/status/Spin/Cube.js +1 -1
  262. package/dist/components/status/Spin/InternalSpinner.js +1 -1
  263. package/dist/components/status/Spin/Spin.js +1 -1
  264. package/dist/components/status/Spin/SpinsContainer.js +1 -1
  265. package/dist/data/item-themes.js +114 -115
  266. package/dist/data/item-themes.js.map +1 -1
  267. package/dist/data/themes.d.ts +17 -17
  268. package/dist/data/themes.js +18 -18
  269. package/dist/data/themes.js.map +1 -1
  270. package/dist/icons/AdjustmentsHorizontalIcon.js +1 -1
  271. package/dist/icons/AdjustmentsIcon.js +1 -1
  272. package/dist/icons/AiIcon.js +1 -1
  273. package/dist/icons/AreaChartIcon.js +1 -1
  274. package/dist/icons/BackwardIcon.js +1 -1
  275. package/dist/icons/BarChartIcon.js +1 -1
  276. package/dist/icons/BellFilledIcon.js +1 -1
  277. package/dist/icons/BellIcon.js +1 -1
  278. package/dist/icons/BooleanIcon.js +1 -1
  279. package/dist/icons/CalendarEditIcon.js +1 -1
  280. package/dist/icons/CalendarIcon.js +1 -1
  281. package/dist/icons/CaretDownIcon.js +1 -1
  282. package/dist/icons/CaretUpIcon.js +1 -1
  283. package/dist/icons/ChartAreaStackedIcon.js +1 -1
  284. package/dist/icons/ChartAreaStackedPercentageIcon.js +1 -1
  285. package/dist/icons/ChartBarGroupedHorizontalIcon.js +1 -1
  286. package/dist/icons/ChartBarGroupedIcon.js +1 -1
  287. package/dist/icons/ChartBarHorizontalIcon.js +1 -1
  288. package/dist/icons/ChartBarLineIcon.js +1 -1
  289. package/dist/icons/ChartBarStackedHorizontalIcon.js +1 -1
  290. package/dist/icons/ChartBarStackedIcon.js +1 -1
  291. package/dist/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
  292. package/dist/icons/ChartBarStackedPercentageIcon.js +1 -1
  293. package/dist/icons/ChartBoxPlot2Icon.js +1 -1
  294. package/dist/icons/ChartBoxPlotIcon.js +1 -1
  295. package/dist/icons/ChartBubbleIcon.js +1 -1
  296. package/dist/icons/ChartDonut2Icon.js +1 -1
  297. package/dist/icons/ChartFunnelIcon.js +1 -1
  298. package/dist/icons/ChartHeatmapIcon.js +1 -1
  299. package/dist/icons/ChartKPIIcon.js +1 -1
  300. package/dist/icons/ChartPie2Icon.js +1 -1
  301. package/dist/icons/ChartScatterIcon.js +1 -1
  302. package/dist/icons/CheckCircleFilledIcon.js +1 -1
  303. package/dist/icons/CheckCircleIcon.js +1 -1
  304. package/dist/icons/CheckIcon.js +1 -1
  305. package/dist/icons/CircleFilledIcon.js +1 -1
  306. package/dist/icons/ClearIcon.js +1 -1
  307. package/dist/icons/CloseCircleFilledIcon.js +1 -1
  308. package/dist/icons/CloseCircleIcon.js +1 -1
  309. package/dist/icons/CloseIcon.js +1 -1
  310. package/dist/icons/CodeIcon.js +1 -1
  311. package/dist/icons/ColumnTotalIcon.js +1 -1
  312. package/dist/icons/CopyIcon.js +1 -1
  313. package/dist/icons/CountIcon.js +1 -1
  314. package/dist/icons/CubeIcon.js +1 -1
  315. package/dist/icons/CubePauseIcon.js +1 -1
  316. package/dist/icons/CubePlayIcon.js +1 -1
  317. package/dist/icons/CurrencyDollarIcon.js +1 -1
  318. package/dist/icons/DangerIcon.js +1 -1
  319. package/dist/icons/DashboardIcon.js +1 -1
  320. package/dist/icons/DatabaseIcon.js +1 -1
  321. package/dist/icons/DecimalDecreaseIcon.js +1 -1
  322. package/dist/icons/DecimalIncreaseIcon.js +1 -1
  323. package/dist/icons/DirectionIcon.js +1 -1
  324. package/dist/icons/DonutIcon.js +1 -1
  325. package/dist/icons/DownIcon.js +1 -1
  326. package/dist/icons/EditIcon.js +1 -1
  327. package/dist/icons/ExclamationCircleFilledIcon.js +1 -1
  328. package/dist/icons/ExclamationCircleIcon.js +1 -1
  329. package/dist/icons/ExclamationIcon.js +1 -1
  330. package/dist/icons/EyeIcon.js +1 -1
  331. package/dist/icons/EyeInvisibleIcon.js +1 -1
  332. package/dist/icons/FilterIcon.js +1 -1
  333. package/dist/icons/FolderFilledIcon.js +1 -1
  334. package/dist/icons/FolderIcon.js +1 -1
  335. package/dist/icons/FolderOpenFilledIcon.js +1 -1
  336. package/dist/icons/FolderOpenIcon.js +1 -1
  337. package/dist/icons/ForwardIcon.js +1 -1
  338. package/dist/icons/GripVerticalIcon.js +1 -1
  339. package/dist/icons/HierarchyIcon.js +1 -1
  340. package/dist/icons/HierarchyOpenIcon.js +1 -1
  341. package/dist/icons/Icon.js +1 -1
  342. package/dist/icons/InfoCircleIcon.js +1 -1
  343. package/dist/icons/InfoIcon.js +1 -1
  344. package/dist/icons/KeyIcon.js +1 -1
  345. package/dist/icons/LeftIcon.js +1 -1
  346. package/dist/icons/LineChartIcon.js +1 -1
  347. package/dist/icons/LoadingIcon.js +1 -1
  348. package/dist/icons/LockFilledIcon.js +1 -1
  349. package/dist/icons/LockIcon.js +1 -1
  350. package/dist/icons/MoreIcon.js +1 -1
  351. package/dist/icons/NotAllowedIcon.js +1 -1
  352. package/dist/icons/Number123Icon.js +1 -1
  353. package/dist/icons/NumberIcon.js +1 -1
  354. package/dist/icons/PauseCircleFilledIcon.js +1 -1
  355. package/dist/icons/PauseCircleIcon.js +1 -1
  356. package/dist/icons/PauseIcon.js +1 -1
  357. package/dist/icons/PercentageIcon.js +1 -1
  358. package/dist/icons/PieChartIcon.js +1 -1
  359. package/dist/icons/PlayCircleIcon.js +1 -1
  360. package/dist/icons/PlayIcon.js +1 -1
  361. package/dist/icons/PlusIcon.js +1 -1
  362. package/dist/icons/ProgressBarIcon.js +1 -1
  363. package/dist/icons/ReloadIcon.js +1 -1
  364. package/dist/icons/ReportIcon.js +1 -1
  365. package/dist/icons/ReturnIcon.js +1 -1
  366. package/dist/icons/RightIcon.js +1 -1
  367. package/dist/icons/RowTotalsIcon.js +1 -1
  368. package/dist/icons/SchemeIcon.js +1 -1
  369. package/dist/icons/SearchIcon.js +1 -1
  370. package/dist/icons/SemanticQueryIcon.js +1 -1
  371. package/dist/icons/SettingsIcon.js +1 -1
  372. package/dist/icons/ShieldFilledIcon.js +1 -1
  373. package/dist/icons/ShieldIcon.js +1 -1
  374. package/dist/icons/SlashIcon.js +1 -1
  375. package/dist/icons/SparklesIcon.js +1 -1
  376. package/dist/icons/SqlIcon.js +1 -1
  377. package/dist/icons/StatsIcon.js +1 -1
  378. package/dist/icons/StopIcon.js +1 -1
  379. package/dist/icons/StringIcon.js +1 -1
  380. package/dist/icons/SubtotalsIcon.js +1 -1
  381. package/dist/icons/SwitchIcon.js +1 -1
  382. package/dist/icons/TableIcon.js +1 -1
  383. package/dist/icons/ThumbsDownIcon.js +1 -1
  384. package/dist/icons/ThumbsUpIcon.js +1 -1
  385. package/dist/icons/ThunderboltCrossedIcon.js +1 -1
  386. package/dist/icons/ThunderboltFilledIcon.js +1 -1
  387. package/dist/icons/ThunderboltIcon.js +1 -1
  388. package/dist/icons/TimeIcon.js +1 -1
  389. package/dist/icons/TrashIcon.js +1 -1
  390. package/dist/icons/UnlockIcon.js +1 -1
  391. package/dist/icons/UpIcon.js +1 -1
  392. package/dist/icons/UserGroupIcon.js +1 -1
  393. package/dist/icons/UserIcon.js +1 -1
  394. package/dist/icons/UserLockIcon.js +1 -1
  395. package/dist/icons/ViewIcon.js +1 -1
  396. package/dist/icons/WarningFilledIcon.js +1 -1
  397. package/dist/icons/WarningIcon.js +1 -1
  398. package/dist/icons/wrap-icon.js +1 -1
  399. package/dist/index.d.ts +1 -0
  400. package/dist/index.js +3 -1
  401. package/dist/index.js.map +1 -1
  402. package/dist/provider.js +1 -1
  403. package/dist/providers/TrackingProvider.js +1 -1
  404. package/dist/providers/navigationAdapter.default.js +1 -1
  405. package/dist/tokens/base.js +1 -1
  406. package/dist/tokens/colors.d.ts +4 -3
  407. package/dist/tokens/colors.js +93 -83
  408. package/dist/tokens/colors.js.map +1 -1
  409. package/dist/tokens/index.js +1 -1
  410. package/dist/tokens/layout.js +1 -1
  411. package/dist/tokens/palette.js +364 -0
  412. package/dist/tokens/palette.js.map +1 -0
  413. package/dist/tokens/shadows.d.ts +4 -1
  414. package/dist/tokens/shadows.js +9 -6
  415. package/dist/tokens/shadows.js.map +1 -1
  416. package/dist/tokens/sizes.js +1 -1
  417. package/dist/tokens/spacing.js +1 -1
  418. package/dist/tokens/typography.js +1 -1
  419. package/dist/utils/ResizeSensor.js +1 -1
  420. package/dist/utils/is-dev-env.js +1 -1
  421. package/dist/utils/modules.js +1 -1
  422. package/dist/utils/promise.js +1 -1
  423. package/dist/utils/raf.js +1 -1
  424. package/dist/utils/random.js +1 -1
  425. package/dist/utils/range.js +1 -1
  426. package/dist/utils/react/RenderCache.js +1 -1
  427. package/dist/utils/react/Slots.js +1 -1
  428. package/dist/utils/react/chain.js +1 -1
  429. package/dist/utils/react/forwardRefWithGenerics.js +1 -1
  430. package/dist/utils/react/index.js +1 -1
  431. package/dist/utils/react/interactions.js +1 -1
  432. package/dist/utils/react/isTextOnly.js +1 -1
  433. package/dist/utils/react/mapProps.js +1 -1
  434. package/dist/utils/react/mergeProps.js +1 -1
  435. package/dist/utils/react/nullableValue.js +1 -1
  436. package/dist/utils/react/resolveIcon.js +1 -1
  437. package/dist/utils/react/sharedStore.js +1 -1
  438. package/dist/utils/react/useCombinedRefs.js +1 -1
  439. package/dist/utils/react/useControlledFocusVisible.js +1 -1
  440. package/dist/utils/react/useEventBus.js +1 -1
  441. package/dist/utils/react/useId.js +1 -1
  442. package/dist/utils/react/useIsDarwin.js +1 -1
  443. package/dist/utils/react/useKeySymbols.js +1 -1
  444. package/dist/utils/react/useLayoutEffect.js +1 -1
  445. package/dist/utils/react/useLocalStorage.js +1 -1
  446. package/dist/utils/react/useMergeStyles.js +1 -1
  447. package/dist/utils/react/usePopoverSync.js +1 -1
  448. package/dist/utils/react/useQaProps.js +1 -1
  449. package/dist/utils/react/useViewportSize.js +1 -1
  450. package/dist/utils/react/wrapNodeIfPlain.js +1 -1
  451. package/dist/utils/selection.js +1 -1
  452. package/dist/utils/styles.js +1 -1
  453. package/dist/utils/tree.js +1 -1
  454. package/dist/utils/warnings.js +1 -1
  455. package/dist/version.d.ts +3 -0
  456. package/dist/version.js +13 -5
  457. package/dist/version.js.map +1 -1
  458. package/docs/Usage.md +98 -30
  459. package/docs/components/content/Card.md +1 -1
  460. package/docs/components/content/InlineInput.md +55 -10
  461. package/docs/components/content/PrismCode.md +21 -0
  462. package/docs/components/form/Field.md +1 -1
  463. package/docs/components/layout/ResizablePanel.md +1 -1
  464. package/docs/components/navigation/Tabs.md +2 -0
  465. package/docs/components/organisms/FileTabs.md +1 -1
  466. package/docs/components/organisms/StatsCard.md +1 -1
  467. package/docs/tasty/configuration.md +44 -0
  468. package/docs/tasty/dsl.md +14 -13
  469. package/docs/tasty/methodology.md +26 -0
  470. package/docs/tasty/react-api.md +24 -0
  471. package/docs/tasty/ssr.md +5 -3
  472. package/docs/tasty/styles.md +9 -7
  473. package/docs/tasty/tasty-static.md +15 -0
  474. package/package.json +8 -6
package/dist/CHANGELOG.md CHANGED
@@ -1,5 +1,46 @@
1
1
  # @cube-dev/ui-kit
2
2
 
3
+ ## 0.138.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1145](https://github.com/cube-js/cube-ui-kit/pull/1145) [`20424549`](https://github.com/cube-js/cube-ui-kit/commit/204245492f151d254e109665d16ecb783a33f3cd) Thanks [@tenphi](https://github.com/tenphi)! - **Color system**: migrate to `@tenphi/glaze` and add built-in dark + high-contrast schemes.
8
+
9
+ The color palette is now generated by [Glaze](https://github.com/tenphi/glaze) (OKHSL-based, contrast-aware) and emits three variants per token — light, dark, and high-contrast — wired through tasty's state aliases (`@dark`, `@hc`). Schemes activate from `data-schema="dark" | "light"` and `data-contrast="more" | "less"` on `<html>`, with `prefers-color-scheme` / `prefers-contrast` media-query fallbacks, so apps that opt in get adaptive theming with no per-component changes.
10
+
11
+ - **New surface tokens**: `#surface`, `#surface-2`, `#surface-3` for backgrounds; `#surface-text`, `#surface-text-soft`, `#surface-text-soft-2`, `#surface-2-text`, `#surface-2-text-soft`, `#surface-3-text`, `#surface-3-text-soft` for text. The darkest text tokens are anchored at the bottom of Glaze's lightness window so they match the legacy `#dark` (OKHSL L≈12) in light mode and invert cleanly in dark/HC.
12
+ - **New per-theme accent tokens**: `#primary-accent-surface`, `#primary-accent-text`, `#primary-accent-text-soft`, `#primary-accent-icon`, `#primary-accent-surface-hover`, `#primary-accent-surface-2/3`, plus matching `success-*` / `danger-*` / `warning-*` / `note-*` (and `purple-*` as a primary alias). Used by buttons, banners, tags, etc. The `*-text-soft` variants (`#primary-text-soft`, `#danger-text-soft`, …) are adaptive (mode auto) at AA-floor contrast (cr 4.5/7) — the right anchor for a less-prominent foreground that still meets AA in BOTH light and dark schemes (used as the LINK base color, with `*-text` taking over on hover).
13
+ - **Other new tokens**: `#border`, `#focus`, `#placeholder`, `#disabled`, `#disabled-surface`, `#disabled-surface-text`, `#overlay`, `#shadow-sm` / `#shadow-md` / `#shadow-lg`, and `#surface-inverse` (fixed-mode "always dark" surface for tooltips and other elements that intentionally don't invert). `#disabled-surface` and `#disabled-surface-text` are adaptive contrast-driven tokens (cr ≈ 1.4 / 2.0 vs `#surface`) so the disabled state has perceptually identical "washed-out" look in light, dark, and HC schemes — replacing legacy `#dark.04` / `#dark-04` / `#white.6` patterns that became too contrasty in dark mode.
14
+ - **PrismCode theme**: a new `#code-*` palette (`code-comment`, `code-punctuation`, `code-keyword`, `code-string`, `code-number`, `code-function`, `code-attribute`) with WCAG AA contrast against `#surface` in every scheme; diff insertion / deletion reuse `#success-*` / `#danger-*`.
15
+ - **Backward compatibility**: every legacy color token (`#dark`, `#dark-01`…`#dark-05`, `#text`, `#minor`, `#shadow`, `#light`, `#dark-bg`, `#primary`, `#primary-text`, `#primary-bg`, `#primary-icon`, `#primary-hover`, `#primary-desaturated`, `#primary-disabled`, `#purple-01`…`#purple-04`, the full `#danger-*` / `#success-*` / `#warning-*` / `#note-*` families, `#disabled-surface-text`, `#disabled-surface`, `#focus`, `#pink`, `#clear`) keeps working and now adapts to dark/HC for free via the underlying Glaze tokens.
16
+ - **Removed**: `#white` and `#black` as explicit token definitions — they are tasty built-ins and resolve automatically. The Storybook _Playground_ story was removed (use the dedicated playground).
17
+ - **Storybook helpers**: `withDarkScheme()` and `withHighContrast()` decorators in `src/stories/decorators/withColorScheme.tsx` for previewing components in alternate schemes.
18
+ - **Dependencies**: adds `@tenphi/glaze`; updates `@tenphi/tasty` to a build that emits `data-schema` / `data-contrast` predefined states; updates Storybook to `10.3.6`.
19
+
20
+ Existing apps and components keep rendering identically in light mode (legacy aliases preserve current colors). To opt into dark mode, set `<html data-schema="dark">` (or rely on the user's system preference). Apps using hardcoded `#white` as a "page background" should switch to `#surface` so the body adapts with the scheme.
21
+
22
+ ## 0.137.1
23
+
24
+ ### Patch Changes
25
+
26
+ - [#1160](https://github.com/cube-js/cube-ui-kit/pull/1160) [`17d67406`](https://github.com/cube-js/cube-ui-kit/commit/17d67406ae519bba3dfee38cb5db42f77bf84f72) Thanks [@tenphi](https://github.com/tenphi)! - **InlineInput**: improved keyboard accessibility and stability.
27
+
28
+ - New prop `keyboardActivation?: boolean` (default `true`). When enabled, the display element is keyboard-focusable (`tabIndex=0`, `role="button"`, `aria-roledescription="editable text"`) and responds to `Enter`, `F2`, and `Space` to enter edit mode. Hosts that already own keyboard activation (e.g. editable tabs whose `<button>` listens for `F2`) can pass `keyboardActivation={false}` to avoid creating a nested tab stop.
29
+ - A keyboard focus ring (`#primary` token, rounded) appears on the display element when it receives keyboard focus (`useFocusRing`'s `isFocusVisible`). It is suppressed automatically while editing (focus is on the inner input) and when `keyboardActivation={false}` (so the host's focus ring is the one users see — as in `Tabs`). New `focused` modifier exposed on the root for consumers.
30
+ - The display element now mirrors `isDisabled` / `isReadOnly` via `aria-disabled` / `aria-readonly`, and `aria-label` / `aria-labelledby` are forwarded to it when focusable.
31
+ - Pointer activators (`onClick` / `onDoubleClick`) are now wired only when the chosen `editTrigger` actually needs them, instead of being always-on no-ops.
32
+ - Internal fixes: `stopEditing()` reads the synchronous `isEditingRef` instead of a potentially stale render closure, and the ref mirror is updated via `useLayoutEffect` so torn-away concurrent renders cannot leak a stale value across commits.
33
+
34
+ **Tabs**: editable tabs continue to be driven by `F2` / context-menu rename at the tab-button level; `InlineInput` now receives `keyboardActivation={false}` from `TabButton` so the inline title does not introduce an extra tab stop or a duplicate focus ring inside the tab.
35
+
36
+ **Layout fix**: the InlineInput root is now `inline-flex` (with `align-items: baseline`) instead of `inline-block`, and the truncation moved to a new inner `Display` sub-element. CSS 2.1 §10.8.1 forces an `inline-block` with `overflow: hidden` to use its bottom margin edge as the baseline, which visibly shifted text upward inside surrounding line boxes (most noticeable inside Tabs' centered `Item.Label`). `inline-flex` derives its baseline from the first flex item's content baseline, restoring proper alignment with neighbouring text. Truncation, ellipsis, and the overflow auto-tooltip continue to work; only the host responsibility for clipping moves to the inner block, which doesn't perturb the parent baseline.
37
+
38
+ - [#1160](https://github.com/cube-js/cube-ui-kit/pull/1160) [`17d67406`](https://github.com/cube-js/cube-ui-kit/commit/17d67406ae519bba3dfee38cb5db42f77bf84f72) Thanks [@tenphi](https://github.com/tenphi)! - **InlineInput / Tabs**: truncate long values with an ellipsis and surface a tooltip with the full value when truncated.
39
+
40
+ - **`InlineInput`** now renders as `display: inline-block` with `text-overflow: ellipsis` / `white-space: nowrap` / `overflow: hidden` capped at `max-width: 100%` in display mode. The truncation rules are relaxed while editing (`overflow: visible`, `white-space: normal`) so the auto-sizing input is never visually clipped.
41
+ - New props `tooltip?: AutoTooltipValue` (default `true`) and `tooltipPlacement?: OverlayProps['placement']` (default `'top'`). `tooltip={true}` shows the full value as a tooltip when the text is truncated; `tooltip="..."` always shows a custom tooltip; `tooltip={false}` opts out. The tooltip is automatically suppressed while editing and when `renderDisplay` is used.
42
+ - **`Tabs`**: editable tabs now route `<Tab tooltip>` through `InlineInput` (single tooltip owner) — `Item`'s own tooltip is disabled for editable tabs to avoid double-wrapping. Long editable tab titles now also truncate with an ellipsis and reveal the full title on hover/focus, with no extra configuration. Non-editable tabs are unchanged.
43
+
3
44
  ## 0.137.0
4
45
 
5
46
  ### Minor Changes
package/dist/_internal/hooks/use-chained-callback.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { useEvent } from "./use-event.js";
3
3
 
4
4
  //#region src/_internal/hooks/use-chained-callback.ts
package/dist/_internal/hooks/use-debounced-value.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { useEffect, useRef, useState } from "react";
3
3
 
4
4
  //#region src/_internal/hooks/use-debounced-value.ts
package/dist/_internal/hooks/use-deprecation-warning.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { deprecationWarning } from "../../utils/warnings.js";
3
3
  import React, { useEffect } from "react";
4
4
 
package/dist/_internal/hooks/use-event.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { useSyncRef } from "./use-sync-ref.js";
3
3
  import { useCallback } from "react";
4
4
 
package/dist/_internal/hooks/use-is-first-render.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { useRef } from "react";
3
3
 
4
4
  //#region src/_internal/hooks/use-is-first-render.ts
package/dist/_internal/hooks/use-sync-ref.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
3
3
  import { useRef } from "react";
4
4
 
package/dist/_internal/hooks/use-timer/timer.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  //#region src/_internal/hooks/use-timer/timer.ts
3
3
  var Timer = class {
4
4
  callback;
package/dist/_internal/hooks/use-timer/use-timer.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { useEvent } from "../use-event.js";
3
3
  import { Timer } from "./timer.js";
4
4
  import { useEffect, useState } from "react";
package/dist/_internal/hooks/use-warn.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { useEvent } from "./use-event.js";
3
3
  import { warn } from "../../utils/warnings.js";
4
4
  import { useRef } from "react";
package/dist/components/Block.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { extractStyles } from "../utils/styles.js";
3
3
  import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
4
4
  import { forwardRef } from "react";
package/dist/components/CollectionItem.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { ItemAction } from "./actions/ItemAction/ItemAction.js";
3
3
  import { ItemBadge } from "./content/ItemBadge/ItemBadge.js";
4
4
  import { Item } from "react-stately";
package/dist/components/GlobalStyles.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { TOKENS } from "../tokens/index.js";
3
3
  import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
4
4
  import { useMemo } from "react";
@@ -6,17 +6,20 @@ import { useMemo } from "react";
6
6
  //#region src/components/GlobalStyles.tsx
7
7
  /**
8
8
  * Body styles applied via useGlobalStyles.
9
- * These use tasty syntax and get processed correctly.
9
+ *
10
+ * `fill` and `color` use scheme-aware Glaze tokens so the whole page flips
11
+ * automatically when `<html data-schema="dark">` (or `prefers-color-scheme: dark`)
12
+ * is active — see `src/tokens/palette.ts` and `src/components/Root.tsx`.
10
13
  */
11
14
  const BODY_STYLES = {
12
15
  overscrollBehaviorY: "none",
13
- fill: "#white",
16
+ fill: "#surface",
14
17
  fontFamily: "var(--font-sans)",
15
18
  "-webkit-font-smoothing": "antialiased",
16
19
  "-moz-osx-font-smoothing": "grayscale",
17
20
  margin: 0,
18
21
  padding: 0,
19
- color: "#dark-02",
22
+ color: "#surface-text-soft",
20
23
  preset: "t3",
21
24
  letterSpacing: "0.02em"
22
25
  };
@@ -31,7 +34,7 @@ const STATIC_CSS = `
31
34
  font-weight: var(--c2-font-weight);
32
35
  font-size: var(--c2-font-size);
33
36
  border: var(--border-width) solid var(--dark-04-color);
34
- background-color: white;
37
+ background-color: var(--surface-color);
35
38
  color: var(--dark-color);
36
39
  border-radius: var(--radius);
37
40
  padding: 0 var(--outline-width);
@@ -72,10 +75,19 @@ const STATIC_CSS = `
72
75
  font-family: var(--font-mono);
73
76
  }
74
77
 
75
- /* Prism Code */
78
+ /*
79
+ * Prism syntax highlighting.
80
+ *
81
+ * All token colors come from the scheme-aware Glaze \`code-*\` palette
82
+ * (defined in src/tokens/palette.ts). Each \`code-*\` token has \`mode: 'auto'\`
83
+ * with a numeric contrast floor of 4.5 against \`#surface\` so every token
84
+ * reads at WCAG AA in light AND dark schemes (AAA in high-contrast).
85
+ * Diff insertion / deletion re-use the adaptive \`success-*\` and \`danger-*\`
86
+ * ramps for both the line bg and the token color.
87
+ */
76
88
  code[class*="language-"],
77
89
  pre[class*="language-"] {
78
- color: var(--dark-color);
90
+ color: var(--surface-text-color);
79
91
  background: none;
80
92
  font-family: var(--font-mono);
81
93
  text-align: left;
@@ -134,87 +146,86 @@ const STATIC_CSS = `
134
146
  white-space: normal;
135
147
  }
136
148
 
149
+ /* Diff (re-uses success/danger ramps; both bg and text adapt to scheme) */
137
150
  .token.inserted-sign {
138
- background-color: #e6ffed;
139
- color: #30A666;
151
+ background-color: var(--success-bg-color);
152
+ color: var(--success-text-color);
140
153
  }
141
154
 
142
155
  .token.inserted {
143
- color: #30A666;
156
+ color: var(--success-text-color);
144
157
  }
145
158
 
146
159
  .token.deleted-sign {
147
- background-color: #ffeef0;
148
- color: var(--danger-color);
160
+ background-color: var(--danger-bg-color);
161
+ color: var(--danger-text-color);
149
162
  }
150
163
 
151
164
  .token.deleted {
152
- color: var(--pink-color);
165
+ color: var(--danger-text-color);
153
166
  }
154
167
 
168
+ /* Comments — subdued gray-ish, AA floor */
155
169
  .token.comment,
156
170
  .token.prolog,
157
171
  .token.doctype,
158
172
  .token.cdata {
159
- color: var(--dark-03-color);
173
+ color: var(--code-comment-color);
160
174
  }
161
175
 
162
- .token.tag,
176
+ /* Operators / punctuation — subdued purple, AA floor */
163
177
  .token.operator,
164
178
  .token.punctuation {
165
- color: #993388;
179
+ color: var(--code-punctuation-color);
166
180
  }
167
181
 
168
182
  .namespace {
169
183
  opacity: .7;
170
184
  }
171
185
 
172
- .token.property,
186
+ /* Keywords / language constructs — violet */
173
187
  .token.boolean,
174
188
  .token.constant,
175
- .token.symbol,
176
- .token.key,
177
- .token.keyword {
178
- color: var(--pink-color);
189
+ .token.keyword,
190
+ .token.atrule {
191
+ color: var(--code-keyword-color);
192
+ font-weight: 500;
179
193
  }
180
194
 
195
+ /* Numbers / numeric entities — orange */
181
196
  .token.entity,
182
197
  .token.number {
183
- color: #30A666;
198
+ color: var(--code-number-color);
184
199
  }
185
200
 
186
- .token.selector,
187
- .token.attr-name,
201
+ /* Strings / character literals / URLs — green */
188
202
  .token.string,
189
203
  .token.char,
190
- .token.builtin {
191
- color: var(--primary-text-color);
192
- }
193
-
204
+ .token.attr-value,
194
205
  .token.url,
195
206
  .language-css .token.string,
196
207
  .style .token.string {
197
- color: var(--dark-color);
198
- }
199
-
200
- .token.attr-value {
201
- color: var(--dark-color);
202
- }
203
-
204
- .token.atrule,
205
- .token.keyword {
206
- font-weight: 500;
208
+ color: var(--code-string-color);
207
209
  }
208
210
 
211
+ /* Names: functions, class names, regex, variables — pink/coral */
209
212
  .token.function,
210
- .token.class-name {
211
- color: var(--pink-color);
212
- }
213
-
213
+ .token.class-name,
214
214
  .token.regex,
215
215
  .token.important,
216
216
  .token.variable {
217
- color: var(--pink-color);
217
+ color: var(--code-function-color);
218
+ }
219
+
220
+ /* Attributes / properties / tags / selectors / built-ins — cyan */
221
+ .token.tag,
222
+ .token.attr-name,
223
+ .token.property,
224
+ .token.symbol,
225
+ .token.key,
226
+ .token.builtin,
227
+ .token.selector {
228
+ color: var(--code-attribute-color);
218
229
  }
219
230
 
220
231
  .token.important,
package/dist/components/GlobalStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalStyles.js","names":[],"sources":["../../src/components/GlobalStyles.tsx"],"sourcesContent":["import { useGlobalStyles, useRawCSS } from '@tenphi/tasty';\nimport { useMemo } from 'react';\n\nimport { TOKENS } from '../tokens';\n\nimport type { Styles } from '@tenphi/tasty';\n\ninterface GlobalStylesProps {\n bodyStyles?: { [key: string]: string };\n fonts?: boolean;\n fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n publicUrl?: string;\n font?: string;\n monospaceFont?: string;\n /** @deprecated Tokens are now always applied via useGlobalStyles */\n applyLegacyTokens?: boolean;\n}\n\n/**\n * Body styles applied via useGlobalStyles.\n * These use tasty syntax and get processed correctly.\n */\nconst BODY_STYLES: Styles = {\n overscrollBehaviorY: 'none',\n fill: '#white',\n fontFamily: 'var(--font-sans)',\n '-webkit-font-smoothing': 'antialiased',\n '-moz-osx-font-smoothing': 'grayscale',\n margin: 0,\n padding: 0,\n color: '#dark-02',\n preset: 't3',\n letterSpacing: '0.02em',\n};\n\n// Static CSS that doesn't depend on props\nconst STATIC_CSS = `\n @font-face {\n font-family: text-security-disc;\n src: url(data:font/woff2;base64,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) format('woff2');\n }\n\n kbd {\n font-family: var(--c2-font-family);\n font-weight: var(--c2-font-weight);\n font-size: var(--c2-font-size);\n border: var(--border-width) solid var(--dark-04-color);\n background-color: white;\n color: var(--dark-color);\n border-radius: var(--radius);\n padding: 0 var(--outline-width);\n }\n\n :not([data-qa$=\"Icon\"]) > .tabler-icon {\n font-size: var(--icon-size);\n width: 1em;\n height: 1em;\n min-width: 1em;\n min-height: 1em;\n max-height: 1em;\n stroke-width: var(--stroke-width);\n }\n\n .cube-animation-spin {\n animation: cube-animation-spin 1s linear infinite;\n }\n\n @keyframes cube-animation-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n b, strong {\n font-weight: var(--bold-font-weight, 700);\n }\n\n [type=reset], [type=submit], button, html [type=button] {\n -webkit-appearance: none;\n }\n\n code {\n font-family: var(--font-mono);\n }\n\n /* Prism Code */\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: var(--dark-color);\n background: none;\n font-family: var(--font-mono);\n text-align: left;\n font-weight: normal;\n font-size: 14px;\n line-height: 20px;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n word-wrap: normal;\n border-radius: 6px;\n border: none;\n\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n\n pre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\n code[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n text-shadow: none;\n background: rgb(var(--primary-color-rgb) / .2);\n }\n\n pre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\n code[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n text-shadow: none;\n background: rgb(var(--primary-color-rgb) / .2);\n }\n\n @media print {\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n text-shadow: none;\n }\n }\n\n /* Code blocks */\n pre[class*=\"language-\"] {\n overflow: auto;\n }\n\n :not(pre) > code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n background: transparent;\n }\n\n /* Inline code */\n :not(pre) > code[class*=\"language-\"] {\n border-radius: .3em;\n white-space: normal;\n }\n\n .token.inserted-sign {\n background-color: #e6ffed;\n color: #30A666;\n }\n\n .token.inserted {\n color: #30A666;\n }\n\n .token.deleted-sign {\n background-color: #ffeef0;\n color: var(--danger-color);\n }\n\n .token.deleted {\n color: var(--pink-color);\n }\n\n .token.comment,\n .token.prolog,\n .token.doctype,\n .token.cdata {\n color: var(--dark-03-color);\n }\n\n .token.tag,\n .token.operator,\n .token.punctuation {\n color: #993388;\n }\n\n .namespace {\n opacity: .7;\n }\n\n .token.property,\n .token.boolean,\n .token.constant,\n .token.symbol,\n .token.key,\n .token.keyword {\n color: var(--pink-color);\n }\n\n .token.entity,\n .token.number {\n color: #30A666;\n }\n\n .token.selector,\n .token.attr-name,\n .token.string,\n .token.char,\n .token.builtin {\n color: var(--primary-text-color);\n }\n\n .token.url,\n .language-css .token.string,\n .style .token.string {\n color: var(--dark-color);\n }\n\n .token.attr-value {\n color: var(--dark-color);\n }\n\n .token.atrule,\n .token.keyword {\n font-weight: 500;\n }\n\n .token.function,\n .token.class-name {\n color: var(--pink-color);\n }\n\n .token.regex,\n .token.important,\n .token.variable {\n color: var(--pink-color);\n }\n\n .token.important,\n .token.bold {\n font-weight: bold;\n }\n\n .token.italic {\n font-style: italic;\n }\n\n .token.entity {\n cursor: help;\n }\n`;\n\nexport function GlobalStyles(props: GlobalStylesProps) {\n const { bodyStyles, font, monospaceFont } = props;\n\n // Merge token styles with body styles\n const bodyTokenStyles = useMemo((): Styles => {\n // Start with design tokens\n const styles: Styles = { ...TOKENS };\n\n // Add base body styles\n Object.assign(styles, BODY_STYLES);\n\n // Override with custom body styles if provided\n // Keys are passed through as-is (tasty handles both camelCase and kebab-case)\n if (bodyStyles) {\n Object.assign(styles, bodyStyles);\n }\n\n return styles;\n }, [bodyStyles]);\n\n // Apply tokens and body styles via useGlobalStyles\n useGlobalStyles('body', bodyTokenStyles);\n\n // Apply static CSS and font definitions via useRawCSS\n useRawCSS(() => {\n const fontValue = font ? `${font}, ` : '';\n const monospaceFontValue = monospaceFont ? `${monospaceFont}, ` : '';\n\n return `\n html {\n overscroll-behavior-y: none;\n --font-sans: ${fontValue}system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", sans-serif;\n --font-mono: ${monospaceFontValue}ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n }\n${STATIC_CSS}`;\n }, [font, monospaceFont]);\n\n return null;\n}\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,cAAsB;CAC1B,qBAAqB;CACrB,MAAM;CACN,YAAY;CACZ,0BAA0B;CAC1B,2BAA2B;CAC3B,QAAQ;CACR,SAAS;CACT,OAAO;CACP,QAAQ;CACR,eAAe;CAChB;AAGD,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmNnB,SAAgB,aAAa,OAA0B;CACrD,MAAM,EAAE,YAAY,MAAM,kBAAkB;AAoB5C,iBAAgB,QAjBQ,cAAsB;EAE5C,MAAM,SAAiB,EAAE,GAAG,QAAQ;AAGpC,SAAO,OAAO,QAAQ,YAAY;AAIlC,MAAI,WACF,QAAO,OAAO,QAAQ,WAAW;AAGnC,SAAO;IACN,CAAC,WAAW,CAAC,CAGwB;AAGxC,iBAAgB;AAId,SAAO;;;mBAHW,OAAO,GAAG,KAAK,MAAM,GAMd;mBALE,gBAAgB,GAAG,cAAc,MAAM,GAMhC;;EAEpC;IACG,CAAC,MAAM,cAAc,CAAC;AAEzB,QAAO"}
1
+ {"version":3,"file":"GlobalStyles.js","names":[],"sources":["../../src/components/GlobalStyles.tsx"],"sourcesContent":["import { useGlobalStyles, useRawCSS } from '@tenphi/tasty';\nimport { useMemo } from 'react';\n\nimport { TOKENS } from '../tokens';\n\nimport type { Styles } from '@tenphi/tasty';\n\ninterface GlobalStylesProps {\n bodyStyles?: { [key: string]: string };\n fonts?: boolean;\n fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n publicUrl?: string;\n font?: string;\n monospaceFont?: string;\n /** @deprecated Tokens are now always applied via useGlobalStyles */\n applyLegacyTokens?: boolean;\n}\n\n/**\n * Body styles applied via useGlobalStyles.\n *\n * `fill` and `color` use scheme-aware Glaze tokens so the whole page flips\n * automatically when `<html data-schema=\"dark\">` (or `prefers-color-scheme: dark`)\n * is active — see `src/tokens/palette.ts` and `src/components/Root.tsx`.\n */\nconst BODY_STYLES: Styles = {\n overscrollBehaviorY: 'none',\n fill: '#surface',\n fontFamily: 'var(--font-sans)',\n '-webkit-font-smoothing': 'antialiased',\n '-moz-osx-font-smoothing': 'grayscale',\n margin: 0,\n padding: 0,\n color: '#surface-text-soft',\n preset: 't3',\n letterSpacing: '0.02em',\n};\n\n// Static CSS that doesn't depend on props\nconst STATIC_CSS = `\n @font-face {\n font-family: text-security-disc;\n src: url(data:font/woff2;base64,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) format('woff2');\n }\n\n kbd {\n font-family: var(--c2-font-family);\n font-weight: var(--c2-font-weight);\n font-size: var(--c2-font-size);\n border: var(--border-width) solid var(--dark-04-color);\n background-color: var(--surface-color);\n color: var(--dark-color);\n border-radius: var(--radius);\n padding: 0 var(--outline-width);\n }\n\n :not([data-qa$=\"Icon\"]) > .tabler-icon {\n font-size: var(--icon-size);\n width: 1em;\n height: 1em;\n min-width: 1em;\n min-height: 1em;\n max-height: 1em;\n stroke-width: var(--stroke-width);\n }\n\n .cube-animation-spin {\n animation: cube-animation-spin 1s linear infinite;\n }\n\n @keyframes cube-animation-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n b, strong {\n font-weight: var(--bold-font-weight, 700);\n }\n\n [type=reset], [type=submit], button, html [type=button] {\n -webkit-appearance: none;\n }\n\n code {\n font-family: var(--font-mono);\n }\n\n /*\n * Prism syntax highlighting.\n *\n * All token colors come from the scheme-aware Glaze \\`code-*\\` palette\n * (defined in src/tokens/palette.ts). Each \\`code-*\\` token has \\`mode: 'auto'\\`\n * with a numeric contrast floor of 4.5 against \\`#surface\\` so every token\n * reads at WCAG AA in light AND dark schemes (AAA in high-contrast).\n * Diff insertion / deletion re-use the adaptive \\`success-*\\` and \\`danger-*\\`\n * ramps for both the line bg and the token color.\n */\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n color: var(--surface-text-color);\n background: none;\n font-family: var(--font-mono);\n text-align: left;\n font-weight: normal;\n font-size: 14px;\n line-height: 20px;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n word-wrap: normal;\n border-radius: 6px;\n border: none;\n\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n }\n\n pre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\n code[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n text-shadow: none;\n background: rgb(var(--primary-color-rgb) / .2);\n }\n\n pre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\n code[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n text-shadow: none;\n background: rgb(var(--primary-color-rgb) / .2);\n }\n\n @media print {\n code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n text-shadow: none;\n }\n }\n\n /* Code blocks */\n pre[class*=\"language-\"] {\n overflow: auto;\n }\n\n :not(pre) > code[class*=\"language-\"],\n pre[class*=\"language-\"] {\n background: transparent;\n }\n\n /* Inline code */\n :not(pre) > code[class*=\"language-\"] {\n border-radius: .3em;\n white-space: normal;\n }\n\n /* Diff (re-uses success/danger ramps; both bg and text adapt to scheme) */\n .token.inserted-sign {\n background-color: var(--success-bg-color);\n color: var(--success-text-color);\n }\n\n .token.inserted {\n color: var(--success-text-color);\n }\n\n .token.deleted-sign {\n background-color: var(--danger-bg-color);\n color: var(--danger-text-color);\n }\n\n .token.deleted {\n color: var(--danger-text-color);\n }\n\n /* Comments — subdued gray-ish, AA floor */\n .token.comment,\n .token.prolog,\n .token.doctype,\n .token.cdata {\n color: var(--code-comment-color);\n }\n\n /* Operators / punctuation — subdued purple, AA floor */\n .token.operator,\n .token.punctuation {\n color: var(--code-punctuation-color);\n }\n\n .namespace {\n opacity: .7;\n }\n\n /* Keywords / language constructs — violet */\n .token.boolean,\n .token.constant,\n .token.keyword,\n .token.atrule {\n color: var(--code-keyword-color);\n font-weight: 500;\n }\n\n /* Numbers / numeric entities — orange */\n .token.entity,\n .token.number {\n color: var(--code-number-color);\n }\n\n /* Strings / character literals / URLs — green */\n .token.string,\n .token.char,\n .token.attr-value,\n .token.url,\n .language-css .token.string,\n .style .token.string {\n color: var(--code-string-color);\n }\n\n /* Names: functions, class names, regex, variables — pink/coral */\n .token.function,\n .token.class-name,\n .token.regex,\n .token.important,\n .token.variable {\n color: var(--code-function-color);\n }\n\n /* Attributes / properties / tags / selectors / built-ins — cyan */\n .token.tag,\n .token.attr-name,\n .token.property,\n .token.symbol,\n .token.key,\n .token.builtin,\n .token.selector {\n color: var(--code-attribute-color);\n }\n\n .token.important,\n .token.bold {\n font-weight: bold;\n }\n\n .token.italic {\n font-style: italic;\n }\n\n .token.entity {\n cursor: help;\n }\n`;\n\nexport function GlobalStyles(props: GlobalStylesProps) {\n const { bodyStyles, font, monospaceFont } = props;\n\n // Merge token styles with body styles\n const bodyTokenStyles = useMemo((): Styles => {\n // Start with design tokens\n const styles: Styles = { ...TOKENS };\n\n // Add base body styles\n Object.assign(styles, BODY_STYLES);\n\n // Override with custom body styles if provided\n // Keys are passed through as-is (tasty handles both camelCase and kebab-case)\n if (bodyStyles) {\n Object.assign(styles, bodyStyles);\n }\n\n return styles;\n }, [bodyStyles]);\n\n // Apply tokens and body styles via useGlobalStyles\n useGlobalStyles('body', bodyTokenStyles);\n\n // Apply static CSS and font definitions via useRawCSS\n useRawCSS(() => {\n const fontValue = font ? `${font}, ` : '';\n const monospaceFontValue = monospaceFont ? `${monospaceFont}, ` : '';\n\n return `\n html {\n overscroll-behavior-y: none;\n --font-sans: ${fontValue}system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", sans-serif;\n --font-mono: ${monospaceFontValue}ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n }\n${STATIC_CSS}`;\n }, [font, monospaceFont]);\n\n return null;\n}\n"],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,cAAsB;CAC1B,qBAAqB;CACrB,MAAM;CACN,YAAY;CACZ,0BAA0B;CAC1B,2BAA2B;CAC3B,QAAQ;CACR,SAAS;CACT,OAAO;CACP,QAAQ;CACR,eAAe;CAChB;AAGD,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2NnB,SAAgB,aAAa,OAA0B;CACrD,MAAM,EAAE,YAAY,MAAM,kBAAkB;AAoB5C,iBAAgB,QAjBQ,cAAsB;EAE5C,MAAM,SAAiB,EAAE,GAAG,QAAQ;AAGpC,SAAO,OAAO,QAAQ,YAAY;AAIlC,MAAI,WACF,QAAO,OAAO,QAAQ,WAAW;AAGnC,SAAO;IACN,CAAC,WAAW,CAAC,CAGwB;AAGxC,iBAAgB;AAId,SAAO;;;mBAHW,OAAO,GAAG,KAAK,MAAM,GAMd;mBALE,gBAAgB,GAAG,cAAc,MAAM,GAMhC;;EAEpC;IACG,CAAC,MAAM,cAAc,CAAC;AAEzB,QAAO"}
package/dist/components/GridProvider.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { useCombinedRefs } from "../utils/react/useCombinedRefs.js";
3
3
  import { filterBaseProps, tasty } from "@tenphi/tasty";
4
4
  import { forwardRef, useCallback, useEffect, useState } from "react";
package/dist/components/HiddenInput.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { tasty } from "@tenphi/tasty";
3
3
 
4
4
  //#region src/components/HiddenInput.tsx
package/dist/components/Root.js CHANGED
@@ -1,19 +1,23 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { extractStyles } from "../utils/styles.js";
3
3
  import { EventBusProvider } from "../utils/react/useEventBus.js";
4
4
  import { PortalProvider } from "./portal/PortalProvider.js";
5
- import { VERSION } from "../version.js";
5
+ import { TASTY_VERSION, VERSION } from "../version.js";
6
6
  import { Provider } from "../provider.js";
7
7
  import { TrackingProvider } from "../providers/TrackingProvider.js";
8
8
  import { GlobalStyles } from "./GlobalStyles.js";
9
9
  import { AlertDialogApiProvider } from "./overlays/AlertDialog/AlertDialogApiProvider.js";
10
10
  import { OverlayProvider } from "./overlays/Notifications/OverlayProvider.js";
11
- import { BASE_STYLES, BLOCK_STYLES, configure, filterBaseProps, tasty } from "@tenphi/tasty";
11
+ import { BASE_STYLES, BLOCK_STYLES, configure, filterBaseProps, setGlobalPredefinedStates, tasty } from "@tenphi/tasty";
12
12
  import { useEffect, useRef, useState } from "react";
13
13
  import { jsx, jsxs } from "react/jsx-runtime";
14
14
  import { ModalProvider } from "react-aria";
15
15
 
16
16
  //#region src/components/Root.tsx
17
+ setGlobalPredefinedStates({
18
+ "@dark": "@root(schema=dark) | (!@root(schema) & @media(prefers-color-scheme: dark))",
19
+ "@hc": "@root(contrast=high) | (!@root(contrast) & @media(prefers-contrast: more))"
20
+ });
17
21
  configure({
18
22
  colorSpace: "rgb",
19
23
  units: {
@@ -100,7 +104,8 @@ function Root(allProps) {
100
104
  event: tracking?.event,
101
105
  children: /* @__PURE__ */ jsxs(RootElement, {
102
106
  ref,
103
- "data-tasty": VERSION,
107
+ "data-uikit": VERSION,
108
+ "data-tasty": TASTY_VERSION,
104
109
  "data-font-display": fontDisplay,
105
110
  ...filterBaseProps(props, { eventProps: true }),
106
111
  styles,
package/dist/components/Root.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Root.js","names":[],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n BASE_STYLES,\n BaseProps,\n BLOCK_STYLES,\n configure,\n filterBaseProps,\n tasty,\n} from '@tenphi/tasty';\nimport { useEffect, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { extractStyles } from '../utils/styles';\nimport { VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\n\nconfigure({\n colorSpace: 'rgb',\n units: {\n x: 'var(--gap)',\n r: 'var(--radius)',\n cr: 'var(--card-radius)',\n bw: 'var(--border-width)',\n ow: 'var(--outline-width)',\n },\n recipes: {\n reset: {\n margin: 0,\n padding: 0,\n border: 0,\n outline: 0,\n boxSizing: 'border-box',\n },\n button: {\n appearance: 'none',\n touchAction: 'manipulation',\n textDecoration: 'none',\n '-webkit-tap-highlight-color': 'transparent',\n fill: '#clear',\n color: 'inherit',\n cursor: {\n '': 'default',\n ':is(a)': 'pointer',\n ':is(button)': '$pointer',\n disabled: 'not-allowed',\n },\n },\n input: {\n appearance: 'none',\n wordSpacing: 'initial',\n color: 'inherit',\n fill: '#clear',\n },\n 'input-autofill': {\n '@autofill': ':-webkit-autofill | :autofill',\n appearance: {\n '@autofill': 'none',\n },\n '-webkit-text-fill-color': {\n '': 'currentColor',\n '@autofill': '#primary',\n },\n caretColor: {\n '@autofill': '#primary',\n },\n shadow: {\n '@autofill': '0 0 0 9999rem #surface inset',\n },\n preset: {\n '@autofill': 'inherit',\n },\n '-webkit-opacity': {\n '': false,\n '[disabled]': '1',\n },\n },\n 'input-placeholder': {\n '-webkit-text-fill-color': '#placeholder',\n color: '#placeholder',\n },\n 'input-search-cancel-button': {\n hide: true,\n appearance: 'none',\n },\n },\n});\n\nconst RootElement = tasty({\n id: 'cube-ui-kit-root',\n styles: {\n display: 'contents',\n color: '#dark-02',\n preset: 't3',\n },\n});\n\nconst STYLES = [...BASE_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeRootProps extends BaseProps {\n tokens?: { [key: string]: string };\n bodyStyles?: { [key: string]: string };\n fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n fonts?: boolean;\n publicUrl?: string;\n navigation?: NavigationAdapter;\n font?: string;\n monospaceFont?: string;\n /** @deprecated Tokens are now always applied via GlobalStyles */\n applyLegacyTokens?: boolean;\n tracking?: TrackingProps;\n cursorStrategy?: 'web' | 'native';\n}\n\nexport function Root(allProps: CubeRootProps) {\n let {\n children,\n /** Raw css styles for body element */\n bodyStyles,\n fontDisplay = 'swap',\n fonts,\n publicUrl,\n navigation,\n font,\n monospaceFont,\n applyLegacyTokens: _applyLegacyTokens, // deprecated, ignored\n tracking,\n cursorStrategy = 'web',\n style,\n tokens,\n ...props\n } = allProps;\n\n const ref = useRef(null);\n\n const [rootRef, setRootRef] = useState();\n\n useEffect(() => {\n if (!rootRef) {\n // @ts-ignore\n setRootRef(ref?.current);\n }\n }, []);\n\n const styles = extractStyles(props, STYLES);\n\n return (\n <Provider navigation={navigation} root={rootRef}>\n <TrackingProvider event={tracking?.event}>\n <RootElement\n ref={ref}\n data-tasty={VERSION}\n data-font-display={fontDisplay}\n {...filterBaseProps(props, { eventProps: true })}\n styles={styles}\n style={{\n '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',\n ...style,\n }}\n tokens={tokens}\n >\n <GlobalStyles\n bodyStyles={bodyStyles}\n publicUrl={publicUrl}\n fonts={fonts}\n font={font}\n monospaceFont={monospaceFont}\n fontDisplay={fontDisplay}\n />\n <ModalProvider>\n <PortalProvider value={ref}>\n <EventBusProvider>\n <OverlayProvider>\n <AlertDialogApiProvider>{children}</AlertDialogApiProvider>\n </OverlayProvider>\n </EventBusProvider>\n </PortalProvider>\n </ModalProvider>\n </RootElement>\n </TrackingProvider>\n </Provider>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,UAAU;CACR,YAAY;CACZ,OAAO;EACL,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,SAAS;EACP,OAAO;GACL,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,gBAAgB;GAChB,+BAA+B;GAC/B,MAAM;GACN,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACf,UAAU;IACX;GACF;EACD,OAAO;GACL,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACP;EACD,kBAAkB;GAChB,aAAa;GACb,YAAY,EACV,aAAa,QACd;GACD,2BAA2B;IACzB,IAAI;IACJ,aAAa;IACd;GACD,YAAY,EACV,aAAa,YACd;GACD,QAAQ,EACN,aAAa,gCACd;GACD,QAAQ,EACN,aAAa,WACd;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IACf;GACF;EACD,qBAAqB;GACnB,2BAA2B;GAC3B,OAAO;GACR;EACD,8BAA8B;GAC5B,MAAM;GACN,YAAY;GACb;EACF;CACF,CAAC;AAEF,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAM,SAAS,CAAC,GAAG,aAAa,GAAG,aAAa;AAiBhD,SAAgB,KAAK,UAAyB;CAC5C,IAAI,EACF,UAEA,YACA,cAAc,QACd,OACA,WACA,YACA,MACA,eACA,mBAAmB,oBACnB,UACA,iBAAiB,OACjB,OACA,QACA,GAAG,UACD;CAEJ,MAAM,MAAM,OAAO,KAAK;CAExB,MAAM,CAAC,SAAS,cAAc,UAAU;AAExC,iBAAgB;AACd,MAAI,CAAC,QAEH,YAAW,KAAK,QAAQ;IAEzB,EAAE,CAAC;CAEN,MAAM,SAAS,cAAc,OAAO,OAAO;AAE3C,QACE,oBAAC;EAAqB;EAAY,MAAM;YACtC,oBAAC;GAAiB,OAAO,UAAU;aACjC,qBAAC;IACM;IACL,cAAY;IACZ,qBAAmB;IACnB,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;IACxC;IACR,OAAO;KACL,aAAa,mBAAmB,QAAQ,YAAY;KACpD,GAAG;KACJ;IACO;eAER,oBAAC;KACa;KACD;KACJ;KACD;KACS;KACF;MACb,EACF,oBAAC,2BACC,oBAAC;KAAe,OAAO;eACrB,oBAAC,8BACC,oBAAC,6BACC,oBAAC,0BAAwB,WAAkC,GAC3C,GACD;MACJ,GACH;KACJ;IACG;GACV"}
1
+ {"version":3,"file":"Root.js","names":[],"sources":["../../src/components/Root.tsx"],"sourcesContent":["import {\n BASE_STYLES,\n BaseProps,\n BLOCK_STYLES,\n configure,\n filterBaseProps,\n setGlobalPredefinedStates,\n tasty,\n} from '@tenphi/tasty';\nimport { useEffect, useRef, useState } from 'react';\nimport { ModalProvider } from 'react-aria';\n\nimport { Provider } from '../provider';\nimport { NavigationAdapter } from '../providers/navigation.types';\nimport { TrackingProps, TrackingProvider } from '../providers/TrackingProvider';\nimport { EventBusProvider } from '../utils/react/useEventBus';\nimport { extractStyles } from '../utils/styles';\nimport { TASTY_VERSION, VERSION } from '../version';\n\nimport { GlobalStyles } from './GlobalStyles';\nimport { AlertDialogApiProvider } from './overlays/AlertDialog';\nimport { OverlayProvider } from './overlays/Notifications/OverlayProvider';\nimport { PortalProvider } from './portal';\n\n// Color-scheme aliases for the Glaze-generated palette (see `src/tokens/palette.ts`).\n// Attribute opt-in wins over system preference:\n// <html data-schema=\"dark\"> → forces dark scheme\n// <html data-contrast=\"high\"> → forces high-contrast scheme\n// Otherwise falls back to the user's `prefers-color-scheme` / `prefers-contrast`.\nsetGlobalPredefinedStates({\n '@dark':\n '@root(schema=dark) | (!@root(schema) & @media(prefers-color-scheme: dark))',\n '@hc':\n '@root(contrast=high) | (!@root(contrast) & @media(prefers-contrast: more))',\n});\n\nconfigure({\n colorSpace: 'rgb',\n units: {\n x: 'var(--gap)',\n r: 'var(--radius)',\n cr: 'var(--card-radius)',\n bw: 'var(--border-width)',\n ow: 'var(--outline-width)',\n },\n recipes: {\n reset: {\n margin: 0,\n padding: 0,\n border: 0,\n outline: 0,\n boxSizing: 'border-box',\n },\n button: {\n appearance: 'none',\n touchAction: 'manipulation',\n textDecoration: 'none',\n '-webkit-tap-highlight-color': 'transparent',\n fill: '#clear',\n color: 'inherit',\n cursor: {\n '': 'default',\n ':is(a)': 'pointer',\n ':is(button)': '$pointer',\n disabled: 'not-allowed',\n },\n },\n input: {\n appearance: 'none',\n wordSpacing: 'initial',\n color: 'inherit',\n fill: '#clear',\n },\n 'input-autofill': {\n '@autofill': ':-webkit-autofill | :autofill',\n appearance: {\n '@autofill': 'none',\n },\n '-webkit-text-fill-color': {\n '': 'currentColor',\n '@autofill': '#primary',\n },\n caretColor: {\n '@autofill': '#primary',\n },\n shadow: {\n '@autofill': '0 0 0 9999rem #surface inset',\n },\n preset: {\n '@autofill': 'inherit',\n },\n '-webkit-opacity': {\n '': false,\n '[disabled]': '1',\n },\n },\n 'input-placeholder': {\n '-webkit-text-fill-color': '#placeholder',\n color: '#placeholder',\n },\n 'input-search-cancel-button': {\n hide: true,\n appearance: 'none',\n },\n },\n});\n\nconst RootElement = tasty({\n id: 'cube-ui-kit-root',\n styles: {\n display: 'contents',\n color: '#dark-02',\n preset: 't3',\n },\n});\n\nconst STYLES = [...BASE_STYLES, ...BLOCK_STYLES];\n\nexport interface CubeRootProps extends BaseProps {\n tokens?: { [key: string]: string };\n bodyStyles?: { [key: string]: string };\n fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';\n fonts?: boolean;\n publicUrl?: string;\n navigation?: NavigationAdapter;\n font?: string;\n monospaceFont?: string;\n /** @deprecated Tokens are now always applied via GlobalStyles */\n applyLegacyTokens?: boolean;\n tracking?: TrackingProps;\n cursorStrategy?: 'web' | 'native';\n}\n\nexport function Root(allProps: CubeRootProps) {\n let {\n children,\n /** Raw css styles for body element */\n bodyStyles,\n fontDisplay = 'swap',\n fonts,\n publicUrl,\n navigation,\n font,\n monospaceFont,\n applyLegacyTokens: _applyLegacyTokens, // deprecated, ignored\n tracking,\n cursorStrategy = 'web',\n style,\n tokens,\n ...props\n } = allProps;\n\n const ref = useRef(null);\n\n const [rootRef, setRootRef] = useState();\n\n useEffect(() => {\n if (!rootRef) {\n // @ts-ignore\n setRootRef(ref?.current);\n }\n }, []);\n\n const styles = extractStyles(props, STYLES);\n\n return (\n <Provider navigation={navigation} root={rootRef}>\n <TrackingProvider event={tracking?.event}>\n <RootElement\n ref={ref}\n data-uikit={VERSION}\n data-tasty={TASTY_VERSION}\n data-font-display={fontDisplay}\n {...filterBaseProps(props, { eventProps: true })}\n styles={styles}\n style={{\n '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',\n ...style,\n }}\n tokens={tokens}\n >\n <GlobalStyles\n bodyStyles={bodyStyles}\n publicUrl={publicUrl}\n fonts={fonts}\n font={font}\n monospaceFont={monospaceFont}\n fontDisplay={fontDisplay}\n />\n <ModalProvider>\n <PortalProvider value={ref}>\n <EventBusProvider>\n <OverlayProvider>\n <AlertDialogApiProvider>{children}</AlertDialogApiProvider>\n </OverlayProvider>\n </EventBusProvider>\n </PortalProvider>\n </ModalProvider>\n </RootElement>\n </TrackingProvider>\n </Provider>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA6BA,0BAA0B;CACxB,SACE;CACF,OACE;CACH,CAAC;AAEF,UAAU;CACR,YAAY;CACZ,OAAO;EACL,GAAG;EACH,GAAG;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,SAAS;EACP,OAAO;GACL,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,SAAS;GACT,WAAW;GACZ;EACD,QAAQ;GACN,YAAY;GACZ,aAAa;GACb,gBAAgB;GAChB,+BAA+B;GAC/B,MAAM;GACN,OAAO;GACP,QAAQ;IACN,IAAI;IACJ,UAAU;IACV,eAAe;IACf,UAAU;IACX;GACF;EACD,OAAO;GACL,YAAY;GACZ,aAAa;GACb,OAAO;GACP,MAAM;GACP;EACD,kBAAkB;GAChB,aAAa;GACb,YAAY,EACV,aAAa,QACd;GACD,2BAA2B;IACzB,IAAI;IACJ,aAAa;IACd;GACD,YAAY,EACV,aAAa,YACd;GACD,QAAQ,EACN,aAAa,gCACd;GACD,QAAQ,EACN,aAAa,WACd;GACD,mBAAmB;IACjB,IAAI;IACJ,cAAc;IACf;GACF;EACD,qBAAqB;GACnB,2BAA2B;GAC3B,OAAO;GACR;EACD,8BAA8B;GAC5B,MAAM;GACN,YAAY;GACb;EACF;CACF,CAAC;AAEF,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAM,SAAS,CAAC,GAAG,aAAa,GAAG,aAAa;AAiBhD,SAAgB,KAAK,UAAyB;CAC5C,IAAI,EACF,UAEA,YACA,cAAc,QACd,OACA,WACA,YACA,MACA,eACA,mBAAmB,oBACnB,UACA,iBAAiB,OACjB,OACA,QACA,GAAG,UACD;CAEJ,MAAM,MAAM,OAAO,KAAK;CAExB,MAAM,CAAC,SAAS,cAAc,UAAU;AAExC,iBAAgB;AACd,MAAI,CAAC,QAEH,YAAW,KAAK,QAAQ;IAEzB,EAAE,CAAC;CAEN,MAAM,SAAS,cAAc,OAAO,OAAO;AAE3C,QACE,oBAAC;EAAqB;EAAY,MAAM;YACtC,oBAAC;GAAiB,OAAO,UAAU;aACjC,qBAAC;IACM;IACL,cAAY;IACZ,cAAY;IACZ,qBAAmB;IACnB,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;IACxC;IACR,OAAO;KACL,aAAa,mBAAmB,QAAQ,YAAY;KACpD,GAAG;KACJ;IACO;eAER,oBAAC;KACa;KACD;KACJ;KACD;KACS;KACF;MACb,EACF,oBAAC,2BACC,oBAAC;KAAe,OAAO;eACrB,oBAAC,8BACC,oBAAC,6BACC,oBAAC,0BAAwB,WAAkC,GAC3C,GACD;MACJ,GACH;KACJ;IACG;GACV"}
package/dist/components/actions/Action/Action.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { extractStyles } from "../../../utils/styles.js";
3
3
  import { useAction } from "../use-action.js";
4
4
  import { CONTAINER_STYLES, TEXT_STYLES, tasty } from "@tenphi/tasty";
package/dist/components/actions/Banner/Banner.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { useEvent } from "../../../_internal/hooks/use-event.js";
3
3
  import { _Item } from "../../content/Item/Item.js";
4
4
  import { Button } from "../Button/Button.js";
package/dist/components/actions/Button/Button.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { extractStyles } from "../../../utils/styles.js";
3
3
  import { mergeProps } from "../../../utils/react/mergeProps.js";
4
4
  import { resolveIcon } from "../../../utils/react/resolveIcon.js";
package/dist/components/actions/ButtonGroup/ButtonGroup.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { useSlotProps } from "../../../utils/react/Slots.js";
3
3
  import { Space } from "../../layout/Space.js";
4
4
  import { tasty } from "@tenphi/tasty";
package/dist/components/actions/ButtonSplit/ButtonSplit.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { extractStyles } from "../../../utils/styles.js";
3
3
  import { mergeProps } from "../../../utils/react/mergeProps.js";
4
4
  import { DirectionIcon } from "../../../icons/DirectionIcon.js";
package/dist/components/actions/ButtonSplit/context.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { createContext, useContext } from "react";
3
3
 
4
4
  //#region src/components/actions/ButtonSplit/context.ts
package/dist/components/actions/CommandMenu/CommandMenu.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { extractStyles } from "../../../utils/styles.js";
3
3
  import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
4
4
  import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
package/dist/components/actions/CommandMenu/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { tasty } from "@tenphi/tasty";
3
3
 
4
4
  //#region src/components/actions/CommandMenu/styled.tsx
@@ -16,12 +16,12 @@ const StyledCommandMenu = tasty({
16
16
  },
17
17
  placeContent: "stretch",
18
18
  placeItems: "stretch",
19
- fill: "#white",
19
+ fill: "#surface",
20
20
  border: "#border",
21
21
  radius: "(1cr + 1bw)",
22
22
  shadow: {
23
23
  "": false,
24
- "popover | tray": "0px 5px 15px #dark.05"
24
+ "popover | tray": "$shadow"
25
25
  },
26
26
  overflow: "hidden",
27
27
  height: {
package/dist/components/actions/CommandMenu/styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":[],"sources":["../../../../src/components/actions/CommandMenu/styled.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const StyledCommandMenu = tasty({\n qa: 'CommandMenu',\n styles: {\n display: 'grid',\n flow: 'row',\n gridColumns: 'minmax(0, 1fr)',\n gridRows: {\n '': 'max-content minmax(0, 1fr)',\n header: 'max-content max-content minmax(0, 1fr)',\n footer: 'max-content minmax(0, 1fr) max-content max-content',\n 'header & footer':\n 'max-content max-content minmax(0, 1fr) max-content max-content',\n },\n placeContent: 'stretch',\n placeItems: 'stretch',\n fill: '#white',\n border: '#border',\n radius: '(1cr + 1bw)',\n shadow: {\n '': false,\n 'popover | tray': '0px 5px 15px #dark.05',\n },\n overflow: 'hidden',\n height: {\n '': 'initial',\n popover: 'initial max-content (50vh - $size-md)',\n tray: 'initial max-content (100vh - $size-md)',\n },\n },\n});\n\nexport const StyledSearchInput = tasty({\n qa: 'SearchInput',\n as: 'input',\n styles: {\n recipe: 'reset input / input-autofill',\n display: 'grid',\n width: '100%',\n color: '#dark',\n border: '#border bottom',\n transition: 'theme',\n radius: 0,\n textAlign: 'left',\n preset: 't3',\n userSelect: 'auto',\n height: '($size + 1x)',\n padding: {\n '': '.5x 1.5x',\n prefix: '0 1.5x 0 .5x',\n },\n\n $size: {\n '': '$size-md',\n 'size=small': '$size-sm',\n 'size=medium': '$size-md',\n 'size=large': '$size-lg',\n },\n\n Placeholder: {\n $: '&::placeholder',\n recipe: 'input-placeholder',\n },\n '&::-webkit-search-cancel-button': {\n recipe: 'input-search-cancel-button',\n },\n },\n});\n\nexport const StyledLoadingWrapper = tasty({\n qa: 'LoadingWrapper',\n styles: {\n display: 'flex',\n padding: '2x',\n placeContent: 'center',\n placeItems: 'center',\n color: '#dark-03',\n },\n});\n\nexport const StyledEmptyState = tasty({\n qa: 'EmptyState',\n styles: {\n display: 'flex',\n padding: '2x',\n placeContent: 'center',\n placeItems: 'center',\n color: '#dark-03',\n preset: 't3',\n },\n});\n\nexport const StyledMenuWrapper = tasty({\n qa: 'MenuWrapper',\n styles: {\n display: 'grid',\n flow: 'row',\n gridColumns: 'minmax(0, 1fr)',\n placeContent: 'stretch',\n placeItems: 'stretch',\n width: '100%',\n overflow: 'auto',\n scrollbar: 'styled',\n },\n});\n"],"mappings":";;;;AAEA,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,aAAa;EACb,UAAU;GACR,IAAI;GACJ,QAAQ;GACR,QAAQ;GACR,mBACE;GACH;EACD,cAAc;EACd,YAAY;EACZ,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;GACN,IAAI;GACJ,kBAAkB;GACnB;EACD,UAAU;EACV,QAAQ;GACN,IAAI;GACJ,SAAS;GACT,MAAM;GACP;EACF;CACF,CAAC;AAEF,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,WAAW;EACX,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,SAAS;GACP,IAAI;GACJ,QAAQ;GACT;EAED,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;GACf;EAED,aAAa;GACX,GAAG;GACH,QAAQ;GACT;EACD,mCAAmC,EACjC,QAAQ,8BACT;EACF;CACF,CAAC;AAEF,MAAa,uBAAuB,MAAM;CACxC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,SAAS;EACT,cAAc;EACd,YAAY;EACZ,OAAO;EACR;CACF,CAAC;AAEF,MAAa,mBAAmB,MAAM;CACpC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,SAAS;EACT,cAAc;EACd,YAAY;EACZ,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,aAAa;EACb,cAAc;EACd,YAAY;EACZ,OAAO;EACP,UAAU;EACV,WAAW;EACZ;CACF,CAAC"}
1
+ {"version":3,"file":"styled.js","names":[],"sources":["../../../../src/components/actions/CommandMenu/styled.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nexport const StyledCommandMenu = tasty({\n qa: 'CommandMenu',\n styles: {\n display: 'grid',\n flow: 'row',\n gridColumns: 'minmax(0, 1fr)',\n gridRows: {\n '': 'max-content minmax(0, 1fr)',\n header: 'max-content max-content minmax(0, 1fr)',\n footer: 'max-content minmax(0, 1fr) max-content max-content',\n 'header & footer':\n 'max-content max-content minmax(0, 1fr) max-content max-content',\n },\n placeContent: 'stretch',\n placeItems: 'stretch',\n fill: '#surface',\n border: '#border',\n radius: '(1cr + 1bw)',\n shadow: {\n '': false,\n // Same as Menu (`src/components/actions/Menu/styled.tsx`) — use the\n // `$shadow` token instead of a literal `#dark.05` shadow so the\n // popover shadow stays a true *dark* shadow in dark mode.\n 'popover | tray': '$shadow',\n },\n overflow: 'hidden',\n height: {\n '': 'initial',\n popover: 'initial max-content (50vh - $size-md)',\n tray: 'initial max-content (100vh - $size-md)',\n },\n },\n});\n\nexport const StyledSearchInput = tasty({\n qa: 'SearchInput',\n as: 'input',\n styles: {\n recipe: 'reset input / input-autofill',\n display: 'grid',\n width: '100%',\n color: '#dark',\n border: '#border bottom',\n transition: 'theme',\n radius: 0,\n textAlign: 'left',\n preset: 't3',\n userSelect: 'auto',\n height: '($size + 1x)',\n padding: {\n '': '.5x 1.5x',\n prefix: '0 1.5x 0 .5x',\n },\n\n $size: {\n '': '$size-md',\n 'size=small': '$size-sm',\n 'size=medium': '$size-md',\n 'size=large': '$size-lg',\n },\n\n Placeholder: {\n $: '&::placeholder',\n recipe: 'input-placeholder',\n },\n '&::-webkit-search-cancel-button': {\n recipe: 'input-search-cancel-button',\n },\n },\n});\n\nexport const StyledLoadingWrapper = tasty({\n qa: 'LoadingWrapper',\n styles: {\n display: 'flex',\n padding: '2x',\n placeContent: 'center',\n placeItems: 'center',\n color: '#dark-03',\n },\n});\n\nexport const StyledEmptyState = tasty({\n qa: 'EmptyState',\n styles: {\n display: 'flex',\n padding: '2x',\n placeContent: 'center',\n placeItems: 'center',\n color: '#dark-03',\n preset: 't3',\n },\n});\n\nexport const StyledMenuWrapper = tasty({\n qa: 'MenuWrapper',\n styles: {\n display: 'grid',\n flow: 'row',\n gridColumns: 'minmax(0, 1fr)',\n placeContent: 'stretch',\n placeItems: 'stretch',\n width: '100%',\n overflow: 'auto',\n scrollbar: 'styled',\n },\n});\n"],"mappings":";;;;AAEA,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,aAAa;EACb,UAAU;GACR,IAAI;GACJ,QAAQ;GACR,QAAQ;GACR,mBACE;GACH;EACD,cAAc;EACd,YAAY;EACZ,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;GACN,IAAI;GAIJ,kBAAkB;GACnB;EACD,UAAU;EACV,QAAQ;GACN,IAAI;GACJ,SAAS;GACT,MAAM;GACP;EACF;CACF,CAAC;AAEF,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,WAAW;EACX,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,SAAS;GACP,IAAI;GACJ,QAAQ;GACT;EAED,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;GACf;EAED,aAAa;GACX,GAAG;GACH,QAAQ;GACT;EACD,mCAAmC,EACjC,QAAQ,8BACT;EACF;CACF,CAAC;AAEF,MAAa,uBAAuB,MAAM;CACxC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,SAAS;EACT,cAAc;EACd,YAAY;EACZ,OAAO;EACR;CACF,CAAC;AAEF,MAAa,mBAAmB,MAAM;CACpC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,SAAS;EACT,cAAc;EACd,YAAY;EACZ,OAAO;EACP,QAAQ;EACT;CACF,CAAC;AAEF,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,aAAa;EACb,cAAc;EACd,YAAY;EACZ,OAAO;EACP,UAAU;EACV,WAAW;EACZ;CACF,CAAC"}
package/dist/components/actions/ItemAction/ItemAction.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { mergeProps } from "../../../utils/react/mergeProps.js";
3
3
  import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
4
4
  import { DANGER_CLEAR_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_NEUTRAL_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, NOTE_SECONDARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, WARNING_CLEAR_STYLES, WARNING_NEUTRAL_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES, WARNING_SECONDARY_STYLES } from "../../../data/item-themes.js";
package/dist/components/actions/ItemActionContext.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { createContext, useContext } from "react";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
 
package/dist/components/actions/ItemButton/ItemButton.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
3
3
  import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
4
4
  import { ItemActionProvider } from "../ItemActionContext.js";
package/dist/components/actions/Link/Link.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { Button } from "../Button/Button.js";
3
3
  import { forwardRef } from "react";
4
4
  import { jsx } from "react/jsx-runtime";
package/dist/components/actions/Menu/Menu.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { extractStyles } from "../../../utils/styles.js";
3
3
  import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
4
4
  import { _CollectionItem } from "../../CollectionItem.js";
package/dist/components/actions/Menu/MenuItem.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
3
3
  import { filterCollectionItemProps } from "../../CollectionItem.js";
4
4
  import { _Item } from "../../content/Item/Item.js";
package/dist/components/actions/Menu/MenuSection.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
2
2
  import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
3
3
  import { MenuItem } from "./MenuItem.js";
4
4
  import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";