Skip to content
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 Pill, DeletablePill, EasyPill #81

Merged
merged 2 commits into from
Aug 1, 2019
Merged

Conversation

pixelbandito
Copy link
Contributor

@pixelbandito pixelbandito commented Jul 31, 2019

I picked up @andrewBalekha's changes from a couple of weeks ago, and split the Pill so there's a very un-opinionated version in addition to one with a built-in delete action.

I also started to stub out an EasyPill, but it's not ready for use - the actions and callbacks work, but they need to be put into a dropdown, which doesn't exist in RoverUI yet.

Pill,
DeletablePill,
EasyPill,
// IMPORT_INJECTOR
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Missed this in my rebase! Needs to be there for hygen to work it's magic

* Use EasyComponent moving forward.
*/
export const SimpleTabMenu = ({ tabs, activeTab, size = 'sm', ...props }) => {
export const EasyTabMenu = ({ tabs, activeTab, size = 'sm', ...props }) => {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I changed the primary exported component to be EasyTabMenu so it'll be easier to rip out the old one.

Sorry for stepping on your toes, @chelshaw! I wrote most of this last night on the Pill branch when adding EasyPill, for consistency. Just renamed stuff.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I thought... i already did this in the previously merged code? but good call on switching the default

/* colors from zeplin styleguide, created by Egle */
/* stylelint-disable comment-empty-line-before */

/* --teal: #00837e; */
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is from @andrewBalekha's initial pill commit, which I rebased with my changes.

I know we need to re-map the main color variables so we're not hosting both pre and post-rebranding colors.
But, since I don't have the mapping handy, I thought I'd leave the data in here until next time.

@@ -0,0 +1,6 @@
# DeletablePill

When checked, clicking anywhere on a deletable pill fires an `onDelete` function.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not sure the deletable pill should always assume clicking on it deletes it. Especially if there's also the clear icon. Also, i find naming the x icon "clear" is sooooo confusing... i thought it was just a blank space like we have in tk-ui for the longest time

@pixelbandito pixelbandito merged commit f53fbf9 into master Aug 1, 2019
@pixelbandito pixelbandito deleted the add-pill-and-variants branch August 1, 2019 20:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants