Merged in chore/sw-3145-move-subtitle (pull request #2516)

chore(SW-3145): Move Title and Subtitle to design-system

* Move Title and Subtitle to design-system

* Fix export


Approved-by: Linus Flood

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

@@ -0,0 +1,47 @@
+import { cva } from 'class-variance-authority'
+
+import styles from './title.module.css'
+
+const config = {
+  variants: {
+    color: {
+      black: styles.black,
+      burgundy: styles.burgundy,
+      pale: styles.pale,
+      peach80: styles.peach80,
+      red: styles.red,
+      white: styles.white,
+      primaryLight: styles.primaryLight,
+      secondaryLight: styles.secondaryLight,
+      tertiaryLight: styles.tertiaryLight,
+      primaryDark: styles.primaryDark,
+      primaryDim: styles.primaryDim,
+      primaryStrong: styles.primaryStrong,
+      baseText: styles.baseText,
+    },
+    textAlign: {
+      center: styles.center,
+      left: styles.left,
+    },
+    textTransform: {
+      capitalize: styles.capitalize,
+      regular: styles.regular,
+      uppercase: styles.uppercase,
+    },
+    type: {
+      h1: styles.h1,
+      h2: styles.h2,
+      h3: styles.h3,
+      h4: styles.h4,
+      h5: styles.h4,
+    },
+  },
+  defaultVariants: {
+    color: 'burgundy',
+    textAlign: 'left',
+    textTransform: 'uppercase',
+    type: 'h1',
+  },
+} as const
+
+export const headingVariants = cva(styles.heading, config)