Integrate @vector-im/compound-web (#11354)

* Create useRoomName hook

Mark RoomName component as deprecated

* Pass out-of-band data to relevant RoomHeader component

* Mark LegacyRoomHeader as deprecated

* Fix incorrect search&replace in _RoomHeader.pcss

* lintfix

* Mark room as optional in room topic hook

* Fix i18n

* Discard use of useCallback

* Change export of useRoomName

* fix ts issue

* lints

* Add room topic to room header

* lintfix

* lintfix & clamp to one line

* Revert optimisations to DecoratedRoomAvatar

* Add test for opening the room summary

* Make transition honour prefer-reduced-motion

* Integrate @vector-im/compound-web

* Use compound type styles

* Use latest version of @vector-im/compound-web

* Change component name

* Fallback when room is undefined

* fix snapshot
This commit is contained in:
Germain 2023-08-02 14:03:04 +01:00 committed by GitHub
parent 33299af5c9
commit d49581344e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 103 additions and 14 deletions

View file

@ -18,6 +18,7 @@ limitations under the License.
*/
@import url("@vector-im/compound-design-tokens/assets/web/css/compound-design-tokens.css");
@import url("@vector-im/compound-web/dist/style.css");
@import "./_font-sizes.pcss";
@import "./_animations.pcss";
@import "./_spacing.pcss";

View file

@ -28,15 +28,7 @@ limitations under the License.
}
}
/* To remove when compound is integrated */
.mx_RoomHeader_name {
font: var(--cpd-font-body-lg-semibold);
}
.mx_RoomHeader_topic {
/* To remove when compound is integrated */
font: var(--cpd-font-body-sm-regular);
height: 0;
opacity: 0;
display: -webkit-box;