diff --git a/package.json b/package.json index f4e24706..2b4a3fa9 100644 --- a/package.json +++ b/package.json @@ -46,7 +46,7 @@ "@sentry/tracing": "^7.0.0", "@types/lodash": "^4.14.199", "@use-gesture/react": "^10.2.11", - "@vector-im/compound-design-tokens": "^0.0.6", + "@vector-im/compound-design-tokens": "^0.0.7", "@vector-im/compound-web": "^0.6.0", "@vitejs/plugin-basic-ssl": "^1.0.1", "@vitejs/plugin-react": "^4.0.1", diff --git a/src/button/Button.tsx b/src/button/Button.tsx index 933be484..8e9d8e9f 100644 --- a/src/button/Button.tsx +++ b/src/button/Button.tsx @@ -22,8 +22,8 @@ import { useTranslation } from "react-i18next"; import { Tooltip } from "@vector-im/compound-web"; import MicOnSolidIcon from "@vector-im/compound-design-tokens/icons/mic-on-solid.svg?react"; import MicOffSolidIcon from "@vector-im/compound-design-tokens/icons/mic-off-solid.svg?react"; -import VideoCallIcon from "@vector-im/compound-design-tokens/icons/video-call.svg?react"; -import VideoCallOffIcon from "@vector-im/compound-design-tokens/icons/video-call-off.svg?react"; +import VideoCallSolidIcon from "@vector-im/compound-design-tokens/icons/video-call-solid.svg?react"; +import VideoCallOffSolidIcon from "@vector-im/compound-design-tokens/icons/video-call-off-solid.svg?react"; import EndCallIcon from "@vector-im/compound-design-tokens/icons/end-call.svg?react"; import ShareScreenSolidIcon from "@vector-im/compound-design-tokens/icons/share-screen-solid.svg?react"; import SettingsSolidIcon from "@vector-im/compound-design-tokens/icons/settings-solid.svg?react"; @@ -159,7 +159,7 @@ export const VideoButton: FC<{ [index: string]: unknown; }> = ({ muted, ...rest }) => { const { t } = useTranslation(); - const Icon = muted ? VideoCallOffIcon : VideoCallIcon; + const Icon = muted ? VideoCallOffSolidIcon : VideoCallSolidIcon; const label = muted ? t("Start video") : t("Stop video"); return ( diff --git a/yarn.lock b/yarn.lock index af1676f3..59982092 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3606,10 +3606,10 @@ dependencies: "@use-gesture/core" "10.3.0" -"@vector-im/compound-design-tokens@^0.0.6": - version "0.0.6" - resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-0.0.6.tgz#dd25364e947d0f06b404f9bfba69daa0f7cda998" - integrity sha512-Jij7Vfzed7UL+AfVK4ykuJhufbzWu/aaEYn9swOS7Rhy9wJFp35CaUY32Du51lwg7Rkt3OwSWXSYeHKcZAsEEA== +"@vector-im/compound-design-tokens@^0.0.7": + version "0.0.7" + resolved "https://registry.yarnpkg.com/@vector-im/compound-design-tokens/-/compound-design-tokens-0.0.7.tgz#b0716dd4782dd95900491e45b003b58f93748024" + integrity sha512-RCQc6qr+s8cp4xKbNi/I3OL43uPCH+N4L9vYf0r+qwRy4WCKdI4QL0TBTV4bOo8hF49z8e+BgU5ZIu5TVQXNMQ== dependencies: svg2vectordrawable "^2.9.1"