Switches to using @wordpress/components in the preferences panel.
This ended up being slightly more involved than I'd planned, but that was partly out of necessity. This PR:
Duplicates some mixins from Gutenberg that are responsible for bringing across default input styles (reset, input-styleneutral, input-stylefocused).
Duplicates some variable from Gutenberg (again, only those that seem like they'd be useful or where needed.)
Reworks the preference panel tab headers to ensure they can be tabbed. There was no component to use here from @wordpress/components, but I've used the same markup and styles as Gutenberg uses for its sidebar tabs.
Use BaseControl and Buttons for the directory selection UI in the basic preferences.
Use BaseControl for the port UI in the site preferences.
How has this been tested?
Tested both light and dark mode.
Screenshots
Basic Preferences
before
after
Site Preferences
before
after
Checklist:
[ ] My code is tested.
[ ] My code follows the WordPress code style.
[ ] My code follows the accessibility standards.
[ ] My code has proper inline documentation.
[ ] I've included developer documentation if appropriate.
Closes #119
Description
Switches to using
@wordpress/componentsin the preferences panel.This ended up being slightly more involved than I'd planned, but that was partly out of necessity. This PR:
@wordpress/components, but I've used the same markup and styles as Gutenberg uses for its sidebar tabs.BaseControlandButtons for the directory selection UI in the basic preferences.BaseControlfor the port UI in the site preferences.How has this been tested?
Tested both light and dark mode.
Screenshots
Basic Preferences
before
after
Site Preferences
before
after
Checklist: