@dialpad/dialtone-vue 2.74.0 → 2.74.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [2.74.1](https://github.com/dialpad/dialtone-vue/compare/v2.74.0...v2.74.1) (2023-03-30)
+
+
+### Bug Fixes
+
+* **Recipe Callbar Btn:** show tooltip when the callbar button is disa… ([#866](https://github.com/dialpad/dialtone-vue/issues/866)) ([b88ec69](https://github.com/dialpad/dialtone-vue/commit/b88ec697bfa23faa3d1d55a44c0ec53a8287665a))
+
 # [2.74.0](https://github.com/dialpad/dialtone-vue/compare/v2.73.0...v2.74.0) (2023-03-30)
 
 

package/dist/dialtone-vue.common.js

@@ -22616,9 +22616,9 @@ var combobox_multi_select_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=54dca072&
-var callbar_buttonvue_type_template_id_54dca072_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
-var callbar_buttonvue_type_template_id_54dca072_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=0594eb7a&
+var callbar_buttonvue_type_template_id_0594eb7a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
+var callbar_buttonvue_type_template_id_0594eb7a_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js&
@@ -22650,6 +22650,10 @@ var callbar_buttonvue_type_template_id_54dca072_staticRenderFns = []
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -22750,6 +22754,16 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
       type: String,
       default: 'xl',
       validator: size => VALID_WIDTH_SIZE.includes(size)
+    },
+
+    /**
+     * Whether to show the tooltip text. Sometimes we want to show it when the button is disabled.
+     * @values true, false
+     * @see https://dialpad.design/components/button.html#disabled
+     */
+    showTooltip: {
+      type: Boolean,
+      default: false
     }
   },
   emits: [
@@ -22762,10 +22776,12 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
   'click'],
   computed: {
     callbarButtonClass() {
-      return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', 'd-fc-primary', {
+      return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', {
         'dt-recipe-callbar-button--circle': this.circle,
         'dt-recipe-callbar-button--active': this.active,
-        'dt-recipe-callbar-button--danger': this.danger
+        'dt-recipe-callbar-button--danger': this.danger,
+        'd-btn--disabled': this.disabled,
+        'd-fc-primary': !this.disabled
       }];
     },
 
@@ -22805,8 +22821,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(759);
 
 var callbar_button_component = normalizeComponent(
   callbar_button_callbar_buttonvue_type_script_lang_js_,
-  callbar_buttonvue_type_template_id_54dca072_render,
-  callbar_buttonvue_type_template_id_54dca072_staticRenderFns,
+  callbar_buttonvue_type_template_id_0594eb7a_render,
+  callbar_buttonvue_type_template_id_0594eb7a_staticRenderFns,
   false,
   null,
   null,

package/dist/dialtone-vue.umd.js

@@ -22626,9 +22626,9 @@ var combobox_multi_select_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=54dca072&
-var callbar_buttonvue_type_template_id_54dca072_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
-var callbar_buttonvue_type_template_id_54dca072_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=0594eb7a&
+var callbar_buttonvue_type_template_id_0594eb7a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('span',{class:{ 'd-c-not-allowed': _vm.disabled }},[_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","aria-disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":_vm.callbarButtonTextClass,"width":_vm.buttonWidth}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)],1)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
+var callbar_buttonvue_type_template_id_0594eb7a_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js&
@@ -22660,6 +22660,10 @@ var callbar_buttonvue_type_template_id_54dca072_staticRenderFns = []
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -22760,6 +22764,16 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
       type: String,
       default: 'xl',
       validator: size => VALID_WIDTH_SIZE.includes(size)
+    },
+
+    /**
+     * Whether to show the tooltip text. Sometimes we want to show it when the button is disabled.
+     * @values true, false
+     * @see https://dialpad.design/components/button.html#disabled
+     */
+    showTooltip: {
+      type: Boolean,
+      default: false
     }
   },
   emits: [
@@ -22772,10 +22786,12 @@ const VALID_WIDTH_SIZE = ['sm', 'md', 'lg', 'xl'];
   'click'],
   computed: {
     callbarButtonClass() {
-      return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', 'd-fc-primary', {
+      return [this.buttonClass, 'dt-recipe-callbar-button', 'd-px0', {
         'dt-recipe-callbar-button--circle': this.circle,
         'dt-recipe-callbar-button--active': this.active,
-        'dt-recipe-callbar-button--danger': this.danger
+        'dt-recipe-callbar-button--danger': this.danger,
+        'd-btn--disabled': this.disabled,
+        'd-fc-primary': !this.disabled
       }];
     },
 
@@ -22815,8 +22831,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(736);
 
 var callbar_button_component = normalizeComponent(
   callbar_button_callbar_buttonvue_type_script_lang_js_,
-  callbar_buttonvue_type_template_id_54dca072_render,
-  callbar_buttonvue_type_template_id_54dca072_staticRenderFns,
+  callbar_buttonvue_type_template_id_0594eb7a_render,
+  callbar_buttonvue_type_template_id_0594eb7a_staticRenderFns,
   false,
   null,
   null,