42 lines
655 B
JavaScript
42 lines
655 B
JavaScript
|
export default {
|
||
|
|
name: 'Alert',
|
||
|
|
selector: '.alert',
|
||
|
|
validInnerComponents: [
|
||
|
|
'Text',
|
||
|
|
'Icon',
|
||
|
|
'Link',
|
||
|
|
'Border'
|
||
|
|
],
|
||
|
|
variants: {
|
||
|
|
normal: '.neutral',
|
||
|
|
error: '.error',
|
||
|
|
warning: '.warning',
|
||
|
|
success: '.success'
|
||
|
|
},
|
||
|
|
defaultRules: [
|
||
|
|
{
|
||
|
|
directives: {
|
||
|
|
background: '--text',
|
||
|
|
opacity: 0.8
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
variant: 'error',
|
||
|
|
directives: {
|
||
|
|
background: '--cRed'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
variant: 'warning',
|
||
|
|
directives: {
|
||
|
|
background: '--cOrange'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
variant: 'success',
|
||
|
|
directives: {
|
||
|
|
background: '--cGreen'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|