@getflip/swirl-components 0.13.0 → 0.14.1

package/dist/collection/components/swirl-theme-provider/swirl-theme-provider.js

@@ -1,4 +1,4 @@
-import { Component, Event, h, Host, Method, Prop, Watch, } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { hsla, parseToHsla, toRgba } from "color2k";
 const preferredThemeStorageKey = "swirl-preferred-theme";
 const tenantColorMapping = {
@@ -19,6 +19,9 @@ const tenantColorMapping = {
   "--s-interactive-primary-pressed": "textPressed",
 };
 export class SwirlThemeProvider {
+  constructor() {
+    this.config = undefined;
+  }
   componentWillLoad() {
     this.resolveConfig();
     this.determineOSTheme();
@@ -142,144 +145,160 @@ export class SwirlThemeProvider {
     ].forEach((key) => rootElement.style.removeProperty(key));
   }
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "swirl-theme-provider"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["swirl-theme-provider.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["swirl-theme-provider.css"]
-  }; }
-  static get properties() { return {
-    "config": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlThemeProviderConfig",
-        "resolved": "{ rootElement?: HTMLElement; storage?: SwirlThemeProviderStorage; tenantColors?: SwirlThemeProviderTenantColors; }",
-        "references": {
-          "SwirlThemeProviderConfig": {
-            "location": "local"
+  static get originalStyleUrls() {
+    return {
+      "$": ["swirl-theme-provider.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["swirl-theme-provider.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "config": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlThemeProviderConfig",
+          "resolved": "{ rootElement?: HTMLElement; storage?: SwirlThemeProviderStorage; tenantColors?: SwirlThemeProviderTenantColors; }",
+          "references": {
+            "SwirlThemeProviderConfig": {
+              "location": "local",
+              "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-theme-provider/swirl-theme-provider.tsx"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
       }
-    }
-  }; }
-  static get events() { return [{
-      "method": "themeChange",
-      "name": "themeChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "SwirlThemeChangeEventData",
-        "resolved": "{ activeTheme: SwirlTheme; preferredTheme: SwirlTheme; }",
-        "references": {
-          "SwirlThemeChangeEventData": {
-            "location": "local"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "themeChange",
+        "name": "themeChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "SwirlThemeChangeEventData",
+          "resolved": "{ activeTheme: SwirlTheme; preferredTheme: SwirlTheme; }",
+          "references": {
+            "SwirlThemeChangeEventData": {
+              "location": "local",
+              "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-theme-provider/swirl-theme-provider.tsx"
+            }
           }
         }
-      }
-    }]; }
-  static get methods() { return {
-    "getActiveTheme": {
-      "complexType": {
-        "signature": "() => Promise<SwirlTheme>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }];
+  }
+  static get methods() {
+    return {
+      "getActiveTheme": {
+        "complexType": {
+          "signature": "() => Promise<SwirlTheme>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "SwirlTheme": {
+              "location": "local",
+              "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-theme-provider/swirl-theme-provider.tsx"
+            }
           },
-          "SwirlTheme": {
-            "location": "local"
-          }
+          "return": "Promise<SwirlTheme>"
         },
-        "return": "Promise<SwirlTheme>"
+        "docs": {
+          "text": "Returns the active app theme.",
+          "tags": [{
+              "name": "returns",
+              "text": "SwirlTheme"
+            }]
+        }
       },
-      "docs": {
-        "text": "Returns the active app theme.",
-        "tags": [{
-            "name": "returns",
-            "text": "SwirlTheme"
-          }]
-      }
-    },
-    "getPreferredTheme": {
-      "complexType": {
-        "signature": "() => Promise<SwirlTheme>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "getPreferredTheme": {
+        "complexType": {
+          "signature": "() => Promise<SwirlTheme>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "SwirlTheme": {
+              "location": "local",
+              "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-theme-provider/swirl-theme-provider.tsx"
+            }
           },
-          "SwirlTheme": {
-            "location": "local"
-          }
+          "return": "Promise<SwirlTheme>"
         },
-        "return": "Promise<SwirlTheme>"
+        "docs": {
+          "text": "Returns the user's preferred theme stored in local storage.",
+          "tags": [{
+              "name": "returns",
+              "text": "SwirlTheme"
+            }]
+        }
       },
-      "docs": {
-        "text": "Returns the user's preferred theme stored in local storage.",
-        "tags": [{
-            "name": "returns",
-            "text": "SwirlTheme"
-          }]
-      }
-    },
-    "setPreferredTheme": {
-      "complexType": {
-        "signature": "(theme: SwirlTheme) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "setPreferredTheme": {
+        "complexType": {
+          "signature": "(theme: SwirlTheme) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "SwirlTheme": {
+              "location": "local",
+              "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-theme-provider/swirl-theme-provider.tsx"
+            }
           },
-          "SwirlTheme": {
-            "location": "local"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Sets the user's preferred theme and stores it in local storage. Overrides\nthe OS theme.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Sets the user's preferred theme and stores it in local storage. Overrides\nthe OS theme.",
-        "tags": []
-      }
-    },
-    "resetPreferredTheme": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "resetPreferredTheme": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Resets the user's preferred theme, using the OS theme instead.",
-        "tags": []
+        "docs": {
+          "text": "Resets the user's preferred theme, using the OS theme instead.",
+          "tags": []
+        }
       }
-    }
-  }; }
-  static get watchers() { return [{
-      "propName": "config",
-      "methodName": "watchConfig"
-    }]; }
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "config",
+        "methodName": "watchConfig"
+      }];
+  }
 }

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

