Merged in feat/BOOK-61-refactor-hotel-page-css-variables (pull request #3014)

Feat/BOOK-61 refactor hotel page css variables

* feat(BOOK-61): Breadcrumbs

* feat(BOOK-61): intro section

* feat(BOOK-61): show more button

* feat(BOOK-61): rooms section

* feat(BOOK-61): sidepeeks

* feat(BOOK-61): deprecated old Link component

* feat(BOOK-61): added new TextLink component to the design-system

* feat(BOOK-61): replaced deprecated links with new TextLink component

* feat(BOOK-61): miscellaneous changes


Approved-by: Bianca Widstam
Approved-by: Christel Westerberg

apps/scandic-web/components/Blocks/Accordion/index.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import { cx } from "class-variance-authority"
 import { useState } from "react"
 
 import Accordion from "@scandic-hotels/design-system/Accordion"
@@ -7,7 +8,7 @@ import AccordionItem from "@scandic-hotels/design-system/Accordion/AccordionItem
 import { JsonToHtml } from "@scandic-hotels/design-system/JsonToHtml"
 
 import { Section } from "@/components/Section"
-import SectionHeader from "@/components/Section/Header/Deprecated"
+import { SectionHeader } from "@/components/Section/Header"
 import ShowMoreButton from "@/components/TempDesignSystem/ShowMoreButton"
 
 import styles from "./accordion.module.css"
@@ -26,9 +27,11 @@ export default function AccordionSection({ accordion, title }: AccordionProps) {
 
   return (
     <Section className={styles.accordionSection} id={HotelHashValues.faq}>
-      <SectionHeader textTransform="uppercase" title={title} />
+      <SectionHeader heading={title} typography="Title/md" />
       <Accordion
-        className={`${styles.accordion} ${allAccordionsVisible ? styles.allVisible : ""}`}
+        className={cx(styles.accordion, {
+          [styles.allVisible]: allAccordionsVisible,
+        })}
       >
         {accordion.map((acc) =>
           acc ? (