@bigin/bigin-ui-button - npm Package Compare versions

Comparing version 0.0.61 to 0.0.62

lib/index.js

@@ -59,5 +59,13 @@ 'use strict';var BaseButton = {
     },
-    nativeType: {
+    href: {
       type: String,
-      default: 'button'
+      default: ''
+    },
+    to: {
+      type: String,
+      default: ''
+    },
+    baseIconClass: {
+      type: String,
+      default: 'b-icon'
     }
@@ -88,2 +96,11 @@ },
       )
+    },
+    nativeTag() {
+      return (this.to && 'nuxt-link') || (this.href && 'a') || 'button'
+    },
+    extendProps() {
+      return (
+        (this.to && { to: this.to }) ||
+        (this.href && { href: this.href }) || { type: 'button' }
+      )
     }
@@ -105,3 +122,3 @@ }
       return (
-        (this.xsmall && 12) || (this.small && 14) || (this.large && 24) || 20
+        (this.xsmall && 12) || (this.small && 14) || (this.large && 28) || 20
       )
@@ -192,41 +209,57 @@ }
   return _c(
-    "button",
+    _vm.nativeTag,
     _vm._g(
-      {
-        class: [
-          _vm.baseClass,
-          _vm.variantClass,
-          _vm.sizingClass,
-          { loading: _vm.loading, rounded: _vm.rounded }
-        ],
-        attrs: { disabled: _vm.disabled || _vm.loading, type: _vm.nativeType }
-      },
+      _vm._b(
+        {
+          tag: "component",
+          class: [
+            _vm.baseClass,
+            _vm.variantClass,
+            _vm.sizingClass,
+            { loading: _vm.loading, rounded: _vm.rounded }
+          ],
+          attrs: { disabled: _vm.disabled || _vm.loading }
+        },
+        "component",
+        _vm.extendProps,
+        false
+      ),
       _vm.$listeners
     ),
     [
-      _vm.prefixIcon
-        ? _c("b-icon", {
-            class: {
-              "mr-05x": _vm.xsmall,
-              "mr-1x": _vm.small,
-              "mr-2x": _vm.medium && !_vm.xsmall && !_vm.small && !_vm.large,
-              "mr-3x": _vm.large
-            },
-            attrs: { name: _vm.prefixIcon, size: _vm.iconSize }
-          })
-        : _vm._e(),
+      _vm._t("prefix", [
+        _vm.prefixIcon
+          ? _c("b-icon", {
+              class: {
+                "mr-05x": _vm.xsmall,
+                "mr-1x": _vm.small,
+                "mr-2x": (_vm.medium || _vm.large) && !_vm.xsmall && !_vm.small
+              },
+              attrs: {
+                name: _vm.prefixIcon,
+                size: _vm.iconSize,
+                baseClass: _vm.baseIconClass
+              }
+            })
+          : _vm._e()
+      ]),
       _vm._v(" "),
       _vm._t("default", [_vm._v(_vm._s(_vm.text))]),
       _vm._v(" "),
-      _vm.suffixIcon
-        ? _c("b-icon", {
-            class: {
-              "ml-05x": _vm.xsmall,
-              "ml-1x": _vm.small,
-              "ml-2x": _vm.medium && !_vm.xsmall && !_vm.small && !_vm.large,
-              "ml-3x": _vm.large
-            },
-            attrs: { name: _vm.suffixIcon, size: _vm.iconSize }
-          })
-        : _vm._e()
+      _vm._t("suffix", [
+        _vm.suffixIcon
+          ? _c("b-icon", {
+              class: {
+                "ml-05x": _vm.xsmall,
+                "ml-1x": _vm.small,
+                "ml-2x": (_vm.medium || _vm.large) && !_vm.xsmall && !_vm.small
+              },
+              attrs: {
+                name: _vm.suffixIcon,
+                size: _vm.iconSize,
+                baseClass: _vm.baseIconClass
+              }
+            })
+          : _vm._e()
+      ])
     ],
@@ -233,0 +266,0 @@ 2

package.json

 {
   "name": "@bigin/bigin-ui-button",
-  "version": "0.0.61",
+  "version": "0.0.62",
   "description": "Bigin Design System Button component",
@@ -30,3 +30,3 @@ "author": "Tam Mai <[e-mail]>",
   },
-  "gitHead": "d2753f7dd6c40bae19e42262fbfa45a948e2835f"
+  "gitHead": "5d801ed645521fa3c8e509d0c34386b41c2f843b"
 }

No alert changes

Improved metrics

Total package byte prevSize

9806

increased by7.75%

Lines of code

294

increased by12.64%

No dependency changes