@dialpad/dialtone-vue 2.29.1 → 2.30.0

package/dist/dialtone-vue.umd.js

@@ -364,7 +364,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".ivr_node__width{width:280px}.prompt_node_border_color{--bco:100%;border-color:#84bdff!important}.prompt_node_border_color__selected{--bco:100%;border-color:#51a0fe!important}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".ivr_node__width{width:280px}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -1178,6 +1178,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtRecipeComboboxMultiSelect": () => (/* reexport */ combobox_multi_select),
   "DtRecipeComboboxWithPopover": () => (/* reexport */ combobox_with_popover),
   "DtRecipeContactInfo": () => (/* reexport */ contact_info),
+  "DtRecipeGroupedChip": () => (/* reexport */ grouped_chip),
   "DtRecipeIvrNode": () => (/* reexport */ ivr_node),
   "DtRecipeTopBannerInfo": () => (/* reexport */ top_banner_info),
   "DtRootLayout": () => (/* reexport */ root_layout),
@@ -12638,8 +12639,8 @@ var dropdown_separator_component = normalizeComponent(
 
 
 
-;// 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=7e861d6a&
-var inputvue_type_template_id_7e861d6a_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.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=ebdc986a&
+var inputvue_type_template_id_ebdc986a_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.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:[
@@ -12647,8 +12648,8 @@ var inputvue_type_template_id_7e861d6a_render = function () {var _vm=this;var _h
         'd-description',
         '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',{staticClass:"d-input__wrapper"},[(_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_7e861d6a_staticRenderFns = []
+          '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_ebdc986a_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/input/input_constants.js
@@ -13307,6 +13308,9 @@ const MessagesMixin = {
 //
 //
 //
+//
+//
+//
 
 
 
@@ -13411,6 +13415,16 @@ const MessagesMixin = {
       default: ''
     },
 
+    /**
+     * Additional class name for the input wrapper element.
+     * Can accept all of String, Object, and Array, i.e. has the
+     * same api as Vue's built-in handling of the class attribute.
+     */
+    inputWrapperClass: {
+      type: [String, Object, Array],
+      default: ''
+    },
+
     /**
      * The current character length that the user has entered into the input.
      * This will only need to be used if you are using `validate.length` and
@@ -13646,6 +13660,22 @@ const MessagesMixin = {
         }
       };
       return sizeClasses[this.inputComponent][this.size];
+    },
+
+    stateClass() {
+      const inputStateClasses = {
+        input: {
+          error: 'd-input--error base-input__input--error',
+          warning: 'd-input--warning base-input__input--warning',
+          success: 'd-input--success base-input__input--success'
+        },
+        textarea: {
+          error: 'd-textarea--error base-input__input--error',
+          warning: 'd-textarea--warning base-input__input--warning',
+          success: 'd-textarea--success base-input__input--success'
+        }
+      };
+      return [inputStateClasses[this.inputComponent][this.inputState]];
     }
 
   },
@@ -13671,25 +13701,19 @@ const MessagesMixin = {
   },
   methods: {
     inputClasses() {
-      const inputStateClasses = {
-        input: {
-          error: 'd-input--error base-input__input--error',
-          warning: 'd-input--warning base-input__input--warning',
-          success: 'd-input--success base-input__input--success'
-        },
-        textarea: {
-          error: 'd-textarea--error base-input__input--error',
-          warning: 'd-textarea--warning base-input__input--warning',
-          success: 'd-textarea--success base-input__input--success'
-        }
-      };
       return ['base-input__input', this.inputComponent === 'input' ? 'd-input' : 'd-textarea', {
-        [inputStateClasses[this.inputComponent][this.inputState]]: this.showInputState,
+        [this.stateClass]: this.showInputState,
         'd-input-icon--left': this.$slots.leftIcon,
         'd-input-icon--right': this.$slots.rightIcon
       }, this.sizeModifierClass, this.inputClass];
     },
 
+    inputWrapperClasses() {
+      return ['d-input__wrapper', {
+        [this.stateClass]: this.showInputState
+      }, this.inputWrapperClass];
+    },
+
     calculateLength(value) {
       if (typeof value !== 'string') {
         return 0;
@@ -13769,8 +13793,8 @@ const MessagesMixin = {
 ;
 var input_component = normalizeComponent(
   input_inputvue_type_script_lang_js_,
-  inputvue_type_template_id_7e861d6a_render,
-  inputvue_type_template_id_7e861d6a_staticRenderFns,
+  inputvue_type_template_id_ebdc986a_render,
+  inputvue_type_template_id_ebdc986a_staticRenderFns,
   false,
   null,
   null,
@@ -16399,9 +16423,9 @@ var checkbox_group_component = normalizeComponent(
 /* harmony default export */ const checkbox_group = (checkbox_group_component.exports);
 ;// CONCATENATED MODULE: ./components/checkbox_group/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/chip/chip.vue?vue&type=template&id=3a0f690e&
-var chipvue_type_template_id_3a0f690e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"d-chip"},[_c(_vm.interactive ? 'button' : 'span',_vm._g({tag:"component",class:_vm.chipClasses(),attrs:{"id":_vm.id,"type":_vm.interactive && 'button',"data-qa":"dt-chip","aria-labelledby":_vm.ariaLabel ? undefined : (_vm.id + "-content"),"aria-label":_vm.ariaLabel}},_vm.chipListeners),[(_vm.$slots.icon)?_c('span',{staticClass:"d-chip__icon",attrs:{"data-qa":"dt-chip-icon"}},[_vm._t("icon")],2):(_vm.$slots.avatar)?_c('span',{attrs:{"data-qa":"dt-chip-avatar"}},[_vm._t("avatar")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-truncate', 'd-chip__text', _vm.contentClass],attrs:{"id":(_vm.id + "-content"),"data-qa":"dt-chip-label"}},[_vm._t("default")],2):_vm._e()]),(!_vm.hideClose)?_c('dt-button',_vm._b({class:_vm.chipCloseButtonClasses(),attrs:{"data-qa":"dt-chip-close","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
-var chipvue_type_template_id_3a0f690e_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!./components/chip/chip.vue?vue&type=template&id=2ea4cb7a&
+var chipvue_type_template_id_2ea4cb7a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"d-chip"},[_c(_vm.interactive ? 'button' : 'span',_vm._g(_vm._b({tag:"component",class:_vm.chipClasses(),attrs:{"id":_vm.id,"type":_vm.interactive && 'button',"data-qa":"dt-chip","aria-labelledby":_vm.ariaLabel ? undefined : (_vm.id + "-content"),"aria-label":_vm.ariaLabel}},'component',_vm.$attrs,false),_vm.chipListeners),[(_vm.$slots.icon)?_c('span',{staticClass:"d-chip__icon",attrs:{"data-qa":"dt-chip-icon"}},[_vm._t("icon")],2):(_vm.$slots.avatar)?_c('span',{attrs:{"data-qa":"dt-chip-avatar"}},[_vm._t("avatar")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-truncate', 'd-chip__text', _vm.contentClass],attrs:{"id":(_vm.id + "-content"),"data-qa":"dt-chip-label"}},[_vm._t("default")],2):_vm._e()]),(!_vm.hideClose)?_c('dt-button',_vm._b({class:_vm.chipCloseButtonClasses(),attrs:{"data-qa":"dt-chip-close","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
+var chipvue_type_template_id_2ea4cb7a_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/chip/chip_constants.js
@@ -16471,6 +16495,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 //
 //
 //
+//
 
 
 
@@ -16488,6 +16513,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
     IconClose: IconClose,
     DtButton: button_button
   },
+  inheritAttrs: false,
   props: {
     /**
      * A set of props to be passed into the modal's close button. Requires an 'ariaLabel' property.
@@ -16609,7 +16635,7 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
   },
   methods: {
     chipClasses() {
-      return ['d-chip__label', CHIP_SIZE_MODIFIERS[this.size]];
+      return [this.$attrs['grouped-chip'] ? 'd-chip' : 'd-chip__label', CHIP_SIZE_MODIFIERS[this.size]];
     },
 
     chipCloseButtonClasses() {
@@ -16636,8 +16662,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 ;
 var chip_component = normalizeComponent(
   chip_chipvue_type_script_lang_js_,
-  chipvue_type_template_id_3a0f690e_render,
-  chipvue_type_template_id_3a0f690e_staticRenderFns,
+  chipvue_type_template_id_2ea4cb7a_render,
+  chipvue_type_template_id_2ea4cb7a_staticRenderFns,
   false,
   null,
   null,
@@ -20555,8 +20581,8 @@ var top_banner_info_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/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/cards/ivr_node/ivr_node.vue?vue&type=template&id=2873a082&
-var ivr_nodevue_type_template_id_2873a082_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({staticClass:"d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"},_vm.$listeners),[(_vm.dtmfKey)?_c('div',{staticClass:"d-zi-base1 d-ai-center d-jc-center d-d-flex d-w24 d-h24 d-bar-circle d-bc-purple-800 d-bgc-purple-800 d-mbn12 d-fc-white d-fs14",class:{ 'd-mbn16': _vm.isSelected },attrs:{"data-qa":"dt-top-connector-dtmf"}},[_vm._v(" "+_vm._s(_vm.dtmfKey)+" ")]):_c('div',{staticClass:"d-zi-base1 d-d-flex d-w8 d-h8 d-bar-circle d-bc-purple-800 d-bgc-purple-800 d-mbn4",class:{ 'd-mbn8': _vm.isSelected },attrs:{"data-qa":"dt-top-connector"}}),_c('dt-card',{attrs:{"content-class":"d-bt d-bc-black-075 d-px12 d-pt8 d-pb12","container-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!./recipes/cards/ivr_node/ivr_node.vue?vue&type=template&id=2913254f&
+var ivr_nodevue_type_template_id_2913254f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({staticClass:"d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"},_vm.$listeners),[(_vm.dtmfKey)?_c('div',{staticClass:"d-zi-base1 d-ai-center d-jc-center d-d-flex d-w24 d-h24 d-bar-circle d-bc-purple-600 d-bgc-purple-600 d-mbn12 d-fc-white d-fs-200",class:{ 'd-mbn16': _vm.isSelected },attrs:{"data-qa":"dt-top-connector-dtmf"}},[_vm._v(" "+_vm._s(_vm.dtmfKey)+" ")]):_c('div',{staticClass:"d-zi-base1 d-d-flex d-w8 d-h8 d-bar-circle d-bc-purple-600 d-bgc-purple-600 d-mbn4",class:{ 'd-mbn8': _vm.isSelected },attrs:{"data-qa":"dt-top-connector"}}),_c('dt-card',{attrs:{"content-class":"d-bt d-bc-black-300 d-px12 d-pt8 d-pb12","container-class":[
       'd-w100p',
       { 'd-ba d-bar8 d-baw4': _vm.isSelected },
       _vm.headerColor ],"header-class":[
@@ -20565,8 +20591,8 @@ var ivr_nodevue_type_template_id_2873a082_render = function () {var _vm=this;var
       'd-btw4',
       'd-p0',
       _vm.headerColor,
-      { 'd-btr4': !_vm.isSelected } ]},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-button',{attrs:{"aria-label":_vm.nodeType,"importance":"clear","data-qa":"dt-ivr-node-icon"},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c(_vm.nodeIcon,{tag:"component",staticClass:"d-fc-black-900"})]},proxy:true}])}),_c('p',{staticClass:"d-fs14 d-fw-bold",attrs:{"data-qa":"ivr-node-label"}},[_vm._v(" "+_vm._s(_vm.nodeLabel)+" ")])],1),_c('dt-dropdown',{attrs:{"placement":"bottom","open":_vm.isOpen},on:{"update:open":function($event){_vm.isOpen=$event}},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{attrs:{"importance":"clear","aria-label":_vm.menuButtonAriaLabel},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openMenu.apply(null, arguments)}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-menu-vertical',{staticClass:"d-fc-black-900"})]},proxy:true}])})]},proxy:true},{key:"list",fn:function(){return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems")],2)]},proxy:true}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],1)}
-var ivr_nodevue_type_template_id_2873a082_staticRenderFns = []
+      { 'd-btr4': !_vm.isSelected } ]},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-button',{attrs:{"aria-label":_vm.nodeType,"importance":"clear","data-qa":"dt-ivr-node-icon"},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c(_vm.nodeIcon,{tag:"component",staticClass:"d-fc-black-900"})]},proxy:true}])}),_c('p',{staticClass:"d-fs-200 d-fw-bold",attrs:{"data-qa":"ivr-node-label"}},[_vm._v(" "+_vm._s(_vm.nodeLabel)+" ")])],1),_c('dt-dropdown',{attrs:{"placement":"bottom","open":_vm.isOpen},on:{"update:open":function($event){_vm.isOpen=$event}},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{attrs:{"importance":"clear","aria-label":_vm.menuButtonAriaLabel},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openMenu.apply(null, arguments)}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-menu-vertical',{staticClass:"d-fc-black-900"})]},proxy:true}])})]},proxy:true},{key:"list",fn:function(){return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems")],2)]},proxy:true}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],1)}
+var ivr_nodevue_type_template_id_2913254f_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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue?vue&type=template&id=7bb36528&
@@ -20824,16 +20850,16 @@ const IVR_NODE_LABELS = {
 };
 const IVR_NODE_COLORS = {
   PROMPT: {
-    normal: 'prompt_node_border_color',
-    selected: 'prompt_node_border_color__selected'
+    normal: 'd-bc-blue-200',
+    selected: 'd-bc-blue-300'
   },
   LOGIC: {
     normal: 'd-bc-purple-200',
-    selected: 'd-bc-purple-500'
+    selected: 'd-bc-purple-400'
   },
   TERMINAL: {
-    normal: 'd-bc-red-200',
-    selected: 'd-bc-red-400'
+    normal: 'd-bc-red-100',
+    selected: 'd-bc-red-200'
   }
 };
 const IVR_NODE_COLOR_MAPPING = {
@@ -21043,8 +21069,8 @@ var ivr_nodevue_type_style_index_0_lang_less_ = __webpack_require__(731);
 
 var ivr_node_component = normalizeComponent(
   ivr_node_ivr_nodevue_type_script_lang_js_,
-  ivr_nodevue_type_template_id_2873a082_render,
-  ivr_nodevue_type_template_id_2873a082_staticRenderFns,
+  ivr_nodevue_type_template_id_2913254f_render,
+  ivr_nodevue_type_template_id_2913254f_staticRenderFns,
   false,
   null,
   null,
@@ -21056,6 +21082,108 @@ var ivr_node_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/cards/ivr_node/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/chips/grouped_chip/grouped_chip.vue?vue&type=template&id=165f0fc6&
+var grouped_chipvue_type_template_id_165f0fc6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"grouped-chip"}},[_c('dt-chip',{staticClass:"d-blr-pill d-bgc-black-050",attrs:{"hide-close":true,"interactive":false,"content-class":"d-fs12","size":"xs","grouped-chip":true},scopedSlots:_vm._u([(_vm.$slots.leftIcon)?{key:"icon",fn:function(){return [(_vm.$slots.leftIcon)?_c('div',{attrs:{"data-qa":"left-grouped-chip-icon"}},[_vm._t("leftIcon")],2):_vm._e()]},proxy:true}:null,{key:"default",fn:function(){return [(_vm.$slots.leftContent)?_c('div',{attrs:{"data-qa":"left-grouped-chip-content"}},[_vm._t("leftContent")],2):_vm._e()]},proxy:true}],null,true)}),_c('dt-chip',{staticClass:"d-brr-pill d-bgc-purple-200 d-mln6",attrs:{"hide-close":true,"interactive":false,"content-class":"d-fs12","size":"xs","grouped-chip":true},scopedSlots:_vm._u([{key:"icon",fn:function(){return [(_vm.$slots.rightIcon)?_c('div',{attrs:{"data-qa":"right-grouped-chip-icon"}},[_vm._t("rightIcon")],2):_vm._e()]},proxy:true},{key:"default",fn:function(){return [(_vm.$slots.rightContent)?_c('div',{attrs:{"data-qa":"right-grouped-chip-content"}},[_vm._t("rightContent")],2):_vm._e()]},proxy:true}],null,true)})],1)}
+var grouped_chipvue_type_template_id_165f0fc6_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/chips/grouped_chip/grouped_chip.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ const grouped_chipvue_type_script_lang_js_ = ({
+  name: 'DtRecipeGroupedChip',
+  components: {
+    DtChip: chip
+  },
+  computed: {}
+});
+;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue?vue&type=script&lang=js&
+ /* harmony default export */ const grouped_chip_grouped_chipvue_type_script_lang_js_ = (grouped_chipvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/grouped_chip.vue
+
+
+
+
+
+/* normalize component */
+;
+var grouped_chip_component = normalizeComponent(
+  grouped_chip_grouped_chipvue_type_script_lang_js_,
+  grouped_chipvue_type_template_id_165f0fc6_render,
+  grouped_chipvue_type_template_id_165f0fc6_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const grouped_chip = (grouped_chip_component.exports);
+;// CONCATENATED MODULE: ./recipes/chips/grouped_chip/index.js
+
 ;// CONCATENATED MODULE: ./common/mixins/index.js
 
 
@@ -21103,6 +21231,7 @@ var ivr_node_component = normalizeComponent(
 
 
 
+
  // Mixins
 
  // Constants