From 72fc3ea6dd2a98a17f696318dd0e0cfb1a237371 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Wed, 21 Apr 2021 13:21:43 +0200
Subject: [PATCH] adds defaults to Typography components

---
 packages/bbui/src/Typography/Body.svelte   | 4 ++--
 packages/bbui/src/Typography/Code.svelte   | 4 ++--
 packages/bbui/src/Typography/Detail.svelte | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/bbui/src/Typography/Body.svelte b/packages/bbui/src/Typography/Body.svelte
index 12a7b8b99c..550bac675d 100644
--- a/packages/bbui/src/Typography/Body.svelte
+++ b/packages/bbui/src/Typography/Body.svelte
@@ -12,7 +12,7 @@
     export let xxs = false;
 
     export let serif = false;
-
+    $: useDefault = ![xxxl, xxl, xl, l, m, s, xs, xxs].includes(true)
 </script>
 
 <p class="spectrum-Body"
@@ -21,7 +21,7 @@
     class:spectrum-Body--sizeXXL={xxl}
     class:spectrum-Body--sizeXL={xl}
     class:spectrum-Body--sizeL={l}
-    class:spectrum-Body--sizeM={m}
+    class:spectrum-Body--sizeM={m || useDefault}
     class:spectrum-Body--sizeS={s}
     class:spectrum-Body--sizeXS={xs}
     class:spectrum-Body--sizeXXS={xxs}>
diff --git a/packages/bbui/src/Typography/Code.svelte b/packages/bbui/src/Typography/Code.svelte
index 1aada8b687..c022d2dfbd 100644
--- a/packages/bbui/src/Typography/Code.svelte
+++ b/packages/bbui/src/Typography/Code.svelte
@@ -7,13 +7,13 @@
     export let m = false;
     export let s = false;
     export let xs = false;
-
+    $: useDefault = ![xl, l, m, s, xs].includes(true)
 </script>
 
 <code class="spectrum-Code"
     class:spectrum-Code--sizeXL={xl}
     class:spectrum-Code--sizeL={l}
-    class:spectrum-Code--sizeM={m}
+    class:spectrum-Code--sizeM={m || useDefault}
     class:spectrum-Code--sizeS={s}
     class:spectrum-Code--sizeXS={xs}>
     <slot />
diff --git a/packages/bbui/src/Typography/Detail.svelte b/packages/bbui/src/Typography/Detail.svelte
index b1eec70e47..adc7ecf5c7 100644
--- a/packages/bbui/src/Typography/Detail.svelte
+++ b/packages/bbui/src/Typography/Detail.svelte
@@ -8,14 +8,14 @@
     export let s = false;
 
     export let serif = false;
-
+    $: useDefault = ![xl, l, m, s].includes(true)
 </script>
 
 <p class="spectrum-Detail"
     class:spectrum-Detail--serif={serif}
     class:spectrum-Detail--sizeXL={xl}
     class:spectrum-Detail--sizeL={l}
-    class:spectrum-Detail--sizeM={m}
+    class:spectrum-Detail--sizeM={m || useDefault}
     class:spectrum-Detail--sizeS={s}>
     <slot />
 </p>
\ No newline at end of file