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
This commit is contained in:
32
packages/design-system/lib/components/Radio/radio.module.css
Normal file
32
packages/design-system/lib/components/Radio/radio.module.css
Normal file
@@ -0,0 +1,32 @@
|
||||
.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);
|
||||
}
|
||||
Reference in New Issue
Block a user