element-hq / element-hq/compound

Material 3 Platform Components

Open
#159 0 comments 0 reactions 1 assignee Claimed by @janogarcia View on GitHub
P-Android T-Epic
Dominant language
MDX
Stars
24
Forks
7
PR merge metrics
No merged PRs in 30d

Description

### Component name

Multiple.

### Figma link

- [Android M3 Styles (Baseline Theme)](https://www.figma.com/file/nlZ23l6JOMNw23RM02bSfb/Material-3-Design-Kit-%C2%B7-Custom)
- [Compound Android Components](https://www.figma.com/file/G1xy0HDZKJf5TCRFmKb5d5/Compound-Android-Components?type=design&node-id=311-14&mode=design&t=u07NzctX1Wmx7Zzk-0)

```[tasklist]
# Design phase
- [x] Split M3 baseline theme into two separate Figma libraries: Android M3 Styles (with previews for all platform components in both themes without further customizations), Compound Android Components (with customizations beyond those provided by the baseline theme).
- [x] Figure out how to unpublish 330 components (there's no clean, one-click action to perform it).
- [x] Figure out how to sync updates in Compound Styles library with Android M3 Styles library. Once completed, changes in Tokens Studio will propagate to both Compound Styles and Android M3 Styles libraries.
- [x] Figure out how to toggle themes for Android platform components (Themer vs. Property Toggle), refactoring the Figma styles as necessary.
- [x] Fix or replace missing referenced styles/component libraries in the official library.
- [x] Consider cleaning up static M3 `ref` tokens / Figma styles.
- [ ] Consider adding the M3 elevation tokens to Tokens Studio to generate the related Figma effect styles.
- [ ] Sync component customizations with latest designs in Element X.
- [ ] https://github.com/vector-im/compound/issues/174
- [ ] https://github.com/vector-im/compound/issues/175
- [ ] https://github.com/vector-im/compound/issues/176
- [ ] https://github.com/vector-im/compound/issues/177
- [ ] https://github.com/vector-im/compound/issues/178
- [ ] https://github.com/vector-im/compound/issues/179
- [ ] https://github.com/vector-im/compound/issues/180
- [ ] https://github.com/vector-im/compound/issues/181
- [ ] https://github.com/vector-im/compound/issues/182
- [ ] https://github.com/vector-im/compound/issues/183
- [ ] https://github.com/vector-im/compound/issues/184
- [ ] https://github.com/vector-im/compound/issues/185
- [ ] https://github.com/vector-im/compound/issues/186
- [ ] https://github.com/vector-im/compound/issues/187
- [ ] https://github.com/vector-im/compound/issues/188
- [ ] https://github.com/vector-im/compound/issues/189
- [ ] https://github.com/vector-im/compound/issues/190
- [ ] https://github.com/vector-im/compound/issues/191
- [ ] https://github.com/vector-im/compound/issues/192
- [ ] https://github.com/vector-im/compound/issues/193
```

```[tasklist]
# Development phase
- [ ] TBD
```

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.