@dialpad/dialtone-vue 2.13.1 → 2.14.0

package/dist/dialtone-vue.common.js

@@ -1140,6 +1140,7 @@ __webpack_require__.d(__webpack_exports__, {
   "LINK_VARIANTS": () => (/* reexport */ LINK_VARIANTS),
   "MODAL_KIND_MODIFIERS": () => (/* reexport */ MODAL_KIND_MODIFIERS),
   "MODAL_SIZE_MODIFIERS": () => (/* reexport */ MODAL_SIZE_MODIFIERS),
+  "MULTI_SELECT_SIZES": () => (/* reexport */ MULTI_SELECT_SIZES),
   "NOTICE_KINDS": () => (/* reexport */ NOTICE_KINDS),
   "POPOVER_CONTENT_WIDTHS": () => (/* reexport */ POPOVER_CONTENT_WIDTHS),
   "POPOVER_HEADER_FOOTER_PADDING_CLASSES": () => (/* reexport */ POPOVER_HEADER_FOOTER_PADDING_CLASSES),
@@ -16889,13 +16890,110 @@ var combobox_with_popover_component = normalizeComponent(
 /* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/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/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=f64f2bb6&
-var combobox_multi_selectvue_type_template_id_f64f2bb6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"list-aria-label":"listAriaLabel","show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"content-width":"anchor"},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
+;// 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/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=1ff44929&
+var combobox_multi_selectvue_type_template_id_1ff44929_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"list-aria-label":"listAriaLabel","show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"content-width":"anchor"},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
 var onInput = ref.onInput;
-return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,staticClass:"d-mt4 d-mx2 d-zi-base1",attrs:{"close-button-props":{ ariaLabel: 'close' }},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"backspace",undefined,$event.key,undefined)){ return null; }return _vm.onChipRemove(item)},"close":function($event){return _vm.onChipRemove(item)}}},_vm.chipListeners),[_vm._v(" "+_vm._s(item)+" ")])}),1),_c('dt-input',_vm._g({ref:"input",staticClass:"d-fl-grow1 d-mb4",attrs:{"label":_vm.label,"description":_vm.description,"placeholder":_vm.inputPlaceHolder,"show-messages":_vm.showInputMessages,"messages":_vm.inputMessages},on:{"input":onInput},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}},_vm.inputListeners)),_c('dt-validation-messages',{attrs:{"validation-messages":_vm.maxSelectedMessage,"show-messages":_vm.showValidationMessages}})],1)]}},{key:"header",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"list",fn:function(){return [_c('div',{ref:"list"},[(!_vm.loading)?_vm._t("list"):_c('div',{staticClass:"d-ta-center d-py16"},[_vm._v(" "+_vm._s(_vm.loadingMessage)+" ")])],2)]},proxy:true},{key:"footer",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})}
-var combobox_multi_selectvue_type_template_id_f64f2bb6_staticRenderFns = []
+return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,staticClass:"d-mt4 d-mx2 d-zi-base1",attrs:{"close-button-props":{ ariaLabel: 'close' },"size":_vm.size},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"backspace",undefined,$event.key,undefined)){ return null; }return _vm.onChipRemove(item)},"close":function($event){return _vm.onChipRemove(item)}}},_vm.chipListeners),[_vm._v(" "+_vm._s(item)+" ")])}),1),_c('dt-input',_vm._g({ref:"input",staticClass:"d-fl-grow1 d-mb4",attrs:{"label":_vm.label,"description":_vm.description,"placeholder":_vm.inputPlaceHolder,"show-messages":_vm.showInputMessages,"messages":_vm.inputMessages,"size":_vm.size},on:{"input":onInput},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}},_vm.inputListeners)),_c('dt-validation-messages',{attrs:{"validation-messages":_vm.maxSelectedMessage,"show-messages":_vm.showValidationMessages}})],1)]}},{key:"header",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"list",fn:function(){return [_c('div',{ref:"list"},[(!_vm.loading)?_vm._t("list"):_c('div',{staticClass:"d-ta-center d-py16"},[_vm._v(" "+_vm._s(_vm.loadingMessage)+" ")])],2)]},proxy:true},{key:"footer",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})}
+var combobox_multi_selectvue_type_template_id_1ff44929_staticRenderFns = []
 
 
+;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
+// The item list for default story
+const ITEMS_LIST_DATA = [{
+  id: 'item1',
+  value: 'item1',
+  type: 'MAINLINE'
+}, {
+  id: 'item2',
+  value: 'item2',
+  type: 'MAINLINE'
+}, {
+  id: 'item3',
+  value: 'item3',
+  type: 'MAINLINE'
+}, {
+  id: 'item4',
+  value: 'item4',
+  type: 'MAINLINE'
+}, {
+  id: 'item5',
+  value: 'item5',
+  type: 'MAINLINE'
+}, {
+  id: 'item6',
+  value: 'item6',
+  type: 'MAINLINE'
+}, {
+  id: 'item7',
+  value: 'item7',
+  type: 'MAINLINE'
+}, {
+  id: 'item8',
+  value: 'item8',
+  type: 'Other'
+}, {
+  id: 'item9',
+  value: 'item9',
+  type: 'MAINLINE'
+}, {
+  id: 'item10',
+  value: 'item10',
+  type: 'MAINLINE'
+}, {
+  id: 'item11',
+  value: 'item11',
+  type: 'MAINLINE'
+}, {
+  id: 'item12',
+  value: 'item12',
+  type: 'Other'
+}, {
+  id: 'item13',
+  value: 'item13',
+  type: 'MAINLINE'
+}, {
+  id: 'item14',
+  value: 'item14',
+  type: 'MAINLINE'
+}, {
+  id: 'item15',
+  value: 'item15',
+  type: 'MAINLINE'
+}, {
+  id: 'item16',
+  value: 'item16',
+  type: 'MAINLINE'
+}, {
+  id: 'item17',
+  value: 'item17',
+  type: 'MAINLINE'
+}, {
+  id: 'item18',
+  value: 'item18',
+  type: 'Other'
+}, {
+  id: 'item19',
+  value: 'item19',
+  type: 'MAINLINE'
+}, {
+  id: 'item20',
+  value: 'item20',
+  type: 'MAINLINE'
+}, {
+  id: 'item21',
+  value: 'item21',
+  type: 'MAINLINE'
+}, {
+  id: 'item22',
+  value: 'item22',
+  type: 'Other'
+}];
+const MULTI_SELECT_SIZES = {
+  // Chip has no 'lg' and 'xl' size. So we don't support that in multi-select.
+  EXTRA_SMALL: 'xs',
+  SMALL: 'sm',
+  DEFAULT: 'md'
+};
 ;// 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/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=script&lang=js&
 //
 //
@@ -16995,6 +17093,9 @@ var combobox_multi_selectvue_type_template_id_f64f2bb6_staticRenderFns = []
 //
 //
 //
+//
+//
+
 
 
 /* harmony default export */ const combobox_multi_selectvue_type_script_lang_js_ = ({
@@ -17127,6 +17228,15 @@ var combobox_multi_selectvue_type_template_id_f64f2bb6_staticRenderFns = []
     hasSuggestionList: {
       type: Boolean,
       default: true
+    },
+
+    /**
+     * Size of the input and chip, one of `xs`, `sm`, `md`
+     */
+    size: {
+      type: String,
+      default: null,
+      validator: t => Object.values(MULTI_SELECT_SIZES).includes(t)
     }
   },
   emits: ['input', 'select', 'remove', 'max-selected'],
@@ -17396,8 +17506,8 @@ var combobox_multi_selectvue_type_template_id_f64f2bb6_staticRenderFns = []
 ;
 var combobox_multi_select_component = normalizeComponent(
   combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
-  combobox_multi_selectvue_type_template_id_f64f2bb6_render,
-  combobox_multi_selectvue_type_template_id_f64f2bb6_staticRenderFns,
+  combobox_multi_selectvue_type_template_id_1ff44929_render,
+  combobox_multi_selectvue_type_template_id_1ff44929_staticRenderFns,
   false,
   null,
   null,
@@ -17408,6 +17518,7 @@ var combobox_multi_select_component = normalizeComponent(
 /* harmony default export */ const combobox_multi_select = (combobox_multi_select_component.exports);
 ;// 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/list_items/contact_info/contact_info.vue?vue&type=template&id=7091b031&
 var contact_infovue_type_template_id_7091b031_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"kind":"default","size":"lg","avatar-class":"d-bar2"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"kind":"initials","size":"lg","color":_vm.avatarColor}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
           'd-ba',

package/dist/dialtone-vue.umd.js

@@ -1158,6 +1158,7 @@ __webpack_require__.d(__webpack_exports__, {
   "LINK_VARIANTS": () => (/* reexport */ LINK_VARIANTS),
   "MODAL_KIND_MODIFIERS": () => (/* reexport */ MODAL_KIND_MODIFIERS),
   "MODAL_SIZE_MODIFIERS": () => (/* reexport */ MODAL_SIZE_MODIFIERS),
+  "MULTI_SELECT_SIZES": () => (/* reexport */ MULTI_SELECT_SIZES),
   "NOTICE_KINDS": () => (/* reexport */ NOTICE_KINDS),
   "POPOVER_CONTENT_WIDTHS": () => (/* reexport */ POPOVER_CONTENT_WIDTHS),
   "POPOVER_HEADER_FOOTER_PADDING_CLASSES": () => (/* reexport */ POPOVER_HEADER_FOOTER_PADDING_CLASSES),
@@ -16907,13 +16908,110 @@ var combobox_with_popover_component = normalizeComponent(
 /* harmony default export */ const combobox_with_popover = (combobox_with_popover_component.exports);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/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/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=f64f2bb6&
-var combobox_multi_selectvue_type_template_id_f64f2bb6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"list-aria-label":"listAriaLabel","show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"content-width":"anchor"},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
+;// 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/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=1ff44929&
+var combobox_multi_selectvue_type_template_id_1ff44929_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-combobox-with-popover',{ref:"comboboxWithPopover",attrs:{"list-aria-label":"listAriaLabel","show-list":_vm.showList,"max-height":_vm.listMaxHeight,"popover-offset":_vm.popoverOffset,"has-suggestion-list":_vm.hasSuggestionList,"content-width":"anchor"},on:{"select":_vm.onComboboxSelect},scopedSlots:_vm._u([{key:"input",fn:function(ref){
 var onInput = ref.onInput;
-return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,staticClass:"d-mt4 d-mx2 d-zi-base1",attrs:{"close-button-props":{ ariaLabel: 'close' }},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"backspace",undefined,$event.key,undefined)){ return null; }return _vm.onChipRemove(item)},"close":function($event){return _vm.onChipRemove(item)}}},_vm.chipListeners),[_vm._v(" "+_vm._s(item)+" ")])}),1),_c('dt-input',_vm._g({ref:"input",staticClass:"d-fl-grow1 d-mb4",attrs:{"label":_vm.label,"description":_vm.description,"placeholder":_vm.inputPlaceHolder,"show-messages":_vm.showInputMessages,"messages":_vm.inputMessages},on:{"input":onInput},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}},_vm.inputListeners)),_c('dt-validation-messages',{attrs:{"validation-messages":_vm.maxSelectedMessage,"show-messages":_vm.showValidationMessages}})],1)]}},{key:"header",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"list",fn:function(){return [_c('div',{ref:"list"},[(!_vm.loading)?_vm._t("list"):_c('div',{staticClass:"d-ta-center d-py16"},[_vm._v(" "+_vm._s(_vm.loadingMessage)+" ")])],2)]},proxy:true},{key:"footer",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})}
-var combobox_multi_selectvue_type_template_id_f64f2bb6_staticRenderFns = []
+return [_c('span',{ref:"inputSlotWrapper",staticClass:"d-ps-relative"},[_c('span',{ref:"chipsWrapper",staticClass:"d-ps-absolute d-mx2"},_vm._l((_vm.selectedItems),function(item){return _c('dt-chip',_vm._g({key:item.id,ref:"chips",refInFor:true,staticClass:"d-mt4 d-mx2 d-zi-base1",attrs:{"close-button-props":{ ariaLabel: 'close' },"size":_vm.size},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"backspace",undefined,$event.key,undefined)){ return null; }return _vm.onChipRemove(item)},"close":function($event){return _vm.onChipRemove(item)}}},_vm.chipListeners),[_vm._v(" "+_vm._s(item)+" ")])}),1),_c('dt-input',_vm._g({ref:"input",staticClass:"d-fl-grow1 d-mb4",attrs:{"label":_vm.label,"description":_vm.description,"placeholder":_vm.inputPlaceHolder,"show-messages":_vm.showInputMessages,"messages":_vm.inputMessages,"size":_vm.size},on:{"input":onInput},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:"value"}},_vm.inputListeners)),_c('dt-validation-messages',{attrs:{"validation-messages":_vm.maxSelectedMessage,"show-messages":_vm.showValidationMessages}})],1)]}},{key:"header",fn:function(){return [(_vm.$slots.header)?_c('div',{ref:"header"},[_vm._t("header")],2):_vm._e()]},proxy:true},{key:"list",fn:function(){return [_c('div',{ref:"list"},[(!_vm.loading)?_vm._t("list"):_c('div',{staticClass:"d-ta-center d-py16"},[_vm._v(" "+_vm._s(_vm.loadingMessage)+" ")])],2)]},proxy:true},{key:"footer",fn:function(){return [(_vm.$slots.footer)?_c('div',{ref:"footer"},[_vm._t("footer")],2):_vm._e()]},proxy:true}],null,true)})}
+var combobox_multi_selectvue_type_template_id_1ff44929_staticRenderFns = []
 
 
+;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
+// The item list for default story
+const ITEMS_LIST_DATA = [{
+  id: 'item1',
+  value: 'item1',
+  type: 'MAINLINE'
+}, {
+  id: 'item2',
+  value: 'item2',
+  type: 'MAINLINE'
+}, {
+  id: 'item3',
+  value: 'item3',
+  type: 'MAINLINE'
+}, {
+  id: 'item4',
+  value: 'item4',
+  type: 'MAINLINE'
+}, {
+  id: 'item5',
+  value: 'item5',
+  type: 'MAINLINE'
+}, {
+  id: 'item6',
+  value: 'item6',
+  type: 'MAINLINE'
+}, {
+  id: 'item7',
+  value: 'item7',
+  type: 'MAINLINE'
+}, {
+  id: 'item8',
+  value: 'item8',
+  type: 'Other'
+}, {
+  id: 'item9',
+  value: 'item9',
+  type: 'MAINLINE'
+}, {
+  id: 'item10',
+  value: 'item10',
+  type: 'MAINLINE'
+}, {
+  id: 'item11',
+  value: 'item11',
+  type: 'MAINLINE'
+}, {
+  id: 'item12',
+  value: 'item12',
+  type: 'Other'
+}, {
+  id: 'item13',
+  value: 'item13',
+  type: 'MAINLINE'
+}, {
+  id: 'item14',
+  value: 'item14',
+  type: 'MAINLINE'
+}, {
+  id: 'item15',
+  value: 'item15',
+  type: 'MAINLINE'
+}, {
+  id: 'item16',
+  value: 'item16',
+  type: 'MAINLINE'
+}, {
+  id: 'item17',
+  value: 'item17',
+  type: 'MAINLINE'
+}, {
+  id: 'item18',
+  value: 'item18',
+  type: 'Other'
+}, {
+  id: 'item19',
+  value: 'item19',
+  type: 'MAINLINE'
+}, {
+  id: 'item20',
+  value: 'item20',
+  type: 'MAINLINE'
+}, {
+  id: 'item21',
+  value: 'item21',
+  type: 'MAINLINE'
+}, {
+  id: 'item22',
+  value: 'item22',
+  type: 'Other'
+}];
+const MULTI_SELECT_SIZES = {
+  // Chip has no 'lg' and 'xl' size. So we don't support that in multi-select.
+  EXTRA_SMALL: 'xs',
+  SMALL: 'sm',
+  DEFAULT: 'md'
+};
 ;// 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/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=script&lang=js&
 //
 //
