chore: Moved Breadcrumbs to design system and added stories

Approved-by: Bianca Widstam

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

@@ -0,0 +1,31 @@
+import { cva } from "class-variance-authority"
+
+import styles from "./breadcrumbs.module.css"
+
+export const config = {
+  variants: {
+    color: {
+      transparent: styles.transparent,
+      "Surface/Secondary/Default": styles.surfaceSecondaryDefault,
+      "Background/Primary": styles.backgroundPrimary,
+    },
+    size: {
+      pageWidth: styles.pageWidth,
+      headerWidth: styles.headerWidth,
+      contentWidth: styles.contentWidth,
+    },
+    isThemed: {
+      mobileOnly: styles.isThemedMobile,
+      desktopOnly: styles.isThemedDesktop,
+      true: [styles.isThemedMobile, styles.isThemedDesktop],
+      false: "",
+    },
+  },
+  defaultVariants: {
+    color: "transparent",
+    size: "pageWidth",
+    isThemed: false,
+  },
+} as const
+
+export const variants = cva(styles.breadcrumbsWrapper, config)