A page rendering every component in every state, which is what finally let somebody else change the stylesheet.
// a route, behind an environment check, that iterates
// a manifest
foreach ( turkerdev_component_manifest() as $name => $states ) {
foreach ( $states as $label => $attributes ) {
printf( '<section><h2>%s / %s</h2>%s</section>',
esc_html( $name ), esc_html( $label ),
turkerdev_render_component( $name, $attributes )
);
}
}
The states are the point rather than the components — a card in a narrow container, a button in a disabled state, a form field with an error. Every one of those existed in the stylesheet and none of them existed anywhere a person could see without constructing the situation.