@dialpad/dialtone-vue 2.73.0 → 2.74.1

package/dist/dialtone-vue.common.js

@@ -2347,6 +2347,7 @@ __webpack_require__.d(__webpack_exports__, {
   "TAB_LIST_KIND_MODIFIERS": () => (/* reexport */ TAB_LIST_KIND_MODIFIERS),
   "TAB_LIST_SIZES": () => (/* reexport */ TAB_LIST_SIZES),
   "TOAST_ROLES": () => (/* reexport */ TOAST_ROLES),
+  "TOOLTIP_DELAY_MS": () => (/* reexport */ TOOLTIP_DELAY_MS),
   "TOOLTIP_DIRECTIONS": () => (/* reexport */ TOOLTIP_DIRECTIONS),
   "TOOLTIP_HIDE_ON_CLICK_VARIANTS": () => (/* reexport */ TOOLTIP_HIDE_ON_CLICK_VARIANTS),
   "TOOLTIP_KIND_MODIFIERS": () => (/* reexport */ TOOLTIP_KIND_MODIFIERS),
@@ -14904,8 +14905,8 @@ var image_viewer_component = normalizeComponent(
 /* harmony default export */ const image_viewer = (image_viewer_component.exports);
 ;// CONCATENATED MODULE: ./components/image_viewer/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!./components/input/input.vue?vue&type=template&id=2c334438&
-var inputvue_type_template_id_2c334438_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",function(){return [(_vm.labelVisible && _vm.label)?_c('div',{ref:"label",class:[
+;// 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!./components/input/input.vue?vue&type=template&id=62e06544&
+var inputvue_type_template_id_62e06544_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",function(){return [(_vm.labelVisible && _vm.label)?_c('div',{ref:"label",class:[
           'base-input__label-text',
           'd-label',
           _vm.labelSizeClasses[_vm.size] ],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")]):_vm._e()]}),(_vm.$slots.description || _vm.description || _vm.shouldValidateLength)?_c('div',{ref:"description",class:[
@@ -14914,7 +14915,7 @@ var inputvue_type_template_id_2c334438_render = function () {var _vm=this;var _h
         'd-fd-column',
         _vm.descriptionSizeClasses[_vm.size] ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[(_vm.$slots.description || _vm.description)?_c('div',[_vm._t("description",function(){return [_vm._v(_vm._s(_vm.description))]})],2):_vm._e(),(_vm.shouldValidateLength)?_c('div',{class:[
           'd-mb2' ],attrs:{"data-qa":"dt-input-length-description"}},[_vm._v(" "+_vm._s(_vm.validationProps.length.description)+" ")]):_vm._e()]):_vm._e(),_c('div',{class:_vm.inputWrapperClasses(),attrs:{"read-only":_vm.disabled}},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e()])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.validationMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
-var inputvue_type_template_id_2c334438_staticRenderFns = []
+var inputvue_type_template_id_62e06544_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/input/input_constants.js
@@ -14925,7 +14926,9 @@ const INPUT_TYPES = {
   TEXTAREA: 'textarea',
   PASSWORD: 'password',
   EMAIL: 'email',
-  NUMBER: 'number'
+  NUMBER: 'number',
+  DATE: 'date',
+  TIME: 'time'
 };
 const INPUT_SIZES = {
   EXTRA_SMALL: 'xs',
@@ -15606,9 +15609,9 @@ const MessagesMixin = {
     },
 
     /**
-     * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`.
+     * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`, 'date', 'time'.
      * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.
-     * @values text, password, email, number, textarea.
+     * @values text, password, email, number, textarea, date, time
      */
     type: {
       type: String,
@@ -16076,8 +16079,8 @@ const MessagesMixin = {
 ;
 var input_component = normalizeComponent(
   input_inputvue_type_script_lang_js_,
-  inputvue_type_template_id_2c334438_render,
-  inputvue_type_template_id_2c334438_staticRenderFns,
+  inputvue_type_template_id_62e06544_render,
+  inputvue_type_template_id_62e06544_staticRenderFns,
   false,
   null,
   null,
@@ -20148,15 +20151,15 @@ var toggle_component = normalizeComponent(
 /* harmony default export */ const toggle = (toggle_component.exports);
 ;// CONCATENATED MODULE: ./components/toggle/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!./components/tooltip/tooltip.vue?vue&type=template&id=6d30a218&
-var tooltipvue_type_template_id_6d30a218_render = function () {
+;// 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!./components/tooltip/tooltip.vue?vue&type=template&id=39a603a8&
+var tooltipvue_type_template_id_39a603a8_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tooltip-container"}},[_c('a',{ref:"anchor",attrs:{"tabindex":"-1","role":"presentation","data-qa":"dt-tooltip-anchor"},on:{"focusin":_vm.onEnterAnchor,"focusout":_vm.onLeaveAnchor,"mouseenter":_vm.onEnterAnchor,"mouseleave":_vm.onLeaveAnchor,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.onLeaveAnchor.apply(null, arguments)}}},[_vm._t("anchor")],2),_c('dt-lazy-show',_vm._g({ref:"content",class:[
       'd-tooltip',
       ("d-tooltip__arrow-tippy--" + _vm.currentPlacement),
       ( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
       _vm.contentClass ],attrs:{"id":_vm.id,"show":_vm.isShown && (!!_vm.message.trim() || !!_vm.$slots.default),"role":"tooltip","aria-hidden":"false","data-qa":"dt-tooltip","appear":"","transition":_vm.transition}},_vm.tooltipListeners),[_vm._t("default",function(){return [_vm._v(" "+_vm._s(_vm.message)+" ")]})],2)],1)}
-var tooltipvue_type_template_id_6d30a218_staticRenderFns = []
+var tooltipvue_type_template_id_39a603a8_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
@@ -20165,6 +20168,7 @@ var tooltipvue_type_template_id_6d30a218_staticRenderFns = []
 * */
 
 const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
+const TOOLTIP_DELAY_MS = 300;
 const TOOLTIP_KIND_MODIFIERS = {
   hover: `d-tooltip--hover`,
   show: `d-tooltip--show`,
@@ -20353,6 +20357,15 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
     transition: {
       type: String,
       default: 'fade'
+    },
+
+    /**
+     * Whether the tooltip will have a delay when being focused or moused over.
+     * @values true, false
+     */
+    delay: {
+      type: Boolean,
+      default: true
     }
   },
   emits: [
@@ -20374,6 +20387,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
     return {
       TOOLTIP_KIND_MODIFIERS: TOOLTIP_KIND_MODIFIERS,
       tip: null,
+      inTimer: null,
       // Internal state for whether the tooltip is shown. Changing the prop
       // will update this.
       isShown: false,
@@ -20480,6 +20494,16 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
     },
 
     onEnterAnchor(e) {
+      if (this.delay) {
+        this.inTimer = setTimeout(function (event) {
+          return this.triggerShow(event);
+        }.bind(this, e), TOOLTIP_DELAY_MS);
+      } else {
+        return this.triggerShow(e);
+      }
+    },
+
+    triggerShow(e) {
       if (e.type === 'focusin') {
         // only show tooltips on visible focus when triggered via focus.
         // when the user is using the mouse they only want tooltips to display
@@ -20497,6 +20521,11 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
     },
 
     onLeaveAnchor() {
+      clearTimeout(this.inTimer);
+      return this.triggerHide();
+    },
+
+    triggerHide() {
       if (this.show === null) this.isShown = false;
     },
 
@@ -20564,8 +20593,8 @@ var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__(213);
 
 var tooltip_component = normalizeComponent(
   tooltip_tooltipvue_type_script_lang_js_,
-  tooltipvue_type_template_id_6d30a218_render,
-  tooltipvue_type_template_id_6d30a218_staticRenderFns,
+  tooltipvue_type_template_id_39a603a8_render,
+  tooltipvue_type_template_id_39a603a8_staticRenderFns,
   false,
   null,
   null,
@@ -22587,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&
@@ -22621,6 +22650,10 @@ var callbar_buttonvue_type_template_id_54dca072_staticRenderFns = []
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -22721,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: [
@@ -22733,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
       }];
     },
 
@@ -22776,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

@@ -2357,6 +2357,7 @@ __webpack_require__.d(__webpack_exports__, {
   "TAB_LIST_KIND_MODIFIERS": () => (/* reexport */ TAB_LIST_KIND_MODIFIERS),
   "TAB_LIST_SIZES": () => (/* reexport */ TAB_LIST_SIZES),
   "TOAST_ROLES": () => (/* reexport */ TOAST_ROLES),
+  "TOOLTIP_DELAY_MS": () => (/* reexport */ TOOLTIP_DELAY_MS),
   "TOOLTIP_DIRECTIONS": () => (/* reexport */ TOOLTIP_DIRECTIONS),
   "TOOLTIP_HIDE_ON_CLICK_VARIANTS": () => (/* reexport */ TOOLTIP_HIDE_ON_CLICK_VARIANTS),
   "TOOLTIP_KIND_MODIFIERS": () => (/* reexport */ TOOLTIP_KIND_MODIFIERS),
@@ -14914,8 +14915,8 @@ var image_viewer_component = normalizeComponent(
 /* harmony default export */ const image_viewer = (image_viewer_component.exports);
 ;// CONCATENATED MODULE: ./components/image_viewer/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!./components/input/input.vue?vue&type=template&id=2c334438&
-var inputvue_type_template_id_2c334438_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",function(){return [(_vm.labelVisible && _vm.label)?_c('div',{ref:"label",class:[
+;// 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!./components/input/input.vue?vue&type=template&id=62e06544&
+var inputvue_type_template_id_62e06544_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",function(){return [(_vm.labelVisible && _vm.label)?_c('div',{ref:"label",class:[
           'base-input__label-text',
           'd-label',
           _vm.labelSizeClasses[_vm.size] ],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")]):_vm._e()]}),(_vm.$slots.description || _vm.description || _vm.shouldValidateLength)?_c('div',{ref:"description",class:[
@@ -14924,7 +14925,7 @@ var inputvue_type_template_id_2c334438_render = function () {var _vm=this;var _h
         'd-fd-column',
         _vm.descriptionSizeClasses[_vm.size] ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[(_vm.$slots.description || _vm.description)?_c('div',[_vm._t("description",function(){return [_vm._v(_vm._s(_vm.description))]})],2):_vm._e(),(_vm.shouldValidateLength)?_c('div',{class:[
           'd-mb2' ],attrs:{"data-qa":"dt-input-length-description"}},[_vm._v(" "+_vm._s(_vm.validationProps.length.description)+" ")]):_vm._e()]):_vm._e(),_c('div',{class:_vm.inputWrapperClasses(),attrs:{"read-only":_vm.disabled}},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e()])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.validationMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
-var inputvue_type_template_id_2c334438_staticRenderFns = []
+var inputvue_type_template_id_62e06544_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/input/input_constants.js
@@ -14935,7 +14936,9 @@ const INPUT_TYPES = {
   TEXTAREA: 'textarea',
   PASSWORD: 'password',
   EMAIL: 'email',
-  NUMBER: 'number'
+  NUMBER: 'number',
+  DATE: 'date',
+  TIME: 'time'
 };
 const INPUT_SIZES = {
   EXTRA_SMALL: 'xs',
@@ -15616,9 +15619,9 @@ const MessagesMixin = {
     },
 
     /**
-     * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`.
+     * Type of the input, one of: `text`, `password`, `email`, `number`, `textarea`, 'date', 'time'.
      * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.
-     * @values text, password, email, number, textarea.
+     * @values text, password, email, number, textarea, date, time
      */
     type: {
       type: String,
@@ -16086,8 +16089,8 @@ const MessagesMixin = {
 ;
 var input_component = normalizeComponent(
   input_inputvue_type_script_lang_js_,
-  inputvue_type_template_id_2c334438_render,
-  inputvue_type_template_id_2c334438_staticRenderFns,
+  inputvue_type_template_id_62e06544_render,
+  inputvue_type_template_id_62e06544_staticRenderFns,
   false,
   null,
   null,
@@ -20158,15 +20161,15 @@ var toggle_component = normalizeComponent(
 /* harmony default export */ const toggle = (toggle_component.exports);
 ;// CONCATENATED MODULE: ./components/toggle/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!./components/tooltip/tooltip.vue?vue&type=template&id=6d30a218&
-var tooltipvue_type_template_id_6d30a218_render = function () {
+;// 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!./components/tooltip/tooltip.vue?vue&type=template&id=39a603a8&
+var tooltipvue_type_template_id_39a603a8_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tooltip-container"}},[_c('a',{ref:"anchor",attrs:{"tabindex":"-1","role":"presentation","data-qa":"dt-tooltip-anchor"},on:{"focusin":_vm.onEnterAnchor,"focusout":_vm.onLeaveAnchor,"mouseenter":_vm.onEnterAnchor,"mouseleave":_vm.onLeaveAnchor,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.onLeaveAnchor.apply(null, arguments)}}},[_vm._t("anchor")],2),_c('dt-lazy-show',_vm._g({ref:"content",class:[
       'd-tooltip',
       ("d-tooltip__arrow-tippy--" + _vm.currentPlacement),
       ( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
       _vm.contentClass ],attrs:{"id":_vm.id,"show":_vm.isShown && (!!_vm.message.trim() || !!_vm.$slots.default),"role":"tooltip","aria-hidden":"false","data-qa":"dt-tooltip","appear":"","transition":_vm.transition}},_vm.tooltipListeners),[_vm._t("default",function(){return [_vm._v(" "+_vm._s(_vm.message)+" ")]})],2)],1)}
-var tooltipvue_type_template_id_6d30a218_staticRenderFns = []
+var tooltipvue_type_template_id_39a603a8_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
@@ -20175,6 +20178,7 @@ var tooltipvue_type_template_id_6d30a218_staticRenderFns = []
 * */
 
 const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
+const TOOLTIP_DELAY_MS = 300;
 const TOOLTIP_KIND_MODIFIERS = {
   hover: `d-tooltip--hover`,
   show: `d-tooltip--show`,
@@ -20363,6 +20367,15 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
     transition: {
       type: String,
       default: 'fade'
+    },
+
+    /**
+     * Whether the tooltip will have a delay when being focused or moused over.
+     * @values true, false
+     */
+    delay: {
+      type: Boolean,
+      default: true
     }
   },
   emits: [
@@ -20384,6 +20397,7 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
     return {
       TOOLTIP_KIND_MODIFIERS: TOOLTIP_KIND_MODIFIERS,
       tip: null,
+      inTimer: null,
       // Internal state for whether the tooltip is shown. Changing the prop
       // will update this.
       isShown: false,
@@ -20490,6 +20504,16 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
     },
 
     onEnterAnchor(e) {
+      if (this.delay) {
+        this.inTimer = setTimeout(function (event) {
+          return this.triggerShow(event);
+        }.bind(this, e), TOOLTIP_DELAY_MS);
+      } else {
+        return this.triggerShow(e);
+      }
+    },
+
+    triggerShow(e) {
       if (e.type === 'focusin') {
         // only show tooltips on visible focus when triggered via focus.
         // when the user is using the mouse they only want tooltips to display
@@ -20507,6 +20531,11 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
     },
 
     onLeaveAnchor() {
+      clearTimeout(this.inTimer);
+      return this.triggerHide();
+    },
+
+    triggerHide() {
       if (this.show === null) this.isShown = false;
     },
 
@@ -20574,8 +20603,8 @@ var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__(228);
 
 var tooltip_component = normalizeComponent(
   tooltip_tooltipvue_type_script_lang_js_,
-  tooltipvue_type_template_id_6d30a218_render,
-  tooltipvue_type_template_id_6d30a218_staticRenderFns,
+  tooltipvue_type_template_id_39a603a8_render,
+  tooltipvue_type_template_id_39a603a8_staticRenderFns,
   false,
   null,
   null,
@@ -22597,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&
@@ -22631,6 +22660,10 @@ var callbar_buttonvue_type_template_id_54dca072_staticRenderFns = []
 //
 //
 //
+//
+//
+//
+//
 
 
 
@@ -22731,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: [
@@ -22743,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
       }];
     },
 
@@ -22786,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,