@rebilly/revel 4.1.0 → 4.2.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [4.2.1](https://github.com/Rebilly/rebilly/compare/revel-v4.2.0...revel-v4.2.1) (2023-04-28)
+
+
+### Bug Fixes
+
+* **revel:** r-avatar had wrong top margin applied ([#190](https://github.com/Rebilly/rebilly/issues/190)) ([23a166c](https://github.com/Rebilly/rebilly/commit/23a166c152653b6393cfe5db04129f5dec559857))
+
+## [4.2.0](https://github.com/Rebilly/rebilly/compare/revel-v4.1.0...revel-v4.2.0) (2023-04-28)
+
+
+### Features
+
+* **revel:** Update button component ([#186](https://github.com/Rebilly/rebilly/issues/186)) ([c269206](https://github.com/Rebilly/rebilly/commit/c269206077471cd5eaf0547754d0632c34d39f88))
+
 ## [4.1.0](https://github.com/Rebilly/rebilly/compare/revel-v4.0.0...revel-v4.1.0) (2023-04-28)
 
 

package/dist/revel.es.js

@@ -1601,7 +1601,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_r_img = resolveComponent("r-img");
 
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["r-avatar r-mt-5", { 'r-avatar-description': $props.description }])
+    class: normalizeClass(["r-avatar", { 'r-avatar-description': $props.description }])
   }, [
     createElementVNode("div", _hoisted_1$p, [
       ($props.initials)
@@ -1705,8 +1705,6 @@ var rBadge = /*#__PURE__*/_export_sfc$1(_sfc_main$u, [['render',_sfc_render$u]])
 
 var rButton_vue_vue_type_style_index_0_lang = '';
 
-// TODO: button type link disabled property doesn't work (hide target, hide link, fix css)
-// TODO prefixes icon classes "r-is-spinning icon-light-gray r-inline-3"
 const _sfc_main$t = {
   name: 'RButton',
   compatConfig: {
@@ -1722,6 +1720,13 @@ const _sfc_main$t = {
       default: 'regular',
       validator: (val) => ['small', 'regular', 'large'].includes(val),
     },
+    /**
+     * Specify button as anchor link
+     */
+    link: {
+      type: Boolean,
+      default: false,
+    },
     /**
      * Specify button type according to your theme colors
      */
@@ -1729,7 +1734,14 @@ const _sfc_main$t = {
       type: String,
       default: 'default',
       validator: (val) =>
-        ['default', 'primary', 'danger', 'positive', 'link'].includes(val),
+        [
+          'default',
+          'primary',
+          'danger',
+          'positive',
+          'plain',
+          'unstyled',
+        ].includes(val),
     },
     /**
      * Disabled state just like for regular html button
@@ -1776,10 +1788,13 @@ const _sfc_main$t = {
     };
   },
   computed: {
-    isLink() {
-      return !!this.$attrs.href && this.type === 'link';
+    isHrefLink() {
+      return this.link && Boolean(this.href);
     },
     classes() {
+      if (this.isHrefLink) {
+        return 'r-button-type-link';
+      }
       return {
         [`r-button-size-${this.size}`]: !!this.size,
         [`r-button-type-${this.type}`]: !!this.type,
@@ -1802,14 +1817,14 @@ const _sfc_main$t = {
       // to avoid issues with accessibility and testing library
       return this.title || this.$attrs['aria-label'] ? 'button' : '';
     },
-    link() {
+    href() {
       return this.$attrs.href;
     },
   },
   methods: {},
 };
 
-const _hoisted_1$o = ["href", "disabled", "target"];
+const _hoisted_1$o = ["href", "target"];
 const _hoisted_2$i = {
   key: 0,
   class: "r-capitalize-first-letter",
@@ -1825,13 +1840,12 @@ const _hoisted_4$c = {
 function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_r_icon = resolveComponent("r-icon");
 
-  return ($options.isLink)
+  return ($props.link)
     ? (openBlock(), createElementBlock("a", {
         key: 0,
         role: "button",
         class: normalizeClass(["r-button", $options.classes]),
-        href: $options.link,
-        disabled: $props.disabled || $props.loading,
+        href: $options.href,
         target: _ctx.$attrs.href ? '_target' : _ctx.$attrs.target || ''
       }, [
         ($props.capitalizeFirstLetter)
@@ -16627,7 +16641,8 @@ const _sfc_main$d = {
     type: {
       type: String,
       default: 'default',
-      validator: (val) => ['default', 'primary', 'danger'].includes(val),
+      validator: (val) =>
+        ['default', 'primary', 'danger', 'plain', 'unstyled'].includes(val),
     },
     /**
      * TBD