@@ -17013,6 +17111,9 @@ var combobox_multi_selectvue_type_template_id_f64f2bb6_staticRenderFns = []
 //
 //
 //
+//
+//
+
 
 
 /* harmony default export */ const combobox_multi_selectvue_type_script_lang_js_ = ({
@@ -17145,6 +17246,15 @@ var combobox_multi_selectvue_type_template_id_f64f2bb6_staticRenderFns = []
     hasSuggestionList: {
       type: Boolean,
       default: true
+    },
+
+    /**
+     * Size of the input and chip, one of `xs`, `sm`, `md`
+     */
+    size: {
+      type: String,
+      default: null,
+      validator: t => Object.values(MULTI_SELECT_SIZES).includes(t)
     }
   },
   emits: ['input', 'select', 'remove', 'max-selected'],
@@ -17414,8 +17524,8 @@ var combobox_multi_selectvue_type_template_id_f64f2bb6_staticRenderFns = []
 ;
 var combobox_multi_select_component = normalizeComponent(
   combobox_multi_select_combobox_multi_selectvue_type_script_lang_js_,
-  combobox_multi_selectvue_type_template_id_f64f2bb6_render,
-  combobox_multi_selectvue_type_template_id_f64f2bb6_staticRenderFns,
+  combobox_multi_selectvue_type_template_id_1ff44929_render,
+  combobox_multi_selectvue_type_template_id_1ff44929_staticRenderFns,
   false,
   null,
   null,
@@ -17426,6 +17536,7 @@ var combobox_multi_select_component = normalizeComponent(
 /* harmony default export */ const combobox_multi_select = (combobox_multi_select_component.exports);
 ;// 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/list_items/contact_info/contact_info.vue?vue&type=template&id=7091b031&
 var contact_infovue_type_template_id_7091b031_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"kind":"default","size":"lg","avatar-class":"d-bar2"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"kind":"initials","size":"lg","color":_vm.avatarColor}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
           'd-ba',