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

# Token Reference Table

This table lists all tokens for this component:

| Token | Description |
|-------|------------|
| full.screen.background | Sets the background color of the full-screen search overlay.<br>CSS variable: --wm-search-full-screen-background |
| back.btn.margin | Controls external spacing around the back button.<br>CSS variable: --wm-search-back-btn-margin |
| dropdown.menu.background | Sets the background color of the dropdown menu.<br>CSS variable: --wm-search-dropdown-menu-background |
| dropdown.menu.border.radius | Controls the border radius of the dropdown menu.<br>CSS variable: --wm-search-dropdown-menu-border-radius |
| dropdown.menu.box.shadow | Controls the drop shadow effect of the dropdown menu.<br>CSS variable: --wm-search-dropdown-menu-box-shadow |
| dropdown.menu.height | Controls the maximum height of the dropdown menu.<br>CSS variable: --wm-search-dropdown-menu-height |
| dropdown.menu.margin | Controls external spacing around the dropdown menu.<br>CSS variable: --wm-search-dropdown-menu-margin |
| dropdown.menu.z.index | Controls the z-index stacking order of the dropdown menu.<br>CSS variable: --wm-search-dropdown-menu-z-index |
| dropdown.menu.item.height | Controls the height of dropdown menu items.<br>CSS variable: --wm-search-dropdown-menu-item-height |
| dropdown.menu.item.font.family | Sets the font family for dropdown menu item text.<br>CSS variable: --wm-search-dropdown-menu-item-font-family |
| dropdown.menu.item.font.size | Controls the size of dropdown menu item text.<br>CSS variable: --wm-search-dropdown-menu-item-font-size |
| dropdown.menu.item.font.weight | Controls the weight of dropdown menu item text.<br>CSS variable: --wm-search-dropdown-menu-item-font-weight |
| dropdown.menu.item.line-height | Sets the line height for dropdown menu item text.<br>CSS variable: --wm-search-dropdown-menu-item-line-height |
| dropdown.menu.item.color | Sets the text color of dropdown menu items.<br>CSS variable: --wm-search-dropdown-menu-item-color |
| dropdown.menu.item.gap | Controls spacing between elements within dropdown menu items.<br>CSS variable: --wm-search-dropdown-menu-item-gap |
| dropdown.menu.item.padding | Sets internal spacing within dropdown menu items.<br>CSS variable: --wm-search-dropdown-menu-item-padding |
| dropdown.menu.item.state.layer.color | Sets the color of the state layer overlay for dropdown menu items.<br>CSS variable: --wm-search-dropdown-menu-item-state-layer-color |
| dropdown.menu.item.img.radius | Controls the border radius of images in dropdown menu items.<br>CSS variable: --wm-search-dropdown-menu-item-img-radius |
| dropdown.menu.group.item.color | Sets the text color of dropdown menu group items.<br>CSS variable: --wm-search-dropdown-menu-group-item-color |
| dropdown.menu.group.item.background | Sets the background color of dropdown menu group items.<br>CSS variable: --wm-search-dropdown-menu-group-item-background |
| dropdown.menu.group.item.gap | Controls spacing between elements within dropdown menu group items.<br>CSS variable: --wm-search-dropdown-menu-group-item-gap |
| dropdown.menu.group.item.padding | Sets internal spacing within dropdown menu group items.<br>CSS variable: --wm-search-dropdown-menu-group-item-padding |
| dropdown.menu.group.item.header.font-family | Sets the font family for dropdown menu group item headers.<br>CSS variable: --wm-search-dropdown-menu-group-item-header-font-family |
| dropdown.menu.group.item.header.font-size | Controls the size of dropdown menu group item header text.<br>CSS variable: --wm-search-dropdown-menu-group-item-header-font-size |
| dropdown.menu.group.item.header.font-weight | Controls the weight of dropdown menu group item header text.<br>CSS variable: --wm-search-dropdown-menu-group-item-header-font-weight |
| dropdown.menu.group.item.header.line-height | Sets the line height for dropdown menu group item header text.<br>CSS variable: --wm-search-dropdown-menu-group-item-header-line-height |
| dropdown.state.layer.opacity | Controls the opacity of the state layer overlay for dropdown items.<br>CSS variable: --wm-search-dropdown-state-layer-opacity |
| status.background | Sets the background color of the status message area.<br>CSS variable: --wm-search-status-background |
| status.padding | Sets internal spacing within the status message area.<br>CSS variable: --wm-search-status-padding |
| btn.position.left | Controls the left positioning of search buttons.<br>CSS variable: --wm-search-btn-position-left |
| btn.position.right | Controls the right positioning of search buttons.<br>CSS variable: --wm-search-btn-position-right |