|
|
|
@ -24,6 +24,13 @@ export default {
|
|
|
|
|
shadow: ['--defaultButtonHoverGlow', '--defaultButtonBevel']
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
state: ['hover', 'active'],
|
|
|
|
|
directives: {
|
|
|
|
|
shadow: ['--defaultButtonShadow', '--defaultButtonBevel'],
|
|
|
|
|
opacity: 0
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
state: ['disabled'],
|
|
|
|
|
directives: {
|
|
|
|
@ -47,6 +54,26 @@ export default {
|
|
|
|
|
textOpacity: 0.25,
|
|
|
|
|
textOpacityMode: 'blend'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
component: 'Icon',
|
|
|
|
|
parent: {
|
|
|
|
|
component: 'Tab',
|
|
|
|
|
state: ['active']
|
|
|
|
|
},
|
|
|
|
|
directives: {
|
|
|
|
|
textColor: '--text'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
component: 'Icon',
|
|
|
|
|
parent: {
|
|
|
|
|
component: 'Tab',
|
|
|
|
|
state: ['active', 'hover']
|
|
|
|
|
},
|
|
|
|
|
directives: {
|
|
|
|
|
textColor: '--text'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|