Unnest styles

[difernandez]

Context

• Banano is a component library for use in our projects
• A feature we're going to include is a classes, which is an object with keys that correspond to internal elements ofo a component, and allows to include new classes to those elements. This classes don't completely replace previous default styles, but should be able to override them if there is some overlap
• Developing this feature, we realized that there were some default styles that were added with selectors that had a higher specificity than a single class, so those styles were not being overriden

Changes

This PR flattens all selectors of default styles to just be single classes, so that classes prop can override them.

• Every style applied with a nested selector, or a selector that checked more than one class, were changed to only need one class. This required some classes to be moved from the parent to the child
  • For listbox, a related fix was added: the disabled styles were being applied to the wrong element
  • Some tests that checked for error classes failed, I changed it to check for error class in any element within the component
• Color classes were also unnested. The previous behavior required a color class in the root element of the component, and a colors: key in the .cjs, in any sub element or modifier (or the block itself). Now the processing of these colors: are changed in the tailwind/index.cjs: it requires a color modifier class in the element itself. When using a colors: inside a modifier class, just one - is added, as BEM specifies that there should only be one modifier in a class name

[difernandez]

Des-nestear las clases en los archivos cjs

[fprebolledo]

It looks good. I left a comments about how have being passed classes to a component.