sequential pushes
This commit is contained in:
parent
6c3800c184
commit
315bca67f0
1 changed files with 33 additions and 23 deletions
|
|
@ -191,14 +191,16 @@ export const convertTheme2To3 = (data) => {
|
||||||
newRules.push(rule)
|
newRules.push(rule)
|
||||||
|
|
||||||
if (rule.component === 'Button') {
|
if (rule.component === 'Button') {
|
||||||
newRules.push({ ...rule, component: 'ScrollbarElement' })
|
newRules.push(
|
||||||
newRules.push({ ...rule, component: 'Tab' })
|
{ ...rule, component: 'ScrollbarElement' },
|
||||||
newRules.push({
|
{ ...rule, component: 'Tab' },
|
||||||
...rule,
|
{
|
||||||
component: 'Tab',
|
...rule,
|
||||||
state: ['active'],
|
component: 'Tab',
|
||||||
directives: { opacity: 0 },
|
state: ['active'],
|
||||||
})
|
directives: { opacity: 0 },
|
||||||
|
},
|
||||||
|
)
|
||||||
}
|
}
|
||||||
if (rule.component === 'Panel') {
|
if (rule.component === 'Panel') {
|
||||||
newRules.push({ ...rule, component: 'Post' })
|
newRules.push({ ...rule, component: 'Post' })
|
||||||
|
|
@ -250,8 +252,10 @@ export const convertTheme2To3 = (data) => {
|
||||||
}
|
}
|
||||||
newRules.push(rule)
|
newRules.push(rule)
|
||||||
if (rule.component === 'Button') {
|
if (rule.component === 'Button') {
|
||||||
newRules.push({ ...rule, component: 'ScrollbarElement' })
|
newRules.push(
|
||||||
newRules.push({ ...rule, component: 'Tab' })
|
{ ...rule, component: 'ScrollbarElement' },
|
||||||
|
{ ...rule, component: 'Tab' },
|
||||||
|
)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
return newRules
|
return newRules
|
||||||
|
|
@ -349,16 +353,20 @@ export const convertTheme2To3 = (data) => {
|
||||||
newRules.push({ ...rule, parent: { component: 'Notification' } })
|
newRules.push({ ...rule, parent: { component: 'Notification' } })
|
||||||
}
|
}
|
||||||
if (key === 'buttonPressed') {
|
if (key === 'buttonPressed') {
|
||||||
newRules.push({ ...rule, state: ['toggled'] })
|
newRules.push(
|
||||||
newRules.push({ ...rule, state: ['toggled', 'focus'] })
|
{ ...rule, state: ['toggled'] },
|
||||||
newRules.push({ ...rule, state: ['pressed', 'focus'] })
|
{ ...rule, state: ['toggled', 'focus'] },
|
||||||
newRules.push({ ...rule, state: ['toggled', 'focus', 'hover'] })
|
{ ...rule, state: ['pressed', 'focus'] },
|
||||||
newRules.push({ ...rule, state: ['pressed', 'focus', 'hover'] })
|
{ ...rule, state: ['toggled', 'focus', 'hover'] },
|
||||||
|
{ ...rule, state: ['pressed', 'focus', 'hover'] },
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (rule.component === 'Button') {
|
if (rule.component === 'Button') {
|
||||||
newRules.push({ ...rule, component: 'ScrollbarElement' })
|
newRules.push(
|
||||||
newRules.push({ ...rule, component: 'Tab' })
|
{ ...rule, component: 'ScrollbarElement' },
|
||||||
|
{ ...rule, component: 'Tab' },
|
||||||
|
)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
return newRules
|
return newRules
|
||||||
|
|
@ -513,12 +521,14 @@ export const convertTheme2To3 = (data) => {
|
||||||
{ ...newRule, component: 'ScrollbarElement' },
|
{ ...newRule, component: 'ScrollbarElement' },
|
||||||
]
|
]
|
||||||
if (newRule.state?.includes('toggled')) {
|
if (newRule.state?.includes('toggled')) {
|
||||||
rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
|
rules.push(
|
||||||
rules.push({ ...newRule, state: [...newRule.state, 'hover'] })
|
{ ...newRule, state: [...newRule.state, 'focused'] },
|
||||||
rules.push({
|
{ ...newRule, state: [...newRule.state, 'hover'] },
|
||||||
...newRule,
|
{
|
||||||
state: [...newRule.state, 'hover', 'focused'],
|
...newRule,
|
||||||
})
|
state: [...newRule.state, 'hover', 'focused'],
|
||||||
|
},
|
||||||
|
)
|
||||||
}
|
}
|
||||||
if (newRule.state?.includes('hover')) {
|
if (newRule.state?.includes('hover')) {
|
||||||
rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
|
rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue