@getflip/swirl-components 0.283.0 → 0.284.0

package/dist/collection/components/swirl-box/swirl-box.js

@@ -1,4 +1,4 @@
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import classnames from "classnames";
 /**
  * @slot slot - The box contents
@@ -47,6 +47,7 @@ export class SwirlBox {
         };
     }
     componentDidLoad() {
+        this.componentLoad.emit();
         queueMicrotask(() => {
             this.updateScrollState();
         });
@@ -112,7 +113,7 @@ export class SwirlBox {
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (h(Host, { key: 'cc56b1b68106d9e9b759e271339201c1792ffbe8', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '311112ceef9ab1964bbb8d57ca1eb8bad79f703c' })));
+        return (h(Host, { key: '22989d7972a37c53b50f879639bff0581214d528', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '8628bb4a2474579564e1352967b8e4c48026c906' })));
     }
     static get is() { return "swirl-box"; }
     static get encapsulation() { return "shadow"; }
@@ -730,5 +731,23 @@ export class SwirlBox {
             "scrollState": {}
         };
     }
+    static get events() {
+        return [{
+                "method": "componentLoad",
+                "name": "componentLoad",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
     static get elementRef() { return "el"; }
 }

package/dist/collection/components/swirl-resource-list-item/swirl-resource-list-item.css

@@ -340,6 +340,10 @@
   gap: var(--s-space-2);
 }
 
+.resource-list-item__meta-text {
+  white-space: nowrap;
+}
+
 .resource-list-item__badges {
   display: inline-flex;
   width: -webkit-max-content;