We need to develop a DS Tailwind Theme Preset that will leverage design tokens. This will enhance our design system's consistency and scalability across various products, including extensions, portfolios, snaps, and other web-based products.
Additionally, we need to confirm the differences between a plugin and a preset for proper implementation.
Plugins are for extending Tailwind CSS with new utilities, components, and variants.
Presets are for bundling and reusing configuration settings, themes, and plugins across multiple projects.
Originally in my POC I was focused on building with the plugin feature but as building noticed the preset setting which appears to be more appropriate. They are similar in structure, so no time was wasted. - @garrettbear
Technical Details
Implement a Tailwind CSS plugin using design tokens.
Investigate and document the differences between Tailwind CSS plugins and presets.
Ensure compatibility with MetaMask products such as extensions, portfolios, and snaps.
Stretch goal: Achieve compatibility with mobile platforms using NativeWind.
Acceptance Criteria
A fully functional Tailwind CSS plugin for web-based MetaMask products.
Comprehensive documentation on the differences between a plugin and a preset.
The plugin supports products like extensions, portfolios, snaps, and other web-based products.
Stretch goal achieved: The plugin works on mobile platforms using NativeWind.
Relevant Slack threads and internal documentation.
Links to related issues and PRs.
This draft ticket should be updated with specific details as the investigation into the plugin vs. preset progresses and further implementation details become clear.
Description
We need to develop a DS Tailwind Theme Preset that will leverage design tokens. This will enhance our design system's consistency and scalability across various products, including extensions, portfolios, snaps, and other web-based products.
Additionally, we need to confirm the differences between a plugin and a preset for proper implementation.
Originally in my POC I was focused on building with the plugin feature but as building noticed the preset setting which appears to be more appropriate. They are similar in structure, so no time was wasted. - @garrettbear
Technical Details
Acceptance Criteria
References
This draft ticket should be updated with specific details as the investigation into the plugin vs. preset progresses and further implementation details become clear.