BaseLibraries/MattrixwvReactComponents
1
0
Fork 0
Code Issues 3 Packages Projects Releases Wiki Activity

Update message blocks

Browse Source
This commit is contained in:
Matthew Ellison
2026-02-14 17:10:48 -05:00
parent 31c44d3d92
commit bcc5de6d7e
11 changed files with 33 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
lib/component/message/DangerMessageBlock.tsx
View File

@@ -1,13 +1,12 @@
import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import MessageBlock from "./MessageBlock";
const DangerMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
export default function DangerMessageBlock({
className,
...messageProps
}, ref ) => {
}: Readonly<MessageBlockProps>){
return (
<MessageBlock
data-testid="mattrixwv-danger-message-block"
@@ -15,12 +14,7 @@ const DangerMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
className,
"bg-danger-xlight text-danger-dark"
)}
ref={ref}
{...messageProps}
/>
);
});
DangerMessageBlock.displayName = "DangerMessageBlock";
export default DangerMessageBlock;
}

12
lib/component/message/DarkMessageBlock.tsx
View File

@@ -1,13 +1,12 @@
import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import MessageBlock from "./MessageBlock";
const DarkMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
export default function DarkMessageBlock({
className,
...messageProps
}, ref ) => {
}: Readonly<MessageBlockProps>){
return (
<MessageBlock
data-testid="mattrixwv-dark-message-block"
@@ -15,12 +14,7 @@ const DarkMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
className,
"bg-dark text-dark-xlight"
)}
ref={ref}
{...messageProps}
/>
);
});
DarkMessageBlock.displayName = "DarkMessageBlock";
export default DarkMessageBlock;
}

12
lib/component/message/InfoMessageBlock.tsx
View File

@@ -1,13 +1,12 @@
import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import MessageBlock from "./MessageBlock";
const InfoMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
export default function InfoMessageBlock({
className,
...messageProps
}, ref ) => {
}: Readonly<MessageBlockProps>){
return (
<MessageBlock
data-testid="mattrixwv-info-message-block"
@@ -15,12 +14,7 @@ const InfoMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
className,
"bg-info-xlight text-info-xdark"
)}
ref={ref}
{...messageProps}
/>
);
});
InfoMessageBlock.displayName = "InfoMessageBlock";
export default InfoMessageBlock;
}

12
lib/component/message/LightMessageBlock.tsx
View File

@@ -1,13 +1,12 @@
import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import MessageBlock from "./MessageBlock";
const LightMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
export default function LightMessageBlock({
className,
...messageProps
}, ref ) => {
}: Readonly<MessageBlockProps>){
return (
<MessageBlock
data-testid="mattrixwv-light-message-block"
@@ -15,12 +14,7 @@ const LightMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
className,
"bg-white text-black"
)}
ref={ref}
{...messageProps}
/>
);
});
LightMessageBlock.displayName = "LightMessageBlock";
export default LightMessageBlock;
}

12
lib/component/message/MessageBlock.tsx
View File

@@ -1,14 +1,13 @@
import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
const MessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
export default function MessageBlock({
className,
outline = "sm",
rounded = "lg",
...messageProps
}, ref ) => {
}: Readonly<MessageBlockProps>){
return (
<div
data-testid="mattrixwv-message-block"
@@ -30,12 +29,7 @@ const MessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
"rounded-xl": rounded === "xl"
}
)}
ref={ref}
{...messageProps}
/>
);
});
MessageBlock.displayName = "MessageBlock";
export default MessageBlock;
}

12
lib/component/message/MoltenMessageBlock.tsx
View File

@@ -1,13 +1,12 @@
import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import MessageBlock from "./MessageBlock";
const MoltenMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
export default function MoltenMessageBlock({
className,
...messageProps
}, ref ) => {
}: Readonly<MessageBlockProps>){
return (
<MessageBlock
data-testid="mattrixwv-molten-message-block"
@@ -15,12 +14,7 @@ const MoltenMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
className,
"bg-molten-xlight text-molten-mid"
)}
ref={ref}
{...messageProps}
/>
);
});
MoltenMessageBlock.displayName = "MoltenMessageBlock";
export default MoltenMessageBlock;
}

