sequential pushes

This commit is contained in:
Henry Jameson 2026-08-04 21:27:02 +03:00
commit 315bca67f0

View file

@ -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'] })