-
Notifications
You must be signed in to change notification settings - Fork 54
Conversation
docs/src/examples/components/Icon/Variations/IconExampleColor.shorthand.tsx
Outdated
Show resolved
Hide resolved
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.
LGTM, left some comments 👍
80558d3
to
0df0229
Compare
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.
lets please take another look on removed extensibility point for IconVariables interface
<div> | ||
<ProviderConsumer | ||
render={({ siteVariables: { emphasisColors, naturalColors } }) => | ||
_.take(_.keys({ ...emphasisColors, ...naturalColors }), 3).map(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.
this expression is very confusing - there should be a way to simplify this example. Actually, why slicing is necessary here?
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.
just to make the example fit nicely, any suggestions for improving, @kuzhelov ?
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.
@kuzhelov can I resolve this?
0df0229
to
33d5cb0
Compare
7984a49
to
16d9f69
Compare
16d9f69
to
bb5eb00
Compare
feat(icon): color prop
Description
This PR:
color
prop toIcon
componentIcon
color examplesAPI
where
COLOR
is one of'primary' | 'secondary' | 'blue' | 'green' | 'grey' | 'orange' | 'pink' | 'purple' | 'teal' | 'red' | 'yellow' | string