Description
While creating the custom theme for Dotmatics, I've noticed we have a lot of properties that are used in the wrong states in the component themes. We need to clean this up by first creating a property to state matrix so that we can identify any missing properties or/and states.
Example:
| Property |
Resting |
Hover |
Active |
| border |
border-color |
border-hover-color |
border-hover-color |
| background |
background |
hover-background |
active-background |
Expectation
The matrix tables should be:
- Created for each component in the Wiki of the Theming repo. Each component matrix is recorded in a markdown file titled by the name of the component.
- In sync with the design system (Figma).
- For new components, the property table is a starting point when creating base schemas.
Description
While creating the custom theme for Dotmatics, I've noticed we have a lot of properties that are used in the wrong states in the component themes. We need to clean this up by first creating a property to state matrix so that we can identify any missing properties or/and states.
Example:
Expectation
The matrix tables should be: