2024-02-15 20:20:27 +02:00
|
|
|
export default {
|
|
|
|
|
name: 'Alert',
|
|
|
|
|
selector: '.alert',
|
2026-01-06 16:22:52 +02:00
|
|
|
validInnerComponents: ['Text', 'Icon', 'Link', 'Border', 'ButtonUnstyled'],
|
2024-02-15 20:20:27 +02:00
|
|
|
variants: {
|
|
|
|
|
normal: '.neutral',
|
|
|
|
|
error: '.error',
|
|
|
|
|
warning: '.warning',
|
2026-01-06 16:22:52 +02:00
|
|
|
success: '.success',
|
2024-02-15 20:20:27 +02:00
|
|
|
},
|
2024-09-26 22:31:28 +03:00
|
|
|
editor: {
|
|
|
|
|
border: 1,
|
2026-01-06 16:22:52 +02:00
|
|
|
aspect: '3 / 1',
|
2024-09-26 22:31:28 +03:00
|
|
|
},
|
2024-02-15 20:20:27 +02:00
|
|
|
defaultRules: [
|
|
|
|
|
{
|
|
|
|
|
directives: {
|
|
|
|
|
background: '--text',
|
2024-02-27 22:02:25 +02:00
|
|
|
opacity: 0.5,
|
2026-01-06 16:22:52 +02:00
|
|
|
blur: '9px',
|
|
|
|
|
},
|
2024-02-15 20:20:27 +02:00
|
|
|
},
|
2024-02-16 00:29:16 +02:00
|
|
|
{
|
|
|
|
|
parent: {
|
2026-01-06 16:22:52 +02:00
|
|
|
component: 'Alert',
|
2024-02-16 00:29:16 +02:00
|
|
|
},
|
|
|
|
|
component: 'Border',
|
2024-09-20 12:50:05 +03:00
|
|
|
directives: {
|
2026-01-06 16:22:52 +02:00
|
|
|
textColor: '--parent',
|
|
|
|
|
},
|
2024-02-16 00:29:16 +02:00
|
|
|
},
|
2024-02-15 20:20:27 +02:00
|
|
|
{
|
|
|
|
|
variant: 'error',
|
|
|
|
|
directives: {
|
2026-01-06 16:22:52 +02:00
|
|
|
background: '--cRed',
|
|
|
|
|
},
|
2024-02-15 20:20:27 +02:00
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
variant: 'warning',
|
|
|
|
|
directives: {
|
2026-01-06 16:22:52 +02:00
|
|
|
background: '--cOrange',
|
|
|
|
|
},
|
2024-02-15 20:20:27 +02:00
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
variant: 'success',
|
|
|
|
|
directives: {
|
2026-01-06 16:22:52 +02:00
|
|
|
background: '--cGreen',
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
],
|
2024-02-15 20:20:27 +02:00
|
|
|
}
|