Componentsv2.189.0
Iconsv1.19.0
MCPv0.8.61
Tokensv0.34.3
Elevation
Box shadow and filter shadow tokens for depth and focus.
Box shadow
| Name | Underlying Value | |
|---|---|---|
depth-inset themeVars.depth['inset'] | 1px 1px 2px 0px #34344614 | |
depth-onset themeVars.depth['onset'] | inset 1px 1px 2px 0px #34344614 | |
depth-surface-1 themeVars.depth['surface-1'] | 1px 2px 2px 0px #3434460a, 2px 2px 4px 0px #34344603 | |
depth-surface-2 themeVars.depth['surface-2'] | 0px 2px 6px 0px #0000000a, 0px 4px 12px 0px #00000014 | |
depth-surface-3 themeVars.depth['surface-3'] | 1px 2px 2px 0px #34344603, 4px 4px 24px 0px #34344629 | |
focus themeVars.focus['default'] | 0px 0px 0px 4px color-border-focus, 0px 0px 0px 2px color-surface-base |
Filter shadow
| Name | Underlying Value | |
|---|---|---|
depth-filter-surface-1 themeVars['depth-filter']['surface-1'] | drop-shadow(1px 2px calc(2px / 2) #3434460a) drop-shadow(2px 2px calc(4px / 2) #34344603) | |
depth-filter-surface-2 themeVars['depth-filter']['surface-2'] | drop-shadow(0px 2px calc(6px / 2) #0000000a) drop-shadow(0px 4px calc(12px / 2) #00000014) | |
depth-filter-surface-3 themeVars['depth-filter']['surface-3'] | drop-shadow(1px 2px calc(2px / 2) #34344603) drop-shadow(4px 4px calc(24px / 2) #34344629) |