Updating text align style to be optional.

5 years ago · b8e08b455d
2 changed files with 4 additions and 4 deletions
--- a/packages/bbui/src/Typography/Body.svelte
+++ b/packages/bbui/src/Typography/Body.svelte
@ -4,11 +4,11 @@
  export let size = "M"
  export let serif = false
  export let noPadding = false
-  export let textAlign = "left"
+  export let textAlign
 </script>

 <p
-  style="text-align:{textAlign};"
+    style="{textAlign ? `text-align:${textAlign}` : ``}"
  class:noPadding
  class="spectrum-Body spectrum-Body--size{size}"
  class:spectrum-Body--serif={serif}
--- a/packages/bbui/src/Typography/Heading.svelte
+++ b/packages/bbui/src/Typography/Heading.svelte
@ -3,12 +3,12 @@

  // Sizes
  export let size = "M"
-  export let textAlign = "left"
+  export let textAlign
  export let noPadding = false
 </script>

 <h1
-  style="text-align:{textAlign};"
+  style="{textAlign ? `text-align:${textAlign}` : ``}"
  class:noPadding
  class="spectrum-Heading spectrum-Heading--size{size}"
 >