@getflip/swirl-components 0.173.2 → 0.174.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-03-21T11:58:01",
+  "timestamp": "2024-03-21T15:12:17",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.3.1",
@@ -39210,6 +39210,15 @@
         }
       ],
       "events": [
+        {
+          "event": "appThemeUpdated",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "themeChange",
           "detail": "{ activeTheme: SwirlOSTheme; preferredTheme: SwirlOSTheme; }",

package/dist/cjs/swirl-text.cjs.entry.js

@@ -972,11 +972,12 @@ const SwirlText = class {
   }
   render() {
     const Tag = this.as;
+    const truncate = this.truncate && (!Boolean(this.lines) || this.lines === 1);
     const className = index.classnames("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-family-${this.fontFamily}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--truncate-direction-${this.truncateDirection}`, `text--weight-${this.weight}`, {
-      "text--truncate": this.truncate && (!Boolean(this.lines) || this.lines === 1),
+      "text--truncate": truncate,
     });
     const styles = {
-      whiteSpace: this.whiteSpace,
+      whiteSpace: truncate ? "nowrap" : this.whiteSpace,
     };
     return (index$1.h(index$1.Host, null, index$1.h(Tag, { class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", null))));
   }

package/dist/cjs/swirl-theme-provider.cjs.entry.js

@@ -10,6 +10,7 @@ const preferredThemeStorageKey = "swirl-preferred-theme";
 const SwirlThemeProvider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.appThemeUpdated = index.createEvent(this, "appThemeUpdated", 7);
     this.themeChange = index.createEvent(this, "themeChange", 7);
     this.setDesignTokens = [];
     this.config = undefined;
@@ -105,6 +106,7 @@ const SwirlThemeProvider = class {
       this.recentOSThemeChangeEventData = themeChangeEventData;
       this.themeChange.emit(this.recentOSThemeChangeEventData);
     }
+    this.appThemeUpdated.emit();
   }
   updateTenantAssets() {
     const theme = this.resolvedConfig?.themes?.[this.appOSTheme];