scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(LOY-128): add rounded filter chip variant

Browse Source
This commit is contained in:
Christian Andolf
2025-06-09 16:28:21 +02:00
parent d560ac0fca
commit f292cc7922
6 changed files with 200 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/design-system/lib/components/ChipButton/chip-button.module.css
View File

@@ -7,6 +7,7 @@
align-items: center;
justify-content: center;
cursor: pointer;
gap: var(--Space-x05);
}
.Default {
@@ -30,8 +31,31 @@
border-color: var(--Border-Interactive-Selected);
}
.FilterRounded {
background-color: transparent;
border: 1px solid var(--Border-Interactive-Selected);
border-radius: var(--Corner-radius-rounded);
padding: var(--Space-x025) var(--Space-x2);
color: var(--Text-Default);
}
.selected {
border-color: transparent;
background-color: var(--Surface-Brand-Primary-3-Default);
color: var(--Text-Inverted);
}
.large {
height: 40px;
}
.medium {
height: 32px;
}
.Default:focus,
.Outlined:focus {
.Outlined:focus,
.FilterRounded:focus {
outline-offset: 4px;
outline-color: var(--Border-Interactive-Focus);
}