patternfly-org
patternfly-org copied to clipboard
global vars - remove selector prop, show selector column
Towards #3551
Note: please leave any suggestions for additional enhancements/changes, I wasn't clear if this was all we need currently.
This PR:
- Bumps versions to latest alphas
- Removes the
selector
prop used in global-css-variables.md that was filtering to only show rules matching selector:where(:root)
- it now shows all vars, but we could add in new selector
:root
to only show new vars (or leave as-is showing everything and wait until core cleanup?)
- it now shows all vars, but we could add in new selector
- Unhides the "selector" column from the global vars table
- though all the new vars map to the
:root
selector, this column enables rows to be expanded (where applicable) to track the variable chain. -
- though all the new vars map to the
Preview: https://patternfly-org-pr-3886-site.surge.sh
This is similar to what I built into the design token docs. I think the biggest difference (other than a few visual differences) is that building it from the design-tokens repo means that they are up to date with the latest in the tokens repo - rather than reading design tokens as passed from design-tokens -> core -> react -> org (which will always be a few steps behind).
I was also planning to have the token docs page go in the new 'tokens' subnav item that Erin was building.
@nicolethoen that all makes sense and sounds great to me, would you suggest I close this PR out in favor of the momentum you have going in your related issues?
It's possible? Though I hadn't even thought of how the Global CSS vars might be the same or almost the same as the design tokens once all is said and done. It also may be worth a conversation to see what we should do with this page on the v6 site.
No longer needed