Fix colour of avatar and colour matching with username (#11470)
* Use consistent colouring of username with avatar * Upgrade Compound to fix Firefox issue * Use the approapriate color shade for usernames * Use the approapriate color shade for usernames * Upgrade Compound * Fix tests
This commit is contained in:
parent
195dc4716b
commit
23897dff4f
31 changed files with 269 additions and 125 deletions
|
@ -186,14 +186,14 @@ $call-background: #15191e;
|
|||
$call-primary-content: #ffffff;
|
||||
$call-light-quaternary-content: #c1c6cd;
|
||||
|
||||
$username-variant1-color: var(--cpd-color-blue-900);
|
||||
$username-variant2-color: var(--cpd-color-fuchsia-900);
|
||||
$username-variant3-color: var(--cpd-color-green-900);
|
||||
$username-variant4-color: var(--cpd-color-pink-900);
|
||||
$username-variant5-color: var(--cpd-color-orange-900);
|
||||
$username-variant6-color: var(--cpd-color-cyan-900);
|
||||
$username-variant7-color: var(--cpd-color-purple-900);
|
||||
$username-variant8-color: var(--cpd-color-lime-900);
|
||||
$username-variant1-color: var(--cpd-color-blue-1200);
|
||||
$username-variant2-color: var(--cpd-color-fuchsia-1200);
|
||||
$username-variant3-color: var(--cpd-color-green-1200);
|
||||
$username-variant4-color: var(--cpd-color-pink-1200);
|
||||
$username-variant5-color: var(--cpd-color-orange-1200);
|
||||
$username-variant6-color: var(--cpd-color-cyan-1200);
|
||||
$username-variant7-color: var(--cpd-color-purple-1200);
|
||||
$username-variant8-color: var(--cpd-color-lime-1200);
|
||||
|
||||
/**
|
||||
* Creating a `semantic` color scale. This will not be needed with the new
|
||||
|
|
|
@ -8,14 +8,14 @@ $tertiary-content: var(--cpd-color-gray-800);
|
|||
$quaternary-content: var(--cpd-color-gray-600);
|
||||
$quinary-content: var(--cpd-color-gray-400);
|
||||
|
||||
$username-variant1-color: var(--cpd-color-blue-900);
|
||||
$username-variant2-color: var(--cpd-color-fuchsia-900);
|
||||
$username-variant3-color: var(--cpd-color-green-900);
|
||||
$username-variant4-color: var(--cpd-color-pink-900);
|
||||
$username-variant5-color: var(--cpd-color-orange-900);
|
||||
$username-variant6-color: var(--cpd-color-cyan-900);
|
||||
$username-variant7-color: var(--cpd-color-purple-900);
|
||||
$username-variant8-color: var(--cpd-color-lime-900);
|
||||
$username-variant1-color: var(--cpd-color-blue-1200);
|
||||
$username-variant2-color: var(--cpd-color-fuchsia-1200);
|
||||
$username-variant3-color: var(--cpd-color-green-1200);
|
||||
$username-variant4-color: var(--cpd-color-pink-1200);
|
||||
$username-variant5-color: var(--cpd-color-orange-1200);
|
||||
$username-variant6-color: var(--cpd-color-cyan-1200);
|
||||
$username-variant7-color: var(--cpd-color-purple-1200);
|
||||
$username-variant8-color: var(--cpd-color-lime-1200);
|
||||
|
||||
$accent-alt: $links;
|
||||
$input-border-color: $secondary-content;
|
||||
|
|
|
@ -36,14 +36,14 @@ $alert: var(--cpd-color-text-critical-primary);
|
|||
$links: var(--cpd-color-text-link-external);
|
||||
$link-external: var(--cpd-color-text-link-external);
|
||||
|
||||
$username-variant1-color: var(--cpd-color-blue-900);
|
||||
$username-variant2-color: var(--cpd-color-fuchsia-900);
|
||||
$username-variant3-color: var(--cpd-color-green-900);
|
||||
$username-variant4-color: var(--cpd-color-pink-900);
|
||||
$username-variant5-color: var(--cpd-color-orange-900);
|
||||
$username-variant6-color: var(--cpd-color-cyan-900);
|
||||
$username-variant7-color: var(--cpd-color-purple-900);
|
||||
$username-variant8-color: var(--cpd-color-lime-900);
|
||||
$username-variant1-color: var(--cpd-color-blue-1200);
|
||||
$username-variant2-color: var(--cpd-color-fuchsia-1200);
|
||||
$username-variant3-color: var(--cpd-color-green-1200);
|
||||
$username-variant4-color: var(--cpd-color-pink-1200);
|
||||
$username-variant5-color: var(--cpd-color-orange-1200);
|
||||
$username-variant6-color: var(--cpd-color-cyan-1200);
|
||||
$username-variant7-color: var(--cpd-color-purple-1200);
|
||||
$username-variant8-color: var(--cpd-color-lime-1200);
|
||||
/* ******************** */
|
||||
|
||||
/**
|
||||
|
|
|
@ -40,7 +40,7 @@ export default class DisambiguatedProfile extends React.Component<IProps> {
|
|||
|
||||
let colorClass: string | undefined;
|
||||
if (colored) {
|
||||
colorClass = getUserNameColorClass(fallbackName);
|
||||
colorClass = getUserNameColorClass(mxid ?? "");
|
||||
}
|
||||
|
||||
let mxidElement;
|
||||
|
|
|
@ -16,6 +16,7 @@ limitations under the License.
|
|||
*/
|
||||
|
||||
import { ReactElement, ReactNode } from "react";
|
||||
import { useIdColorHash } from "@vector-im/compound-web";
|
||||
|
||||
import { _t, getCurrentLanguage } from "../languageHandler";
|
||||
import { jsxJoin } from "./ReactUtils";
|
||||
|
@ -73,30 +74,11 @@ export function formatBytes(bytes: number, decimals = 2): string {
|
|||
export function formatCryptoKey(key: string): string {
|
||||
return key.match(/.{1,4}/g)!.join(" ");
|
||||
}
|
||||
/**
|
||||
* calculates a numeric hash for a given string
|
||||
*
|
||||
* @param {string} str string to hash
|
||||
*
|
||||
* @return {number}
|
||||
*/
|
||||
export function hashCode(str?: string): number {
|
||||
let hash = 0;
|
||||
let chr: number;
|
||||
if (!str?.length) {
|
||||
return hash;
|
||||
}
|
||||
for (let i = 0; i < str.length; i++) {
|
||||
chr = str.charCodeAt(i);
|
||||
hash = (hash << 5) - hash + chr;
|
||||
hash |= 0;
|
||||
}
|
||||
return Math.abs(hash);
|
||||
}
|
||||
|
||||
export function getUserNameColorClass(userId?: string): string {
|
||||
const colorNumber = (hashCode(userId) % 8) + 1;
|
||||
return `mx_Username_color${colorNumber}`;
|
||||
export function getUserNameColorClass(userId: string): string {
|
||||
// eslint-disable-next-line react-hooks/rules-of-hooks
|
||||
const number = useIdColorHash(userId);
|
||||
return `mx_Username_color${number}`;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
@ -95,7 +95,7 @@ exports[`MessagePanel should handle lots of membership events quickly 1`] = `
|
|||
class="mx_GenericEventListSummary_avatars"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="7"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -18,7 +18,7 @@ exports[`RoomView for a local room in state CREATING should match the snapshot 1
|
|||
class="mx_DecoratedRoomAvatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -100,7 +100,7 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
|
|||
class="mx_DecoratedRoomAvatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -179,7 +179,7 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
|
|||
<button
|
||||
aria-label="Avatar"
|
||||
aria-live="off"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -267,7 +267,7 @@ exports[`RoomView for a local room in state NEW should match the snapshot 1`] =
|
|||
class="mx_DecoratedRoomAvatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -346,7 +346,7 @@ exports[`RoomView for a local room in state NEW should match the snapshot 1`] =
|
|||
<button
|
||||
aria-label="Avatar"
|
||||
aria-live="off"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -509,7 +509,7 @@ exports[`RoomView for a local room in state NEW that is encrypted should match t
|
|||
class="mx_DecoratedRoomAvatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -587,7 +587,7 @@ exports[`RoomView for a local room in state NEW that is encrypted should match t
|
|||
<button
|
||||
aria-label="Avatar"
|
||||
aria-live="off"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -71,7 +71,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
|
|||
class="mx_SpaceHierarchy_roomTile_avatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="7"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -141,7 +141,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
|
|||
class="mx_SpaceHierarchy_roomTile_avatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="8"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -212,7 +212,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
|
|||
class="mx_SpaceHierarchy_roomTile_avatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="8"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -289,7 +289,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
|
|||
class="mx_SpaceHierarchy_roomTile_avatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="2"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -18,7 +18,7 @@ exports[`<UserMenu> when rendered should render as expected 1`] = `
|
|||
class="mx_UserMenu_userAvatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar mx_UserMenu_userAvatar_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar mx_UserMenu_userAvatar_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="2"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
exports[`RoomAvatar should render as expected for a DM room 1`] = `
|
||||
<div>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="1"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -18,7 +18,7 @@ exports[`RoomAvatar should render as expected for a DM room 1`] = `
|
|||
exports[`RoomAvatar should render as expected for a LocalRoom 1`] = `
|
||||
<div>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="7"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -33,7 +33,7 @@ exports[`RoomAvatar should render as expected for a LocalRoom 1`] = `
|
|||
exports[`RoomAvatar should render as expected for a Room 1`] = `
|
||||
<div>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="2"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -4,14 +4,14 @@ exports[`<BeaconMarker /> renders marker when beacon has location 1`] = `
|
|||
<DocumentFragment>
|
||||
<span>
|
||||
<div
|
||||
class="mx_Marker mx_Username_color4"
|
||||
class="mx_Marker mx_Username_color8"
|
||||
id="!room:server_@alice:server"
|
||||
>
|
||||
<div
|
||||
class="mx_Marker_border"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="8"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -32,7 +32,7 @@ exports[`<BeaconViewDialog /> renders own beacon status when user is live sharin
|
|||
class="mx_DialogOwnBeaconStatus"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar mx_DialogOwnBeaconStatus_avatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar mx_DialogOwnBeaconStatus_avatar _avatar-imageless_2lhia_56"
|
||||
data-color="8"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -32,7 +32,7 @@ exports[`<DialogSidebar /> renders sidebar correctly with beacons 1`] = `
|
|||
class="mx_BeaconListItem"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar mx_BeaconListItem_avatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar mx_BeaconListItem_avatar _avatar-imageless_2lhia_56"
|
||||
data-color="1"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -41,7 +41,7 @@ exports[`ConfirmUserActionDialog renders 1`] = `
|
|||
class="mx_ConfirmUserActionDialog_avatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="7"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -71,7 +71,7 @@ exports[`<ManageRestrictedJoinRuleDialog /> should list spaces which are not par
|
|||
<div>
|
||||
<div>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="7"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -104,7 +104,7 @@ exports[`AppTile for a pinned widget should render 1`] = `
|
|||
<span>
|
||||
<span
|
||||
aria-label="Avatar"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar mx_WidgetAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar mx_WidgetAvatar"
|
||||
data-color="1"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -112,7 +112,7 @@ exports[`AppTile for a pinned widget should render 1`] = `
|
|||
>
|
||||
<img
|
||||
alt=""
|
||||
class="_image_i91o9_45"
|
||||
class="_image_2lhia_45"
|
||||
crossorigin="anonymous"
|
||||
data-type="round"
|
||||
height="20px"
|
||||
|
@ -192,7 +192,7 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
|
|||
<span>
|
||||
<span
|
||||
aria-label="Avatar"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar mx_WidgetAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar mx_WidgetAvatar"
|
||||
data-color="1"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -200,7 +200,7 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
|
|||
>
|
||||
<img
|
||||
alt=""
|
||||
class="_image_i91o9_45"
|
||||
class="_image_2lhia_45"
|
||||
crossorigin="anonymous"
|
||||
data-type="round"
|
||||
height="20px"
|
||||
|
@ -271,7 +271,7 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
|
|||
</div>
|
||||
<div>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="1"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -347,7 +347,7 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
|
|||
<span>
|
||||
<span
|
||||
aria-label="Avatar"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar mx_WidgetAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar mx_WidgetAvatar"
|
||||
data-color="1"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -355,7 +355,7 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
|
|||
>
|
||||
<img
|
||||
alt=""
|
||||
class="_image_i91o9_45"
|
||||
class="_image_2lhia_45"
|
||||
crossorigin="anonymous"
|
||||
data-type="round"
|
||||
height="20px"
|
||||
|
|
|
@ -11,7 +11,7 @@ exports[`<FacePile /> renders with a tooltip 1`] = `
|
|||
tabindex="0"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="8"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -35,7 +35,7 @@ exports[`<Pill> should render the expected pill for @room 1`] = `
|
|||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -66,7 +66,7 @@ exports[`<Pill> should render the expected pill for a known user not in the room
|
|||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="5"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -97,7 +97,7 @@ exports[`<Pill> should render the expected pill for a message in another room 1`
|
|||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -128,7 +128,7 @@ exports[`<Pill> should render the expected pill for a message in the same room 1
|
|||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="4"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -159,7 +159,7 @@ exports[`<Pill> should render the expected pill for a room alias 1`] = `
|
|||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -190,7 +190,7 @@ exports[`<Pill> should render the expected pill for a space 1`] = `
|
|||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="2"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -244,7 +244,7 @@ exports[`<Pill> when rendering a pill for a room should render the expected pill
|
|||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -275,7 +275,7 @@ exports[`<Pill> when rendering a pill for a user in the room should render as ex
|
|||
>
|
||||
<span
|
||||
aria-hidden="true"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="4"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -39,7 +39,7 @@ describe("<Marker />", () => {
|
|||
it("uses member color class", () => {
|
||||
const member = new RoomMember("!room:server", "@user:server");
|
||||
const { container } = getComponent({ useMemberColor: true, roomMember: member });
|
||||
expect(container.querySelector(".mx_Marker.mx_Username_color3")).toBeInTheDocument();
|
||||
expect(container.querySelector(".mx_Marker.mx_Username_color1")).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it("renders member avatar when roomMember is truthy", () => {
|
||||
|
|
|
@ -199,7 +199,7 @@ describe("<TextualBody />", () => {
|
|||
const { container } = getComponent({ mxEvent: ev });
|
||||
const content = container.querySelector(".mx_EventTile_body");
|
||||
expect(content.innerHTML).toMatchInlineSnapshot(
|
||||
`"Chat with <span><bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com" aria-describedby="mx_Pill_0.123456"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="8" class="_avatar_i91o9_17 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" src="mxc://avatar.url/image.png" crossorigin="anonymous" referrerpolicy="no-referrer" class="_image_i91o9_45" data-type="round" width="16px" height="16px" title="@member:domain.bla"></span><span class="mx_Pill_text">Member</span></a></bdi></span>"`,
|
||||
`"Chat with <span><bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com" aria-describedby="mx_Pill_0.123456"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="8" class="_avatar_2lhia_17 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" src="mxc://avatar.url/image.png" crossorigin="anonymous" referrerpolicy="no-referrer" class="_image_2lhia_45" data-type="round" width="16px" height="16px" title="@member:domain.bla"></span><span class="mx_Pill_text">Member</span></a></bdi></span>"`,
|
||||
);
|
||||
});
|
||||
|
||||
|
|
|
@ -83,7 +83,7 @@ exports[`MLocationBody <MLocationBody> without error renders marker correctly fo
|
|||
class="mx_Marker_border"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="1"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -57,7 +57,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for an
|
|||
<span
|
||||
aria-hidden="true"
|
||||
aria-label="Profile picture"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar"
|
||||
data-color="8"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -65,7 +65,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for an
|
|||
>
|
||||
<img
|
||||
alt=""
|
||||
class="_image_i91o9_45"
|
||||
class="_image_2lhia_45"
|
||||
crossorigin="anonymous"
|
||||
data-type="round"
|
||||
height="16px"
|
||||
|
@ -107,7 +107,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for eve
|
|||
<span
|
||||
aria-hidden="true"
|
||||
aria-label="Avatar"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -115,7 +115,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for eve
|
|||
>
|
||||
<img
|
||||
alt=""
|
||||
class="_image_i91o9_45"
|
||||
class="_image_2lhia_45"
|
||||
crossorigin="anonymous"
|
||||
data-type="round"
|
||||
height="16px"
|
||||
|
@ -159,7 +159,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for roo
|
|||
<span
|
||||
aria-hidden="true"
|
||||
aria-label="Avatar"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -167,7 +167,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for roo
|
|||
>
|
||||
<img
|
||||
alt=""
|
||||
class="_image_i91o9_45"
|
||||
class="_image_2lhia_45"
|
||||
crossorigin="anonymous"
|
||||
data-type="round"
|
||||
height="16px"
|
||||
|
@ -270,7 +270,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills get injected c
|
|||
<span
|
||||
aria-hidden="true"
|
||||
aria-label="Profile picture"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar"
|
||||
data-color="8"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -278,7 +278,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills get injected c
|
|||
>
|
||||
<img
|
||||
alt=""
|
||||
class="_image_i91o9_45"
|
||||
class="_image_2lhia_45"
|
||||
crossorigin="anonymous"
|
||||
data-type="round"
|
||||
height="16px"
|
||||
|
@ -314,7 +314,7 @@ exports[`<TextualBody /> renders plain-text m.text correctly should pillify a pe
|
|||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
data-color="8"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar"
|
||||
style="--cpd-avatar-size: 16px"
|
||||
><img
|
||||
loading="lazy"
|
||||
|
@ -322,7 +322,7 @@ exports[`<TextualBody /> renders plain-text m.text correctly should pillify a pe
|
|||
src="mxc://avatar.url/image.png"
|
||||
crossorigin="anonymous"
|
||||
referrerpolicy="no-referrer"
|
||||
class="_image_i91o9_45"
|
||||
class="_image_2lhia_45"
|
||||
data-type="round"
|
||||
width="16px"
|
||||
height="16px"
|
||||
|
@ -348,7 +348,7 @@ exports[`<TextualBody /> renders plain-text m.text correctly should pillify a pe
|
|||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
data-color="4"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar"
|
||||
style="--cpd-avatar-size: 16px"
|
||||
><img
|
||||
loading="lazy"
|
||||
|
@ -356,7 +356,7 @@ exports[`<TextualBody /> renders plain-text m.text correctly should pillify a pe
|
|||
src="mxc://avatar.url/room.png"
|
||||
crossorigin="anonymous"
|
||||
referrerpolicy="no-referrer"
|
||||
class="_image_i91o9_45"
|
||||
class="_image_2lhia_45"
|
||||
data-type="round"
|
||||
width="16px"
|
||||
height="16px"
|
||||
|
|
|
@ -20,7 +20,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
|
|||
role="presentation"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="7"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -96,7 +96,7 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
|
|||
<button
|
||||
aria-label="Profile picture"
|
||||
aria-live="off"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="3"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -6,7 +6,7 @@ exports[`<PinnedEventTile /> should render pinned event 1`] = `
|
|||
class="mx_PinnedEventTile"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar mx_PinnedEventTile_senderAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar mx_PinnedEventTile_senderAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="6"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -23,7 +23,7 @@ exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding mes
|
|||
</h3>
|
||||
<p>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="4"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -48,7 +48,7 @@ exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding mes
|
|||
</h3>
|
||||
<p>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="1"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -214,7 +214,7 @@ exports[`<RoomPreviewBar /> with an invite with an invited email when client has
|
|||
</h3>
|
||||
<p>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="4"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -272,7 +272,7 @@ exports[`<RoomPreviewBar /> with an invite without an invited email for a dm roo
|
|||
</h3>
|
||||
<p>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="4"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -337,7 +337,7 @@ exports[`<RoomPreviewBar /> with an invite without an invited email for a non-dm
|
|||
</h3>
|
||||
<p>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="4"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -14,7 +14,7 @@ exports[`RoomTile when message previews are enabled and there is a message in a
|
|||
class="mx_DecoratedRoomAvatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="7"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -88,7 +88,7 @@ exports[`RoomTile when message previews are enabled and there is a message in th
|
|||
class="mx_DecoratedRoomAvatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="7"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -162,7 +162,7 @@ exports[`RoomTile when message previews are enabled should render a room without
|
|||
class="mx_DecoratedRoomAvatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="7"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -224,7 +224,7 @@ exports[`RoomTile when message previews are not enabled should render the room 1
|
|||
class="mx_DecoratedRoomAvatar"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="7"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -17,7 +17,7 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests fully 1`]
|
|||
>
|
||||
<span
|
||||
aria-label="Profile picture"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar"
|
||||
data-color="4"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
@ -26,7 +26,7 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests fully 1`]
|
|||
>
|
||||
<img
|
||||
alt=""
|
||||
class="_image_i91o9_45"
|
||||
class="_image_2lhia_45"
|
||||
crossorigin="anonymous"
|
||||
data-type="round"
|
||||
height="42px"
|
||||
|
@ -111,7 +111,7 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests reduced 1`
|
|||
class="mx_PeopleRoomSettingsTab_knock"
|
||||
>
|
||||
<span
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
|
||||
data-color="4"
|
||||
data-testid="avatar-img"
|
||||
data-type="round"
|
||||
|
|
|
@ -26,7 +26,7 @@ exports[`<AddExistingToSpaceDialog /> looks as expected 1`] = `
|
|||
>
|
||||
<span
|
||||
aria-label="Avatar"
|
||||
class="_avatar_i91o9_17 mx_BaseAvatar"
|
||||
class="_avatar_2lhia_17 mx_BaseAvatar"
|
||||
data-color="6"
|
||||
data-testid="avatar-img"
|
||||
data-type="square"
|
||||
|
@ -34,7 +34,7 @@ exports[`<AddExistingToSpaceDialog /> looks as expected 1`] = `
|
|||
>
|
||||
<img
|
||||
alt=""
|
||||
class="_image_i91o9_45"
|
||||
class="_image_2lhia_45"
|
||||
crossorigin="anonymous"
|
||||
data-type="square"
|
||||
height="40px"
|
||||
|
|
File diff suppressed because one or more lines are too long
170
yarn.lock
170
yarn.lock
|
@ -1251,13 +1251,20 @@
|
|||
resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
|
||||
integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
|
||||
|
||||
"@babel/runtime@^7.0.0", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.14.6", "@babel/runtime@^7.15.4", "@babel/runtime@^7.17.9", "@babel/runtime@^7.20.7", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
|
||||
"@babel/runtime@^7.0.0", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.14.6", "@babel/runtime@^7.15.4", "@babel/runtime@^7.17.9", "@babel/runtime@^7.20.7", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
|
||||
version "7.22.10"
|
||||
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.10.tgz#ae3e9631fd947cb7e3610d3e9d8fef5f76696682"
|
||||
integrity sha512-21t/fkKLMZI4pqP2wlmsQAWnYW1PDyKyyUV4vCi+B25ydmdaYTKXPwCj0BzSUnZf4seIiYvSA3jcZ3gdsMFkLQ==
|
||||
dependencies:
|
||||
regenerator-runtime "^0.14.0"
|
||||
|
||||
"@babel/runtime@^7.13.10":
|
||||
version "7.22.11"
|
||||
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.11.tgz#7a9ba3bbe406ad6f9e8dd4da2ece453eb23a77a4"
|
||||
integrity sha512-ee7jVNlWN09+KftVOu9n7S8gQzD/Z6hN/I8VBRXW4P1+Xe7kJGXMwu8vds4aGIMHZnNbdpSWCfZZtinytpcAvA==
|
||||
dependencies:
|
||||
regenerator-runtime "^0.14.0"
|
||||
|
||||
"@babel/template@^7.20.7":
|
||||
version "7.20.7"
|
||||
resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
|
||||
|
@ -1429,6 +1436,33 @@
|
|||
resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.44.0.tgz#961a5903c74139390478bdc808bcde3fc45ab7af"
|
||||
integrity sha512-Ag+9YM4ocKQx9AarydN0KY2j0ErMHNIocPDrVo8zAE44xLTjEtz81OdR68/cydGtk6m6jDb5Za3r2useMzYmSw==
|
||||
|
||||
"@floating-ui/core@^1.4.1":
|
||||
version "1.4.1"
|
||||
resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.4.1.tgz#0d633f4b76052668afb932492ac452f7ebe97f17"
|
||||
integrity sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==
|
||||
dependencies:
|
||||
"@floating-ui/utils" "^0.1.1"
|
||||
|
||||
"@floating-ui/dom@^1.3.0":
|
||||
version "1.5.1"
|
||||
resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.5.1.tgz#88b70defd002fe851f17b4a25efb2d3c04d7a8d7"
|
||||
integrity sha512-KwvVcPSXg6mQygvA1TjbN/gh///36kKtllIF8SUm0qpFj8+rvYrpvlYdL1JoA71SHpDqgSSdGOSoQ0Mp3uY5aw==
|
||||
dependencies:
|
||||
"@floating-ui/core" "^1.4.1"
|
||||
"@floating-ui/utils" "^0.1.1"
|
||||
|
||||
"@floating-ui/react-dom@^2.0.0":
|
||||
version "2.0.1"
|
||||
resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.0.1.tgz#7972a4fc488a8c746cded3cfe603b6057c308a91"
|
||||
integrity sha512-rZtAmSht4Lry6gdhAJDrCp/6rKN7++JnL1/Anbr/DdeyYXQPxvg/ivrbYvJulbRf4vL8b212suwMM2lxbv+RQA==
|
||||
dependencies:
|
||||
"@floating-ui/dom" "^1.3.0"
|
||||
|
||||
"@floating-ui/utils@^0.1.1":
|
||||
version "0.1.1"
|
||||
resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.1.1.tgz#1a5b1959a528e374e8037c4396c3e825d6cf4a83"
|
||||
integrity sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw==
|
||||
|
||||
"@humanwhocodes/config-array@^0.11.10":
|
||||
version "0.11.10"
|
||||
resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.10.tgz#5a3ffe32cc9306365fb3fd572596cd602d5e12d2"
|
||||
|
@ -2194,6 +2228,14 @@
|
|||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
|
||||
"@radix-ui/react-arrow@1.0.3":
|
||||
version "1.0.3"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-arrow/-/react-arrow-1.0.3.tgz#c24f7968996ed934d57fe6cde5d6ec7266e1d25d"
|
||||
integrity sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/react-primitive" "1.0.3"
|
||||
|
||||
"@radix-ui/react-compose-refs@1.0.1":
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz#7ed868b66946aa6030e580b1ffca386dd4d21989"
|
||||
|
@ -2208,6 +2250,18 @@
|
|||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
|
||||
"@radix-ui/react-dismissable-layer@1.0.4":
|
||||
version "1.0.4"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.4.tgz#883a48f5f938fa679427aa17fcba70c5494c6978"
|
||||
integrity sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/primitive" "1.0.1"
|
||||
"@radix-ui/react-compose-refs" "1.0.1"
|
||||
"@radix-ui/react-primitive" "1.0.3"
|
||||
"@radix-ui/react-use-callback-ref" "1.0.1"
|
||||
"@radix-ui/react-use-escape-keydown" "1.0.3"
|
||||
|
||||
"@radix-ui/react-form@^0.0.3":
|
||||
version "0.0.3"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-form/-/react-form-0.0.3.tgz#328e7163e723ccc748459d66a2d685d7b4f85d5a"
|
||||
|
@ -2237,6 +2291,40 @@
|
|||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/react-primitive" "1.0.3"
|
||||
|
||||
"@radix-ui/react-popper@1.1.2":
|
||||
version "1.1.2"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-popper/-/react-popper-1.1.2.tgz#4c0b96fcd188dc1f334e02dba2d538973ad842e9"
|
||||
integrity sha512-1CnGGfFi/bbqtJZZ0P/NQY20xdG3E0LALJaLUEoKwPLwl6PPPfbeiCqMVQnhoFRAxjJj4RpBRJzDmUgsex2tSg==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
"@floating-ui/react-dom" "^2.0.0"
|
||||
"@radix-ui/react-arrow" "1.0.3"
|
||||
"@radix-ui/react-compose-refs" "1.0.1"
|
||||
"@radix-ui/react-context" "1.0.1"
|
||||
"@radix-ui/react-primitive" "1.0.3"
|
||||
"@radix-ui/react-use-callback-ref" "1.0.1"
|
||||
"@radix-ui/react-use-layout-effect" "1.0.1"
|
||||
"@radix-ui/react-use-rect" "1.0.1"
|
||||
"@radix-ui/react-use-size" "1.0.1"
|
||||
"@radix-ui/rect" "1.0.1"
|
||||
|
||||
"@radix-ui/react-portal@1.0.3":
|
||||
version "1.0.3"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-portal/-/react-portal-1.0.3.tgz#ffb961244c8ed1b46f039e6c215a6c4d9989bda1"
|
||||
integrity sha512-xLYZeHrWoPmA5mEKEfZZevoVRK/Q43GfzRXkWV6qawIWWK8t6ifIiLQdd7rmQ4Vk1bmI21XhqF9BN3jWf+phpA==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/react-primitive" "1.0.3"
|
||||
|
||||
"@radix-ui/react-presence@1.0.1":
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.0.1.tgz#491990ba913b8e2a5db1b06b203cb24b5cdef9ba"
|
||||
integrity sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/react-compose-refs" "1.0.1"
|
||||
"@radix-ui/react-use-layout-effect" "1.0.1"
|
||||
|
||||
"@radix-ui/react-primitive@1.0.3":
|
||||
version "1.0.3"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz#d49ea0f3f0b2fe3ab1cb5667eb03e8b843b914d0"
|
||||
|
@ -2253,6 +2341,48 @@
|
|||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/react-compose-refs" "1.0.1"
|
||||
|
||||
"@radix-ui/react-tooltip@^1.0.6":
|
||||
version "1.0.6"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-tooltip/-/react-tooltip-1.0.6.tgz#87a7786cd9f2b4de957ac645afae1575339c58b0"
|
||||
integrity sha512-DmNFOiwEc2UDigsYj6clJENma58OelxD24O4IODoZ+3sQc3Zb+L8w1EP+y9laTuKCLAysPw4fD6/v0j4KNV8rg==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/primitive" "1.0.1"
|
||||
"@radix-ui/react-compose-refs" "1.0.1"
|
||||
"@radix-ui/react-context" "1.0.1"
|
||||
"@radix-ui/react-dismissable-layer" "1.0.4"
|
||||
"@radix-ui/react-id" "1.0.1"
|
||||
"@radix-ui/react-popper" "1.1.2"
|
||||
"@radix-ui/react-portal" "1.0.3"
|
||||
"@radix-ui/react-presence" "1.0.1"
|
||||
"@radix-ui/react-primitive" "1.0.3"
|
||||
"@radix-ui/react-slot" "1.0.2"
|
||||
"@radix-ui/react-use-controllable-state" "1.0.1"
|
||||
"@radix-ui/react-visually-hidden" "1.0.3"
|
||||
|
||||
"@radix-ui/react-use-callback-ref@1.0.1":
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz#f4bb1f27f2023c984e6534317ebc411fc181107a"
|
||||
integrity sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
|
||||
"@radix-ui/react-use-controllable-state@1.0.1":
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.1.tgz#ecd2ced34e6330caf89a82854aa2f77e07440286"
|
||||
integrity sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/react-use-callback-ref" "1.0.1"
|
||||
|
||||
"@radix-ui/react-use-escape-keydown@1.0.3":
|
||||
version "1.0.3"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz#217b840c250541609c66f67ed7bab2b733620755"
|
||||
integrity sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/react-use-callback-ref" "1.0.1"
|
||||
|
||||
"@radix-ui/react-use-layout-effect@1.0.1":
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.1.tgz#be8c7bc809b0c8934acf6657b577daf948a75399"
|
||||
|
@ -2260,6 +2390,37 @@
|
|||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
|
||||
"@radix-ui/react-use-rect@1.0.1":
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-use-rect/-/react-use-rect-1.0.1.tgz#fde50b3bb9fd08f4a1cd204572e5943c244fcec2"
|
||||
integrity sha512-Cq5DLuSiuYVKNU8orzJMbl15TXilTnJKUCltMVQg53BQOF1/C5toAaGrowkgksdBQ9H+SRL23g0HDmg9tvmxXw==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/rect" "1.0.1"
|
||||
|
||||
"@radix-ui/react-use-size@1.0.1":
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-use-size/-/react-use-size-1.0.1.tgz#1c5f5fea940a7d7ade77694bb98116fb49f870b2"
|
||||
integrity sha512-ibay+VqrgcaI6veAojjofPATwledXiSmX+C0KrBk/xgpX9rBzPV3OsfwlhQdUOFbh+LKQorLYT+xTXW9V8yd0g==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/react-use-layout-effect" "1.0.1"
|
||||
|
||||
"@radix-ui/react-visually-hidden@1.0.3":
|
||||
version "1.0.3"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.0.3.tgz#51aed9dd0fe5abcad7dee2a234ad36106a6984ac"
|
||||
integrity sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
"@radix-ui/react-primitive" "1.0.3"
|
||||
|
||||
"@radix-ui/rect@1.0.1":
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/@radix-ui/rect/-/rect-1.0.1.tgz#bf8e7d947671996da2e30f4904ece343bc4a883f"
|
||||
integrity sha512-fyrgCaedtvMg9NK3en0pnOYJdtfwxUcNolezkNPUsoX57X8oQk+NkqcvzHXD2uKNij6GXmWU9NDru2IWjrO4BQ==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.13.10"
|
||||
|
||||
"@sentry-internal/tracing@7.64.0":
|
||||
version "7.64.0"
|
||||
resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.64.0.tgz#3e110473b8edf805b799cc91d6ee592830237bb4"
|
||||
|
@ -2903,11 +3064,12 @@
|
|||
svg2vectordrawable "^2.9.1"
|
||||
|
||||
"@vector-im/compound-web@^0.2.3":
|
||||
version "0.2.10"
|
||||
resolved "https://registry.yarnpkg.com/@vector-im/compound-web/-/compound-web-0.2.10.tgz#7178844159338ccaca63e0acce3a1ce94768f79c"
|
||||
integrity sha512-dnD4ffbANPwWlApXxy5g3prcAD8WjGhtGbLMW5JiOruYwLNRFZ75XaTI22pYykfyl03VZeXapAfU/pNm/jZE1A==
|
||||
version "0.2.15"
|
||||
resolved "https://registry.yarnpkg.com/@vector-im/compound-web/-/compound-web-0.2.15.tgz#89121053cae95cc4fa82b84fc4ebf87cdf75c564"
|
||||
integrity sha512-F4ay88XJH9LkGrHcpHyJnqqkWOdYmzwLbTQjbjokKwOPeDvcLJDZkTyRR03GbU8Ir/tlGYSx0TbrXA5XQI0g3A==
|
||||
dependencies:
|
||||
"@radix-ui/react-form" "^0.0.3"
|
||||
"@radix-ui/react-tooltip" "^1.0.6"
|
||||
classnames "^2.3.2"
|
||||
graphemer "^1.4.0"
|
||||
rimraf "^3.0.1"
|
||||
|
|
Loading…
Reference in a new issue