Skip to content

Releases: cube-js/cube-ui-kit

v0.121.0

06 Mar 16:46
cbb749d

Choose a tag to compare

Minor Changes

  • #1067 8af42c73 Thanks @tenphi! - Button.Split: New compound component for split-button patterns. Supports two modes: custom (arbitrary <Button> children with joined radius) and strict (declarative actions array with built-in dropdown menu, controlled/uncontrolled selection). type, theme, size, and isDisabled are inherited by child buttons via context.

  • #1067 8af42c73 Thanks @tenphi! - Tabs: Added support for icon, rightIcon, prefix, suffix, tooltip, isLoading, and loadingSlot props on Tabs.Tab, inherited from the Item component. Tab icons are also shown in the TabPicker dropdown.

Patch Changes

  • #1067 8af42c73 Thanks @tenphi! - Button: The dynamic icon callback now receives pressed in its mods argument. Use it to change the icon when the button is pressed (e.g., arrow up when menu is open, arrow down when closed).

  • #1067 8af42c73 Thanks @tenphi! - Disclosure: Removed default white background (fill) from the disclosure root. The component is now transparent by default; use styles or contentStyles to add a background when needed.

v0.120.1

06 Mar 10:54
aea0be6

Choose a tag to compare

Patch Changes

  • #1065 55403a6f Thanks @tenphi! - Tooltip: limit max width to viewport to prevent overflow on small screens

v0.120.0

05 Mar 15:19
1fd2c4e

Choose a tag to compare

Minor Changes

  • #1063 0342a0f1 Thanks @tenphi! - Add ItemCard component — a convenience wrapper around Item type="card" that maps title to the card heading and children to the card body. Includes ItemCard.Action sub-component for inline actions.

v0.119.1

05 Mar 11:55
f07f11a

Choose a tag to compare

Patch Changes

  • #1061 e3b7999c Thanks @tenphi! - Fix Disclosure: pass transitionDuration as $disclosure-transition token so the height animation uses the same duration as the expand/collapse transition

v0.119.0

04 Mar 13:18
7c5a793

Choose a tag to compare

Minor Changes

  • #1059 aaca6486 Thanks @tenphi! - Migrate from internal tasty module to external @tenphi/tasty package.

    Breaking changes:

    • Removed sub-path exports: @cube-dev/ui-kit/tasty/static, @cube-dev/ui-kit/tasty/zero, @cube-dev/ui-kit/tasty/zero/babel, @cube-dev/ui-kit/tasty/zero/next
    • Consumers should import these directly from @tenphi/tasty/static, @tenphi/tasty/zero, @tenphi/tasty/babel-plugin, @tenphi/tasty/next instead

    Internal changes:

    • Removed internal src/tasty/ directory (~133 files)
    • All internal imports now use @tenphi/tasty package
    • Fixed module augmentations in src/tasty-augment.d.ts to target @tenphi/tasty instead of removed internal modules
    • Added isDevEnv utility to src/utils/is-dev-env.ts

v0.118.0

26 Feb 18:26
853779e

Choose a tag to compare

Minor Changes

  • #1056 fada43b6 Thanks @tenphi! - Add isDismissable option to progress toasts. When enabled, a "Hide" action button appears during loading, allowing users to temporarily dismiss the toast. The toast will not re-appear during the same loading cycle after being dismissed.

  • #1056 fada43b6 Thanks @tenphi! - Rename isDismissible prop to isDismissable in Banner and Notification components for consistency with other components (Dialog, LayoutPanel, etc.). This is a breaking change - update your code to use isDismissable instead of isDismissible.

  • #1056 fada43b6 Thanks @tenphi! - Add notification restore functionality. When an async action returns false, dismissed notifications can now be restored automatically.

Patch Changes

  • #1056 fada43b6 Thanks @tenphi! - Improve progress toast updates. Progress toasts now update in-place instead of removing and re-adding, preventing unnecessary exit/enter animations when data changes.

v0.117.0

25 Feb 16:18
0b638de

Choose a tag to compare

Minor Changes

  • #1054 9bbc6de2 Thanks @tenphi! - Added onBack prop to Layout.Header component. When provided, a back button with arrow icon is rendered to the left of the title, allowing users to navigate back from the current page.

  • #1053 9b68b794 Thanks @tenphi! - Added support for CSS string values (like percentages) for maxSize prop in Layout.Panel, added minContentSize prop to Layout component to control minimum content area between panels, and implemented natural boundaries logic so panels on opposite sides automatically prevent overlap and maintain minimum content space.

v0.116.3

24 Feb 16:30
2a109cf

Choose a tag to compare

Patch Changes

v0.116.2

24 Feb 16:19
01a30fc

Choose a tag to compare

Patch Changes

  • #1048 3416f067 Thanks @tenphi! - Banner: Use Button component instead of Link for BannerLink implementation. This is an internal refactoring that maintains the same public API and visual appearance.

  • #1048 3416f067 Thanks @tenphi! - Fix okhsl color function to preserve opacity/alpha channel when converting to RGB. Previously, alpha values were silently dropped when using okhsl() colors in styles or tokens. Now okhsl() colors with alpha (e.g., okhsl(240 50% 50% / .5)) are correctly converted to rgb() format with alpha preserved.

  • #1050 f4f3f829 Thanks @tenphi! - Persist dismissed notification IDs in localStorage so they survive page reloads (24h TTL)

  • #1050 f4f3f829 Thanks @tenphi! - Add actions prop to Toast component to support interactive action buttons (e.g., Cancel button in progress toasts). Toasts with actions remain interactive and prevent overlay collapse.

v0.116.1

23 Feb 13:02
667568f

Choose a tag to compare

Patch Changes

  • #1045 552e078c Thanks @tenphi! - Toast: Make useProgressToast options parameter optional and require loading cycle before showing toast. Non-loading initial states are now silently ignored until a loading cycle occurs. Calling the hook with no argument now dismisses the toast.