add text slot conditional to button

5 years ago · 0e52a1e12f
2 changed files with 4 additions and 2 deletions
--- a/packages/bbui/src/Button/Button.svelte
+++ b/packages/bbui/src/Button/Button.svelte
@ -39,7 +39,9 @@
        <use xlink:href="#spectrum-icon-18-{icon}" />
      </svg>
    {/if}
-    <span class="spectrum-Button-label"><slot /></span>
+    {#if $$slots} 
+      <span class="spectrum-Button-label"><slot /></span>
+    {/if}
  </button>
 {/if}

--- a/packages/builder/src/components/backend/DataTable/Table.svelte
+++ b/packages/builder/src/components/backend/DataTable/Table.svelte
@ -197,7 +197,7 @@
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
-    gap: var(--spacing-l);
+    gap: var(--spacing-s);
  }
  .popovers :global(button) {
    font-weight: 500;