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/Subtitle/variants.ts

@@ -0,0 +1,42 @@
+import { cva } from 'class-variance-authority'
+
+import styles from './subtitle.module.css'
+
+const config = {
+  variants: {
+    color: {
+      black: styles.black,
+      burgundy: styles.burgundy,
+      baseTextDisabled: styles.baseTextDisabled,
+      pale: styles.pale,
+      baseTextHighContrast: styles.baseTextHighContrast,
+      uiTextHighContrast: styles.uiTextHighContrast,
+      uiTextMediumContrast: styles.uiTextMediumContrast,
+      uiTextPlaceholder: styles.uiTextPlaceholder,
+      red: styles.red,
+      mainGrey60: styles.mainGrey60,
+    },
+    textAlign: {
+      center: styles.center,
+      left: styles.left,
+      right: styles.right,
+    },
+    textTransform: {
+      regular: styles.regular,
+      uppercase: styles.uppercase,
+      capitalize: styles.capitalize,
+    },
+    type: {
+      one: styles.one,
+      two: styles.two,
+    },
+  },
+  defaultVariants: {
+    color: 'black',
+    textAlign: 'left',
+    textTransform: 'regular',
+    type: 'one',
+  },
+} as const
+
+export const subtitleVariants = cva(styles.subtitle, config)