-
Notifications
You must be signed in to change notification settings - Fork 984
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add component library skeleton #10338
Conversation
Pull Request Checklist
|
Jenkins BuildsClick to see older builds (18)
|
f0db079
to
3eca382
Compare
3eca382
to
be26238
Compare
✔️ status-react/prs/android/PR-10338#4 🔹 ~21 min 🔹 be26238 🔹 📦 android package |
|
||
(def font-bold {:font-family "Inter-Bold"}) ; 700 | ||
|
||
(def monospace (if platform/ios? "Menlo-Regular" "monospace")) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
(def black "#000000") | ||
|
||
(def light-theme | ||
{:positive-01 "rgba(68,208,88,1)" ; Primary Positive, text, icons color |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
im not sure i understand these names and values it kinda hard to match with figma
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Added here some mapping of colors from figma with the code https://github.com/status-im/status-react/pull/10338/files#diff-27ee3b73723c60dff177c9746948ca4dR7 wdyt?
0f73abc
to
cf89429
Compare
cf89429
to
a364085
Compare
Add text component Add header component Change animated root ns Add spacing design tokens Add components preview Add Readme Add safe area components Use reanimated from component library Add colors tokens Add inherit style for text Add animated header component A view with header which can be animated on scroll, used in walled, profile and contact screens Persist previews navigation state Rename component library into Quo Document colors Extend readme Header handle long titles Add InterStatus as monospace font Signed-off-by: Gheorghe Pinzaru <feross95@gmail.com>
a364085
to
3812517
Compare
This PR adds structure of the lib, a basic README and implements:
The reanimated, gesture-handler, react, react-native wrappers were added directly into the lib.
All components previews are added into the previews namespaces and will be built as a separate app when shadow-cljs will be integrated.
For review, in-ns
status-im.ui.screens.views
navigation container can be replaced withpreview-screens
fromquo.previews.main
, which will render implemented views.