diff --git a/package.json b/package.json index 860d64a6..2a28ff58 100644 --- a/package.json +++ b/package.json @@ -57,7 +57,7 @@ "@typescript-eslint/eslint-plugin": "^8.0.0", "@typescript-eslint/parser": "^8.0.0", "@use-gesture/react": "^10.2.11", - "@vector-im/compound-design-tokens": "^1.0.0", + "@vector-im/compound-design-tokens": "^1.9.1", "@vector-im/compound-web": "^6.0.0", "@vitejs/plugin-basic-ssl": "^1.0.1", "@vitejs/plugin-react": "^4.0.1", diff --git a/src/button/ReactionToggleButton.tsx b/src/button/ReactionToggleButton.tsx index a6fa9ad5..e5ffb973 100644 --- a/src/button/ReactionToggleButton.tsx +++ b/src/button/ReactionToggleButton.tsx @@ -15,7 +15,7 @@ import { import { SearchIcon, CloseIcon, - HandRaisedIcon, + RaisedHandSolidIcon, } from "@vector-im/compound-design-tokens/assets/web/icons"; import { ChangeEventHandler, @@ -56,7 +56,7 @@ const InnerButton: FC = ({ raised, ...props }) => { className={classNames(raised && styles.raisedButton)} kind={raised ? "primary" : "secondary"} iconOnly - Icon={HandRaisedIcon} + Icon={RaisedHandSolidIcon} {...props} /> @@ -121,6 +121,7 @@ export function ReactionPopupMenu({ name="reactionSearch" placeholder="Search reactions…" onChange={onSearch} + autoFocus />