mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 08:52:34 +00:00
Tokens for Tree
This commit is contained in:
parent
c1986cd415
commit
3301bfe624
3 changed files with 118 additions and 73 deletions
|
@ -1,21 +1,50 @@
|
|||
export default {
|
||||
root: {
|
||||
background: '{content.background}',
|
||||
color: '{content.color}'
|
||||
color: '{content.color}',
|
||||
padding: '1rem',
|
||||
gap: '2px',
|
||||
indent: '1rem'
|
||||
},
|
||||
node: {
|
||||
padding: '0.375rem 0.625rem',
|
||||
borderRadius: '{content.border.radius}',
|
||||
hoverBackground: '{content.hover.background}',
|
||||
selectedBackground: '{highlight.background}',
|
||||
color: '{text.color}',
|
||||
hoverColor: '{text.hover.color}'
|
||||
hoverColor: '{text.hover.color}',
|
||||
selectedColor: '{highlight.color}',
|
||||
focusRing: {
|
||||
width: '{focus.ring.width}',
|
||||
style: '{focus.ring.style}',
|
||||
color: '{focus.ring.color}',
|
||||
offset: '{focus.ring.offset}',
|
||||
shadow: 'inset {focus.ring.shadow}'
|
||||
},
|
||||
gap: '0.25rem'
|
||||
},
|
||||
nodeIcon: {
|
||||
color: '{text.muted.color}',
|
||||
hoverColor: '{text.hover.muted.color}'
|
||||
hoverColor: '{text.hover.muted.color}',
|
||||
selectedColor: '{highlight.color}'
|
||||
},
|
||||
nodeToggleButton: {
|
||||
borderRadius: '50%',
|
||||
size: '1.75rem',
|
||||
hoverBackground: '{content.hover.background}',
|
||||
highlightHoverBackground: '{content.background}',
|
||||
selectedHoverBackground: '{content.background}',
|
||||
color: '{text.muted.color}',
|
||||
hoverColor: '{text.hover.muted.color}'
|
||||
hoverColor: '{text.hover.muted.color}',
|
||||
selectedHoverColor: '{primary.color}',
|
||||
focusRing: {
|
||||
width: '{focus.ring.width}',
|
||||
style: '{focus.ring.style}',
|
||||
color: '{focus.ring.color}',
|
||||
offset: '{focus.ring.offset}',
|
||||
shadow: '{focus.ring.shadow}'
|
||||
}
|
||||
},
|
||||
loadingIcon: {
|
||||
size: '2rem'
|
||||
}
|
||||
};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue