@justeattakeaway/pie-icon-button 0.27.1 → 0.27.2

package/dist/index.js

@@ -12,10 +12,10 @@ const g = `:host{--btn-dimension-default: 48px;--icon-size-override: 24px}.o-ico
   "inverse",
   "ghost-inverse"
 ];
-var y = Object.defineProperty, B = Object.getOwnPropertyDescriptor, c = (l, o, i, t) => {
-  for (var r = t > 1 ? void 0 : t ? B(o, i) : o, e = l.length - 1, d; e >= 0; e--)
-    (d = l[e]) && (r = (t ? d(o, i, r) : d(r)) || r);
-  return t && r && y(o, i, r), r;
+var y = Object.defineProperty, B = Object.getOwnPropertyDescriptor, c = (l, o, t, i) => {
+  for (var r = i > 1 ? void 0 : i ? B(o, t) : o, e = l.length - 1, d; e >= 0; e--)
+    (d = l[e]) && (r = (i ? d(o, t, r) : d(r)) || r);
+  return i && r && y(o, t, r), r;
 };
 const s = "pie-icon-button";
 class a extends m {
@@ -28,9 +28,9 @@ class a extends m {
    * @private
    */
   renderSpinner() {
-    const { variant: o, size: i, disabled: t } = this, r = i === "xsmall" ? "small" : "medium";
+    const { variant: o, size: t, disabled: i } = this, r = t === "xsmall" ? "small" : "medium";
     let e = "brand";
-    return o != null && o.includes("secondary") && (e = "secondary"), (o === "primary" && !t || o === "ghost-inverse") && (e = "inverse"), v`
+    return o != null && o.includes("secondary") && (e = "secondary"), (o === "primary" && !i || o === "ghost-inverse") && (e = "inverse"), v`
                 <pie-spinner
                     size="${r}"
                     variant="${e}"
@@ -39,15 +39,15 @@ class a extends m {
   render() {
     const {
       disabled: o,
-      size: i,
-      variant: t,
+      size: t,
+      variant: i,
       isLoading: r
     } = this;
     return v`
             <button
                 class="o-iconBtn"
-                size="${i}"
-                variant="${t}"
+                size="${t || "medium"}"
+                variant="${i || "primary"}"
                 ?disabled="${o}"
                 ?isLoading="${r}">
                 ${r ? this.renderSpinner() : v`<slot></slot>`}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-icon-button",
-  "version": "0.27.1",
+  "version": "0.27.2",
   "description": "PIE Design System Icon Button built using Web Components",
   "type": "module",
   "main": "dist/index.js",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@justeattakeaway/pie-icons-webc": "0.17.2",
-    "@justeattakeaway/pie-spinner": "0.5.1",
+    "@justeattakeaway/pie-spinner": "0.5.2",
     "@justeattakeaway/pie-webc-core": "0.17.1"
   },
   "volta": {

package/src/index.ts

@@ -60,8 +60,8 @@ export class PieIconButton extends LitElement implements IconButtonProps {
         return html`
             <button
                 class="o-iconBtn"
-                size="${size}"
-                variant="${variant}"
+                size="${size || 'medium'}"
+                variant="${variant || 'primary'}"
                 ?disabled="${disabled}"
                 ?isLoading="${isLoading}">
                 ${isLoading ? this.renderSpinner() : html`<slot></slot>`}