6b08d5a113
Fix/STAY-135 & STAY-127 * fix: make quantity and delivery separate steps in mobile * fix: update design for delivery step in ancillary flow * fix: add error state for missing time * fix: only allow points or cash payment for ancillaries * fix: break out stepper to design system * fix: update design of select quantity step in add ancillaries flow * fix: add error states for quantity * fix: handle insufficient points case * fix: update stepper to include optional disabledMessage tooltip * fix: handle validations * fix: change name to camel case Approved-by: Bianca Widstam Approved-by: Chuma Mcphoy (We Ahead)
42 lines
771 B
CSS
42 lines
771 B
CSS
.container {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--Space-x15);
|
|
|
|
cursor: pointer;
|
|
}
|
|
|
|
.wrapping {
|
|
padding: var(--Space-x1) 0;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.container[data-focus-visible] .radio {
|
|
outline: 2px solid var(--UI-Input-Controls-Border-Focus);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.disabled {
|
|
opacity: 0.5;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.container[data-selected] .color-burgundy {
|
|
border-color: var(--Surface-UI-Fill-Active);
|
|
}
|