Merged in feat/BOOK-529-update-GLA-design-mystay (pull request #3230)

Feat/BOOK-529 update GLA design mystay

* feat(BOOK-529): update gla design on my stay

* feat(BOOK-529): open gla modal if error

* feat(BOOK-529): add inline accordion to storybook

* feat(529): move errormessage below message

* feat(529): update infomodal

* feat(BOOK-529): update infomodal

* feat(BOOK-529): hide guarantee info for adding ancillaries if prepaid

* feat(BOOK-529): update width on info dialog

* feat(BOOK-529): fix alignment

* feat(BOOK-529): check if member price

* feat(BOOK-529): refactor msg

* feat(BOOK-529): refactor terms and conditions to own component

* feat(BOOK-529): clean up confirmation step


Approved-by: Christel Westerberg

packages/design-system/lib/components/Form/PaymentOption/PaymentOption.tsx

@@ -12,11 +12,13 @@ export type PaymentOptionProps = {
   value: PaymentMethodEnum
   label: string
   cardNumber?: string
+  hideRadioButton?: boolean
 }
 export function PaymentOption({
   value,
   label,
   cardNumber,
+  hideRadioButton = false,
 }: PaymentOptionProps) {
   return (
     <Radio
@@ -28,10 +30,12 @@ export function PaymentOption({
       {({ isSelected }) => (
         <>
           <div className={styles.titleContainer}>
-            <span
-              className={cx(styles.radio, { [styles.selected]: isSelected })}
-              aria-hidden
-            />
+            {!hideRadioButton && (
+              <span
+                className={cx(styles.radio, { [styles.selected]: isSelected })}
+                aria-hidden
+              />
+            )}
             <Typography variant="Body/Paragraph/mdRegular">
               <Label>{label}</Label>
             </Typography>