@cube-dev/ui-kit 0.0.0-canary-57f1bfe → 0.0.0-canary-ffc66c6

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 (471) hide show
  1. package/dist/_internal/hooks/use-chained-callback.js +1 -1
  2. package/dist/_internal/hooks/use-debounced-value.js +1 -1
  3. package/dist/_internal/hooks/use-deprecation-warning.js +1 -1
  4. package/dist/_internal/hooks/use-event.js +1 -1
  5. package/dist/_internal/hooks/use-is-first-render.js +1 -1
  6. package/dist/_internal/hooks/use-sync-ref.js +1 -1
  7. package/dist/_internal/hooks/use-timer/timer.js +1 -1
  8. package/dist/_internal/hooks/use-timer/use-timer.js +1 -1
  9. package/dist/_internal/hooks/use-warn.js +1 -1
  10. package/dist/components/Block.js +1 -1
  11. package/dist/components/CollectionItem.js +1 -1
  12. package/dist/components/GlobalStyles.js +43 -54
  13. package/dist/components/GlobalStyles.js.map +1 -1
  14. package/dist/components/GridProvider.js +1 -1
  15. package/dist/components/HiddenInput.js +1 -1
  16. package/dist/components/Root.js +4 -9
  17. package/dist/components/Root.js.map +1 -1
  18. package/dist/components/actions/Action/Action.js +1 -1
  19. package/dist/components/actions/Banner/Banner.js +1 -1
  20. package/dist/components/actions/Button/Button.js +1 -1
  21. package/dist/components/actions/ButtonGroup/ButtonGroup.js +1 -1
  22. package/dist/components/actions/ButtonSplit/ButtonSplit.js +1 -1
  23. package/dist/components/actions/ButtonSplit/context.js +1 -1
  24. package/dist/components/actions/CommandMenu/CommandMenu.js +1 -1
  25. package/dist/components/actions/CommandMenu/styled.js +3 -3
  26. package/dist/components/actions/CommandMenu/styled.js.map +1 -1
  27. package/dist/components/actions/ItemAction/ItemAction.js +1 -1
  28. package/dist/components/actions/ItemActionContext.js +1 -1
  29. package/dist/components/actions/ItemButton/ItemButton.js +1 -1
  30. package/dist/components/actions/Link/Link.js +1 -1
  31. package/dist/components/actions/Menu/Menu.js +1 -1
  32. package/dist/components/actions/Menu/MenuItem.js +1 -1
  33. package/dist/components/actions/Menu/MenuSection.js +1 -1
  34. package/dist/components/actions/Menu/MenuTrigger.js +1 -1
  35. package/dist/components/actions/Menu/SubMenuTrigger.js +1 -1
  36. package/dist/components/actions/Menu/SubmenuTriggerContext.js +1 -1
  37. package/dist/components/actions/Menu/context.js +1 -1
  38. package/dist/components/actions/Menu/styled.js +5 -5
  39. package/dist/components/actions/Menu/styled.js.map +1 -1
  40. package/dist/components/actions/index.js +1 -1
  41. package/dist/components/actions/use-action.js +1 -1
  42. package/dist/components/actions/use-anchored-menu.js +1 -1
  43. package/dist/components/actions/use-context-menu.js +1 -1
  44. package/dist/components/content/ActiveZone/ActiveZone.js +1 -1
  45. package/dist/components/content/Alert/Alert.js +1 -1
  46. package/dist/components/content/Alert/use-alert.js +1 -1
  47. package/dist/components/content/Avatar/Avatar.js +1 -1
  48. package/dist/components/content/Badge/Badge.js +1 -1
  49. package/dist/components/content/Card/Card.js +2 -2
  50. package/dist/components/content/Card/Card.js.map +1 -1
  51. package/dist/components/content/Content.js +1 -1
  52. package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js +1 -1
  53. package/dist/components/content/CopySnippet/CopySnippet.js +1 -1
  54. package/dist/components/content/Disclosure/Disclosure.js +2 -2
  55. package/dist/components/content/Disclosure/Disclosure.js.map +1 -1
  56. package/dist/components/content/Divider.js +1 -1
  57. package/dist/components/content/Footer.js +1 -1
  58. package/dist/components/content/Header.js +1 -1
  59. package/dist/components/content/HotKeys/HotKeys.js +1 -1
  60. package/dist/components/content/InlineInput/InlineInput.d.ts +25 -0
  61. package/dist/components/content/InlineInput/InlineInput.js +88 -44
  62. package/dist/components/content/InlineInput/InlineInput.js.map +1 -1
  63. package/dist/components/content/Item/Item.js +2 -2
  64. package/dist/components/content/Item/Item.js.map +1 -1
  65. package/dist/components/content/ItemBadge/ItemBadge.js +1 -1
  66. package/dist/components/content/ItemCard/ItemCard.js +1 -1
  67. package/dist/components/content/Layout/GridLayout.js +1 -1
  68. package/dist/components/content/Layout/Layout.js +1 -1
  69. package/dist/components/content/Layout/LayoutBlock.js +1 -1
  70. package/dist/components/content/Layout/LayoutCenter.js +1 -1
  71. package/dist/components/content/Layout/LayoutContainer.js +1 -1
  72. package/dist/components/content/Layout/LayoutContent.js +1 -1
  73. package/dist/components/content/Layout/LayoutContext.js +1 -1
  74. package/dist/components/content/Layout/LayoutFlex.js +1 -1
  75. package/dist/components/content/Layout/LayoutFooter.js +1 -1
  76. package/dist/components/content/Layout/LayoutGrid.js +1 -1
  77. package/dist/components/content/Layout/LayoutHeader.js +1 -1
  78. package/dist/components/content/Layout/LayoutPane.js +2 -2
  79. package/dist/components/content/Layout/LayoutPane.js.map +1 -1
  80. package/dist/components/content/Layout/LayoutPanel.js +3 -3
  81. package/dist/components/content/Layout/LayoutPanel.js.map +1 -1
  82. package/dist/components/content/Layout/LayoutPanelHeader.js +1 -1
  83. package/dist/components/content/Layout/LayoutToolbar.js +1 -1
  84. package/dist/components/content/Layout/hooks/useTinyScrollbar.js +1 -1
  85. package/dist/components/content/Layout/index.js +1 -1
  86. package/dist/components/content/Layout/utils.js +1 -1
  87. package/dist/components/content/Paragraph.js +1 -1
  88. package/dist/components/content/Placeholder/Placeholder.js +1 -1
  89. package/dist/components/content/PrismCode/PrismCode.js +1 -1
  90. package/dist/components/content/PrismCode/prismSetup.js +1 -1
  91. package/dist/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
  92. package/dist/components/content/Result/Result.js +1 -1
  93. package/dist/components/content/Skeleton/Skeleton.js +1 -1
  94. package/dist/components/content/Tag/Tag.js +1 -1
  95. package/dist/components/content/Text.js +1 -1
  96. package/dist/components/content/TextItem/TextItem.js +1 -1
  97. package/dist/components/content/Title.js +1 -1
  98. package/dist/components/content/Tree/Tree.js +1 -1
  99. package/dist/components/content/Tree/TreeNode.js +1 -1
  100. package/dist/components/content/Tree/styled.js +1 -1
  101. package/dist/components/content/Tree/tree-index.js +1 -1
  102. package/dist/components/content/Tree/use-checkbox-tree.js +1 -1
  103. package/dist/components/content/Tree/use-load-data.js +1 -1
  104. package/dist/components/content/highlightText.js +1 -1
  105. package/dist/components/content/use-auto-tooltip.js +1 -1
  106. package/dist/components/fields/Checkbox/Checkbox.js +5 -5
  107. package/dist/components/fields/Checkbox/Checkbox.js.map +1 -1
  108. package/dist/components/fields/Checkbox/CheckboxGroup.js +1 -1
  109. package/dist/components/fields/Checkbox/context.js +1 -1
  110. package/dist/components/fields/ComboBox/ComboBox.js +2 -2
  111. package/dist/components/fields/ComboBox/ComboBox.js.map +1 -1
  112. package/dist/components/fields/DatePicker/DateInput.js +1 -1
  113. package/dist/components/fields/DatePicker/DateInputBase.js +1 -1
  114. package/dist/components/fields/DatePicker/DatePicker.js +1 -1
  115. package/dist/components/fields/DatePicker/DatePickerButton.js +1 -1
  116. package/dist/components/fields/DatePicker/DatePickerElement.js +1 -1
  117. package/dist/components/fields/DatePicker/DatePickerInput.js +1 -1
  118. package/dist/components/fields/DatePicker/DatePickerSegment.js +1 -1
  119. package/dist/components/fields/DatePicker/DateRangePicker.js +1 -1
  120. package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
  121. package/dist/components/fields/DatePicker/TimeInput.js +1 -1
  122. package/dist/components/fields/DatePicker/intl.js +1 -1
  123. package/dist/components/fields/DatePicker/parseDate.js +1 -1
  124. package/dist/components/fields/DatePicker/props.js +1 -1
  125. package/dist/components/fields/DatePicker/utils.js +1 -1
  126. package/dist/components/fields/FileInput/FileInput.js +3 -3
  127. package/dist/components/fields/FileInput/FileInput.js.map +1 -1
  128. package/dist/components/fields/FilterListBox/FilterListBox.js +1 -1
  129. package/dist/components/fields/FilterPicker/FilterPicker.js +1 -1
  130. package/dist/components/fields/Input/Input.js +1 -1
  131. package/dist/components/fields/ListBox/DraggableListBox.js +1 -1
  132. package/dist/components/fields/ListBox/ListBox.js +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 +5 -2
  189. package/dist/components/navigation/Tabs/TabButton.js.map +1 -1
  190. package/dist/components/navigation/Tabs/TabDropIndicator.js +1 -1
  191. package/dist/components/navigation/Tabs/TabPanel.js +1 -1
  192. package/dist/components/navigation/Tabs/TabPicker.js +1 -1
  193. package/dist/components/navigation/Tabs/Tabs.js +1 -1
  194. package/dist/components/navigation/Tabs/TabsAction.js +1 -1
  195. package/dist/components/navigation/Tabs/TabsContext.js +1 -1
  196. package/dist/components/navigation/Tabs/styled.js +3 -3
  197. package/dist/components/navigation/Tabs/styled.js.map +1 -1
  198. package/dist/components/navigation/Tabs/types.js +1 -1
  199. package/dist/components/navigation/Tabs/use-tab-editing.js +1 -1
  200. package/dist/components/navigation/Tabs/use-tab-indicator.js +1 -1
  201. package/dist/components/organisms/FileTabs/FileTabs.js +2 -2
  202. package/dist/components/organisms/FileTabs/FileTabs.js.map +1 -1
  203. package/dist/components/organisms/StatsCard/StatsCard.js +2 -2
  204. package/dist/components/organisms/StatsCard/StatsCard.js.map +1 -1
  205. package/dist/components/other/Calendar/Calendar.js +1 -1
  206. package/dist/components/other/Calendar/CalendarCell.js +1 -1
  207. package/dist/components/other/Calendar/CalendarGrid.js +1 -1
  208. package/dist/components/other/Calendar/RangeCalendar.js +1 -1
  209. package/dist/components/other/CloudLogo/CloudLogo.js +1 -1
  210. package/dist/components/overlays/AlertDialog/AlertDialog.js +1 -1
  211. package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
  212. package/dist/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
  213. package/dist/components/overlays/Dialog/Dialog.js +2 -2
  214. package/dist/components/overlays/Dialog/Dialog.js.map +1 -1
  215. package/dist/components/overlays/Dialog/DialogContainer.js +1 -1
  216. package/dist/components/overlays/Dialog/DialogForm.js +1 -1
  217. package/dist/components/overlays/Dialog/DialogTrigger.js +1 -1
  218. package/dist/components/overlays/Dialog/context.js +1 -1
  219. package/dist/components/overlays/Dialog/use-dialog-container.js +1 -1
  220. package/dist/components/overlays/Modal/Modal.js +1 -1
  221. package/dist/components/overlays/Modal/OpenTransitionContext.js +1 -1
  222. package/dist/components/overlays/Modal/Overlay.js +1 -1
  223. package/dist/components/overlays/Modal/Popover.js +1 -1
  224. package/dist/components/overlays/Modal/Tray.js +1 -1
  225. package/dist/components/overlays/Modal/Underlay.js +1 -1
  226. package/dist/components/overlays/Notifications/Notification.js +1 -1
  227. package/dist/components/overlays/Notifications/NotificationAction.js +1 -1
  228. package/dist/components/overlays/Notifications/NotificationCard.js +1 -1
  229. package/dist/components/overlays/Notifications/NotificationContext.js +1 -1
  230. package/dist/components/overlays/Notifications/NotificationItem.js +1 -1
  231. package/dist/components/overlays/Notifications/OverlayContainer.js +1 -1
  232. package/dist/components/overlays/Notifications/OverlayProvider.js +1 -1
  233. package/dist/components/overlays/Notifications/PersistentNotificationsList.js +1 -1
  234. package/dist/components/overlays/Notifications/dismissed-storage.js +1 -1
  235. package/dist/components/overlays/Notifications/format-relative-time.js +1 -1
  236. package/dist/components/overlays/Notifications/index.js +1 -1
  237. package/dist/components/overlays/Notifications/use-notification-state.js +1 -1
  238. package/dist/components/overlays/Notifications/use-notifications.js +1 -1
  239. package/dist/components/overlays/Notifications/use-overlay-timers.js +1 -1
  240. package/dist/components/overlays/Notifications/use-persistent-notifications.js +1 -1
  241. package/dist/components/overlays/Notifications/use-persistent-state.js +1 -1
  242. package/dist/components/overlays/Notifications/use-toast-state.js +1 -1
  243. package/dist/components/overlays/Toast/ToastItem.js +1 -1
  244. package/dist/components/overlays/Toast/index.js +1 -1
  245. package/dist/components/overlays/Toast/useProgressToast.js +1 -1
  246. package/dist/components/overlays/Toast/useToast.js +1 -1
  247. package/dist/components/overlays/Tooltip/Tooltip.js +7 -7
  248. package/dist/components/overlays/Tooltip/Tooltip.js.map +1 -1
  249. package/dist/components/overlays/Tooltip/TooltipProvider.js +1 -1
  250. package/dist/components/overlays/Tooltip/TooltipTrigger.js +1 -1
  251. package/dist/components/overlays/Tooltip/context.js +1 -1
  252. package/dist/components/portal/Portal.js +1 -1
  253. package/dist/components/portal/PortalProvider.js +1 -1
  254. package/dist/components/portal/usePortal.js +1 -1
  255. package/dist/components/shared/DraggableCollection.js +1 -1
  256. package/dist/components/shared/InvalidIcon.js +1 -1
  257. package/dist/components/shared/ValidIcon.js +1 -1
  258. package/dist/components/status/LoadingAnimation/LoadingAnimation.js +7 -23
  259. package/dist/components/status/LoadingAnimation/LoadingAnimation.js.map +1 -1
  260. package/dist/components/status/Spin/Cube.js +1 -1
  261. package/dist/components/status/Spin/InternalSpinner.js +1 -1
  262. package/dist/components/status/Spin/Spin.js +1 -1
  263. package/dist/components/status/Spin/SpinsContainer.js +1 -1
  264. package/dist/data/item-themes.js +115 -114
  265. package/dist/data/item-themes.js.map +1 -1
  266. package/dist/data/themes.d.ts +17 -17
  267. package/dist/data/themes.js +18 -18
  268. package/dist/data/themes.js.map +1 -1
  269. package/dist/icons/AdjustmentsHorizontalIcon.js +1 -1
  270. package/dist/icons/AdjustmentsIcon.js +1 -1
  271. package/dist/icons/AiIcon.js +1 -1
  272. package/dist/icons/AreaChartIcon.js +1 -1
  273. package/dist/icons/BackwardIcon.js +1 -1
  274. package/dist/icons/BarChartIcon.js +1 -1
  275. package/dist/icons/BellFilledIcon.js +1 -1
  276. package/dist/icons/BellIcon.js +1 -1
  277. package/dist/icons/BooleanIcon.js +1 -1
  278. package/dist/icons/CalendarEditIcon.js +1 -1
  279. package/dist/icons/CalendarIcon.js +1 -1
  280. package/dist/icons/CaretDownIcon.js +1 -1
  281. package/dist/icons/CaretUpIcon.js +1 -1
  282. package/dist/icons/ChartAreaStackedIcon.js +1 -1
  283. package/dist/icons/ChartAreaStackedPercentageIcon.js +1 -1
  284. package/dist/icons/ChartBarGroupedHorizontalIcon.js +1 -1
  285. package/dist/icons/ChartBarGroupedIcon.js +1 -1
  286. package/dist/icons/ChartBarHorizontalIcon.js +1 -1
  287. package/dist/icons/ChartBarLineIcon.js +1 -1
  288. package/dist/icons/ChartBarStackedHorizontalIcon.js +1 -1
  289. package/dist/icons/ChartBarStackedIcon.js +1 -1
  290. package/dist/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
  291. package/dist/icons/ChartBarStackedPercentageIcon.js +1 -1
  292. package/dist/icons/ChartBoxPlot2Icon.js +1 -1
  293. package/dist/icons/ChartBoxPlotIcon.js +1 -1
  294. package/dist/icons/ChartBubbleIcon.js +1 -1
  295. package/dist/icons/ChartDonut2Icon.js +1 -1
  296. package/dist/icons/ChartFunnelIcon.js +1 -1
  297. package/dist/icons/ChartHeatmapIcon.js +1 -1
  298. package/dist/icons/ChartKPIIcon.js +1 -1
  299. package/dist/icons/ChartPie2Icon.js +1 -1
  300. package/dist/icons/ChartScatterIcon.js +1 -1
  301. package/dist/icons/CheckCircleFilledIcon.js +1 -1
  302. package/dist/icons/CheckCircleIcon.js +1 -1
  303. package/dist/icons/CheckIcon.js +1 -1
  304. package/dist/icons/CircleFilledIcon.js +1 -1
  305. package/dist/icons/ClearIcon.js +1 -1
  306. package/dist/icons/CloseCircleFilledIcon.js +1 -1
  307. package/dist/icons/CloseCircleIcon.js +1 -1
  308. package/dist/icons/CloseIcon.js +1 -1
  309. package/dist/icons/CodeIcon.js +1 -1
  310. package/dist/icons/ColumnTotalIcon.js +1 -1
  311. package/dist/icons/CopyIcon.js +1 -1
  312. package/dist/icons/CountIcon.js +1 -1
  313. package/dist/icons/CubeIcon.js +1 -1
  314. package/dist/icons/CubePauseIcon.js +1 -1
  315. package/dist/icons/CubePlayIcon.js +1 -1
  316. package/dist/icons/CurrencyDollarIcon.js +1 -1
  317. package/dist/icons/DangerIcon.js +1 -1
  318. package/dist/icons/DashboardIcon.js +1 -1
  319. package/dist/icons/DatabaseIcon.js +1 -1
  320. package/dist/icons/DecimalDecreaseIcon.js +1 -1
  321. package/dist/icons/DecimalIncreaseIcon.js +1 -1
  322. package/dist/icons/DirectionIcon.js +1 -1
  323. package/dist/icons/DonutIcon.js +1 -1
  324. package/dist/icons/DownIcon.js +1 -1
  325. package/dist/icons/EditIcon.js +1 -1
  326. package/dist/icons/ExclamationCircleFilledIcon.js +1 -1
  327. package/dist/icons/ExclamationCircleIcon.js +1 -1
  328. package/dist/icons/ExclamationIcon.js +1 -1
  329. package/dist/icons/EyeIcon.js +1 -1
  330. package/dist/icons/EyeInvisibleIcon.js +1 -1
  331. package/dist/icons/FilterIcon.js +1 -1
  332. package/dist/icons/FolderFilledIcon.js +1 -1
  333. package/dist/icons/FolderIcon.js +1 -1
  334. package/dist/icons/FolderOpenFilledIcon.js +1 -1
  335. package/dist/icons/FolderOpenIcon.js +1 -1
  336. package/dist/icons/ForwardIcon.js +1 -1
  337. package/dist/icons/GripVerticalIcon.js +1 -1
  338. package/dist/icons/HierarchyIcon.js +1 -1
  339. package/dist/icons/HierarchyOpenIcon.js +1 -1
  340. package/dist/icons/Icon.js +1 -1
  341. package/dist/icons/InfoCircleIcon.js +1 -1
  342. package/dist/icons/InfoIcon.js +1 -1
  343. package/dist/icons/KeyIcon.js +1 -1
  344. package/dist/icons/LeftIcon.js +1 -1
  345. package/dist/icons/LineChartIcon.js +1 -1
  346. package/dist/icons/LoadingIcon.js +1 -1
  347. package/dist/icons/LockFilledIcon.js +1 -1
  348. package/dist/icons/LockIcon.js +1 -1
  349. package/dist/icons/MoreIcon.js +1 -1
  350. package/dist/icons/NotAllowedIcon.js +1 -1
  351. package/dist/icons/Number123Icon.js +1 -1
  352. package/dist/icons/NumberIcon.js +1 -1
  353. package/dist/icons/PauseCircleFilledIcon.js +1 -1
  354. package/dist/icons/PauseCircleIcon.js +1 -1
  355. package/dist/icons/PauseIcon.js +1 -1
  356. package/dist/icons/PercentageIcon.js +1 -1
  357. package/dist/icons/PieChartIcon.js +1 -1
  358. package/dist/icons/PlayCircleIcon.js +1 -1
  359. package/dist/icons/PlayIcon.js +1 -1
  360. package/dist/icons/PlusIcon.js +1 -1
  361. package/dist/icons/ProgressBarIcon.js +1 -1
  362. package/dist/icons/ReloadIcon.js +1 -1
  363. package/dist/icons/ReportIcon.js +1 -1
  364. package/dist/icons/ReturnIcon.js +1 -1
  365. package/dist/icons/RightIcon.js +1 -1
  366. package/dist/icons/RowTotalsIcon.js +1 -1
  367. package/dist/icons/SchemeIcon.js +1 -1
  368. package/dist/icons/SearchIcon.js +1 -1
  369. package/dist/icons/SemanticQueryIcon.js +1 -1
  370. package/dist/icons/SettingsIcon.js +1 -1
  371. package/dist/icons/ShieldFilledIcon.js +1 -1
  372. package/dist/icons/ShieldIcon.js +1 -1
  373. package/dist/icons/SlashIcon.js +1 -1
  374. package/dist/icons/SparklesIcon.js +1 -1
  375. package/dist/icons/SqlIcon.js +1 -1
  376. package/dist/icons/StatsIcon.js +1 -1
  377. package/dist/icons/StopIcon.js +1 -1
  378. package/dist/icons/StringIcon.js +1 -1
  379. package/dist/icons/SubtotalsIcon.js +1 -1
  380. package/dist/icons/SwitchIcon.js +1 -1
  381. package/dist/icons/TableIcon.js +1 -1
  382. package/dist/icons/ThumbsDownIcon.js +1 -1
  383. package/dist/icons/ThumbsUpIcon.js +1 -1
  384. package/dist/icons/ThunderboltCrossedIcon.js +1 -1
  385. package/dist/icons/ThunderboltFilledIcon.js +1 -1
  386. package/dist/icons/ThunderboltIcon.js +1 -1
  387. package/dist/icons/TimeIcon.js +1 -1
  388. package/dist/icons/TrashIcon.js +1 -1
  389. package/dist/icons/UnlockIcon.js +1 -1
  390. package/dist/icons/UpIcon.js +1 -1
  391. package/dist/icons/UserGroupIcon.js +1 -1
  392. package/dist/icons/UserIcon.js +1 -1
  393. package/dist/icons/UserLockIcon.js +1 -1
  394. package/dist/icons/ViewIcon.js +1 -1
  395. package/dist/icons/WarningFilledIcon.js +1 -1
  396. package/dist/icons/WarningIcon.js +1 -1
  397. package/dist/icons/wrap-icon.js +1 -1
  398. package/dist/index.js +1 -1
  399. package/dist/provider.js +1 -1
  400. package/dist/providers/TrackingProvider.js +1 -1
  401. package/dist/providers/navigationAdapter.default.js +1 -1
  402. package/dist/tokens/base.js +1 -1
  403. package/dist/tokens/colors.d.ts +3 -4
  404. package/dist/tokens/colors.js +83 -93
  405. package/dist/tokens/colors.js.map +1 -1
  406. package/dist/tokens/index.js +1 -1
  407. package/dist/tokens/layout.js +1 -1
  408. package/dist/tokens/shadows.d.ts +1 -4
  409. package/dist/tokens/shadows.js +6 -9
  410. package/dist/tokens/shadows.js.map +1 -1
  411. package/dist/tokens/sizes.js +1 -1
  412. package/dist/tokens/spacing.js +1 -1
  413. package/dist/tokens/typography.js +1 -1
  414. package/dist/utils/ResizeSensor.js +1 -1
  415. package/dist/utils/is-dev-env.js +1 -1
  416. package/dist/utils/modules.js +1 -1
  417. package/dist/utils/promise.js +1 -1
  418. package/dist/utils/raf.js +1 -1
  419. package/dist/utils/random.js +1 -1
  420. package/dist/utils/range.js +1 -1
  421. package/dist/utils/react/RenderCache.js +1 -1
  422. package/dist/utils/react/Slots.js +1 -1
  423. package/dist/utils/react/chain.js +1 -1
  424. package/dist/utils/react/forwardRefWithGenerics.js +1 -1
  425. package/dist/utils/react/index.js +1 -1
  426. package/dist/utils/react/interactions.js +1 -1
  427. package/dist/utils/react/isTextOnly.js +1 -1
  428. package/dist/utils/react/mapProps.js +1 -1
  429. package/dist/utils/react/mergeProps.js +1 -1
  430. package/dist/utils/react/nullableValue.js +1 -1
  431. package/dist/utils/react/resolveIcon.js +1 -1
  432. package/dist/utils/react/sharedStore.js +1 -1
  433. package/dist/utils/react/useCombinedRefs.js +1 -1
  434. package/dist/utils/react/useControlledFocusVisible.js +1 -1
  435. package/dist/utils/react/useEventBus.js +1 -1
  436. package/dist/utils/react/useId.js +1 -1
  437. package/dist/utils/react/useIsDarwin.js +1 -1
  438. package/dist/utils/react/useKeySymbols.js +1 -1
  439. package/dist/utils/react/useLayoutEffect.js +1 -1
  440. package/dist/utils/react/useLocalStorage.js +1 -1
  441. package/dist/utils/react/useMergeStyles.js +1 -1
  442. package/dist/utils/react/usePopoverSync.js +1 -1
  443. package/dist/utils/react/useQaProps.js +1 -1
  444. package/dist/utils/react/useViewportSize.js +1 -1
  445. package/dist/utils/react/wrapNodeIfPlain.js +1 -1
  446. package/dist/utils/selection.js +1 -1
  447. package/dist/utils/styles.js +1 -1
  448. package/dist/utils/tree.js +1 -1
  449. package/dist/utils/warnings.js +1 -1
  450. package/dist/version.d.ts +0 -3
  451. package/dist/version.js +5 -13
  452. package/dist/version.js.map +1 -1
  453. package/docs/Usage.md +30 -98
  454. package/docs/components/content/Card.md +1 -1
  455. package/docs/components/content/InlineInput.md +45 -2
  456. package/docs/components/content/PrismCode.md +0 -21
  457. package/docs/components/form/Field.md +1 -1
  458. package/docs/components/layout/ResizablePanel.md +1 -1
  459. package/docs/components/navigation/Tabs.md +2 -0
  460. package/docs/components/organisms/FileTabs.md +1 -1
  461. package/docs/components/organisms/StatsCard.md +1 -1
  462. package/docs/tasty/configuration.md +0 -44
  463. package/docs/tasty/dsl.md +13 -14
  464. package/docs/tasty/methodology.md +0 -26
  465. package/docs/tasty/react-api.md +0 -24
  466. package/docs/tasty/ssr.md +3 -5
  467. package/docs/tasty/styles.md +7 -9
  468. package/docs/tasty/tasty-static.md +0 -15
  469. package/package.json +8 -10
  470. package/dist/tokens/palette.js +0 -364
  471. package/dist/tokens/palette.js.map +0 -1
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | 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.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | 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.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | 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.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | 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.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | 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.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | 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.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import { Icon } from "./Icon.js";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
 
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | 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";
package/dist/provider.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | 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.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | 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.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | 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.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/tokens/base.ts
3
3
  /**
4
4
  * Base design system tokens.
@@ -3,10 +3,9 @@ import { Styles } from "@tenphi/tasty";
3
3
 
4
4
  //#region src/tokens/colors.d.ts
5
5
  /**
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.
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.
10
9
  */
