Files
web/packages/design-system/lib/components/Radio/radio.module.css
Tobias Johansson 0e2192be0f Merged in feat/new-rate-cards (pull request #1600)
feat(SW-1435): Added RateCard component to design system

* feat(SW-1435): Added new component: RateCard to design system

* feat: added reward night points rate card

* fix: set svg icon color to "currentColor" to make them more reusable

* fix: added click handler for info icon

* fix: added selectedRate


Approved-by: Arvid Norlin
2025-03-25 10:41:43 +00:00

33 lines
629 B
CSS

.container {
display: flex;
align-items: center;
gap: var(--Space-x15);
padding: var(--Space-x1) 0;
cursor: pointer;
}
.radio {
position: relative;
width: 24px;
height: 24px;
background-color: var(--Surface-UI-Fill-Default);
border: 2px solid var(--Scandic-Beige-50);
border-radius: 50%;
transition: all 0.2s ease-in-out;
box-sizing: border-box;
}
.container[data-selected] .radio {
border-color: var(--Surface-UI-Fill-Active);
border-width: 8px;
}
.disabled {
opacity: 0.5;
cursor: not-allowed;
}
.container[data-selected] .color-burgundy {
border-color: var(--Surface-UI-Fill-Active);
}