-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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
Iterate on the design of the colors and gradients panel #35535
Conversation
Size Change: +30 B (0%) Total Size: 1.07 MB
ℹ️ View Unchanged
|
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.
I'm getting a weird unit test failure on the unit test (Reakit warning), maybe related to ToggleGroupControl component. Any idea @ntsekouras @ciampo |
I can see this error on the CI unit tests task:
Although I'm not able to reproduce it locally, which makes it hard to debug.
Maybe @diegohaz has any insights? Could it be related to some dependency version mismatch? |
Hmm, that's weird. I couldn't find anything that could be causing this warning in the code. So my best guess is that it's something with |
I don't Reakit code but could this something related here: https://github.com/reakit/reakit/blob/master/packages/reakit/src/Radio/Radio.ts#L100? In Reakit |
I converted the first test to use |
That's correct. The ref will be assigned after the component is mounted, but before effects run. So the effect callback should have access to the ref value. Since the ref is stable, there's no need to add it to the effect deps either. I guess there may be a problem between |
Thanks all for your help here :) |
isSmall | ||
isPressed={ currentTab === 'gradient' } | ||
onClick={ () => setCurrentTab( 'gradient' ) } | ||
<VStack space={ 3 }> |
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.
While working with this component in a completely different PR, I realised that the correct prop name was spacing
(see docs)
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.
Should be solved in #35583
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.
Thank you!
Related to #34574
This PR updates the color panel a bit:
This impacts both the global styles panel (background color) and blocks (cover block for instance)