Skip to content

Commit 0179af7

Browse files
Version Packages (#1040)
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
1 parent 44d5512 commit 0179af7

9 files changed

Lines changed: 51 additions & 61 deletions

.changeset/fix-preset-strong-modifier.md

Lines changed: 0 additions & 5 deletions
This file was deleted.

.changeset/fix-vendor-prefixed-pseudo-class.md

Lines changed: 0 additions & 5 deletions
This file was deleted.

.changeset/make-token-types-extensible.md

Lines changed: 0 additions & 7 deletions
This file was deleted.

.changeset/remove-reset-style.md

Lines changed: 0 additions & 9 deletions
This file was deleted.

.changeset/style-extend-feature.md

Lines changed: 0 additions & 15 deletions
This file was deleted.

.changeset/sub-element-scoped-states.md

Lines changed: 0 additions & 5 deletions
This file was deleted.

.changeset/tasty-internal-defaults.md

Lines changed: 0 additions & 14 deletions
This file was deleted.

CHANGELOG.md

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,55 @@
11
# @cube-dev/ui-kit
22

3+
## 0.115.0
4+
5+
### Minor Changes
6+
7+
- [#1041](https://github.com/cube-js/cube-ui-kit/pull/1041) [`44d5512f`](https://github.com/cube-js/cube-ui-kit/commit/44d5512f1b91aff1ea6792154c7ce4b4d0d533a4) Thanks [@tenphi](https://github.com/tenphi)! - **Breaking change:** Removed `reset` style property from tasty style system. Browser reset styles are now provided via recipes (`reset`, `button`, `input`, `input-autofill`, `input-placeholder`, `input-search-cancel-button`) registered in the UI kit configuration. Recipe names are now space-separated, with `|` separating base recipes from post-merge recipes.
8+
9+
**Migration:**
10+
11+
- Replace `reset: 'button'` with `recipe: 'reset button'`
12+
- Replace `reset: 'input'` with `recipe: 'reset input | input-autofill'` and add sub-element styles for `Placeholder` and `&::-webkit-search-cancel-button`
13+
14+
- [`c0931497`](https://github.com/cube-js/cube-ui-kit/commit/c09314970629e5312b60681461bd282572960301) Thanks [@tenphi](https://github.com/tenphi)! - Add style extend functionality to `tasty` style system, enabling state map merging, `@inherit` keyword, and property reset semantics.
15+
16+
**New features:**
17+
18+
- **State map extension mode**: When extending a component with a state map that doesn't include a `''` key, parent states are preserved and new states are appended
19+
- **State map replace mode**: When a state map includes a `''` key, it replaces all parent states (existing behavior)
20+
- **`@inherit` keyword**: Pull parent state values into child state maps, supporting both repositioning (extend mode) and cherry-picking (replace mode)
21+
- **`null` reset**: Use `null` as a property value to discard parent values and let recipe values fill in
22+
- **`false` tombstone**: Use `false` to block a property entirely, preventing both parent and recipe values
23+
24+
**Behavior changes:**
25+
26+
- Sub-element handling now uses strict equality (`=== null`) instead of loose equality (`== null`) for better semantic clarity
27+
28+
- [#1041](https://github.com/cube-js/cube-ui-kit/pull/1041) [`44d5512f`](https://github.com/cube-js/cube-ui-kit/commit/44d5512f1b91aff1ea6792154c7ce4b4d0d533a4) Thanks [@tenphi](https://github.com/tenphi)! - **Breaking change:** Renamed design tokens used by the tasty style system:
29+
30+
- `$leaf-sharp-radius``$sharp-radius`
31+
- `$card-shadow``$shadow` (in shadow.ts default and component styles)
32+
- `$fade-width` removed — fade now defaults to `calc(2 * var(--gap))`
33+
34+
**New:** Tasty now ships with built-in defaults for core design tokens, so the style system works out of the box without a project-level token setup:
35+
36+
- CSS `@property` registrations with initial values for `$gap` (4px), `$radius` (6px), `$border-width` (1px), `$outline-width` (3px), `$transition` (80ms), `$sharp-radius` (0px), `$bold-font-weight` (700)
37+
- Default `:root` variables for `--font`, `--monospace-font`, and `--border-color` (currentColor)
38+
39+
These defaults are overridden by any tokens the consuming project sets on `:root`.
40+
41+
### Patch Changes
42+
43+
- [#1041](https://github.com/cube-js/cube-ui-kit/pull/1041) [`44d5512f`](https://github.com/cube-js/cube-ui-kit/commit/44d5512f1b91aff1ea6792154c7ce4b4d0d533a4) Thanks [@tenphi](https://github.com/tenphi)! - **Fix:** `preset="strong"` (and other modifier-only presets like `"italic"`, `"icon"`, `"tight"`) now correctly inherits typography instead of resolving to `--strong-*` CSS variables. When no preset name is provided, the base preset defaults to `inherit`.
44+
45+
- [#1041](https://github.com/cube-js/cube-ui-kit/pull/1041) [`44d5512f`](https://github.com/cube-js/cube-ui-kit/commit/44d5512f1b91aff1ea6792154c7ce4b4d0d533a4) Thanks [@tenphi](https://github.com/tenphi)! - **Fix:** Vendor-prefixed pseudo-classes (e.g. `:-webkit-autofill`, `:-moz-placeholder`) are now correctly tokenized as pseudo-classes instead of being misinterpreted as boolean modifiers (`[data-webkit-autofill]`).
46+
47+
- [#1041](https://github.com/cube-js/cube-ui-kit/pull/1041) [`44d5512f`](https://github.com/cube-js/cube-ui-kit/commit/44d5512f1b91aff1ea6792154c7ce4b4d0d533a4) Thanks [@tenphi](https://github.com/tenphi)! - **Internal refactoring:** Made token type definitions extensible in the tasty style system. Color names (`TastyNamedColors`), preset names (`TastyPresetNames`), and theme names (`TastyThemeNames`) are now defined via extensible interfaces instead of hardcoded unions.
48+
49+
This change maintains full backward compatibility - all existing UI kit tokens continue to work via module augmentation. Projects can now augment these interfaces to register their own token names for autocomplete.
50+
51+
- [#1041](https://github.com/cube-js/cube-ui-kit/pull/1041) [`44d5512f`](https://github.com/cube-js/cube-ui-kit/commit/44d5512f1b91aff1ea6792154c7ce4b4d0d533a4) Thanks [@tenphi](https://github.com/tenphi)! - **New:** Predefined state aliases (`@name`) can now be defined inside sub-element blocks and are scoped to that sub-element and its nested children. Parent-level states are inherited; sub-element states do not leak to siblings.
52+
353
## 0.114.0
454

555
### Minor Changes

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@cube-dev/ui-kit",
3-
"version": "0.114.0",
3+
"version": "0.115.0",
44
"type": "module",
55
"description": "UIKit for Cube Projects",
66
"repository": {

0 commit comments

Comments
 (0)