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

[#1923] New buttons design implementation #1945

Merged

Conversation

aluarius
Copy link
Contributor

@aluarius aluarius commented Jun 14, 2022

Close: #1923
Close: #809

Description

Work in progress.

Please, take a look to the new implementation and, if possible, compare it with figma.

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Improvement/refactoring (non-breaking change that doesn't add any feature but make things better)

@aluarius aluarius self-assigned this Jun 14, 2022
@aluarius aluarius changed the title Feat/1923 new buttons implementation [WIP] [#1923] New buttons design implementation Jun 14, 2022
Copy link
Collaborator

@m0ksem m0ksem left a comment

Choose a reason for hiding this comment

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

I dislike new disabled states - the're completely invisible. (Especially last one)
image

packages/ui/src/components/va-button/VaButton.vue Outdated Show resolved Hide resolved
packages/ui/src/components/va-button/VaButton.vue Outdated Show resolved Hide resolved
packages/ui/src/components/va-button/VaButton.vue Outdated Show resolved Hide resolved
packages/ui/src/components/va-button/VaButton.vue Outdated Show resolved Hide resolved
packages/ui/src/components/va-button/VaButton.vue Outdated Show resolved Hide resolved
packages/ui/src/components/va-button/VaButton.vue Outdated Show resolved Hide resolved
packages/ui/src/components/va-button/VaButton.vue Outdated Show resolved Hide resolved
packages/ui/src/components/va-button/VaButton.vue Outdated Show resolved Hide resolved
packages/ui/src/components/va-button/_variables.scss Outdated Show resolved Hide resolved
packages/ui/src/composables/useHover.ts Outdated Show resolved Hide resolved
packages/ui/src/composables/usePressed.ts Outdated Show resolved Hide resolved
# Conflicts:
#	packages/ui/src/components/va-button/VaButton.vue
Copy link
Member

@Derranion Derranion left a comment

Choose a reason for hiding this comment

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

If I get this point correctly:

We will just have predefined list of Presets for the VaButton.

If you want you could just send me these presets object I'll add it in my current PR.

@m0ksem m0ksem changed the base branch from develop to release/1.5.0 June 16, 2022 11:19
@m0ksem m0ksem added this to the 1.5.0 milestone Jun 16, 2022
@m0ksem m0ksem added feature Something useful to end user refactoring Prettify code without introducing new features epic Feature that is too big to fit in one issue labels Jun 16, 2022
packages/ui/src/components/va-toast/VaToast.vue Outdated Show resolved Hide resolved
packages/ui/src/composables/useHover.ts Outdated Show resolved Hide resolved
packages/ui/src/composables/useHover.ts Outdated Show resolved Hide resolved
packages/ui/src/composables/usePressed.ts Outdated Show resolved Hide resolved
# Conflicts:
#	packages/ui/src/components/va-button-dropdown/VaButtonDropdown.vue
#	packages/ui/src/components/va-button-group/VaButtonGroup.vue
#	packages/ui/src/components/va-button-toggle/VaButtonToggle.vue
#	packages/ui/src/components/va-button/VaButton.vue
# Conflicts:
#	packages/docs/src/components/DocsExample.vue
#	packages/docs/src/components/DocsNavigation.vue
#	packages/docs/src/components/header/Header.vue
#	packages/docs/src/locales/ru/ru.json
#	packages/ui/src/components/va-button/VaButton.vue
#	packages/ui/src/composables/index.ts
@m0ksem m0ksem changed the title [WIP] [#1923] New buttons design implementation [#1923] New buttons design implementation Jul 27, 2022
packages/ui/src/composables/usePressed.ts Show resolved Hide resolved
packages/ui/src/composables/usePressed.ts Outdated Show resolved Hide resolved
packages/ui/src/composables/useHover.ts Show resolved Hide resolved
packages/ui/src/composables/useHover.ts Outdated Show resolved Hide resolved
packages/ui/src/composables/useFocus.ts Show resolved Hide resolved
@m0ksem
Copy link
Collaborator

m0ksem commented Aug 3, 2022

We need to split composables into utils like useHover, usePressed, useHTMLElement, useClientOnly etc. and mixins like useHoverable, useFormElement, usePressable, useSelectable, useParsable.

Maaaaaaah, I think this must be written somewhere before implementation... Naming is quite important here..

…new-buttons-implementation

# Conflicts:
#	packages/docs/src/locales/en/en.json
#	packages/docs/src/locales/ru/ru.json
#	packages/docs/src/page-configs/ui-elements/app-bar/examples/Bottom.vue
#	packages/docs/src/page-configs/ui-elements/app-bar/page-config.ts
#	packages/docs/src/page-configs/ui-elements/button-dropdown/examples/Colors.vue
#	packages/ui/src/components/va-button-dropdown/VaButtonDropdown.vue
#	packages/ui/src/composables/index.ts
@aluarius aluarius merged commit 9d1e5a6 into epicmaxco:release/1.5.0 Aug 11, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
breaking change epic Feature that is too big to fit in one issue feature Something useful to end user refactoring Prettify code without introducing new features
Projects
None yet
Development

Successfully merging this pull request may close these issues.

New design of VaButton implementation
6 participants