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

feat(Label)!: new xs size and click action for more custom label #380

Merged
merged 16 commits into from
Dec 23, 2022

Conversation

goshander
Copy link
Member

@goshander goshander commented Nov 11, 2022

I want to customize label for create new TagInput component with Label and TextInput collaboration

  1. hasOnClick behaviour very strange only for default type
  2. Fix Label component border radius as TextInput
  3. Add correct XS, S, M sizes as TextInput component

@goshander goshander requested a review from amje as a code owner November 11, 2022 14:45
@goshander
Copy link
Member Author

Template for new TagInput component
image

@gravity-ui-bot
Copy link
Contributor

Preview is ready.

Comment on lines 259 to 266
&:not(#{$disabled}) #{$block}__icon_interactive {
--yc-button-background-color: transparent;
--yc-button-background-color-hover: var(--yc-color-text-secondary);

&:hover {
color: var(--yc-color-text-inverted-primary);
}
}
Copy link
Contributor

Choose a reason for hiding this comment

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

This code copy-pasted from themeState mixin with a tiny change, maybe there is a way to avoid it?

@@ -71,7 +71,7 @@ $transitionTimingFunction: ease-in-out;
}

&_size {
&_s {
&_xs {
Copy link
Contributor

Choose a reason for hiding this comment

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

This is a breaking change, don't forget about it

src/components/Label/Label.scss Outdated Show resolved Hide resolved
src/components/Label/Label.tsx Show resolved Hide resolved
src/components/Label/Label.tsx Outdated Show resolved Hide resolved
src/components/Label/Label.scss Show resolved Hide resolved
@goshander goshander changed the title feat: new plain style for more custom label feat: new xs size and click action for more custom label Nov 25, 2022
@goshander goshander changed the base branch from main to next December 19, 2022 12:45
@Marginy605
Copy link
Contributor

@goshander Looks like last label (see screenshot) doesn't depend on size:
telegram-cloud-photo-size-2-5273751362091468440-y
I suppose it should use this prop in showcase

@amje amje changed the title feat: new xs size and click action for more custom label feat(Label)!: new xs size and click action for more custom label Dec 23, 2022
@goshander
Copy link
Member Author

@goshander Looks like last label (see screenshot) doesn't depend on size. I suppose it should use this prop in showcase

Thanks, fixed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants