@clerk/mosaic 0.2.2-canary.v20261105003247 → 0.2.2
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.
- package/CHANGELOG.md +31 -0
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,36 @@
|
|
|
1
1
|
# @clerk/mosaic
|
|
2
2
|
|
|
3
|
+
## 0.2.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Drop an image onto the profile picture row in `UserProfile` or the logo row in `OrganizationProfile` to upload it. While a file is dragged over the row, the avatar darkens and shows an upload icon. `FileUpload.Dropzone` now ignores drags that carry no files, such as selected text or links. ([#10601](https://github.com/clerk/javascript/pull/10601)) by [@alexcarpenter](https://github.com/alexcarpenter)
|
|
8
|
+
|
|
9
|
+
- The logo picker in `CreateOrganization` now matches `UserProfile` and `OrganizationProfile`: once a logo is chosen, the Upload button is replaced by a menu to change or remove it, and an image can be dropped onto the row. Clicking the Logo label opens the file picker, and a rejected file's error now shows below the row instead of replacing the description. In all three, dragging a file of an unsupported type over the avatar shows a blocked icon instead of the upload arrow. In `OrganizationProfile`, the logo menu no longer shows icons, and its Remove item now uses the destructive color, as in `UserProfile`. ([#10604](https://github.com/clerk/javascript/pull/10604)) by [@alexcarpenter](https://github.com/alexcarpenter)
|
|
10
|
+
|
|
11
|
+
- Controls such as inputs, selects, checkboxes, radios and outline buttons keep the stronger `--cl-color-border`, while containers and dividers (cards, sections, tables, menus, the profile nav) use `--cl-color-border-subtle`. The two are now 12 and 8 percent washes in both modes, which makes light-mode controls firmer and leaves containers close to where they were. The profile opened in a dialog draws a border. Outline buttons fill with the surface color, and their hover and pressed states tint that fill. Banners, badges, toasts and the tag-input error use the `-subtle` tokens, and the neutral badge and banner use `--cl-color-neutral-subtle`. ([#10496](https://github.com/clerk/javascript/pull/10496)) by [@prestonwebdev](https://github.com/prestonwebdev)
|
|
12
|
+
|
|
13
|
+
- Fix keyboard navigation in tabs and accordions. The tab stop now lands on the selected tab even when it isn't the first, and arrow keys pressed in a field inside an accordion panel stay with that field. `ActionBar.Root` now calls `onFocus` and `onBlur` handlers passed by consumers. ([#10573](https://github.com/clerk/javascript/pull/10573)) by [@alexcarpenter](https://github.com/alexcarpenter)
|
|
14
|
+
|
|
15
|
+
- Confirm dialogs now stay busy until their action finishes, even after you cancel a reverification prompt, and they can't be reopened or confirmed a second time while the request is in flight. ([#10628](https://github.com/clerk/javascript/pull/10628)) by [@alexcarpenter](https://github.com/alexcarpenter)
|
|
16
|
+
|
|
17
|
+
- Keep keyboard focus on the input while saving an organization name or slug, renaming a passkey, verifying an authenticator code, or sending organization invitations. Focus previously dropped to the page. ([#10618](https://github.com/clerk/javascript/pull/10618)) by [@alexcarpenter](https://github.com/alexcarpenter)
|
|
18
|
+
|
|
19
|
+
- - Fixed an issue where an outgoing Flow step could show content from an update that never appeared on screen. ([#10651](https://github.com/clerk/javascript/pull/10651)) by [@dstaley](https://github.com/dstaley)
|
|
20
|
+
|
|
21
|
+
- Fixed an issue where adding a tag while a controlled TagInput update was still pending could use the pending tag list instead of the list shown on screen.
|
|
22
|
+
|
|
23
|
+
- Move the OAuth consent redirect domain helper into `@clerk/shared` so it can be shared across UI packages. No behavior change. ([#10218](https://github.com/clerk/javascript/pull/10218)) by [@alexcarpenter](https://github.com/alexcarpenter)
|
|
24
|
+
|
|
25
|
+
- Form submit buttons now show their pending state and keep focus while the form submits, instead of looking disabled. ([#10627](https://github.com/clerk/javascript/pull/10627)) by [@alexcarpenter](https://github.com/alexcarpenter)
|
|
26
|
+
|
|
27
|
+
- `IconFrame` and `Avatar` now share one size scale and set of corner radii: `xs`, `sm`, `md` and `lg` are 24, 32, 40 and 48px. `IconFrame` sizes are now `xs`, `sm`, `md` and `lg` and the default is `md` (40px), replacing `sm`, `md`, `lg` and `xl`. `Avatar` `md` is 40px instead of 38px, square `Avatar` at `md` has a 6px radius instead of 8px, and provider icons in the connected accounts, enterprise accounts and Web3 wallets sections are 16px instead of 20px. ([#10600](https://github.com/clerk/javascript/pull/10600)) by [@prestonwebdev](https://github.com/prestonwebdev)
|
|
28
|
+
|
|
29
|
+
- Keep the phone entry screen pending until the first verification code is sent in `UserProfile`. Disable Cancel while verifying or resending a phone verification code. ([#10561](https://github.com/clerk/javascript/pull/10561)) by [@austincalvelage](https://github.com/austincalvelage)
|
|
30
|
+
|
|
31
|
+
- Updated dependencies [[`88c99e3`](https://github.com/clerk/javascript/commit/88c99e3762d6f8ce8e198ee027bd3b1c77414ffc)]:
|
|
32
|
+
- @clerk/shared@4.44.1
|
|
33
|
+
|
|
3
34
|
## 0.2.1
|
|
4
35
|
|
|
5
36
|
### Patch Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clerk/mosaic",
|
|
3
|
-
"version": "0.2.2
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"description": "Clerk Mosaic UI components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"clerk",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@floating-ui/react": "0.27.20",
|
|
50
50
|
"@wallet-standard/core": "1.1.1",
|
|
51
|
-
"@clerk/shared": "4.44.1
|
|
51
|
+
"@clerk/shared": "^4.44.1"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@stylexjs/eslint-plugin": "0.19.0",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"tsdown": "0.22.2",
|
|
75
75
|
"typescript": "7.0.2",
|
|
76
76
|
"vitest-axe": "^0.1.0",
|
|
77
|
-
"@clerk/clerk-js": "6.42.3
|
|
77
|
+
"@clerk/clerk-js": "^6.42.3"
|
|
78
78
|
},
|
|
79
79
|
"peerDependencies": {
|
|
80
80
|
"react": "^18.0.0 || ~19.0.3 || ~19.1.4 || ~19.2.3 || ~19.3.0-0",
|