1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
export default {
contentDependencies: ['generateColorStyleVariables'],
extraDependencies: ['html'],
relations: (relation) => ({
colorVariables:
relation('generateColorStyleVariables'),
}),
data: (color) => ({
color:
color ?? null,
}),
slots: {
color: {
validate: v => v.isColor,
},
context: {
validate: v => v.is(
'any-content',
'image-box',
'primary-only'),
default: 'any-content',
},
},
generate: (data, relations, slots) => ({
style:
relations.colorVariables.slots({
color: slots.color ?? data.color,
context: slots.context,
}).content,
}),
};
|
