@dialpad/dialtone-vue 2.26.1 → 2.28.0-beta.1

package/dist/dialtone-vue.common.js

@@ -138,7 +138,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, ".dt-list-item:not(.dt-list-item--static){cursor:pointer}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-400-h),var(--black-400-s),var(--black-400-l),.15)}.dt-list-item:focus-visible{outline-color:var(--primary-color)}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item:not(.dt-list-item--static){cursor:pointer}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-500-h),var(--black-500-s),var(--black-500-l),.15)}.dt-list-item:focus-visible{outline-color:var(--purple-500)}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -258,7 +258,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, ".skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color,var(--black-075));background:var(--placeholder-from-color,var(--black-075))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color,var(--black-075));background:var(--placeholder-from-color,var(--black-075))}50%{fill:var(--placeholder-to-color,var(--black-025));background:var(--placeholder-to-color,var(--black-025))}90%{fill:var(--placeholder-from-color,var(--black-075));background:var(--placeholder-from-color,var(--black-075))}}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color,var(--black-300));background:var(--placeholder-from-color,var(--black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color,var(--black-300));background:var(--placeholder-from-color,var(--black-300))}50%{fill:var(--placeholder-to-color,var(--black-100));background:var(--placeholder-to-color,var(--black-100))}90%{fill:var(--placeholder-from-color,var(--black-300));background:var(--placeholder-from-color,var(--black-300))}}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -335,6 +335,30 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe--callbar-button-with-popove
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 539:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(481);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(400);
+/* harmony import */ var _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 3:
@@ -706,6 +730,22 @@ var update = add("6de67338", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 212:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(539);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(402)/* ["default"] */ .Z)
+var update = add("1148b8a2", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 9:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -1120,6 +1160,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtRecipeComboboxMultiSelect": () => (/* reexport */ combobox_multi_select),
   "DtRecipeComboboxWithPopover": () => (/* reexport */ combobox_with_popover),
   "DtRecipeContactInfo": () => (/* reexport */ contact_info),
+  "DtRecipeIvrNode": () => (/* reexport */ ivr_node),
   "DtRecipeTopBannerInfo": () => (/* reexport */ top_banner_info),
   "DtRootLayout": () => (/* reexport */ root_layout),
   "DtSelectMenu": () => (/* reexport */ select_menu),
@@ -1137,6 +1178,16 @@ __webpack_require__.d(__webpack_exports__, {
   "DtValidationMessages": () => (/* reexport */ validation_messages),
   "INPUT_SIZES": () => (/* reexport */ INPUT_SIZES),
   "INPUT_TYPES": () => (/* reexport */ INPUT_TYPES),
+  "IVR_NODE_BRANCH": () => (/* reexport */ IVR_NODE_BRANCH),
+  "IVR_NODE_EXPERT": () => (/* reexport */ IVR_NODE_EXPERT),
+  "IVR_NODE_GO_TO": () => (/* reexport */ IVR_NODE_GO_TO),
+  "IVR_NODE_HANGUP": () => (/* reexport */ IVR_NODE_HANGUP),
+  "IVR_NODE_ICON_TYPES": () => (/* reexport */ IVR_NODE_ICON_TYPES),
+  "IVR_NODE_LABELS": () => (/* reexport */ IVR_NODE_LABELS),
+  "IVR_NODE_PROMPT_COLLECT": () => (/* reexport */ IVR_NODE_PROMPT_COLLECT),
+  "IVR_NODE_PROMPT_MENU": () => (/* reexport */ IVR_NODE_PROMPT_MENU),
+  "IVR_NODE_PROMPT_PLAY": () => (/* reexport */ IVR_NODE_PROMPT_PLAY),
+  "IVR_NODE_TRANSFER": () => (/* reexport */ IVR_NODE_TRANSFER),
   "LINK_KIND_MODIFIERS": () => (/* reexport */ LINK_KIND_MODIFIERS),
   "LINK_VARIANTS": () => (/* reexport */ LINK_VARIANTS),
   "MODAL_KIND_MODIFIERS": () => (/* reexport */ MODAL_KIND_MODIFIERS),
@@ -1225,18 +1276,18 @@ const AVATAR_COLOR_MODIFIERS = {
   'orange-300': 'd-avatar--orange-300',
   'orange-400': 'd-avatar--orange-400',
   'orange-500': 'd-avatar--orange-500',
-  'pink-300': 'd-avatar--pink-300',
-  'pink-400': 'd-avatar--pink-400',
-  'pink-500': 'd-avatar--pink-500',
-  'pink-600': 'd-avatar--pink-600',
+  'magenta-100': 'd-avatar--magenta-100',
+  'magenta-200': 'd-avatar--magenta-200',
+  'magenta-300': 'd-avatar--magenta-300',
+  'magenta-400': 'd-avatar--magenta-400',
   'purple-200': 'd-avatar--purple-200',
   'purple-300': 'd-avatar--purple-300',
+  'purple-400': 'd-avatar--purple-400',
   'purple-500': 'd-avatar--purple-500',
-  'purple-600': 'd-avatar--purple-600',
-  'yellow-200': 'd-avatar--yellow-200',
-  'yellow-300': 'd-avatar--yellow-300',
-  'yellow-400': 'd-avatar--yellow-400',
-  'yellow-500': 'd-avatar--yellow-500'
+  'gold-100': 'd-avatar--gold-100',
+  'gold-200': 'd-avatar--gold-200',
+  'gold-300': 'd-avatar--gold-300',
+  'gold-500': 'd-avatar--gold-500'
 };
 /* harmony default export */ const avatar_constants = ({
   AVATAR_KIND_MODIFIERS,
@@ -1675,17 +1726,17 @@ const BADGE_COLOR_MODIFIERS = {
   'black-700': 'd-badge--black-700',
   'green-400': 'd-badge--green-400',
   'orange-400': 'd-badge--orange-400',
-  'pink-300': 'd-badge--pink-300',
-  'pink-500': 'd-badge--pink-500',
-  'pink-600': 'd-badge--pink-600',
-  'pink-700': 'd-badge--pink-700',
+  'magenta-100': 'd-badge--magenta-100',
+  'magenta-300': 'd-badge--magenta-300',
+  'magenta-400': 'd-badge--magenta-400',
+  'magenta-500': 'd-badge--magenta-500',
   'purple-100': 'd-badge--purple-100',
   'purple-300': 'd-badge--purple-300',
+  'purple-400': 'd-badge--purple-400',
   'purple-500': 'd-badge--purple-500',
-  'purple-700': 'd-badge--purple-700',
-  'red-500': 'd-badge--red-500',
+  'red-300': 'd-badge--red-300',
   white: 'd-badge--white',
-  'yellow-300': 'd-badge--yellow-300'
+  'gold-200': 'd-badge--gold-200'
 };
 ;// 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!./components/badge/badge.vue?vue&type=script&lang=js&
 //
@@ -3816,13 +3867,13 @@ var combobox_loading_listvue_type_template_id_07d9971d_render = function () {var
 var combobox_loading_listvue_type_template_id_07d9971d_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/list_item/list_item.vue?vue&type=template&id=8dfbba78&
-var list_itemvue_type_template_id_8dfbba78_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none focus-visible', {
+;// 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/list_item/list_item.vue?vue&type=template&id=3f4f4d25&
+var list_itemvue_type_template_id_3f4f4d25_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none focus-visible', {
     'dt-list-item--focusable': _vm.isFocusable,
     'dt-list-item--highlighted': _vm.isHighlighted,
     'dt-list-item--static': !_vm.isHoverable,
   }],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted}},_vm.listItemListeners),[(_vm.listItemType)?_c(_vm.listItemType,{tag:"component",scopedSlots:_vm._u([_vm._l((_vm.$slots),function(_,slotName){return {key:slotName,fn:function(){return [_vm._t(slotName)]},proxy:true}})],null,true)}):_vm._t("default")],2)}
