| popover-border-color |
color-set |
- |
light: rgba(255, 255, 255, 0) %22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%228%22%20height%3D%228%22%20fill%3D%22%23e1e1e1%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%228%22%20height%3D%228%22%20fill%3D%22%23e1e1e1%22%2F%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22rgba(255%2C%20255%2C%20255%2C%200)%22%2F%3E%3Crect%20width%3D%2215%22%20height%3D%2215%22%20x%3D%220.5%22%20y%3D%220.5%22%20rx%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22rgba(0%2C0%2C0%2C0.42)%22%20stroke-width%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
dark: rgb(68, 68, 68) %22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22rgb(68%2C%2068%2C%2068)%22%2F%3E%3Crect%20width%3D%2215%22%20height%3D%2215%22%20x%3D%220.5%22%20y%3D%220.5%22%20rx%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22rgba(0%2C0%2C0%2C0.42)%22%20stroke-width%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
wireframe: rgb(214, 224, 246) %22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22rgb(214%2C%20224%2C%20246)%22%2F%3E%3Crect%20width%3D%2215%22%20height%3D%2215%22%20x%3D%220.5%22%20y%3D%220.5%22%20rx%3D%222.5%22%20fill%3D%22none%22%20stroke%3D%22rgba(0%2C0%2C0%2C0.42)%22%20stroke-width%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) |
No |
- |
- |
| popover-border-opacity |
color-set |
- |
light: 0
dark: 1.0
wireframe: 0 |
No |
- |
- |
| popover-edge-to-content-area |
alias |
{spacing-100} |
8px |
Yes |
Use semantic token popover-padding instead. |
Replaced by popover-padding |
| popover-gap |
alias |
{spacing-100} |
8px |
No |
- |
- |
| popover-padding |
alias |
{spacing-100} |
8px |
No |
- |
- |
| popover-tip-height |
dimension |
8px |
8px |
No |
- |
- |
| popover-tip-width |
dimension |
16px |
16px |
No |
- |
- |
| popover-top-to-content-area |
alias |
{popover-edge-to-content-area} |
8px |
Yes |
Introduced as an error. Use popover-edge-to-content-area instead |
Replaced by popover-edge-to-content-area |