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/TempDesignSystem/Breadcrumbs/Breadcrumb.tsx

@@ -1,6 +1,6 @@
 import { cx } from "class-variance-authority"
 import Link from "next/link"
-import { Breadcrumb as AriaBreadcrumb } from "react-aria-components"
+import { Breadcrumb as BreadcrumbRAC } from "react-aria-components"
 
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
@@ -16,7 +16,7 @@ export function Breadcrumb({
   ...props
 }: BreadcrumbProps) {
   return (
-    <AriaBreadcrumb className={cx(styles.listItem, className)} {...props}>
+    <BreadcrumbRAC className={cx(styles.listItem, className)} {...props}>
       {href ? (
         <>
           <Typography variant="Label/xsRegular">
@@ -28,12 +28,12 @@ export function Breadcrumb({
             icon="chevron_right"
             size={20}
             aria-hidden="true"
-            color="Icon/Interactive/Secondary"
+            color="CurrentColor"
           />
         </>
       ) : (
         children
       )}
-    </AriaBreadcrumb>
+    </BreadcrumbRAC>
   )
 }