11
10
  declare const COLOR_TOKENS: Styles;
12
11
  //#endregion
@@ -1,101 +1,91 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
2
- import { PALETTE_TOKENS } from "./palette.js";
3
-
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
4
2
  //#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}%)`;
5
20
  /**
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.
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.
21
24
  */
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",
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),
34
53
  "#light": "#surface-3",
35
- "#dark-bg": "#surface-2",
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",
36
83
  "#clear": "transparent",
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
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"
99
89
  };
100
90
 
101
91
  //#endregion
@@ -1 +1 @@
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
+ {"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,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | 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.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/tokens/layout.ts
3
3
  /**
4
4
  * Layout-related tokens for common UI dimensions.
@@ -8,10 +8,7 @@ import { Styles } from "@tenphi/tasty";
8
8
  * Format: `<offset-y> <blur> <spread?> <color>`
9
9
  * - `1bw` = 1 × border-width
10
10
  * - `.5x` = 0.5 × gap
11
- *
12
- * The shadow colors (`#shadow-sm` / `#shadow-md` / `#shadow-lg`) are
13
- * generated by Glaze and adapt automatically to dark / high-contrast
14
- * schemes — see `src/tokens/palette.ts`.
11
+ * - `#dark.15` = dark color at 15% opacity
15
12
  *
16
13
  * Keys use $ prefix for CSS custom properties.
17
14
  */
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/tokens/shadows.ts
3
3
  /**
4
4
  * Shadow tokens using tasty shorthand syntax.
@@ -6,18 +6,15 @@
6
6
  * Format: `<offset-y> <blur> <spread?> <color>`
7
7
  * - `1bw` = 1 × border-width
8
8
  * - `.5x` = 0.5 × gap
9
- *
10
- * The shadow colors (`#shadow-sm` / `#shadow-md` / `#shadow-lg`) are
11
- * generated by Glaze and adapt automatically to dark / high-contrast
12
- * schemes — see `src/tokens/palette.ts`.
9
+ * - `#dark.15` = dark color at 15% opacity
13
10
  *
14
11
  * Keys use $ prefix for CSS custom properties.
15
12
  */
16
13
  const SHADOW_TOKENS = {
17
- "$item-shadow": "0 1bw .375x #shadow-sm",
18
- "$card-shadow": "0 .5x 2x #shadow-md",
19
- $shadow: "0 .5x 2x #shadow-md",
20
- "$dialog-shadow": "0 1x 4x #shadow-lg"
14
+ "$item-shadow": "0 1bw .375x #dark.15",
15
+ "$card-shadow": "0 .5x 2x #shadow",
16
+ $shadow: "0 .5x 2x #shadow",
17
+ "$dialog-shadow": "0 1x 4x #dark.15"
21
18
  };
22
19
 
23
20
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"shadows.js","names":[],"sources":["../../src/tokens/shadows.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Shadow tokens using tasty shorthand syntax.\n *\n * Format: `<offset-y> <blur> <spread?> <color>`\n * - `1bw` = 1 × border-width\n * - `.5x` = 0.5 × gap\n *\n * The shadow colors (`#shadow-sm` / `#shadow-md` / `#shadow-lg`) are\n * generated by Glaze and adapt automatically to dark / high-contrast\n * schemes — see `src/tokens/palette.ts`.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SHADOW_TOKENS: Styles = {\n /** Subtle shadow for list items */\n '$item-shadow': '0 1bw .375x #shadow-sm',\n /** Standard card shadow */\n '$card-shadow': '0 .5x 2x #shadow-md',\n /** Standard elevation */\n $shadow: '0 .5x 2x #shadow-md',\n /** Elevated dialog shadow */\n '$dialog-shadow': '0 1x 4x #shadow-lg',\n};\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAa,gBAAwB;CAEnC,gBAAgB;CAEhB,gBAAgB;CAEhB,SAAS;CAET,kBAAkB;CACnB"}
1
+ {"version":3,"file":"shadows.js","names":[],"sources":["../../src/tokens/shadows.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Shadow tokens using tasty shorthand syntax.\n *\n * Format: `<offset-y> <blur> <spread?> <color>`\n * - `1bw` = 1 × border-width\n * - `.5x` = 0.5 × gap\n * - `#dark.15` = dark color at 15% opacity\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SHADOW_TOKENS: Styles = {\n /** Subtle shadow for list items */\n '$item-shadow': '0 1bw .375x #dark.15',\n /** Standard card shadow */\n '$card-shadow': '0 .5x 2x #shadow',\n /** Standard elevation */\n $shadow: '0 .5x 2x #shadow',\n /** Elevated dialog shadow */\n '$dialog-shadow': '0 1x 4x #dark.15',\n};\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,gBAAwB;CAEnC,gBAAgB;CAEhB,gBAAgB;CAEhB,SAAS;CAET,kBAAkB;CACnB"}
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/tokens/sizes.ts
3
3
  /**
4
4
  * Component size values in pixels.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/tokens/spacing.ts
3
3
  /**
4
4
  * Spacing tokens using tasty multiplier syntax.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/tokens/typography.ts
3
3
  /**
4
4
  * Typography presets for headings, text, and special styles.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/ResizeSensor.ts
3
3
  /**
4
4
  * Iterate over each of the provided element(s).
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/is-dev-env.ts
3
3
  function isDevEnv() {
4
4
  if (typeof window !== "undefined" && window.localStorage) try {
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/modules.ts
3
3
  function extractModule(promise) {
4
4
  return promise.then((module) => module.default || module);
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/promise.ts
3
3
  function timeout(ms = 30) {
4
4
  return new Promise((resolve) => {
package/dist/utils/raf.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/raf.ts
3
3
  /**
4
4
  * Chains N requestAnimationFrame calls and returns a cancel function.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/random.ts
3
3
  function random(min, max) {
4
4
  const realMin = min < max ? min : max;
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/range.ts
3
3
  function range(count) {
4
4
  return Array.from({ length: count }, (_, i) => i);
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import { useRef } from "react";
3
3
  import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import { mergeProps } from "./mergeProps.js";
3
3
  import { Children, cloneElement, createContext, useContext, useMemo } from "react";
4
4
  import { jsx } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/react/chain.ts
3
3
  /**
4
4
  * Calls all functions in the order they were chained with the same arguments.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/react/forwardRefWithGenerics.tsx
3
3
  /**
4
4
  * A helper for creating forwardRef components with generic types.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import { chain } from "./chain.js";
3
3
  import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
4
4
  import { isTextOnly } from "./isTextOnly.js";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import { useState } from "react";
3
3
  import { useFocus, useFocusVisible } from "react-aria";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import { Children, isValidElement } from "react";
3
3
 
4
4
  //#region src/utils/react/isTextOnly.ts
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/react/mapProps.ts
3
3
  /** Converts AriaButtonProps to CubeButtonProps */
4
4
  function ariaToCubeButtonProps(props) {
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import { chain } from "./chain.js";
3
3
  import { mergeIds } from "./useId.js";
4
4
  import { mergeStyles } from "@tenphi/tasty";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/react/nullableValue.ts
3
3
  function castNullableStringValue(props) {
4
4
  return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  //#region src/utils/react/resolveIcon.ts
3
3
  /**
4
4
  * Resolves a dynamic icon prop to its content and slot state.
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import { useEvent } from "../../_internal/hooks/use-event.js";
3
3
  import { useSyncExternalStore } from "react";
4
4
 
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import { useEffect, useRef } from "react";
3
3
 
4
4
  //#region src/utils/react/useCombinedRefs.ts
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import { createSharedStore } from "./sharedStore.js";
3
3
  import { useEffect } from "react";
4
4
  import { useFocusVisible } from "react-aria";
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import React, { createContext, useCallback, useContext, useEffect, useRef } from "react";
3
3
 
4
4
  //#region src/utils/react/useEventBus.ts
@@ -1,4 +1,4 @@
1
- /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
1
+ /** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
2
2
  import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
3
3
  import { useEffect, useRef, useState } from "react";
4
4
  import { useSSRSafeId } from "@react-aria/ssr";