fix icon in table by fixing empty label for checkbox

Author: nielslyngsoe

packages/uui-base/lib/mixins/LabelMixin.ts

@@ -65,7 +65,7 @@ export const LabelMixin = <T extends Constructor<LitElement>>(
           : ''}
         <slot
           class="label"
-          style=${this._labelSlotHasContent ? '' : 'visibility: hidden'}
+          style=${this._labelSlotHasContent ? '' : 'display: none'}
           name=${labelSlotName ? labelSlotName : ''}
           @slotchange=${this.labelSlotChanged}></slot>
       `;

packages/uui-boolean-input/lib/uui-boolean-input.element.ts

@@ -256,6 +256,10 @@ export abstract class UUIBooleanInputElement extends UUIFormControlMixin(
       .label {
         display: block;
       }
+
+      span.label:empty {
+        display: none;
+      }
     `,
   ];
 }

packages/uui-table/lib/uui-table-advanced-example.ts

@@ -199,7 +199,7 @@ export class UUITableWithSelectionExampleElement extends LitElement {
       @selected=${() => this._selectRowHandler(item)}
       @deselected=${() => this._deselectRowHandler(item)}>
       <uui-table-cell>
-        <uui-icon name="wand" style="font-size: 20px;"></uui-icon>
+        <uui-icon name="wand"></uui-icon>
         <uui-checkbox
           @click=${(e: MouseEvent) => e.stopPropagation()}
           @change=${(event: Event) => this._selectHandler(event, item)}