@@ -1,102 +1,110 @@
-import { Component, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import classnames from "classnames";
 export class SwirlThumbnail {
   constructor() {
+    this.alt = undefined;
     this.format = "landscape";
     this.size = "m";
+    this.src = undefined;
   }
   render() {
     const className = classnames("thumbnail", `thumbnail--format-${this.format}`, `thumbnail--size-${this.size}`);
-    return (h(Host, null,
-      h("span", { class: className },
-        h("img", { alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src }))));
+    return (h(Host, null, h("span", { class: className }, h("img", { alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src }))));
   }
   static get is() { return "swirl-thumbnail"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["swirl-thumbnail.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["swirl-thumbnail.css"]
-  }; }
-  static get properties() { return {
-    "alt": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["swirl-thumbnail.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["swirl-thumbnail.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "alt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "alt",
+        "reflect": false
       },
-      "attribute": "alt",
-      "reflect": false
-    },
-    "format": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlThumbnailFormat",
-        "resolved": "\"landscape\" | \"portrait\" | \"square\"",
-        "references": {
-          "SwirlThumbnailFormat": {
-            "location": "local"
+      "format": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlThumbnailFormat",
+          "resolved": "\"landscape\" | \"portrait\" | \"square\"",
+          "references": {
+            "SwirlThumbnailFormat": {
+              "location": "local",
+              "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-thumbnail/swirl-thumbnail.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "format",
+        "reflect": false,
+        "defaultValue": "\"landscape\""
       },
-      "attribute": "format",
-      "reflect": false,
-      "defaultValue": "\"landscape\""
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlThumbnailSize",
-        "resolved": "\"l\" | \"m\" | \"s\"",
-        "references": {
-          "SwirlThumbnailSize": {
-            "location": "local"
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlThumbnailSize",
+          "resolved": "\"l\" | \"m\" | \"s\"",
+          "references": {
+            "SwirlThumbnailSize": {
+              "location": "local",
+              "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-thumbnail/swirl-thumbnail.tsx"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "\"m\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "\"m\""
-    },
-    "src": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "src",
-      "reflect": false
-    }
-  }; }
+      "src": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "src",
+        "reflect": false
+      }
+    };
+  }
 }