jamespatrickgibson / union

A design system boilerplate for Svelte & CSS
http://www.designwithunion.com
2 stars 2 forks source link

wip #43

Closed peterbsmyth closed 3 years ago

peterbsmyth commented 4 years ago

started with making a text input

i referenced the work in ems-gui, angular material, the other parts of union...

i saw the "Field" component in union, which might be the same thing in spirit as the "FormField" in this PR.

you'll notice the pillaging.

the stopping point was replacing "$text-subtle" because in ems-gui its a reference to a derived blue variable. here it would need to reference a theme.

trash is trash. this is not meant to be merged.

has anything come from this? we chatted about the depth of work that goes into making interactive docs being a trade-off to making the components themselves. after looking at the complexity of angular materials form-field, it's clearer now that the focus on the components themselves is the best use of effort in the beginning.

jamespatrickgibson commented 4 years ago

I was playing with idea of the field component that has the functionality similar to what's being implemented here. I think the variables that come from ems-gui are a bit more opinionated than this project, so we might want to figure a way to add tokens in a semi-themable way, or let the project have it's own opinions about form structure. Gotta think about that.

jamespatrickgibson commented 4 years ago

Yeah, I think at this stage, I think getting a core set of primitive components setup in a simple way is certainly the way to go. Keep things simple until the system has matured a bit.