You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/upgrade-to-0.6.md
+8-9Lines changed: 8 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -19,14 +19,14 @@ You are working inside an app that depends on `@open-elements/ui`. Goal: upgrade
19
19
20
20
Six new components are exported from `@open-elements/ui`. They use semantic tokens (`primary`, `destructive`, `muted-foreground`) so brand overrides keep working from `brand.css`.
21
21
22
-
| Export | Purpose |
23
-
| --- | --- |
24
-
|`ActionIconButton`| Tiny inline icon button with `default`\|`success` tones. Auto-`stopPropagation`, no chrome. Building block for the buttons below. |
25
-
|`CopyToClipboardButton`| Composes `ActionIconButton` with a 2 s `Copy` ↔ `Check` feedback animation. |
26
-
|`MailtoButton`| Opens a `mailto:` URL via `ActionIconButton`. |
27
-
|`ExternalLinkButton`| Opens a URL in a new tab with `noopener,noreferrer`. |
28
-
|`TooltipIconButton`| Ghost icon `Button` wrapped in `Tooltip`, `default`\|`destructive` tones. Includes the disabled-button-needs-`<span>` Tooltip workaround and an `asChild` variant for navigation use cases. Also exports `TooltipIconButtonProps`. |
29
-
|`TablePagination`|`Select` + per-page label + plural-aware total + prev/next (only when `totalPages > 1`). Owns the `localStorage` write for the page-size preference. Also exports `PaginationTranslations`. |
|`ActionIconButton`| Tiny inline icon button with `default`\|`success` tones. Auto-`stopPropagation`, no chrome. Building block for the buttons below.|
25
+
|`CopyToClipboardButton`| Composes `ActionIconButton` with a 2 s `Copy` ↔ `Check` feedback animation. |
26
+
|`MailtoButton`| Opens a `mailto:` URL via `ActionIconButton`.|
27
+
|`ExternalLinkButton`| Opens a URL in a new tab with `noopener,noreferrer`.|
28
+
|`TooltipIconButton`| Ghost icon `Button` wrapped in `Tooltip`, `default`\|`destructive` tones. Includes the disabled-button-needs-`<span>` Tooltip workaround and an `asChild` variant for navigation use cases. Also exports `TooltipIconButtonProps`. |
29
+
|`TablePagination`|`Select` + per-page label + plural-aware total + prev/next (only when `totalPages > 1`). Owns the `localStorage` write for the page-size preference. Also exports `PaginationTranslations`.|
30
30
31
31
There are **no** breaking changes, **no** removed exports, and **no** dependency manifest changes. If you only bump the version and run `pnpm install`, everything will still work.
32
32
@@ -56,7 +56,6 @@ There are **no** breaking changes, **no** removed exports, and **no** dependency
56
56
-**Local file imports from a relative path** (`./action-icon-button`, `../components/...`) → the import target is the candidate; rewrite to `@open-elements/ui`.
57
57
58
58
4.**For each candidate local component, verify behavioural parity** before deleting. Open the local file alongside the library version and confirm:
59
-
60
59
- Same props, same defaults (`tone = "default"`, etc.).
61
60
- Same className strings / tone tokens.
62
61
- Same side effects (e.g. `event.stopPropagation()`, `noopener,noreferrer`, `localStorage.setItem`).
0 commit comments