-var list_itemvue_type_template_id_8dfbba78_staticRenderFns = []
+var list_itemvue_type_template_id_3f4f4d25_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
@@ -3839,9 +3890,9 @@ const LIST_ITEM_NAVIGATION_TYPES = {
   LIST_ITEM_TYPES,
   LIST_ITEM_NAVIGATION_TYPES
 });
-;// 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/list_item/default_list_item.vue?vue&type=template&id=4c89d4ed&
-var default_list_itemvue_type_template_id_4c89d4ed_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs14 d-lh4 d-py4 d-px12 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs12 d-fc-black-500', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e()])}
-var default_list_itemvue_type_template_id_4c89d4ed_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/list_item/default_list_item.vue?vue&type=template&id=27ccac89&
+var default_list_itemvue_type_template_id_27ccac89_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs-200 d-lh4 d-py4 d-px12 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs-100 d-fc-black-600', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e()])}
+var default_list_itemvue_type_template_id_27ccac89_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!./components/list_item/default_list_item.vue?vue&type=script&lang=js&
@@ -3908,8 +3959,8 @@ var default_list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(986
 
 var default_list_item_component = normalizeComponent(
   list_item_default_list_itemvue_type_script_lang_js_,
-  default_list_itemvue_type_template_id_4c89d4ed_render,
-  default_list_itemvue_type_template_id_4c89d4ed_staticRenderFns,
+  default_list_itemvue_type_template_id_27ccac89_render,
+  default_list_itemvue_type_template_id_27ccac89_staticRenderFns,
   false,
   null,
   null,
@@ -4141,8 +4192,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(502);
 
 var list_item_component = normalizeComponent(
   list_item_list_itemvue_type_script_lang_js_,
-  list_itemvue_type_template_id_8dfbba78_render,
-  list_itemvue_type_template_id_8dfbba78_staticRenderFns,
+  list_itemvue_type_template_id_3f4f4d25_render,
+  list_itemvue_type_template_id_3f4f4d25_staticRenderFns,
   false,
   null,
   null,
@@ -4153,9 +4204,9 @@ var list_item_component = normalizeComponent(
 /* harmony default export */ const list_item = (list_item_component.exports);
 ;// CONCATENATED MODULE: ./components/list_item/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/skeleton/skeleton.vue?vue&type=template&id=293e767b&
-var skeletonvue_type_template_id_293e767b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"aria-busy":"true","role":"status","aria-label":_vm.ariaLabel}},[(_vm.listItemOption)?_c('dt-skeleton-list-item',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-list-item',_vm.listItemOption === true ? {} : _vm.listItemOption,false)):(_vm.shapeOption)?_c('dt-skeleton-shape',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-shape',_vm.shapeOption === true ? {} : _vm.shapeOption,false)):(_vm.paragraphOption)?_c('dt-skeleton-paragraph',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-paragraph',_vm.paragraphOption === true ? {} : _vm.paragraphOption,false)):_c('dt-skeleton-text',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-text',_vm.textOption || {},false))],1)}
-var skeletonvue_type_template_id_293e767b_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/skeleton/skeleton.vue?vue&type=template&id=cf13874a&
+var skeletonvue_type_template_id_cf13874a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"aria-busy":"true","role":"status","aria-label":_vm.ariaLabel}},[(_vm.listItemOption)?_c('dt-skeleton-list-item',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-list-item',_vm.listItemOption === true ? {} : _vm.listItemOption,false)):(_vm.shapeOption)?_c('dt-skeleton-shape',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-shape',_vm.shapeOption === true ? {} : _vm.shapeOption,false)):(_vm.paragraphOption)?_c('dt-skeleton-paragraph',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-paragraph',_vm.paragraphOption === true ? {} : _vm.paragraphOption,false)):_c('dt-skeleton-text',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-text',_vm.textOption || {},false))],1)}
+var skeletonvue_type_template_id_cf13874a_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/skeleton/skeleton-shape.vue?vue&type=template&id=9cb05e20&
@@ -4849,8 +4900,8 @@ var skeletonvue_type_style_index_0_lang_less_ = __webpack_require__(315);
 
 var skeleton_component = normalizeComponent(
   skeleton_skeletonvue_type_script_lang_js_,
-  skeletonvue_type_template_id_293e767b_render,
-  skeletonvue_type_template_id_293e767b_staticRenderFns,
+  skeletonvue_type_template_id_cf13874a_render,
+  skeletonvue_type_template_id_cf13874a_staticRenderFns,
   false,
   null,
   null,
@@ -13873,10 +13924,10 @@ var modal_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/modal/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/list_section/list_section.vue?vue&type=template&id=8857acea&
-var list_sectionvue_type_template_id_8857acea_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['dt-list-section', 'd-fs14', 'd-lh6', 'd-py6', 'd-bc-black-200',
+;// 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/list_section/list_section.vue?vue&type=template&id=61c229f2&
+var list_sectionvue_type_template_id_61c229f2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['dt-list-section', 'd-fs-200', 'd-lh6', 'd-py6', 'd-bc-black-400',
            { 'd-bb': _vm.separator }],attrs:{"id":_vm.id,"role":"group","aria-labelledby":(_vm.id + "-list-section-header"),"tabindex":"-1"}},[(_vm.header)?_c('h3',{staticClass:"d-pl12 d-mt6",attrs:{"id":(_vm.id + "-list-section-header")}},[_vm._v(" "+_vm._s(_vm.header)+" ")]):_vm._e(),(!_vm.isCollapsible || _vm.showAll)?_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_vm._t("default")],2):_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_c('vnodes',{attrs:{"vnodes":_vm.displayedItems}})],1),_c('div',{staticClass:"d-d-flex"},[(_vm.isCollapsible)?_c('dt-button',{staticClass:"d-ml12 d-py6",attrs:{"id":(_vm.id + "-list-section-show-more-less"),"link":""},on:{"click":_vm.showMoreLessClicked}},[_vm._v(" "+_vm._s(_vm.showMoreLessText)+" ")]):_vm._e(),_vm._t("footer")],2)])}
