Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 0 additions & 7 deletions .changeset/add-hue-slider.md

This file was deleted.

10 changes: 0 additions & 10 deletions .changeset/boolean-color-tokens.md

This file was deleted.

7 changes: 0 additions & 7 deletions .changeset/fix-nested-layout.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/rename-auto-hide-actions.md

This file was deleted.

13 changes: 0 additions & 13 deletions .changeset/sub-element-style-removal.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/tabs-string-keys.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/tabs-styling-props.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/tabs-sub-element-styles.md

This file was deleted.

5 changes: 0 additions & 5 deletions .changeset/use-merge-styles-hook.md

This file was deleted.

42 changes: 42 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,47 @@
# @cube-dev/ui-kit

## 0.108.0

### Minor Changes

- [#988](https://github.com/cube-js/cube-ui-kit/pull/988) [`77b87cec`](https://github.com/cube-js/cube-ui-kit/commit/77b87cec90dbb00af09a07c0d7717bc89aa647f2) Thanks [@tenphi](https://github.com/tenphi)! - Add HueSlider component for selecting hue values (0-359) with a rainbow gradient track using okhsl color space. The thumb dynamically reflects the current hue color.

Add `trackStyles`, `thumbStyles`, and `thumbTokens` props to the Slider component to enable customization of track and thumb elements. The thumb fill color can be customized via `#slider-thumb` and `#slider-thumb-hovered` color tokens.

- [#993](https://github.com/cube-js/cube-ui-kit/pull/993) [`8b539949`](https://github.com/cube-js/cube-ui-kit/commit/8b5399490a7fbc6d3e4d64726717a419125f8e6f) Thanks [@tenphi](https://github.com/tenphi)! - Add support for boolean `true` values in color tokens. When `true` is provided for a color token (`#name`), it converts to `transparent`. This works in:

- Component styles: `#overlay: { '': true, ':hover': '#purple' }`
- Tokens prop: `<Element tokens={{ '#overlay': true }} />`
- Global config: `configure({ tokens: { '#surface': true } })`

Boolean `false` skips the token entirely (no CSS output).

- [#993](https://github.com/cube-js/cube-ui-kit/pull/993) [`8b539949`](https://github.com/cube-js/cube-ui-kit/commit/8b5399490a7fbc6d3e4d64726717a419125f8e6f) Thanks [@tenphi](https://github.com/tenphi)! - Rename `showActionsOnHover` prop to `autoHideActions` in Item, ItemButton, and Tabs components. The new name better reflects the behavior: actions are hidden by default and revealed on hover, focus, or when an action is pressed.

- [#988](https://github.com/cube-js/cube-ui-kit/pull/988) [`77b87cec`](https://github.com/cube-js/cube-ui-kit/commit/77b87cec90dbb00af09a07c0d7717bc89aa647f2) Thanks [@tenphi](https://github.com/tenphi)! - Allow passing `false` to sub-element keys in tasty styles to remove all styles for that sub-element when extending/wrapping styled components.

```tsx
const CustomTable = tasty(Table, {
Cell: false, // Removes all Cell styles from the base component
});
```

Nullish values (`null`, `undefined`) are treated as ignored (no change to styles).

### Patch Changes

- [#989](https://github.com/cube-js/cube-ui-kit/pull/989) [`6fb56a68`](https://github.com/cube-js/cube-ui-kit/commit/6fb56a6865ccf388f6d6cc0afd8404d9d463d800) Thanks [@tenphi](https://github.com/tenphi)! - Fix nested Layout panels affecting parent layouts by splitting context into actions and state, and add LayoutContextReset component to isolate nested panel contexts.

Layout.Panel now uses React portals for rendering, which allows panels to work correctly even when wrapped in custom components. This removes the need for child detection heuristics and ensures reliable panel positioning regardless of component composition.

- [#992](https://github.com/cube-js/cube-ui-kit/pull/992) [`945375c4`](https://github.com/cube-js/cube-ui-kit/commit/945375c4bdf22e5c8214fbac8bf3a84e40f181a8) Thanks [@tenphi](https://github.com/tenphi)! - Update Tabs component API to use `string` type instead of `Key` for all key-related props and callbacks. This aligns the public API with the internal implementation which already converts keys to strings for React Aria compatibility.

- [#993](https://github.com/cube-js/cube-ui-kit/pull/993) [`8b539949`](https://github.com/cube-js/cube-ui-kit/commit/8b5399490a7fbc6d3e4d64726717a419125f8e6f) Thanks [@tenphi](https://github.com/tenphi)! - Improve Tabs component styling with better element selectors and enhanced visual appearance. Updated shadow handling for file type tabs and refined scrollbar positioning in Layout components.

- [#993](https://github.com/cube-js/cube-ui-kit/pull/993) [`8b539949`](https://github.com/cube-js/cube-ui-kit/commit/8b5399490a7fbc6d3e4d64726717a419125f8e6f) Thanks [@tenphi](https://github.com/tenphi)! - Add styling props to Tabs component for sub-element customization: `tabListPadding`, `tabListStyles`, `prefixStyles`, and `suffixStyles`.

- [#993](https://github.com/cube-js/cube-ui-kit/pull/993) [`8b539949`](https://github.com/cube-js/cube-ui-kit/commit/8b5399490a7fbc6d3e4d64726717a419125f8e6f) Thanks [@tenphi](https://github.com/tenphi)! - Add `useMergeStyles` hook for merging base styles with sub-element style props. Simplifies accepting props like `tabListStyles`, `prefixStyles` that merge into `styles.TabList`, `styles.Prefix`.

## 0.107.0

### Minor Changes
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@cube-dev/ui-kit",
"version": "0.107.0",
"version": "0.108.0",
"type": "module",
"description": "UIKit for Cube Projects",
"repository": {
Expand Down