buttons look great now, including unstyled ones menu items work too

This commit is contained in:
Henry Jameson 2024-02-12 17:26:08 +02:00
commit ae345d2c45
33 changed files with 224 additions and 249 deletions

View file

@ -16,6 +16,7 @@ import MenuItem from 'src/components/menu_item.style.js'
import Panel from 'src/components/panel.style.js'
import PanelHeader from 'src/components/panel_header.style.js'
import Button from 'src/components/button.style.js'
import ButtonUnstyled from 'src/components/button_unstyled.style.js'
import Input from 'src/components/input.style.js'
import Text from 'src/components/text.style.js'
import Link from 'src/components/link.style.js'
@ -49,6 +50,7 @@ const components = {
PanelHeader,
TopBar,
Button,
ButtonUnstyled,
Input
}
@ -208,7 +210,6 @@ export const init = (extraRuleset, palette) => {
})
.map(({ data }) => data)
console.log(ruleset)
const virtualComponents = new Set(Object.values(components).filter(c => c.virtual).map(c => c.name))
const addRule = (rule) => {
@ -437,11 +438,6 @@ export const init = (extraRuleset, palette) => {
}
}
if (component.name === 'Text' && combination.variant === 'normal' && computedRule.parent.component === 'MenuItem' && computedRule.parent.state.indexOf('hover') >= 0) {
console.log(existingRules)
console.log(computedRule, newTextRule)
}
dynamicVars.inheritedBackground = lowerLevelBackground
// TODO properly provide "parent" text color?