feat(mosaic): apply the new UserButton designs with its own header and item slots - #9807

Merged

alexcarpenter merged 35 commits into

mainfrom

carp/mosaic-user-button-header

Sep 25, 2026

Commits on Sep 17, 2026

feat(ui): add a user-button-header slot and layouts to the Mosaic UserButton
alexcarpenter
committed
308d850
feat(ui): stack the nested organization avatar on a grid
alexcarpenter
committed
acd31e5
feat(ui): size the user button row avatars at 20px
alexcarpenter
committed
987c136
feat(ui): round the user button row avatars at 4px
alexcarpenter
committed
639de3e
feat(ui): set the xs Item row to 32px
alexcarpenter
committed
b622068
fix(ui): split the stacked avatar grid placement into longhands
alexcarpenter
committed
ccc2a09
fix(ui): group the user button slot classes with the popover ones
alexcarpenter
committed
f857eaf
feat(ui): tighten the xs Item and Menu item gap and inline padding to 6px
alexcarpenter
committed
8a051ad
feat(ui): size the Menu sm and Item xs media columns at 20px and drop the Menu label padding
alexcarpenter
committed
635cccd
fix(ui): keep the Menu label padding and size the item gap around it
alexcarpenter
committed
681b52b
feat(ui): derive the user button header layout from its actions
alexcarpenter
committed
050530a
feat(ui): size the user button header avatar at 32px
alexcarpenter
committed
4bb97cf
fix(ui): size the nested avatar by its lead avatar
alexcarpenter
committed
c0d5b3a
chore(ui): note the missing plan label source in the user button model
alexcarpenter
committed
159eb57
fix(ui): size the nested workspace avatar at 32px overall
alexcarpenter
committed
d333654
fix(ui): keep the user button header content beside its avatar
alexcarpenter
committed
4103e74
fix(ui): let the user button header action labels truncate
alexcarpenter
committed
7c344b6
Merge remote-tracking branch 'origin/main' into carp/mosaic-user-button-header
alexcarpenter
committed
f19c295
test(mosaic): guard the user button header label truncation
alexcarpenter
committed
a40d154
chore(mosaic): shorten the user button header changeset
alexcarpenter
committed
aa5c327
chore(mosaic): trim the user button header changeset
alexcarpenter
committed
38a1e79
Merge remote-tracking branch 'origin/main' into carp/mosaic-user-button-header
alexcarpenter
committed
276db84
Merge remote-tracking branch 'origin/main' into carp/mosaic-user-button-header
alexcarpenter
committed
e024447
verbose npm logging
dstaley
committed
bf19eb7
set log level in script
dstaley
committed
c63148a
feat(mosaic): keep a sign-out row at the foot of the user button in single session
alexcarpenter
committed
26f3e90

Navigation Menu

feat(mosaic): apply the new UserButton designs with its own header and item slots - #9807

feat(mosaic): apply the new UserButton designs with its own header and item slots#9807
alexcarpenter merged 35 commits into
mainfrom
carp/mosaic-user-button-header

Commits on Sep 17, 2026

feat(ui): add a user-button-header slot and layouts to the Mosaic UserButton

feat(ui): stack the nested organization avatar on a grid

feat(ui): size the user button row avatars at 20px

feat(ui): round the user button row avatars at 4px

feat(ui): set the xs Item row to 32px

fix(ui): split the stacked avatar grid placement into longhands

fix(ui): group the user button slot classes with the popover ones

feat(ui): tighten the xs Item and Menu item gap and inline padding to 6px

feat(ui): size the Menu sm and Item xs media columns at 20px and drop the Menu label padding

fix(ui): keep the Menu label padding and size the item gap around it

feat(ui): derive the user button header layout from its actions

feat(ui): size the user button header avatar at 32px

fix(ui): size the nested avatar by its lead avatar

chore(ui): note the missing plan label source in the user button model

fix(ui): size the nested workspace avatar at 32px overall

fix(ui): keep the user button header content beside its avatar

fix(ui): let the user button header action labels truncate

Merge remote-tracking branch 'origin/main' into carp/mosaic-user-button-header

test(mosaic): guard the user button header label truncation

chore(mosaic): shorten the user button header changeset

chore(mosaic): trim the user button header changeset

Merge remote-tracking branch 'origin/main' into carp/mosaic-user-button-header

Merge remote-tracking branch 'origin/main' into carp/mosaic-user-button-header

verbose npm logging

set log level in script

feat(mosaic): keep a sign-out row at the foot of the user button in single session

Commits on Sep 25, 2026

feat(mosaic): apply the new user button designs and drop modePriority

feat(mosaic): give the user button its own item slots and keep its menu triggers focusable

Merge remote-tracking branch 'origin/main' into carp/mosaic-user-button-header

chore(repo): drop verbose npm logging from the snapshot release

feat(mosaic): use the design icons for invite and switch account in the user button

feat(mosaic): use the design sign-out icon in the user button

docs(swingset): mark the UserButton as stable

fix(mosaic): announce pending user button actions and keep the account menu mounted

Apply suggestion from @alexcarpenter