PolarisTokens
| Token name | Current value | Figma usage | Description | |
|---|---|---|---|---|
--p-shadow-transparent | 0 0 0 0 transparent | Use shadow styles from UI kit | — | |
--p-shadow-faint | 0 1px 0 0 rgba(22, 29, 37, 0.05) | Use shadow styles from UI kit | — | |
--p-shadow-base | 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15) | Use shadow styles from UI kit | — | |
--p-shadow-deep | 0 0 0 1px rgba(6, 44, 82, 0.1), 0 2px 16px rgba(33, 43, 54, 0.08) | Use shadow styles from UI kit | — | |
--p-shadow-button | 0 1px 0 rgba(0, 0, 0, 0.05) | Use shadow styles from UI kit | — | |
--p-shadow-top-bar | 0 2px 2px -1px rgba(0, 0, 0, 0.15) | Use shadow styles from UI kit | — | |
--p-shadow-card | 0 0 5px rgba(23, 24, 24, 0.05), 0 1px 2px rgba(0, 0, 0, 0.15) | Use shadow styles from UI kit | — | |
--p-shadow-popover | 0 3px 6px -3px rgba(23, 24, 24, 0.08), 0 8px 20px -4px rgba(23, 24, 24, 0.12) | Use shadow styles from UI kit | — | |
--p-shadow-layer | 0 31px 41px 0 rgba(32, 42, 53, 0.2), 0 2px 16px 0 rgba(32, 42, 54, 0.08) | Use shadow styles from UI kit | — | |
--p-shadow-modal | 0 26px 80px rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.2) | Use shadow styles from UI kit | — | |
--p-shadows-inset-button | inset 0 -1px 0 rgba(0, 0, 0, 0.2) | Use shadow styles from UI kit | — | |
--p-shadows-inset-button-pressed | inset 0 1px 0 rgba(0, 0, 0, 0.15) | Use shadow styles from UI kit | — |