Skip to content

bug: v5 DeprecatedButton - secondary variant have inconsistent border width across pseudo classes #581

@ss-dimasm

Description

@ss-dimasm

Describe the bug
found the inconsistent border width in DeprecatedButton for secondary variant across the pseudo classes; it makes the button size slightly change, we use beta32 to reproduce it

To Reproduce
Steps to reproduce the behaviour eg:

  1. Go to https://elements-beta.dev.paas.reapit.cloud/?path=/docs/deprecated-button--docs#button-with-icon
  2. Click the story example
  3. See the unexpected behavior

Expected behaviour
I think the focus pseudo should be consistent with the others, default and hover have var(--comp-button-border-width-default) while the focus have var(--border-width-double)

Additional context
Related line of code https://github.com/reapit/elements/blob/main/src/components/deprecated-button/styles.ts#L70-L88

2025-07-03_14-08-06.mp4

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions