@getflip/swirl-components 0.13.0 → 0.14.0

package/dist/collection/components/swirl-action-list-item/swirl-action-list-item.js

@@ -1,14 +1,19 @@
-import { Component, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import classnames from "classnames";
 import { getDesktopMediaQuery } from "../../utils";
 export class SwirlActionListItem {
   constructor() {
-    this.intent = "default";
-    this.size = "m";
     this.desktopMediaQuery = getDesktopMediaQuery();
     this.desktopMediaQueryHandler = (event) => {
       this.forceIconProps(event.matches);
     };
+    this.disabled = undefined;
+    this.description = undefined;
+    this.icon = undefined;
+    this.intent = "default";
+    this.label = undefined;
+    this.size = "m";
+    this.suffix = undefined;
   }
   componentDidLoad() {
     var _a, _b;
@@ -29,151 +34,153 @@ export class SwirlActionListItem {
   render() {
     const showSuffix = Boolean(this.suffix) && !this.disabled;
     const className = classnames("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-    return (h(Host, null,
-      h("button", { class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" },
-        this.icon && (h("span", { class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })),
-        h("span", { class: "action-list-item__label-container" },
-          h("span", { class: "action-list-item__label" }, this.label),
-          this.description && (h("span", { class: "action-list-item__description" }, this.description))),
-        showSuffix && (h("span", { class: "action-list-item__suffix", innerHTML: this.suffix, ref: (el) => (this.suffixEl = el) })))));
+    return (h(Host, null, h("button", { class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && (h("span", { class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { class: "action-list-item__label-container" }, h("span", { class: "action-list-item__label" }, this.label), this.description && (h("span", { class: "action-list-item__description" }, this.description))), showSuffix && (h("span", { class: "action-list-item__suffix", innerHTML: this.suffix, ref: (el) => (this.suffixEl = el) })))));
   }
   static get is() { return "swirl-action-list-item"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["swirl-action-list-item.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["swirl-action-list-item.css"]
-  }; }
-  static get properties() { return {
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false
-    },
-    "description": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["swirl-action-list-item.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["swirl-action-list-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false
       },
-      "attribute": "description",
-      "reflect": false
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "description": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "description",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "icon",
+        "reflect": false
       },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "intent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlActionListItemIntent",
-        "resolved": "\"critical\" | \"default\"",
-        "references": {
-          "SwirlActionListItemIntent": {
-            "location": "local"
+      "intent": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlActionListItemIntent",
+          "resolved": "\"critical\" | \"default\"",
+          "references": {
+            "SwirlActionListItemIntent": {
+              "location": "local",
+              "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-action-list-item/swirl-action-list-item.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "intent",
+        "reflect": false,
+        "defaultValue": "\"default\""
       },
-      "attribute": "intent",
-      "reflect": false,
-      "defaultValue": "\"default\""
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "SwirlActionListItemSize",
-        "resolved": "\"l\" | \"m\"",
-        "references": {
-          "SwirlActionListItemSize": {
-            "location": "local"
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "SwirlActionListItemSize",
+          "resolved": "\"l\" | \"m\"",
+          "references": {
+            "SwirlActionListItemSize": {
+              "location": "local",
+              "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-action-list-item/swirl-action-list-item.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "\"m\""
       },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "\"m\""
-    },
-    "suffix": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "suffix",
-      "reflect": false
-    }
-  }; }
+      "suffix": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "suffix",
+        "reflect": false
+      }
+    };
+  }
 }

package/dist/collection/components/swirl-action-list-section/swirl-action-list-section.js

@@ -1,40 +1,45 @@
-import { Component, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 /**
  * @slot slot - The action list item components
  */
 export class SwirlActionListSection {
+  constructor() {
+    this.label = undefined;
+  }
   render() {
-    return (h(Host, null,
-      h("div", { "aria-labelledby": "label", class: "action-list-section", role: "group" },
-        h("span", { class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label),
-        h("div", { class: "action-list-section__items" },
-          h("slot", null)))));
+    return (h(Host, null, h("div", { "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { class: "action-list-section__items" }, h("slot", null)))));
   }
   static get is() { return "swirl-action-list-section"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["swirl-action-list-section.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["swirl-action-list-section.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label",
-      "reflect": false
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["swirl-action-list-section.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["swirl-action-list-section.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
+      }
+    };
+  }
 }