-
Notifications
You must be signed in to change notification settings - Fork 80
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
Linear gradient #80
Linear gradient #80
Conversation
…urn type of useDripsyTheme to return DripsyTheme vs. theme-ui Theme type
I'm thinking we should move the gradient into its own package so that people who aren't using it don't need to install the extra dependency. This is what I did for Moti's skeleton. |
Everything should be in the gradient package. Let me know if I missed something or maybe accidentally exported it from core. I'll take a look through it again later today. |
Looks like it's exported in the main Dripsy package, but it should require installing |
Ahh I gotcha I'll make the change |
Also, the dependency for Dripsy/core should have a specified version instead of * |
We should probably change this to use |
Do you think we should add this before merging in or do you still want to experiment a bit more with how expo-module's is affecting the web projects? |
We can leave it with Bob for now to keep comparing, even though the expo module scripts is merged to master in the other packages. |
examples/example/App.tsx
Outdated
@@ -7,6 +7,7 @@ import { | |||
DripsyProvider, | |||
Container, | |||
Theme, | |||
LinearGradient, |
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.
This should come from the unique package btw
Add `stretch`, error messages
Made some changes, last thing is so fix the merge conflicts and update the example |
https://theme-ui.com/migrating/ migration guide here |
Seems like the biggest breaking change to deal with is the fact that emotion upgrades from 10 -> 11. Besides that, it's the JSX pragma syntax, and then some small stuff. |
Sweet this should be helpful. I'll take a look at this tonight. |
One seemingly large breaking change is that the I assume this is due to CSS variables? I'm not sure. Maybe we can just override that by reassigning |
Sorry not sure why I put those theme-ui notes on this PR. Got it mixed up. |
This PR is good to go, just need to fix the import in the example, make sure the gradient is not exported by the main package, and fix the remaining merge conflicts that GitHub is upset about. |
Will do. |
…lias themeColors to avoid confusion with incoming colors prop
@nandorojo This should be gtg. Let me know. |
Cool thanks. Thoughts on exporting it as a named variable rather than default from |
I'd prefer that. I think that will help keep things consistent. |
Do you have a preference over just Gradient or LinearGradient? |
Was just thinking that. LinearGradient is more clear, since that's what it does (no radial, etc). Also consistent with the expo naming. It also sounds lamer, though. I prefer |
Cool, I agree and it's nice that it's the name as the package name. |
Let's stick with that |
Pointing this to the v2 branch |
Adds a linear gradient component to solve: #73