Files
web/packages/design-system/lib/components/ChipButton/chip-button.module.css
Matilda Landström adde77eaa9 Merged in feat/update-tokens (pull request #1611)
feat(SW-2027): update variables.json

* feat(SW-2027): update variables.json

* fix(SW-2027). replace old tokens

* fix(SW-2027): remove uppercase check


Approved-by: Michael Zetterberg
Approved-by: Erik Tiekstra
2025-03-28 16:15:57 +00:00

20 lines
618 B
CSS

.chip {
background-color: var(--Component-Button-Inverted-Fill-Default);
border-color: var(--Component-Button-Inverted-Border-Default);
border-style: solid;
border-width: 1px;
border-radius: var(--Corner-radius-sm);
padding: var(--Space-x1) var(--Space-x15);
color: var(--Text-Interactive-Default);
display: inline-flex;
align-items: center;
cursor: pointer;
}
.chip:hover {
/* TODO: change to proper Component-variable once it is available */
background-color: var(--Scandic-Peach-10);
/* TODO: change to proper Component-variable once it is available */
color: var(--Scandic-Red-100);
}