12
lib/component/message/PrimaryMessageBlock.tsx
View File

@@ -1,13 +1,12 @@
import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import MessageBlock from "./MessageBlock";
const PrimaryMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
export default function PrimaryMessageBlock({
className,
...messageProps
}, ref ) => {
}: Readonly<MessageBlockProps>){
return (
<MessageBlock
data-testid="mattrixwv-primary-message-block"
@@ -15,12 +14,7 @@ const PrimaryMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
className,
"bg-primary-xlight text-primary-dark"
)}
ref={ref}
{...messageProps}
/>
);
});
PrimaryMessageBlock.displayName = "PrimaryMessageBlock";
export default PrimaryMessageBlock;
}

12
lib/component/message/SecondaryMessageBlock.tsx
View File

@@ -1,13 +1,12 @@
import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import MessageBlock from "./MessageBlock";
const SecondaryMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
export default function SecondaryMessageBlock({
className,
...messageProps
}, ref ) => {
}: Readonly<MessageBlockProps>){
return (
<MessageBlock
data-testid="mattrixwv-secondary-message-block"
@@ -15,12 +14,7 @@ const SecondaryMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
className,
"bg-secondary-xlight text-secondary-mid"
)}
ref={ref}
{...messageProps}
/>
);
});
SecondaryMessageBlock.displayName = "SecondaryMessageBlock";
export default SecondaryMessageBlock;
}

12
lib/component/message/SuccessMessageBlock.tsx
View File

@@ -1,13 +1,12 @@
import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import MessageBlock from "./MessageBlock";
const SuccessMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
export default function SuccessMessageBlock({
className,
...messageProps
}, ref ) => {
}: Readonly<MessageBlockProps>){
return (
<MessageBlock
data-testid="mattrixwv-success-message-block"
@@ -15,12 +14,7 @@ const SuccessMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
className,
"bg-success-xlight text-success-mid"
)}
ref={ref}
{...messageProps}
/>
);
});
SuccessMessageBlock.displayName = "SuccessMessageBlock";
export default SuccessMessageBlock;
}

12
lib/component/message/TertiaryMessageBlock.tsx
View File

@@ -1,13 +1,12 @@
import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import MessageBlock from "./MessageBlock";
const TertiaryMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
export default function TertiaryMessageBlock({
className,
...messageProps
}, ref ) => {
}: Readonly<MessageBlockProps>){
return (
<MessageBlock
data-testid="mattrixwv-tertiary-message-block"
@@ -15,12 +14,7 @@ const TertiaryMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
className,
"bg-tertiary-xlight text-tertiary-mid"
)}
ref={ref}
{...messageProps}
/>
);
});
TertiaryMessageBlock.displayName = "TertiaryMessageBlock";
export default TertiaryMessageBlock;
}

12
lib/component/message/WarningMessageBlock.tsx
View File

@@ -1,13 +1,12 @@
import type { MessageBlockProps } from "$/types/MessageTypes";
import clsx from "clsx";
import { forwardRef } from "react";
import MessageBlock from "./MessageBlock";
const WarningMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
export default function WarningMessageBlock({
className,
...messageProps
}, ref ) => {
}: Readonly<MessageBlockProps>){
return (
<MessageBlock
data-testid="mattrixwv-warning-message-block"
@@ -15,12 +14,7 @@ const WarningMessageBlock = forwardRef<HTMLDivElement, MessageBlockProps>(({
className,
"bg-warning-xlight text-warning-dark"
)}
ref={ref}
{...messageProps}
/>
);
});
WarningMessageBlock.displayName = "WarningMessageBlock";
export default WarningMessageBlock;
}