-var list_sectionvue_type_template_id_8857acea_staticRenderFns = []
+var list_sectionvue_type_template_id_61c229f2_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!./components/list_section/list_section.vue?vue&type=script&lang=js&
@@ -14044,8 +14095,8 @@ var list_sectionvue_type_style_index_0_lang_less_ = __webpack_require__(132);
 
 var list_section_component = normalizeComponent(
   list_section_list_sectionvue_type_script_lang_js_,
-  list_sectionvue_type_template_id_8857acea_render,
-  list_sectionvue_type_template_id_8857acea_staticRenderFns,
+  list_sectionvue_type_template_id_61c229f2_render,
+  list_sectionvue_type_template_id_61c229f2_staticRenderFns,
   false,
   null,
   null,
@@ -14240,9 +14291,9 @@ var notice_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/notice/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/pagination/pagination.vue?vue&type=template&id=03cbd37c&
-var paginationvue_type_template_id_03cbd37c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"d-d-flex d-fd-row d-gg2 d-ai-center",attrs:{"aria-label":_vm.ariaLabel}},[_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-prev","aria-label":_vm.prevAriaLabel,"importance":_vm.isFirstPage ? 'primary' : 'clear',"disabled":_vm.isFirstPage},on:{"click":function($event){return _vm.changePage(_vm.currentPage - 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-left')],1)],2),_vm._l((_vm.pages),function(page,index){return _c('div',{key:("page-" + page + "-" + index)},[(isNaN(Number(page)))?_c('div',{staticClass:"d-h32 d-w32 d-d-flex d-ai-center d-jc-center",attrs:{"data-qa":"dt-pagination-separator"}},[_vm._v(" … ")]):_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"aria-label":_vm.pageNumberAriaLabel(page),"importance":_vm.currentPage === page ? 'primary' : 'clear',"label-class":"d-fs14"},on:{"click":function($event){return _vm.changePage(page)}}},[_vm._v(" "+_vm._s(page)+" ")])],1)}),_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-next","aria-label":_vm.nextAriaLabel,"disabled":_vm.isLastPage,"importance":_vm.isLastPage ? 'primary' : 'clear'},on:{"click":function($event){return _vm.changePage(_vm.currentPage + 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-right')],1)],2)],2)}
-var paginationvue_type_template_id_03cbd37c_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/pagination/pagination.vue?vue&type=template&id=6d874984&
+var paginationvue_type_template_id_6d874984_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"d-d-flex d-fd-row d-gg2 d-ai-center",attrs:{"aria-label":_vm.ariaLabel}},[_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-prev","aria-label":_vm.prevAriaLabel,"importance":_vm.isFirstPage ? 'primary' : 'clear',"disabled":_vm.isFirstPage},on:{"click":function($event){return _vm.changePage(_vm.currentPage - 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-left')],1)],2),_vm._l((_vm.pages),function(page,index){return _c('div',{key:("page-" + page + "-" + index)},[(isNaN(Number(page)))?_c('div',{staticClass:"d-h32 d-w32 d-d-flex d-ai-center d-jc-center",attrs:{"data-qa":"dt-pagination-separator"}},[_vm._v(" … ")]):_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"aria-label":_vm.pageNumberAriaLabel(page),"importance":_vm.currentPage === page ? 'primary' : 'clear',"label-class":"d-fs-200"},on:{"click":function($event){return _vm.changePage(page)}}},[_vm._v(" "+_vm._s(page)+" ")])],1)}),_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-next","aria-label":_vm.nextAriaLabel,"disabled":_vm.isLastPage,"importance":_vm.isLastPage ? 'primary' : 'clear'},on:{"click":function($event){return _vm.changePage(_vm.currentPage + 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-right')],1)],2)],2)}
+var paginationvue_type_template_id_6d874984_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/IconChevronLeft.vue?vue&type=template&id=dc01e37a&
@@ -14504,8 +14555,8 @@ var IconChevronRight_component = normalizeComponent(
 ;
 var pagination_component = normalizeComponent(
   pagination_paginationvue_type_script_lang_js_,
-  paginationvue_type_template_id_03cbd37c_render,
-  paginationvue_type_template_id_03cbd37c_staticRenderFns,
+  paginationvue_type_template_id_6d874984_render,
+  paginationvue_type_template_id_6d874984_staticRenderFns,
   false,
   null,
   null,
@@ -17221,8 +17272,8 @@ var tooltip_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/tooltip/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/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=b5fd217c&
-var keyboard_shortcutvue_type_template_id_b5fd217c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('kbd',{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/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=9937b106&
+var keyboard_shortcutvue_type_template_id_9937b106_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('kbd',{class:[
     'd-d-inline-flex',
     'd-ff-custom',
     'd-ai-center',
@@ -17231,14 +17282,14 @@ var keyboard_shortcutvue_type_template_id_b5fd217c_render = function () {var _vm
     'd-px4',
     'd-ba',
     'd-bar4',
-    'd-fs12',
-    _vm.inverted ? 'd-bc-black-400' : 'd-bc-black-100' ]},[(_vm.screenReaderText)?_c('span',{staticClass:"sr-only"},[_vm._v(" "+_vm._s(_vm.screenReaderText)+" ")]):_vm._e(),_vm._l((_vm.formattedShortcutSplit),function(item,i){return [(_vm.icons[item])?_c(_vm.icons[item],{key:(i + "-" + item),tag:"component",class:[
+    'd-fs-100',
+    _vm.inverted ? 'd-bc-black-500' : 'd-bc-black-400' ]},[(_vm.screenReaderText)?_c('span',{staticClass:"sr-only"},[_vm._v(" "+_vm._s(_vm.screenReaderText)+" ")]):_vm._e(),_vm._l((_vm.formattedShortcutSplit),function(item,i){return [(_vm.icons[item])?_c(_vm.icons[item],{key:(i + "-" + item),tag:"component",class:[
         'dt-keyboard-shortcut__svg',
-        _vm.inverted ? 'd-fc-black-075' : 'd-fc-black-500',
+        _vm.inverted ? 'd-fc-black-300' : 'd-fc-black-600',
         'd-mr2' ],attrs:{"aria-hidden":"true"}}):_c('span',{key:(i + "-" + item),class:[
-        _vm.inverted ? 'd-fc-black-075' : 'd-fc-black-500',
+        _vm.inverted ? 'd-fc-black-300' : 'd-fc-black-600',
         'd-mr2' ],attrs:{"aria-hidden":"true"},domProps:{"innerHTML":_vm._s(item)}})]})],2)}
-var keyboard_shortcutvue_type_template_id_b5fd217c_staticRenderFns = []
+var keyboard_shortcutvue_type_template_id_9937b106_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/IconWindows.vue?vue&type=template&id=04be6782&
@@ -17540,8 +17591,8 @@ var keyboard_shortcutvue_type_style_index_0_lang_less_ = __webpack_require__(245
 
 var keyboard_shortcut_component = normalizeComponent(
   keyboard_shortcut_keyboard_shortcutvue_type_script_lang_js_,
-  keyboard_shortcutvue_type_template_id_b5fd217c_render,
-  keyboard_shortcutvue_type_template_id_b5fd217c_staticRenderFns,
+  keyboard_shortcutvue_type_template_id_9937b106_render,
+  keyboard_shortcutvue_type_template_id_9937b106_staticRenderFns,
   false,
   null,
   null,
@@ -19103,9 +19154,9 @@ var callbar_button_component = normalizeComponent(
 /* harmony default export */ const callbar_button = (callbar_button_component.exports);
 ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/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_with_popover/callbar_button_with_popover.vue?vue&type=template&id=59ea5c82&
-var callbar_button_with_popovervue_type_template_id_59ea5c82_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(!_vm.disabled)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"disabled":_vm.disabled,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":"d-h464 d-w512 dt-recipe--callbar-button-with-popover--popover","header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",attrs:{"circle":"","importance":"clear","size":"lg","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-arrow-drop-up',{staticClass:"d-svg--size-16"})]},proxy:true}],null,false,2876394386)})]},proxy:true}],null,false,4054443748)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
-var callbar_button_with_popovervue_type_template_id_59ea5c82_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_with_popover/callbar_button_with_popover.vue?vue&type=template&id=1085bb4c&
+var callbar_button_with_popovervue_type_template_id_1085bb4c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-recipe--callbar-button-with-popover--button"},[_c('dt-recipe-callbar-button',{staticClass:"dt-recipe--callbar-button-with-popover--main-button",attrs:{"aria-label":_vm.ariaLabel,"disabled":_vm.disabled,"active":_vm.active,"danger":_vm.danger},on:{"click":_vm.buttonClick}},[_vm._t("icon",null,{"slot":"icon"}),_vm._t("tooltip",null,{"slot":"tooltip"}),_vm._t("default")],2),(_vm.showArrowButton)?_c('dt-popover',_vm._b({staticClass:"dt-recipe--callbar-button-with-popover--popover-wrapper",attrs:{"id":_vm.id,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.initialFocusElement,"show-close-button":_vm.showCloseButton,"padding":"none","dialog-class":"d-h464 d-w512 dt-recipe--callbar-button-with-popover--popover","header-class":"d-d-flex d-ai-center d-fw-normal d-px12"},on:{"opened":_vm.onModalIsOpened},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{staticClass:"dt-recipe--callbar-button-with-popover--arrow",attrs:{"circle":"","importance":"clear","size":"lg","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-arrow-drop-up',{staticClass:"d-svg--size-16"})]},proxy:true}],null,false,2876394386)})]},proxy:true}],null,false,4054443748)},'dt-popover',_vm.$attrs,false),[_vm._t("content",null,{"slot":"content"}),_vm._t("headerContent",null,{"slot":"headerContent"}),_vm._t("footerContent",null,{"slot":"footerContent"})],2):_vm._e()],1)}
+var callbar_button_with_popovervue_type_template_id_1085bb4c_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/IconArrowDropUp.vue?vue&type=template&id=65ee6042&
@@ -19200,7 +19251,6 @@ var IconArrowDropUp_component = normalizeComponent(
 //
 //
 //
-//
 
 
 
@@ -19298,6 +19348,16 @@ var IconArrowDropUp_component = normalizeComponent(
       default: false
     },
 
+    /**
+     * Forces showing the arrow, even if the button is disabled.
+     * default is false
+     * @values true, false
+     */
+    forceShowArrow: {
+      type: Boolean,
+      default: false
+    },
+
     /**
      * Determines whether the button should have active styling
      * default is false.
@@ -19332,6 +19392,12 @@ var IconArrowDropUp_component = normalizeComponent(
     };
   },
 
+  computed: {
+    showArrowButton() {
+      return this.forceShowArrow || !this.disabled;
+    }
+
+  },
   methods: {
     arrowClick(ev) {
       this.$emit('arrowClick', ev);
@@ -19371,8 +19437,8 @@ var callbar_button_with_popovervue_type_style_index_0_lang_less_ = __webpack_req
 
 var callbar_button_with_popover_component = normalizeComponent(
   callbar_button_with_popover_callbar_button_with_popovervue_type_script_lang_js_,
-  callbar_button_with_popovervue_type_template_id_59ea5c82_render,
-  callbar_button_with_popovervue_type_template_id_59ea5c82_staticRenderFns,
+  callbar_button_with_popovervue_type_template_id_1085bb4c_render,
+  callbar_button_with_popovervue_type_template_id_1085bb4c_staticRenderFns,
   false,
   null,
   null,
@@ -19401,9 +19467,9 @@ var contact_infovue_type_template_id_466e560c_staticRenderFns = []
 ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
 const USER_STATUS_COLOR_MODIFIERS = {
   none: '',
-  green: 'd-bgc-green-400',
-  yellow: 'd-bgc-yellow-400',
-  red: 'd-bgc-red-400'
+  green: 'd-bgc-green-300',
+  gold: 'd-bgc-gold-200',
+  red: 'd-bgc-red-200'
 };
 /* harmony default export */ const contact_info_constants = ({
   USER_STATUS_COLOR_MODIFIERS
@@ -19600,13 +19666,13 @@ var contact_info_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/list_items/contact_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/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=d3832134&
-var top_banner_infovue_type_template_id_d3832134_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-fs11 d-d-flex d-top-banner-info d-jc-space-between d-ai-center",class:_vm.bannerInfoClass,attrs:{"data-qa":"banner-info"}},[_c('div',{staticClass:"d-top-banner-info__left"},[_vm._t("left")],2),_c('div',{staticClass:"d-top-banner-info__middle d-my4"},[_vm._t("default")],2),_c('div',{staticClass:"d-top-banner-info__right d-ta-right"},[_vm._t("right")],2)])}
-var top_banner_infovue_type_template_id_d3832134_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/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=1996f46e&
+var top_banner_infovue_type_template_id_1996f46e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center",class:_vm.bannerInfoClass,attrs:{"data-qa":"banner-info"}},[_c('div',{staticClass:"d-top-banner-info__left"},[_vm._t("left")],2),_c('div',{staticClass:"d-top-banner-info__middle d-my4"},[_vm._t("default")],2),_c('div',{staticClass:"d-top-banner-info__right d-ta-right"},[_vm._t("right")],2)])}
+var top_banner_infovue_type_template_id_1996f46e_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info_constants.js
-const COLOR_CODES = ['green400', 'green200', 'red200', 'red100', 'yellow200', 'yellow400', 'yellow050', 'black100', 'white'];
+const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100', 'gold200', 'black100', 'white'];
 /* harmony default export */ const top_banner_info_constants = ({
   COLOR_CODES
 });
@@ -19640,7 +19706,7 @@ const COLOR_CODES = ['green400', 'green200', 'red200', 'red100', 'yellow200', 'y
      */
     colorCode: {
       type: String,
-      default: 'green400',
+      default: 'green300',
       validator: function (kind) {
         return COLOR_CODES.includes(kind);
       }
@@ -19649,13 +19715,13 @@ const COLOR_CODES = ['green400', 'green200', 'red200', 'red100', 'yellow200', 'y
   computed: {
     bannerInfoClass() {
       const bgColors = {
-        green400: 'd-bgc-green-400',
-        green200: 'd-bgc-green-200',
+        green300: 'd-bgc-green-300',
+        green100: 'd-bgc-green-100',
         red200: 'd-bgc-red-200',
         red100: 'd-bgc-red-100',
-        yellow400: 'd-bgc-yellow-400',
-        yellow200: 'd-bgc-yellow-200',
-        black100: 'd-bgc-black-100',
+        gold200: 'd-bgc-gold-200',
+        gold100: 'd-bgc-gold-100',
+        black100: 'd-bgc-black-400',
         white: 'd-bgc-white'
       };
       return [bgColors[this.colorCode]];
@@ -19680,8 +19746,8 @@ var top_banner_infovue_type_style_index_0_lang_less_ = __webpack_require__(9);
 
 var top_banner_info_component = normalizeComponent(
   top_banner_info_top_banner_infovue_type_script_lang_js_,
-  top_banner_infovue_type_template_id_d3832134_render,
-  top_banner_infovue_type_template_id_d3832134_staticRenderFns,
+  top_banner_infovue_type_template_id_1996f46e_render,
+  top_banner_infovue_type_template_id_1996f46e_staticRenderFns,
   false,
   null,
   null,
@@ -19693,6 +19759,507 @@ 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":[
+      'd-w100p',
+      { 'd-ba d-bar8 d-baw4': _vm.isSelected },
+      _vm.headerColor ],"header-class":[
+      'd-mtn1',
+      'd-bt',
+      '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 = []
+
+
+;// 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&
+var IconMenuVerticalvue_type_template_id_7bb36528_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__menuVertical",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Menu Vertical","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"}})])}
+var IconMenuVerticalvue_type_template_id_7bb36528_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue
+
+var IconMenuVertical_script = {}
+
+
+/* normalize component */
+;
+var IconMenuVertical_component = normalizeComponent(
+  IconMenuVertical_script,
+  IconMenuVerticalvue_type_template_id_7bb36528_render,
+  IconMenuVerticalvue_type_template_id_7bb36528_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconMenuVertical = (IconMenuVertical_component.exports);
+;// 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/IconDialpad.vue?vue&type=template&id=523e1cca&
+var IconDialpadvue_type_template_id_523e1cca_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__dialpad",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Dialpad","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M6 4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12-8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm-6 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"}})])}
+var IconDialpadvue_type_template_id_523e1cca_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialpad.vue
+
+var IconDialpad_script = {}
+
+
+/* normalize component */
+;
+var IconDialpad_component = normalizeComponent(
+  IconDialpad_script,
+  IconDialpadvue_type_template_id_523e1cca_render,
+  IconDialpadvue_type_template_id_523e1cca_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconDialpad = (IconDialpad_component.exports);
+;// 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/IconPhoneDialer.vue?vue&type=template&id=be0e06dc&
+var IconPhoneDialervue_type_template_id_be0e06dc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__phoneDialer",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Phone Dialer","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M16.48 14.82c1.11.36 2.3.56 3.53.56.54 0 .99.45.99.99v3.45c0 .55-.28 1.18-.99 1.18C10.73 21 3 13.28 3 3.99 3 3.24 3.65 3 4.19 3h3.46c.54 0 .99.45.99.99 0 1.23.19 2.42.56 3.53.11.35.03.74-.24 1.02L7.01 10.2c1.41 2.93 4.06 5.48 6.89 6.83l1.57-1.97c.27-.27.66-.36 1.01-.24Z"}}),_c('path',{attrs:{"d":"M20 6h-8v1h8V6Zm0-2h-8v1h8V4Zm-8 7h4v-1h-4v1Z"}}),_c('path',{attrs:{"d":"M12 8h8v1h-8V8Z"}})])}
+var IconPhoneDialervue_type_template_id_be0e06dc_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneDialer.vue
+
+var IconPhoneDialer_script = {}
+
+
+/* normalize component */
+;
+var IconPhoneDialer_component = normalizeComponent(
+  IconPhoneDialer_script,
+  IconPhoneDialervue_type_template_id_be0e06dc_render,
+  IconPhoneDialervue_type_template_id_be0e06dc_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconPhoneDialer = (IconPhoneDialer_component.exports);
+;// 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/IconVolumeUp.vue?vue&type=template&id=6e71f4fc&
+var IconVolumeUpvue_type_template_id_6e71f4fc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__volumeUp",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Volume Up","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M3 9v6h4l5 5V4L7 9H3Zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02ZM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77Z"}})])}
+var IconVolumeUpvue_type_template_id_6e71f4fc_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconVolumeUp.vue
+
+var IconVolumeUp_script = {}
+
+
+/* normalize component */
+;
+var IconVolumeUp_component = normalizeComponent(
+  IconVolumeUp_script,
+  IconVolumeUpvue_type_template_id_6e71f4fc_render,
+  IconVolumeUpvue_type_template_id_6e71f4fc_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconVolumeUp = (IconVolumeUp_component.exports);
+;// 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/IconPhoneTransfer.vue?vue&type=template&id=67939a33&
+var IconPhoneTransfervue_type_template_id_67939a33_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__phoneTransfer",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Phone Transfer","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M16.48 14.82c1.11.36 2.3.56 3.53.56.54 0 .99.45.99.99v3.45c0 .55-.28 1.18-.99 1.18C10.73 21 3 13.28 3 3.99 3 3.24 3.65 3 4.19 3h3.46c.54 0 .99.45.99.99 0 1.23.19 2.42.56 3.53.11.35.03.74-.24 1.02L7.01 10.2c1.41 2.93 4.06 5.48 6.89 6.83l1.57-1.97c.27-.27.66-.36 1.01-.24Z"}}),_c('path',{attrs:{"d":"M15.49 4.75V3L13 5.5 15.49 8V6.25H21v-1.5h-5.51Z"}}),_c('path',{attrs:{"d":"M18.51 9H13v1.5h5.51v1.75L21 9.75l-2.49-2.5V9Z"}})])}
+var IconPhoneTransfervue_type_template_id_67939a33_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneTransfer.vue
+
+var IconPhoneTransfer_script = {}
+
+
+/* normalize component */
+;
+var IconPhoneTransfer_component = normalizeComponent(
+  IconPhoneTransfer_script,
+  IconPhoneTransfervue_type_template_id_67939a33_render,
+  IconPhoneTransfervue_type_template_id_67939a33_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconPhoneTransfer = (IconPhoneTransfer_component.exports);
+;// 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/IconCallEndArrow.vue?vue&type=template&id=9ec0258e&
+var IconCallEndArrowvue_type_template_id_9ec0258e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__callEndArrow",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Call End Arrow","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 7c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 11.08a.956.956 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 6.78 7.46 5 12 5c4.54 0 8.66 1.78 11.71 4.67.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 7.25 13.6 7 12 7Z"}}),_c('path',{attrs:{"d":"M15.59 16.09 13 18.67V11h-2v7.67l-2.59-2.58L7 17.5l5 5 5-5-1.41-1.41Z"}})])}
+var IconCallEndArrowvue_type_template_id_9ec0258e_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallEndArrow.vue
+
+var IconCallEndArrow_script = {}
+
+
+/* normalize component */
+;
+var IconCallEndArrow_component = normalizeComponent(
+  IconCallEndArrow_script,
+  IconCallEndArrowvue_type_template_id_9ec0258e_render,
+  IconCallEndArrowvue_type_template_id_9ec0258e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconCallEndArrow = (IconCallEndArrow_component.exports);
+;// 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/IconCallMerge.vue?vue&type=template&id=2c6dac0e&
+var IconCallMergevue_type_template_id_2c6dac0e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__callMerge",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Call Merge","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M17 20.41 18.41 19 15 15.59 13.59 17 17 20.41ZM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8Z"}})])}
+var IconCallMergevue_type_template_id_2c6dac0e_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallMerge.vue
+
+var IconCallMerge_script = {}
+
+
+/* normalize component */
+;
+var IconCallMerge_component = normalizeComponent(
+  IconCallMerge_script,
+  IconCallMergevue_type_template_id_2c6dac0e_render,
+  IconCallMergevue_type_template_id_2c6dac0e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconCallMerge = (IconCallMerge_component.exports);
+;// 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/IconExpertNode.vue?vue&type=template&id=7bb944b9&
+var IconExpertNodevue_type_template_id_7bb944b9_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__expertNode",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Expert Node","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M18 5H6a1 1 0 0 0-1 1v4.25c0 .414.336.75.75.75h5.42L9.126 8.946l1.41-1.41L15 12l-4.464 4.465-1.41-1.41L11.17 13H5.25A2.25 2.25 0 0 1 3 10.75V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-3h2v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1Z"}})])}
+var IconExpertNodevue_type_template_id_7bb944b9_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconExpertNode.vue
+
+var IconExpertNode_script = {}
+
+
+/* normalize component */
+;
+var IconExpertNode_component = normalizeComponent(
+  IconExpertNode_script,
+  IconExpertNodevue_type_template_id_7bb944b9_render,
+  IconExpertNodevue_type_template_id_7bb944b9_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconExpertNode = (IconExpertNode_component.exports);
+;// 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/IconBranch.vue?vue&type=template&id=71269722&
+var IconBranchvue_type_template_id_71269722_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__branch",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Branch","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"fill-rule":"evenodd","clip-rule":"evenodd","d":"M13 7.83a3.001 3.001 0 1 0-2 0V10H7a3 3 0 0 0-3 3v.17a3.001 3.001 0 1 0 2 0V13a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v3.17a3.001 3.001 0 1 0 2 0V13a3 3 0 0 0-3-3h-4V7.83ZM13 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM5 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm15 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"}})])}
+var IconBranchvue_type_template_id_71269722_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconBranch.vue
+
+var IconBranch_script = {}
+
+
+/* normalize component */
+;
+var IconBranch_component = normalizeComponent(
+  IconBranch_script,
+  IconBranchvue_type_template_id_71269722_render,
+  IconBranchvue_type_template_id_71269722_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const IconBranch = (IconBranch_component.exports);
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node_constants.js
+
+
+
+
+
+
+
+
+const IVR_NODE_PROMPT_MENU = 'promptmenu';
+const IVR_NODE_PROMPT_COLLECT = 'promptcollect';
+const IVR_NODE_PROMPT_PLAY = 'promptplay';
+const IVR_NODE_EXPERT = 'gotoexpert';
+const IVR_NODE_GO_TO = 'goto';
+const IVR_NODE_BRANCH = 'branch';
+const IVR_NODE_TRANSFER = 'transfer';
+const IVR_NODE_HANGUP = 'hangup';
+const IVR_NODE_ICON_TYPES = {
+  [IVR_NODE_PROMPT_MENU]: IconDialpad,
+  [IVR_NODE_PROMPT_COLLECT]: IconPhoneDialer,
+  [IVR_NODE_PROMPT_PLAY]: IconVolumeUp,
+  [IVR_NODE_EXPERT]: IconExpertNode,
+  [IVR_NODE_BRANCH]: IconBranch,
+  [IVR_NODE_GO_TO]: IconCallMerge,
+  [IVR_NODE_TRANSFER]: IconPhoneTransfer,
+  [IVR_NODE_HANGUP]: IconCallEndArrow
+};
+const IVR_NODE_LABELS = {
+  [IVR_NODE_PROMPT_MENU]: 'Menu',
+  [IVR_NODE_PROMPT_COLLECT]: 'Collect',
+  [IVR_NODE_PROMPT_PLAY]: 'Play',
+  [IVR_NODE_EXPERT]: 'Expert',
+  [IVR_NODE_BRANCH]: 'Branch',
+  [IVR_NODE_GO_TO]: 'Go-to',
+  [IVR_NODE_TRANSFER]: 'Transfer',
+  [IVR_NODE_HANGUP]: 'Hangup'
+};
+const IVR_NODE_COLORS = {
+  PROMPT: {
+    normal: 'prompt_node_border_color',
+    selected: 'prompt_node_border_color__selected'
+  },
+  LOGIC: {
+    normal: 'd-bc-purple-200',
+    selected: 'd-bc-purple-500'
+  },
+  TERMINAL: {
+    normal: 'd-bc-red-200',
+    selected: 'd-bc-red-400'
+  }
+};
+const IVR_NODE_COLOR_MAPPING = {
+  [IVR_NODE_PROMPT_MENU]: IVR_NODE_COLORS.PROMPT,
+  [IVR_NODE_PROMPT_COLLECT]: IVR_NODE_COLORS.PROMPT,
+  [IVR_NODE_PROMPT_PLAY]: IVR_NODE_COLORS.PROMPT,
+  [IVR_NODE_EXPERT]: IVR_NODE_COLORS.LOGIC,
+  [IVR_NODE_BRANCH]: IVR_NODE_COLORS.LOGIC,
+  [IVR_NODE_GO_TO]: IVR_NODE_COLORS.LOGIC,
+  [IVR_NODE_TRANSFER]: IVR_NODE_COLORS.TERMINAL,
+  [IVR_NODE_HANGUP]: IVR_NODE_COLORS.TERMINAL
+};
+;// 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/cards/ivr_node/ivr_node.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ const ivr_nodevue_type_script_lang_js_ = ({
+  name: 'DtRecipeIvrNode',
+  components: {
+    DtCard: card,
+    DtButton: button_button,
+    DtDropdown: dropdown,
+    IconMenuVertical: IconMenuVertical
+  },
+  props: {
+    /**
+     * type of IVR Node.
+     */
+    nodeType: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * Descriptive label for the node name.
+     */
+    nodeLabel: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * Selected state of the node
+     */
+    isSelected: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Translated aria-label for header menu button
+     */
+    menuButtonAriaLabel: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * DTMF input
+     */
+    dtmfKey: {
+      type: String,
+      default: null
+    }
+  },
+  emits: [
+  /**
+   * Add node click event
+   *
+   * @event click
+   * @type {PointerEvent | KeyboardEvent}
+   */
+  'click'],
+
+  data() {
+    return {
+      isOpen: false
+    };
+  },
+
+  computed: {
+    nodeIcon() {
+      return IVR_NODE_ICON_TYPES[this.nodeType];
+    },
+
+    headerColor() {
+      const {
+        normal,
+        selected
+      } = IVR_NODE_COLOR_MAPPING[this.nodeType];
+      return this.isSelected ? selected : normal;
+    }
+
+  },
+  methods: {
+    openMenu() {
+      this.isOpen = true;
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue?vue&type=script&lang=js&
+ /* harmony default export */ const ivr_node_ivr_nodevue_type_script_lang_js_ = (ivr_nodevue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32[0].rules[0].use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32[0].rules[0].use[4]!./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=style&index=0&lang=less&
+var ivr_nodevue_type_style_index_0_lang_less_ = __webpack_require__(212);
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue?vue&type=style&index=0&lang=less&
+
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue
+
+
+
+;
+
+
+/* normalize component */
+
+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,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const ivr_node = (ivr_node_component.exports);
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/index.js
+
+
 ;// CONCATENATED MODULE: ./common/mixins/index.js
 
 
@@ -19739,6 +20306,7 @@ var top_banner_info_component = normalizeComponent(
 
 
 
+
  // Mixins
 
  // Constants