@xplortech/apollo-core 0.0.2 → 0.0.4

package/dist/collection/components/xpl-button/xpl-button.js

@@ -1,20 +1,38 @@
 import { Component, Host, h, Prop } from "@stencil/core";
+import "@fortawesome/fontawesome-free";
 export class XplButton {
+  constructor() {
+    this.disabled = undefined;
+    this.size = "default";
+    this.variant = "primary";
+  }
   render() {
     let className = "xpl-button";
-    if (this.type === "secondary")
+    if (this.variant === "secondary")
       className += " xpl-button--secondary";
-    if (this.type === "subtle")
+    if (this.variant === "subtle")
       className += " xpl-button--subtle";
+    if (this.variant === "error")
+      className += " xpl-button--error";
+    if (this.size === "sm")
+      className += " xpl-button--sm";
+    if (this.size === "xs")
+      className += " xpl-button--xs";
+    if (this.iconOnly)
+      className += " xpl-button--icon-only";
+    const icon = this.icon ? (h("i", { class: `fas fa-${this.icon} ${this.iconTrailing ? "trailing" : this.iconOnly ? "" : "leading"}` })) : null;
     return (h(Host, null, 
     /**
      * Conditionally render either an <a> or <button> element
      * depending on if there's an `href` or not
      */
     this.href ? (h("a", { class: className, href: this.href, role: "button" },
-      h("slot", null))) : this.disabled ? (h("button", { class: className, role: "button", disabled: true },
-      h("slot", null))) : (h("button", { class: className, role: "button" },
-      h("slot", null)))));
+      !this.iconTrailing && icon,
+      h("slot", null),
+      this.iconTrailing && icon)) : (h("button", { class: className, disabled: this.disabled, type: this.type },
+      !this.iconTrailing && icon,
+      h("slot", null),
+      this.iconTrailing && icon))));
   }
   static get is() { return "xpl-button"; }
   static get properties() { return {
@@ -33,26 +51,96 @@ export class XplButton {
         "text": ""
       },
       "attribute": "disabled",
+      "reflect": false,
+      "defaultValue": "undefined"
+    },
+    "href": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "href",
       "reflect": false
     },
-    "type": {
+    "icon": {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "\"primary\" | \"secondary\" | \"subtle\"",
-        "resolved": "\"primary\" | \"secondary\" | \"subtle\"",
+        "original": "string",
+        "resolved": "string",
         "references": {}
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [],
         "text": ""
       },
-      "attribute": "type",
+      "attribute": "icon",
       "reflect": false
     },
-    "href": {
+    "iconOnly": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "icon-only",
+      "reflect": false
+    },
+    "iconTrailing": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "icon-trailing",
+      "reflect": false
+    },
+    "size": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"default\" | \"sm\" | \"xs\"",
+        "resolved": "\"default\" | \"sm\" | \"xs\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "\"default\""
+    },
+    "type": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -66,8 +154,26 @@ export class XplButton {
         "tags": [],
         "text": ""
       },
-      "attribute": "href",
+      "attribute": "type",
       "reflect": false
+    },
+    "variant": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"primary\" | \"secondary\" | \"subtle\" | \"error\"",
+        "resolved": "\"error\" | \"primary\" | \"secondary\" | \"subtle\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "variant",
+      "reflect": false,
+      "defaultValue": "\"primary\""
     }
   }; }
 }

package/dist/collection/components/xpl-pagination/xpl-pagination.js

@@ -58,19 +58,14 @@ export class XplPagination {
       h("div", { class: "xpl-pagination" },
         h("div", null,
           h("p", null,
-            "Showing",
-            " ",
+            "Showing ",
             h("span", null, showingFirst),
-            " ",
-            "to",
-            " ",
+            " to ",
             h("span", null, showingLast),
             " ",
-            "of",
-            " ",
+            "of ",
             h("span", null, this.total),
-            " ",
-            "results")),
+            " results")),
         h("div", null,
           h("nav", { "aria-label": "Pagination" },
             h("button", { onClick: this.goPrev, class: "xpl-pagination-prev" },
@@ -183,7 +178,7 @@ export class XplPagination {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "Calling `goto` with a page number (which should probably be \ntaken from the `page` event) updates the pagination's state\nand re-renders it, showing the appropriate buttons given the current page.",
+        "text": "Calling `goto` with a page number (which should probably be\ntaken from the `page` event) updates the pagination's state\nand re-renders it, showing the appropriate buttons given the current page.",
         "tags": [{
             "name": "param",
             "text": "n"