<!-- AUTO-GENERATED FILE. Do not edit manually. -->

# Token Reference Table

This table lists all tokens for this component:

| Token | Description |
|-------|------------|
| container.shadow | Controls the drop shadow effect around message containers (notification boxes that show alerts, warnings, or success messages). This creates a subtle shadow that makes the message appear to float above the background.<br>CSS variable: --wm-message-container-shadow |
| container.border.radius | Controls the corner rounding of message containers (notification boxes). This makes the message appear with rounded corners instead of sharp edges for a softer appearance.<br>CSS variable: --wm-message-container-border-radius |
| container.border.width | Controls the thickness of the outline around message containers (notification boxes). This creates a colored border around the message to define its boundaries.<br>CSS variable: --wm-message-container-border-width |
| container.border.style | Controls the style of the outline around message containers. 'solid' creates a continuous line, 'dashed' creates a dotted line, 'dotted' creates small dots, 'none' removes the border.<br>CSS variable: --wm-message-container-border-style |
| container.border.color | Sets the color of the outline around message containers (notification boxes). This creates a colored border around the message to define its boundaries.<br>CSS variable: --wm-message-container-border-color |
| container.padding | Controls the internal spacing inside message containers (the space between the message content and the container border). This creates breathing room around the message text and icons.<br>CSS variable: --wm-message-container-padding |
| container.gap | Controls the spacing between elements within message containers (like between icons and text, or between text and close buttons). This creates visual separation between different parts of the message.<br>CSS variable: --wm-message-container-gap |
| container.background | Sets the background color of message containers (notification boxes). This is the main background color that appears behind the message content.<br>CSS variable: --wm-message-container-background |
| container.color | Sets the text color of message containers (the color of the message text). This should contrast well with the background color for readability.<br>CSS variable: --wm-message-container-color |
| font-family | Sets the typeface (font style) for message text. This determines whether the message text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-message-font-family |
| font-weight | Controls how thick or bold message text appears. 'normal' makes it regular weight, 'bold' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-message-font-weight |
| font-size | Controls how large message text appears. Larger values make the message more prominent and easier to read, while smaller values make it more subtle.<br>CSS variable: --wm-message-font-size |
| line-height | Controls the vertical spacing between lines when message text wraps to multiple lines. Higher values create more space between lines for better readability.<br>CSS variable: --wm-message-line-height |
| letter-spacing | Controls the horizontal spacing between individual letters in message text. Positive values spread letters apart, negative values bring them closer together.<br>CSS variable: --wm-message-letter-spacing |