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

packages/design-system/lib/components/TextLink/variants.ts

@@ -0,0 +1,38 @@
+import { cva } from 'class-variance-authority'
+
+import {
+  config as typographyConfig,
+  withTypography,
+} from '../Typography/variants'
+
+import { deepmerge } from 'deepmerge-ts'
+import styles from './textLink.module.css'
+
+export const config = {
+  variants: {
+    theme: {
+      Primary: styles['theme-primary'],
+      Inverted: styles['theme-inverted'],
+    },
+  },
+  defaultVariants: {
+    theme: 'Primary',
+  },
+} as const
+
+const textLinkConfig = {
+  variants: {
+    ...config.variants,
+    typography: typographyConfig.variants.variant,
+  },
+  defaultVariants: {
+    ...config.defaultVariants,
+    typography: 'Link/md',
+  },
+} as const
+
+export const variants = cva(styles.textLink, withTypography(textLinkConfig))
+
+export function withTextLink<T>(config: T) {
+  return deepmerge(textLinkConfig, config)
+}