@aquera/nile-elements 0.0.32 → 0.0.34

package/src/nile-toast/nile-toast.css.ts

@@ -18,10 +18,6 @@ export const styles = css`
     margin: 0;
   }
 
-  [hidden] {
-    display: none;
-  }
-
   .alert {
     position: relative;
     display: flex;
@@ -171,6 +167,10 @@ export const styles = css`
     height: 24px;
     border-radius: 4px;
   }
+
+  [hidden] {
+    display: none;
+  }
 `;
 
 export default [styles];

package/src/nile-tooltip/nile-tooltip.css.ts

@@ -58,7 +58,7 @@ export const styles = css`
     color: hsl(0, 0%, 100%);
     padding: 0.25rem 0.5rem;
     pointer-events: none;
-    word-break: break-all;
+    word-break: break-word;
   }
 `;
 

package/src/nile-tooltip/nile-tooltip.ts

@@ -45,7 +45,7 @@ export class NileTooltip extends NileElement {
   @query('nile-popup') popup: NilePopup;
 
   /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */
-  @property() content = '';
+  @property({ type: String, reflect: true }) content = '';
 
   /**
    * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
@@ -229,7 +229,7 @@ export class NileTooltip extends NileElement {
 
   /** Shows the tooltip. */
   async show() {
-    if (this.open) {
+    if (this.open || !(this.content?.trim().length)) {
       return undefined;
     }