npm - @dialpad/dialtone-vue - Versions diffs - 2.37.1 → 2.38.0 - Mend

@dialpad/dialtone-vue 2.37.1 → 2.38.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/component-documentation.json +1 -1
package/dist/dialtone-vue.common.js +307 -892
package/dist/dialtone-vue.umd.js +307 -892
package/dist/dialtone-vue.umd.min.js +1 -1
package/dist/emoji.common.js +29 -25
package/dist/emoji.umd.js +29 -25
package/dist/emoji.umd.min.js +1 -1
package/package.json +1 -1

package/dist/dialtone-vue.umd.js CHANGED Viewed

@@ -35,7 +35,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".enter-active,.leave-active{overflow:h
 /***/ }),
-/***/ 276:
+/***/ 140:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 "use strict";
@@ -52,14 +52,14 @@ __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, ".d-context-menu-list{width:24rem}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--fs-200);line-height:var(--lh4);padding:var(--su4) var(--su12)}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 /***/ }),
-/***/ 549:
+/***/ 276:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 "use strict";
@@ -76,14 +76,14 @@ __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-separator{height:1px;list-style:none}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".d-context-menu-list{width:24rem}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 /***/ }),
-/***/ 793:
+/***/ 549:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 "use strict";
@@ -100,7 +100,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-keyboard-shortcut__svg{width:1em;height:1em}.dt-keyboard-shortcut__svg path{fill:currentColor}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-separator{height:1px;list-style:none}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
@@ -316,7 +316,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-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){letter-spacing:-.011rem;line-height:1.6rem}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn .d-btn__icon .d-svg{width:2.4rem;height:2.4rem}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--active{--button--fc:var(--muted-color-hover);--button--bgc:hsla(var(--muted-color-hsl)/15%)}.dt-recipe-callbar-button--danger.dt-recipe-callbar-button--active{--button--bgc:hsla(var(--error-color-hsl)/10%);--button--fc:var(--error-color-hover)}.dt-recipe-callbar-button--danger.dt-recipe-callbar-button--active:hover{--button--bgc:hsla(var(--error-color-hsl)/20%);--button--fc:var(--error-color-hover)}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){letter-spacing:-.011rem;line-height:1.6rem}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--active{--button--fc:var(--muted-color-hover);--button--bgc:hsla(var(--muted-color-hsl)/15%)}.dt-recipe-callbar-button--danger.dt-recipe-callbar-button--active{--button--bgc:hsla(var(--error-color-hsl)/10%);--button--fc:var(--error-color-hover)}.dt-recipe-callbar-button--danger.dt-recipe-callbar-button--active:hover{--button--bgc:hsla(var(--error-color-hsl)/20%);--button--fc:var(--error-color-hover)}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
@@ -532,51 +532,51 @@ var update = add("63ce6251", content, true, {"sourceMap":false,"shadowMode":fals
 /***/ }),
-/***/ 774:
+/***/ 464:
 /***/ ((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__(276);
+var content = __webpack_require__(140);
 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("01fdbfc3", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("e41fd2fe", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
-/***/ 176:
+/***/ 774:
 /***/ ((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__(549);
+var content = __webpack_require__(276);
 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("2810b083", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("01fdbfc3", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
-/***/ 742:
+/***/ 176:
 /***/ ((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__(793);
+var content = __webpack_require__(549);
 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("5493c48c", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("2810b083", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
@@ -1215,7 +1215,6 @@ __webpack_require__.d(__webpack_exports__, {
   "ROOT_LAYOUT_SIDEBAR_POSITIONS": () => (/* reexport */ ROOT_LAYOUT_SIDEBAR_POSITIONS),
   "SELECT_SIZE_MODIFIERS": () => (/* reexport */ SELECT_SIZE_MODIFIERS),
   "SELECT_STATE_MODIFIERS": () => (/* reexport */ SELECT_STATE_MODIFIERS),
-  "SHORTCUTS_ALIASES": () => (/* reexport */ SHORTCUTS_ALIASES),
   "SHORTCUTS_ALIASES_LIST": () => (/* reexport */ SHORTCUTS_ALIASES_LIST),
   "SHORTCUTS_ICON_ALIASES": () => (/* reexport */ SHORTCUTS_ICON_ALIASES),
   "SHORTCUTS_ICON_SEPARATOR": () => (/* reexport */ SHORTCUTS_ICON_SEPARATOR),
@@ -1302,10 +1301,16 @@ const AVATAR_COLOR_MODIFIERS = {
   'gold-300': 'd-avatar--gold-300',
   'gold-500': 'd-avatar--gold-500'
 };
+const AVATAR_ICON_SIZES = {
+  sm: '200',
+  md: '400',
+  lg: '500'
+};
 /* harmony default export */ const avatar_constants = ({
   AVATAR_KIND_MODIFIERS,
   AVATAR_SIZE_MODIFIERS,
-  AVATAR_COLOR_MODIFIERS
+  AVATAR_COLOR_MODIFIERS,
+  AVATAR_ICON_SIZES
 });
 ;// CONCATENATED MODULE: ./common/constants.js
 /* TODO: Move and sort these in a constants directory
@@ -1884,99 +1889,106 @@ var bannervue_type_template_id_756779c1_render = function () {var _vm=this;var _
 var bannervue_type_template_id_756779c1_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/notice/notice_icon.vue?vue&type=template&id=5544041e&
-var notice_iconvue_type_template_id_5544041e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.defaultIcon || _vm.$slots.default)?_c('div',{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[_vm._t("default",function(){return [_c(_vm.defaultIcon,{tag:"component"})]})],2):_vm._e()}
-var notice_iconvue_type_template_id_5544041e_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/IconLightbulb.vue?vue&type=template&id=d9fc2436&
-var IconLightbulbvue_type_template_id_d9fc2436_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__lightbulb",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Lightbulb","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1Zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7Z"}})])}
-var IconLightbulbvue_type_template_id_d9fc2436_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/notice/notice_icon.vue?vue&type=template&id=dbeeebfa&
+var notice_iconvue_type_template_id_dbeeebfa_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.defaultIcon || _vm.$slots.default)?_c('div',{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[_vm._t("default",function(){return [_c('dt-icon',{attrs:{"name":_vm.defaultIcon,"size":"400"}})]})],2):_vm._e()}
+var notice_iconvue_type_template_id_dbeeebfa_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue
-var script = {}
-/* normalize component */
-;
-var IconLightbulb_component = normalizeComponent(
-  script,
-  IconLightbulbvue_type_template_id_d9fc2436_render,
-  IconLightbulbvue_type_template_id_d9fc2436_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconLightbulb = (IconLightbulb_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/IconInfo.vue?vue&type=template&id=0ffb14b7&
-var IconInfovue_type_template_id_0ffb14b7_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__info",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Info","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm1 15h-2v-6h2v6Zm0-8h-2V7h2v2Z"}})])}
-var IconInfovue_type_template_id_0ffb14b7_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/icon/icon.vue?vue&type=template&id=1ca37c55&
+var iconvue_type_template_id_1ca37c55_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.currentIcon,{tag:"component",class:_vm.iconSize,attrs:{"data-qa":"dt-icon"}})}
+var iconvue_type_template_id_1ca37c55_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue
+;// CONCATENATED MODULE: ./components/icon/icon_constants.js
+const ICON_SIZE_MODIFIERS = {
+  100: 'd-icon--size-100',
+  200: 'd-icon--size-200',
+  300: 'd-icon--size-300',
+  400: 'd-icon--size-400',
+  500: 'd-icon--size-500',
+  600: 'd-icon--size-600',
+  700: 'd-icon--size-700',
+  800: 'd-icon--size-800'
+};
+/* harmony default export */ const icon_constants = ({
+  ICON_SIZE_MODIFIERS
+});
+;// CONCATENATED MODULE: external "@dialpad/dialtone-icons"
+const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
+;// 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!./components/icon/icon.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
-var IconInfo_script = {}
-/* normalize component */
-;
-var IconInfo_component = normalizeComponent(
-  IconInfo_script,
-  IconInfovue_type_template_id_0ffb14b7_render,
-  IconInfovue_type_template_id_0ffb14b7_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
+/**
+ * The Icon component provides a set of glyphs and sizes to provide context your application.
+ * @see https://dialpad.design/components/icon.html
+ */
-/* harmony default export */ const IconInfo = (IconInfo_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/IconWarning.vue?vue&type=template&id=0de6c9ad&
-var IconWarningvue_type_template_id_0de6c9ad_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__warning",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Warning","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M1 21h22L12 2 1 21Zm12-3h-2v-2h2v2Zm0-4h-2v-4h2v4Z"}})])}
-var IconWarningvue_type_template_id_0de6c9ad_staticRenderFns = []
+/* harmony default export */ const iconvue_type_script_lang_js_ = ({
+  name: 'DtIcon',
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: '500',
+      validator: s => Object.keys(ICON_SIZE_MODIFIERS).includes(s)
+    },
+    /**
+     * The icon name in kebab-case
+     */
+    name: {
+      type: String,
+      required: true
+    }
+  },
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue
+  data() {
+    return {
+      dialtoneIcons: dialtone_icons_namespaceObject
+    };
+  },
-var IconWarning_script = {}
+  computed: {
+    iconSize() {
+      return ICON_SIZE_MODIFIERS[this.size];
+    },
+    iconName() {
+      return kebabCaseToPascalCase(this.name);
+    },
-/* normalize component */
-;
-var IconWarning_component = normalizeComponent(
-  IconWarning_script,
-  IconWarningvue_type_template_id_0de6c9ad_render,
-  IconWarningvue_type_template_id_0de6c9ad_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
+    currentIcon() {
+      return this.dialtoneIcons[this.iconName];
+    }
-/* harmony default export */ const IconWarning = (IconWarning_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/IconError.vue?vue&type=template&id=6256a0c7&
-var IconErrorvue_type_template_id_6256a0c7_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__error",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Error","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Z"}})])}
-var IconErrorvue_type_template_id_6256a0c7_staticRenderFns = []
+  }
+});
+;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=script&lang=js&
+ /* harmony default export */ const icon_iconvue_type_script_lang_js_ = (iconvue_type_script_lang_js_);
+;// CONCATENATED MODULE: ./components/icon/icon.vue
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue
-var IconError_script = {}
 /* normalize component */
 ;
-var IconError_component = normalizeComponent(
-  IconError_script,
-  IconErrorvue_type_template_id_6256a0c7_render,
-  IconErrorvue_type_template_id_6256a0c7_staticRenderFns,
+var icon_component = normalizeComponent(
+  icon_iconvue_type_script_lang_js_,
+  iconvue_type_template_id_1ca37c55_render,
+  iconvue_type_template_id_1ca37c55_staticRenderFns,
   false,
   null,
   null,
@@ -1984,31 +1996,9 @@ var IconError_component = normalizeComponent(
 )
-/* harmony default export */ const IconError = (IconError_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/IconCheckCircle.vue?vue&type=template&id=a74ac93c&
-var IconCheckCirclevue_type_template_id_a74ac93c_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__checkCircle",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Check Circle","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"}})])}
-var IconCheckCirclevue_type_template_id_a74ac93c_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue
-var IconCheckCircle_script = {}
-/* normalize component */
-;
-var IconCheckCircle_component = normalizeComponent(
-  IconCheckCircle_script,
-  IconCheckCirclevue_type_template_id_a74ac93c_render,
-  IconCheckCirclevue_type_template_id_a74ac93c_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
+/* harmony default export */ const icon = (icon_component.exports);
+;// CONCATENATED MODULE: ./components/icon/index.js
-/* harmony default export */ const IconCheckCircle = (IconCheckCircle_component.exports);
 ;// CONCATENATED MODULE: ./components/notice/notice_constants.js
 const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];
 const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];
@@ -2032,21 +2022,14 @@ const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];
 //
 //
 //
+//
-const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckCircle'], ['warning', 'IconWarning'], ['error', 'IconError'], ['base', 'IconLightbulb']]);
+const kindToIcon = new Map([['info', 'info'], ['success', 'check-circle'], ['warning', 'alert-triangle'], ['error', 'alert-circle'], ['base', 'bell']]);
 /* harmony default export */ const notice_iconvue_type_script_lang_js_ = ({
   name: 'DtNoticeIcon',
   components: {
-    IconLightbulb: IconLightbulb,
-    IconInfo: IconInfo,
-    IconWarning: IconWarning,
-    IconError: IconError,
-    IconCheckCircle: IconCheckCircle
+    DtIcon: icon
   },
   props: {
     /**
@@ -2082,8 +2065,8 @@ const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckCircle']
 ;
 var notice_icon_component = normalizeComponent(
   notice_notice_iconvue_type_script_lang_js_,
-  notice_iconvue_type_template_id_5544041e_render,
-  notice_iconvue_type_template_id_5544041e_staticRenderFns,
+  notice_iconvue_type_template_id_dbeeebfa_render,
+  notice_iconvue_type_template_id_dbeeebfa_staticRenderFns,
   false,
   null,
   null,
@@ -2177,35 +2160,11 @@ var notice_content_component = normalizeComponent(
 )
 /* harmony default export */ const notice_content = (notice_content_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!./components/notice/notice_action.vue?vue&type=template&id=0591aece&
-var notice_actionvue_type_template_id_0591aece_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._g(_vm._b({ref:"closeButton",attrs:{"data-qa":"dt-notice-action-close-button","size":"sm","importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : 'Close'},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false),_vm.noticeActionListeners)):_vm._e(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.close}}):_vm._e()],2)}
-var notice_actionvue_type_template_id_0591aece_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/IconClose.vue?vue&type=template&id=4ef5457b&
-var IconClosevue_type_template_id_4ef5457b_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__close",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Close","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"}})])}
-var IconClosevue_type_template_id_4ef5457b_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue
-var IconClose_script = {}
+;// 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/notice/notice_action.vue?vue&type=template&id=80f1eb74&
+var notice_actionvue_type_template_id_80f1eb74_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._g(_vm._b({ref:"closeButton",attrs:{"data-qa":"dt-notice-action-close-button","size":"sm","importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : 'Close'},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"close","size":"200"}})]},proxy:true}],null,false,1154370889)},'dt-button',_vm.closeButtonProps,false),_vm.noticeActionListeners)):_vm._e(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.close}}):_vm._e()],2)}
+var notice_actionvue_type_template_id_80f1eb74_staticRenderFns = []
-/* normalize component */
-;
-var IconClose_component = normalizeComponent(
-  IconClose_script,
-  IconClosevue_type_template_id_4ef5457b_render,
-  IconClosevue_type_template_id_4ef5457b_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconClose = (IconClose_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!./components/button/button.vue?vue&type=template&id=4c8880f0&
 var buttonvue_type_template_id_4c8880f0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:[
     'base-button__button',
@@ -2263,6 +2222,13 @@ const INVALID_COMBINATION = [{
   importance: 'primary',
   message: _invalidCombinationMessage(false, 'muted', 'primary')
 }];
+const BUTTON_ICON_SIZES = {
+  xs: '200',
+  sm: '200',
+  md: '300',
+  lg: '400',
+  xl: '500'
+};
 function _invalidCombinationMessage(circle, kind, importance) {
   return `You cannot have a ${circle ? 'circle ' : ''}button \
@@ -2278,7 +2244,8 @@ list of available button styles`;
   BUTTON_IMPORTANCE_MODIFIERS,
   BUTTON_TYPES,
   ICON_POSITION_MODIFIERS,
-  INVALID_COMBINATION
+  INVALID_COMBINATION,
+  BUTTON_ICON_SIZES
 });
 ;// CONCATENATED MODULE: ./components/link/link_constants.js
 const DANGER = 'danger';
@@ -2625,6 +2592,8 @@ var button_component = normalizeComponent(
 )
 /* harmony default export */ const button_button = (button_component.exports);
+;// CONCATENATED MODULE: ./components/button/index.js
 ;// CONCATENATED MODULE: ./common/mixins/sr_only_close_button.js
 /**
  * @displayName Sr-Only close button mixin
@@ -2676,13 +2645,11 @@ var button_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!./common/sr_only_close_button.vue?vue&type=template&id=3480ff70&
-var sr_only_close_buttonvue_type_template_id_3480ff70_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-button',{staticClass:"d-vi-visible-sr",attrs:{"id":"sr-only-close-button","data-qa":"dt-sr-only-close-button","aria-label":_vm.visuallyHiddenCloseLabel},on:{"click":_vm.close,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();$event.stopPropagation();return _vm.close.apply(null, arguments)}}},[_c('icon-close')],1)}
-var sr_only_close_buttonvue_type_template_id_3480ff70_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!./common/sr_only_close_button.vue?vue&type=template&id=0d8834c8&
+var sr_only_close_buttonvue_type_template_id_0d8834c8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-button',{staticClass:"d-vi-visible-sr",attrs:{"id":"sr-only-close-button","data-qa":"dt-sr-only-close-button","aria-label":_vm.visuallyHiddenCloseLabel},on:{"click":_vm.close,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();$event.stopPropagation();return _vm.close.apply(null, arguments)}}},[_c('dt-icon',{attrs:{"name":"close"}})],1)}
+var sr_only_close_buttonvue_type_template_id_0d8834c8_staticRenderFns = []
-;// CONCATENATED MODULE: ./components/button/index.js
 ;// 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!./common/sr_only_close_button.vue?vue&type=script&lang=js&
 //
 //
@@ -2702,7 +2669,7 @@ var sr_only_close_buttonvue_type_template_id_3480ff70_staticRenderFns = []
 /* harmony default export */ const sr_only_close_buttonvue_type_script_lang_js_ = ({
   name: 'SrOnlyCloseButton',
   components: {
-    IconClose: IconClose,
+    DtIcon: icon,
     DtButton: button_button
   },
   props: {
@@ -2734,8 +2701,8 @@ var sr_only_close_buttonvue_type_template_id_3480ff70_staticRenderFns = []
 ;
 var sr_only_close_button_component = normalizeComponent(
   common_sr_only_close_buttonvue_type_script_lang_js_,
-  sr_only_close_buttonvue_type_template_id_3480ff70_render,
-  sr_only_close_buttonvue_type_template_id_3480ff70_staticRenderFns,
+  sr_only_close_buttonvue_type_template_id_0d8834c8_render,
+  sr_only_close_buttonvue_type_template_id_0d8834c8_staticRenderFns,
   false,
   null,
   null,
@@ -2775,6 +2742,9 @@ var sr_only_close_button_component = normalizeComponent(
 //
 //
 //
+//
+//
+//
@@ -2782,7 +2752,7 @@ var sr_only_close_button_component = normalizeComponent(
 /* harmony default export */ const notice_actionvue_type_script_lang_js_ = ({
   name: 'DtNoticeAction',
   components: {
-    IconClose: IconClose,
+    DtIcon: icon,
     DtButton: button_button,
     SrOnlyCloseButton: common_sr_only_close_button
   },
@@ -2878,8 +2848,8 @@ var sr_only_close_button_component = normalizeComponent(
 ;
 var notice_action_component = normalizeComponent(
   notice_notice_actionvue_type_script_lang_js_,
-  notice_actionvue_type_template_id_0591aece_render,
-  notice_actionvue_type_template_id_0591aece_staticRenderFns,
+  notice_actionvue_type_template_id_80f1eb74_render,
+  notice_actionvue_type_template_id_80f1eb74_staticRenderFns,
   false,
   null,
   null,
@@ -3812,9 +3782,9 @@ var card_component = normalizeComponent(
 /* harmony default export */ const card = (card_component.exports);
 ;// CONCATENATED MODULE: ./components/card/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/combobox/combobox.vue?vue&type=template&id=397ad57a&
-var comboboxvue_type_template_id_397ad57a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.loading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.emptyList && _vm.emptyStateMessage && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage}},'combobox-empty-list',_vm.listProps,false)):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex})],2):_vm._e()])}
-var comboboxvue_type_template_id_397ad57a_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/combobox/combobox.vue?vue&type=template&id=ff49fc2c&
+var comboboxvue_type_template_id_ff49fc2c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onKeyValidation($event, 'onEscapeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onKeyValidation($event, 'onEnterKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onUpKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onDownKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onHomeKey')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onKeyValidation($event, 'onEndKey')}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[(_vm.loading && !_vm.listRenderedOutside)?_c('combobox-loading-list',_vm._b({},'combobox-loading-list',_vm.listProps,false)):(_vm.emptyList && (_vm.emptyStateMessage || _vm.$slots.emptyListItem) && !_vm.listRenderedOutside)?_c('combobox-empty-list',_vm._b({attrs:{"message":_vm.emptyStateMessage,"item-class":_vm.emptyStateClass}},'combobox-empty-list',_vm.listProps,false),[_vm._t("emptyListItem")],2):_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen,"clearHighlightIndex":_vm.clearHighlightIndex})],2):_vm._e()])}
+var comboboxvue_type_template_id_ff49fc2c_staticRenderFns = []
 ;// CONCATENATED MODULE: ./common/mixins/dom.js
@@ -4228,9 +4198,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=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/@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=2006c592&
+var default_list_itemvue_type_template_id_2006c592_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 d-of-hidden"},[(_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_2006c592_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!./components/list_item/default_list_item.vue?vue&type=script&lang=js&
@@ -4297,8 +4267,8 @@ var default_list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(737
 var default_list_item_component = normalizeComponent(
   list_item_default_list_itemvue_type_script_lang_js_,
-  default_list_itemvue_type_template_id_27ccac89_render,
-  default_list_itemvue_type_template_id_27ccac89_staticRenderFns,
+  default_list_itemvue_type_template_id_2006c592_render,
+  default_list_itemvue_type_template_id_2006c592_staticRenderFns,
   false,
   null,
   null,
@@ -5519,9 +5489,9 @@ var combobox_loading_list_component = normalizeComponent(
 )
 /* harmony default export */ const combobox_loading_list = (combobox_loading_list_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!./components/combobox/combobox_empty-list.vue?vue&type=template&id=ee5abe2c&
-var combobox_empty_listvue_type_template_id_ee5abe2c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ol',{staticClass:"d-p0",attrs:{"data-qa":"dt-combobox-empty-list"}},[_c('dt-list-item',{staticClass:"d-d-flex d-jc-center",attrs:{"role":"option","navigation-type":"none"}},[_c('span',[_vm._v(_vm._s(_vm.message))])])],1)}
-var combobox_empty_listvue_type_template_id_ee5abe2c_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/combobox/combobox_empty-list.vue?vue&type=template&id=53681200&
+var combobox_empty_listvue_type_template_id_53681200_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ol',{staticClass:"d-p0",attrs:{"data-qa":"dt-combobox-empty-list"}},[_vm._t("default",function(){return [_c('dt-list-item',{class:['dt-empty-list-item', _vm.itemClass],attrs:{"role":"option","navigation-type":"none","type":"custom"}},[_c('span',[_vm._v(_vm._s(_vm.message))])])]})],2)}
+var combobox_empty_listvue_type_template_id_53681200_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!./components/combobox/combobox_empty-list.vue?vue&type=script&lang=js&
@@ -5540,6 +5510,9 @@ var combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns = []
 //
 //
 //
+//
+//
+//
 /* harmony default export */ const combobox_empty_listvue_type_script_lang_js_ = ({
   name: 'ComboboxEmptyList',
@@ -5553,23 +5526,38 @@ var combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns = []
     message: {
       type: String,
       required: true
+    },
+    /**
+     * Additional class name for the empty list 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.
+     */
+    itemClass: {
+      type: [String, Object, Array],
+      default: ''
     }
   }
 });
 ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=script&lang=js&
  /* harmony default export */ const combobox_combobox_empty_listvue_type_script_lang_js_ = (combobox_empty_listvue_type_script_lang_js_);
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-72[0].rules[0].use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-72[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-72[0].rules[0].use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-72[0].rules[0].use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-72[0].rules[0].use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/combobox/combobox_empty-list.vue?vue&type=style&index=0&lang=less&
+var combobox_empty_listvue_type_style_index_0_lang_less_ = __webpack_require__(464);
+;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue?vue&type=style&index=0&lang=less&
 ;// CONCATENATED MODULE: ./components/combobox/combobox_empty-list.vue
+;
 /* normalize component */
-;
 var combobox_empty_list_component = normalizeComponent(
   combobox_combobox_empty_listvue_type_script_lang_js_,
-  combobox_empty_listvue_type_template_id_ee5abe2c_render,
-  combobox_empty_listvue_type_template_id_ee5abe2c_staticRenderFns,
+  combobox_empty_listvue_type_template_id_53681200_render,
+  combobox_empty_listvue_type_template_id_53681200_staticRenderFns,
   false,
   null,
   null,
@@ -5624,6 +5612,9 @@ var combobox_empty_list_component = normalizeComponent(
 //
 //
 //
+//
+//
+//
@@ -5729,6 +5720,16 @@ var combobox_empty_list_component = normalizeComponent(
     emptyStateMessage: {
       type: String,
       default: ''
+    },
+    /**
+     * Additional class name for the empty list 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.
+     */
+    emptyStateClass: {
+      type: [String, Object, Array],
+      default: ''
     }
   },
   emits: [
@@ -5915,6 +5916,10 @@ var combobox_empty_list_component = normalizeComponent(
     },
     validateEmptyListProps() {
+      if (this.$slots.emptyListItem) {
+        return;
+      }
       if (this.emptyList && !this.emptyStateMessage || !this.emptyList && this.emptyStateMessage) {
         console.error(`Invalid props: you must pass both props emptyList and emptyStateMessage to show the
       empty message.`);
@@ -5935,8 +5940,8 @@ var combobox_empty_list_component = normalizeComponent(
 ;
 var combobox_component = normalizeComponent(
   combobox_comboboxvue_type_script_lang_js_,
-  comboboxvue_type_template_id_397ad57a_render,
-  comboboxvue_type_template_id_397ad57a_staticRenderFns,
+  comboboxvue_type_template_id_ff49fc2c_render,
+  comboboxvue_type_template_id_ff49fc2c_staticRenderFns,
   false,
   null,
   null,
@@ -5947,12 +5952,12 @@ var combobox_component = normalizeComponent(
 /* harmony default export */ const combobox = (combobox_component.exports);
 ;// CONCATENATED MODULE: ./components/combobox/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/collapsible/collapsible.vue?vue&type=template&id=22be811b&
-var collapsiblevue_type_template_id_22be811b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",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/collapsible/collapsible.vue?vue&type=template&id=7bb16f26&
+var collapsiblevue_type_template_id_7bb16f26_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
       'd-dt-collapsibe__anchor',
       _vm.anchorClass ],attrs:{"id":!_vm.ariaLabelledBy && _vm.labelledBy},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.defaultToggleOpen.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.defaultToggleOpen.apply(null, arguments)}]}},[_vm._t("anchor",function(){return [_c('dt-button',{style:({
           'width': _vm.maxWidth,
-        }),attrs:{"importance":"clear","kind":"muted","aria-controls":_vm.id,"aria-expanded":("" + _vm.isOpen)}},[(_vm.isOpen)?_c('icon-arrow-accordion-open',{staticClass:"d-svg--size18 d-mr8 d-fl-shrink0"}):_c('icon-arrow-accordion-closed',{staticClass:"d-svg--size18 d-mr8 d-fl-shrink0"}),_c('span',{staticClass:"d-mr-auto d-truncate",attrs:{"title":_vm.anchorText}},[_vm._v(" "+_vm._s(_vm.anchorText)+" ")])],1)]},{"attrs":{
+        }),attrs:{"importance":"clear","kind":"muted","aria-controls":_vm.id,"aria-expanded":("" + _vm.isOpen)}},[_c('dt-icon',{staticClass:"d-icon d-icon--size-300 d-mr8 d-fl-shrink0",attrs:{"name":_vm.isOpen ? 'chevron-down' : 'chevron-right'}}),_c('span',{staticClass:"d-mr-auto d-truncate",attrs:{"title":_vm.anchorText}},[_vm._v(" "+_vm._s(_vm.anchorText)+" ")])],1)]},{"attrs":{
         'aria-controls': _vm.id,
         'aria-expanded': _vm.isOpen.toString(),
         'role': 'button',
@@ -5962,7 +5967,7 @@ var collapsiblevue_type_template_id_22be811b_render = function () {var _vm=this;
       'max-height': _vm.maxHeight,
       'max-width': _vm.maxWidth,
     }),attrs:{"id":_vm.id,"aria-hidden":("" + (!_vm.isOpen)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"show":_vm.isOpen,"element-type":_vm.contentElementType,"tabindex":"-1","appear":""},on:{"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},_vm.$listeners),[_vm._t("content")],2)],1)}
-var collapsiblevue_type_template_id_22be811b_staticRenderFns = []
+var collapsiblevue_type_template_id_7bb16f26_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/collapsible/collapsible_lazy_show.vue?vue&type=template&id=2bfe7a0c&
@@ -6241,54 +6246,6 @@ var lazy_show_component = normalizeComponent(
 /* harmony default export */ const lazy_show = (lazy_show_component.exports);
 ;// CONCATENATED MODULE: ./components/lazy_show/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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowAccordionOpen.vue?vue&type=template&id=67591df8&
-var IconArrowAccordionOpenvue_type_template_id_67591df8_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__arrowAccordionOpen",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Arrow Accordion Open","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M8.738 8a1 1 0 0 0-.865 1.502l3.262 5.614a1 1 0 0 0 1.73 0l3.262-5.614A1 1 0 0 0 15.262 8H8.738Z"}})])}
-var IconArrowAccordionOpenvue_type_template_id_67591df8_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowAccordionOpen.vue
-var IconArrowAccordionOpen_script = {}
-/* normalize component */
-;
-var IconArrowAccordionOpen_component = normalizeComponent(
-  IconArrowAccordionOpen_script,
-  IconArrowAccordionOpenvue_type_template_id_67591df8_render,
-  IconArrowAccordionOpenvue_type_template_id_67591df8_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconArrowAccordionOpen = (IconArrowAccordionOpen_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/IconArrowAccordionClosed.vue?vue&type=template&id=5e7762fe&
-var IconArrowAccordionClosedvue_type_template_id_5e7762fe_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__arrowAccordionClosed",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Arrow Accordion Closed","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M8 15.262a1 1 0 0 0 1.502.865l5.614-3.262a1 1 0 0 0 0-1.73L9.502 7.873A1 1 0 0 0 8 8.738v6.524Z"}})])}
-var IconArrowAccordionClosedvue_type_template_id_5e7762fe_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowAccordionClosed.vue
-var IconArrowAccordionClosed_script = {}
-/* normalize component */
-;
-var IconArrowAccordionClosed_component = normalizeComponent(
-  IconArrowAccordionClosed_script,
-  IconArrowAccordionClosedvue_type_template_id_5e7762fe_render,
-  IconArrowAccordionClosedvue_type_template_id_5e7762fe_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconArrowAccordionClosed = (IconArrowAccordionClosed_component.exports);
 ;// 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!./components/collapsible/collapsible.vue?vue&type=script&lang=js&
 //
 //
@@ -6369,11 +6326,6 @@ var IconArrowAccordionClosed_component = normalizeComponent(
 //
 //
 //
-//
-//
-//
-//
@@ -6390,8 +6342,7 @@ var IconArrowAccordionClosed_component = normalizeComponent(
     DtButton: button_button,
     DtCollapsibleLazyShow: collapsible_lazy_show,
     DtLazyShow: lazy_show,
-    IconArrowAccordionOpen: IconArrowAccordionOpen,
-    IconArrowAccordionClosed: IconArrowAccordionClosed
+    DtIcon: icon
   },
   props: {
     /**
@@ -6580,8 +6531,8 @@ var IconArrowAccordionClosed_component = normalizeComponent(
 ;
 var collapsible_component = normalizeComponent(
   collapsible_collapsiblevue_type_script_lang_js_,
-  collapsiblevue_type_template_id_22be811b_render,
-  collapsiblevue_type_template_id_22be811b_staticRenderFns,
+  collapsiblevue_type_template_id_7bb16f26_render,
+  collapsiblevue_type_template_id_7bb16f26_staticRenderFns,
   false,
   null,
   null,
@@ -11315,12 +11266,12 @@ if (typeof window !== 'undefined' && window.Vue && window.Vue === (external_comm
 /* harmony default export */ const index_esm = ((/* unused pure expression or super */ null && (install)));
-;// 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/popover/popover_header_footer.vue?vue&type=template&id=9366be96&
-var popover_header_footervue_type_template_id_9366be96_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{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/popover/popover_header_footer.vue?vue&type=template&id=9190eade&
+var popover_header_footervue_type_template_id_9190eade_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{
     'd-popover__header': _vm.type === 'header',
     'd-popover__footer': _vm.type === 'footer',
-  },attrs:{"data-qa":"dt-popover-header-footer"}},[(_vm.$slots.content)?_c('div',{class:['d-to-ellipsis', 'd-w100p', _vm.contentClass],attrs:{"data-qa":"dt-popover-header-footer-content"}},[_vm._t("content")],2):_vm._e(),(_vm.showCloseButton)?_c('dt-button',_vm._b({ref:"popover__close-button",staticClass:"d-p6 d-mr6 d-bc-transparent",attrs:{"data-qa":"dt-popover-close","importance":"outlined","kind":"muted","circle":""},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close',{staticClass:"d-svg--size20"})]},proxy:true}],null,false,2493961913)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
-var popover_header_footervue_type_template_id_9366be96_staticRenderFns = []
+  },attrs:{"data-qa":"dt-popover-header-footer"}},[(_vm.$slots.content)?_c('div',{class:['d-to-ellipsis', 'd-w100p', _vm.contentClass],attrs:{"data-qa":"dt-popover-header-footer-content"}},[_vm._t("content")],2):_vm._e(),(_vm.showCloseButton)?_c('dt-button',_vm._b({ref:"popover__close-button",staticClass:"d-p6 d-mr6 d-bc-transparent",attrs:{"data-qa":"dt-popover-close","importance":"outlined","kind":"muted","circle":""},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"close","size":"300"}})]},proxy:true}],null,false,2538694920)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
+var popover_header_footervue_type_template_id_9190eade_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!./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
@@ -11360,13 +11311,14 @@ var popover_header_footervue_type_template_id_9366be96_staticRenderFns = []
 //
 //
 //
+//
 /* harmony default export */ const popover_header_footervue_type_script_lang_js_ = ({
   name: 'PopoverHeaderFooter',
   components: {
     DtButton: button_button,
-    IconClose: IconClose
+    DtIcon: icon
   },
   props: {
     // eslint-disable-next-line vue/require-default-prop
@@ -11433,8 +11385,8 @@ var popover_header_footervue_type_template_id_9366be96_staticRenderFns = []
 ;
 var popover_header_footer_component = normalizeComponent(
   popover_popover_header_footervue_type_script_lang_js_,
-  popover_header_footervue_type_template_id_9366be96_render,
-  popover_header_footervue_type_template_id_9366be96_staticRenderFns,
+  popover_header_footervue_type_template_id_9190eade_render,
+  popover_header_footervue_type_template_id_9190eade_staticRenderFns,
   false,
   null,
   null,
@@ -12879,8 +12831,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=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:[
+;// 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=868d44b4&
+var inputvue_type_template_id_868d44b4_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:[
@@ -12889,7 +12841,7 @@ var inputvue_type_template_id_ebdc986a_render = function () {var _vm=this;var _h
         'd-fd-column',
         _vm.descriptionSizeClasses[_vm.size] ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[(_vm.$slots.description || _vm.description)?_c('div',[_vm._t("description",function(){return [_vm._v(_vm._s(_vm.description))]})],2):_vm._e(),(_vm.shouldValidateLength)?_c('div',{class:[
           'd-mb2' ],attrs:{"data-qa":"dt-input-length-description"}},[_vm._v(" "+_vm._s(_vm.validationProps.length.description)+" ")]):_vm._e()]):_vm._e(),_c('div',{class:_vm.inputWrapperClasses(),attrs:{"read-only":_vm.disabled}},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e()])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.validationMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
-var inputvue_type_template_id_ebdc986a_staticRenderFns = []
+var inputvue_type_template_id_868d44b4_staticRenderFns = []
 ;// CONCATENATED MODULE: ./components/input/input_constants.js
@@ -14033,8 +13985,8 @@ const MessagesMixin = {
 ;
 var input_component = normalizeComponent(
   input_inputvue_type_script_lang_js_,
-  inputvue_type_template_id_ebdc986a_render,
-  inputvue_type_template_id_ebdc986a_staticRenderFns,
+  inputvue_type_template_id_868d44b4_render,
+  inputvue_type_template_id_868d44b4_staticRenderFns,
   false,
   null,
   null,
@@ -14356,8 +14308,8 @@ var input_group_component = normalizeComponent(
 /* harmony default export */ const input_group_input_group = (input_group_component.exports);
 ;// CONCATENATED MODULE: ./components/input_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/modal/modal.vue?vue&type=template&id=30ed9389&
-var modalvue_type_template_id_30ed9389_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',_vm._g({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/modal/modal.vue?vue&type=template&id=4f197239&
+var modalvue_type_template_id_4f197239_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',_vm._g({class:[
     'd-modal',
     _vm.MODAL_KIND_MODIFIERS[_vm.kind],
     _vm.MODAL_SIZE_MODIFIERS[_vm.size],
@@ -14366,8 +14318,8 @@ var modalvue_type_template_id_30ed9389_render = function () {var _vm=this;var _h
       _vm.bannerClass ],attrs:{"data-qa":"dt-modal-banner"}},[_vm._t("banner",function(){return [_vm._v(" "+_vm._s(_vm.bannerTitle)+" ")]})],2):_vm._e(),_c('transition',{attrs:{"appear":"","name":"d-modal__dialog"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],class:[
         'd-modal__dialog',
         { 'd-modal__dialog--scrollable': _vm.fixedHeaderFooter },
-        _vm.dialogClass ],attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.close}}):_vm._e()],1)])],1)}
-var modalvue_type_template_id_30ed9389_staticRenderFns = []
+        _vm.dialogClass ],attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"close","size":"400"}})]},proxy:true}],null,false,1709155279)},'dt-button',_vm.closeButtonProps,false)):_vm._e(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.close}}):_vm._e()],1)])],1)}
+var modalvue_type_template_id_4f197239_staticRenderFns = []
 ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
@@ -14488,6 +14440,9 @@ const MODAL_SIZE_MODIFIERS = {
 //
 //
 //
+//
+//
+//
@@ -14508,7 +14463,7 @@ const MODAL_SIZE_MODIFIERS = {
   components: {
     DtLazyShow: lazy_show,
     DtButton: button_button,
-    IconClose: IconClose,
+    DtIcon: icon,
     SrOnlyCloseButton: common_sr_only_close_button
   },
   mixins: [modal, sr_only_close_button],
@@ -14765,8 +14720,8 @@ const MODAL_SIZE_MODIFIERS = {
 ;
 var modal_component = normalizeComponent(
   modal_modalvue_type_script_lang_js_,
-  modalvue_type_template_id_30ed9389_render,
-  modalvue_type_template_id_30ed9389_staticRenderFns,
+  modalvue_type_template_id_4f197239_render,
+  modalvue_type_template_id_4f197239_staticRenderFns,
   false,
   null,
   null,
@@ -15064,9 +15019,9 @@ var list_item_group_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/list_item_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/notice/notice.vue?vue&type=template&id=e0e44b44&
-var noticevue_type_template_id_e0e44b44_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.noticeClass,attrs:{"data-qa":"notice"}},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps,"visually-hidden-close":_vm.visuallyHiddenClose,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel}},_vm.$listeners),[_vm._t("action")],2)],1)}
-var noticevue_type_template_id_e0e44b44_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/notice/notice.vue?vue&type=template&id=bdb2f588&
+var noticevue_type_template_id_bdb2f588_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.noticeClass,attrs:{"data-qa":"notice"}},[_c('dt-notice-icon',{attrs:{"kind":_vm.kind}},[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps,"visually-hidden-close":_vm.visuallyHiddenClose,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel}},_vm.$listeners),[_vm._t("action")],2)],1)}
+var noticevue_type_template_id_bdb2f588_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!./components/notice/notice.vue?vue&type=script&lang=js&
@@ -15109,7 +15064,6 @@ var noticevue_type_template_id_e0e44b44_staticRenderFns = []
 //
 //
 //
-//
@@ -15247,8 +15201,8 @@ var noticevue_type_template_id_e0e44b44_staticRenderFns = []
 ;
 var notice_component = normalizeComponent(
   notice_noticevue_type_script_lang_js_,
-  noticevue_type_template_id_e0e44b44_render,
-  noticevue_type_template_id_e0e44b44_staticRenderFns,
+  noticevue_type_template_id_bdb2f588_render,
+  noticevue_type_template_id_bdb2f588_staticRenderFns,
   false,
   null,
   null,
@@ -15260,59 +15214,11 @@ 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=20c2fb6b&
-var paginationvue_type_template_id_20c2fb6b_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_20c2fb6b_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&
-var IconChevronLeftvue_type_template_id_dc01e37a_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__chevronLeft",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Chevron Left","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59Z"}})])}
-var IconChevronLeftvue_type_template_id_dc01e37a_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue
+;// 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=7e2cf07e&
+var paginationvue_type_template_id_7e2cf07e_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('dt-icon',{attrs:{"name":"chevron-left","size":"200"}})],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('dt-icon',{attrs:{"name":"chevron-right","size":"200"}})],1)],2)],2)}
+var paginationvue_type_template_id_7e2cf07e_staticRenderFns = []
-var IconChevronLeft_script = {}
-/* normalize component */
-;
-var IconChevronLeft_component = normalizeComponent(
-  IconChevronLeft_script,
-  IconChevronLeftvue_type_template_id_dc01e37a_render,
-  IconChevronLeftvue_type_template_id_dc01e37a_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconChevronLeft = (IconChevronLeft_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/IconChevronRight.vue?vue&type=template&id=83063a0c&
-var IconChevronRightvue_type_template_id_83063a0c_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__chevronRight",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Chevron Right","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6Z"}})])}
-var IconChevronRightvue_type_template_id_83063a0c_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronRight.vue
-var IconChevronRight_script = {}
-/* normalize component */
-;
-var IconChevronRight_component = normalizeComponent(
-  IconChevronRight_script,
-  IconChevronRightvue_type_template_id_83063a0c_render,
-  IconChevronRightvue_type_template_id_83063a0c_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconChevronRight = (IconChevronRight_component.exports);
 ;// 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!./components/pagination/pagination.vue?vue&type=script&lang=js&
 //
 //
@@ -15370,7 +15276,12 @@ var IconChevronRight_component = normalizeComponent(
 //
 //
 //
+//
+//
+//
+//
+//
+//
 /**
@@ -15382,8 +15293,7 @@ var IconChevronRight_component = normalizeComponent(
   name: 'DtPagination',
   components: {
     DtButton: button_button,
-    IconChevronLeft: IconChevronLeft,
-    IconChevronRight: IconChevronRight
+    DtIcon: icon
   },
   props: {
     /**
@@ -15528,8 +15438,8 @@ var IconChevronRight_component = normalizeComponent(
 ;
 var pagination_component = normalizeComponent(
   pagination_paginationvue_type_script_lang_js_,
-  paginationvue_type_template_id_20c2fb6b_render,
-  paginationvue_type_template_id_20c2fb6b_staticRenderFns,
+  paginationvue_type_template_id_7e2cf07e_render,
+  paginationvue_type_template_id_7e2cf07e_staticRenderFns,
   false,
   null,
   null,
@@ -16829,9 +16739,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=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: ./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=5b299997&
+var chipvue_type_template_id_5b299997_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('dt-icon',{attrs:{"name":"close","size":_vm.closeButtonIconSize}})]},proxy:true}],null,false,1192647893)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
+var chipvue_type_template_id_5b299997_staticRenderFns = []
 ;// CONCATENATED MODULE: ./components/chip/chip_constants.js
@@ -16845,8 +16755,14 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
   sm: 'd-chip__close--sm',
   md: ''
 };
+const CHIP_ICON_SIZES = {
+  xs: '200',
+  sm: '300',
+  md: '300'
+};
 /* harmony default export */ const chip_constants = ({
-  CHIP_SIZE_MODIFIERS
+  CHIP_SIZE_MODIFIERS,
+  CHIP_ICON_SIZES
 });
 ;// 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!./components/chip/chip.vue?vue&type=script&lang=js&
 //
@@ -16902,6 +16818,9 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 //
 //
 //
+//
+//
+//
@@ -16916,8 +16835,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 /* harmony default export */ const chipvue_type_script_lang_js_ = ({
   name: 'DtChip',
   components: {
-    IconClose: IconClose,
-    DtButton: button_button
+    DtButton: button_button,
+    DtIcon: icon
   },
   inheritAttrs: false,
   props: {
@@ -17036,6 +16955,10 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
           }
         }
       };
+    },
+    closeButtonIconSize() {
+      return CHIP_ICON_SIZES[this.size];
     }
   },
@@ -17068,8 +16991,8 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 ;
 var chip_component = normalizeComponent(
   chip_chipvue_type_script_lang_js_,
-  chipvue_type_template_id_2ea4cb7a_render,
-  chipvue_type_template_id_2ea4cb7a_staticRenderFns,
+  chipvue_type_template_id_5b299997_render,
+  chipvue_type_template_id_5b299997_staticRenderFns,
   false,
   null,
   null,
@@ -18439,8 +18362,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=742c4ef7&
-var keyboard_shortcutvue_type_template_id_742c4ef7_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=109ff0d0&
+var keyboard_shortcutvue_type_template_id_109ff0d0_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',
@@ -18450,175 +18373,27 @@ var keyboard_shortcutvue_type_template_id_742c4ef7_render = function () {var _vm
     'd-ba',
     'd-bar4',
     '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-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('dt-icon',{key:(i + "-" + item),class:[
         _vm.inverted ? 'd-fc-black-300' : 'd-fc-black-600',
-        'd-mr2' ],attrs:{"aria-hidden":"true"}}):_c('span',{key:(i + "-" + item),class:[
+        'd-mr2' ],attrs:{"name":_vm.icons[item],"size":"100","aria-hidden":"true"}}):_c('span',{key:(i + "-" + item),class:[
         _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_742c4ef7_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&
-var IconWindowsvue_type_template_id_04be6782_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__windows",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Windows","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19.903 12.819v7.532L10.936 19v-6.197l8.967.016Z"}}),_c('path',{attrs:{"d":"m10.936 5.334 8.967-1.249V11.5h-8.967V5.334Z"}}),_c('path',{attrs:{"d":"M9.745 12.757v6.134l-6.643-.885v-5.28l6.643.03Z"}}),_c('path',{attrs:{"d":"m3.097 6.328 6.647-.885v6.134H3.1l-.003-5.25Z"}})])}
-var IconWindowsvue_type_template_id_04be6782_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWindows.vue
-var IconWindows_script = {}
-/* normalize component */
-;
-var IconWindows_component = normalizeComponent(
-  IconWindows_script,
-  IconWindowsvue_type_template_id_04be6782_render,
-  IconWindowsvue_type_template_id_04be6782_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconWindows = (IconWindows_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/IconAdd.vue?vue&type=template&id=57b884e2&
-var IconAddvue_type_template_id_57b884e2_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__add",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Add","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z"}})])}
-var IconAddvue_type_template_id_57b884e2_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconAdd.vue
-var IconAdd_script = {}
-/* normalize component */
-;
-var IconAdd_component = normalizeComponent(
-  IconAdd_script,
-  IconAddvue_type_template_id_57b884e2_render,
-  IconAddvue_type_template_id_57b884e2_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconAdd = (IconAdd_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/IconArrowDownward.vue?vue&type=template&id=fd64adf8&
-var IconArrowDownwardvue_type_template_id_fd64adf8_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__arrowDownward",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Arrow Downward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8Z"}})])}
-var IconArrowDownwardvue_type_template_id_fd64adf8_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDownward.vue
-var IconArrowDownward_script = {}
-/* normalize component */
-;
-var IconArrowDownward_component = normalizeComponent(
-  IconArrowDownward_script,
-  IconArrowDownwardvue_type_template_id_fd64adf8_render,
-  IconArrowDownwardvue_type_template_id_fd64adf8_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconArrowDownward = (IconArrowDownward_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/IconArrowUpward.vue?vue&type=template&id=007435f4&
-var IconArrowUpwardvue_type_template_id_007435f4_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__arrowUpward",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Arrow Upward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8Z"}})])}
-var IconArrowUpwardvue_type_template_id_007435f4_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowUpward.vue
-var IconArrowUpward_script = {}
-/* normalize component */
-;
-var IconArrowUpward_component = normalizeComponent(
-  IconArrowUpward_script,
-  IconArrowUpwardvue_type_template_id_007435f4_render,
-  IconArrowUpwardvue_type_template_id_007435f4_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconArrowUpward = (IconArrowUpward_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/IconArrowForward.vue?vue&type=template&id=3fbcc666&
-var IconArrowForwardvue_type_template_id_3fbcc666_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__arrowForward",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Arrow Forward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8Z"}})])}
-var IconArrowForwardvue_type_template_id_3fbcc666_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowForward.vue
-var IconArrowForward_script = {}
-/* normalize component */
-;
-var IconArrowForward_component = normalizeComponent(
-  IconArrowForward_script,
-  IconArrowForwardvue_type_template_id_3fbcc666_render,
-  IconArrowForwardvue_type_template_id_3fbcc666_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconArrowForward = (IconArrowForward_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/IconArrowBackwards.vue?vue&type=template&id=1f13cb5c&
-var IconArrowBackwardsvue_type_template_id_1f13cb5c_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__arrowBackwards",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Arrow Backwards","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"m12 20 1.41-1.41L7.83 13H20v-2H7.83l5.58-5.59L12 4l-8 8 8 8Z"}})])}
-var IconArrowBackwardsvue_type_template_id_1f13cb5c_staticRenderFns = []
+var keyboard_shortcutvue_type_template_id_109ff0d0_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowBackwards.vue
-var IconArrowBackwards_script = {}
-/* normalize component */
-;
-var IconArrowBackwards_component = normalizeComponent(
-  IconArrowBackwards_script,
-  IconArrowBackwardsvue_type_template_id_1f13cb5c_render,
-  IconArrowBackwardsvue_type_template_id_1f13cb5c_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconArrowBackwards = (IconArrowBackwards_component.exports);
 ;// CONCATENATED MODULE: ./components/keyboard_shortcut/keyboard_shortcut_constants.js
-const SHORTCUTS_ALIASES = {
-  cmd: '&#8984;' // ⌘ Command
-};
 const SHORTCUTS_ICON_ALIASES = {
-  '{win}': 'IconWindows',
-  '{arrow-right}': 'IconArrowForward',
-  '{arrow-left}': 'IconArrowBackward',
-  '{arrow-up}': 'IconArrowUpward',
-  '{arrow-down}': 'IconArrowDownward'
+  '{win}': 'layout-grid',
+  '{arrow-right}': 'arrow-right',
+  '{arrow-left}': 'arrow-left',
+  '{arrow-up}': 'arrow-up',
+  '{arrow-down}': 'arrow-down',
+  '{cmd}': 'command'
 };
 const SHORTCUTS_ICON_SEPARATOR = {
-  '{plus}': 'IconAdd'
+  '{plus}': 'plus'
 };
-const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => `{${key}}`).concat(Object.keys(SHORTCUTS_ICON_ALIASES));
+const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ICON_ALIASES);
 ;// 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!./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=script&lang=js&
 //
 //
@@ -18672,11 +18447,6 @@ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => `{${key
 //
 /**
  * This component displays a visual representation of a keyboard shortcut to the user.
  * @see https://dialpad.design/components/keyboard_shortcut.html
@@ -18685,12 +18455,7 @@ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => `{${key
 /* harmony default export */ const keyboard_shortcutvue_type_script_lang_js_ = ({
   name: 'DtKeyboardShortcut',
   components: {
-    IconWindows: IconWindows,
-    IconArrowBackward: IconArrowBackwards,
-    IconArrowDownward: IconArrowDownward,
-    IconArrowForward: IconArrowForward,
-    IconArrowUpward: IconArrowUpward,
-    IconAdd: IconAdd
+    DtIcon: icon
   },
   props: {
     /**
@@ -18739,8 +18504,8 @@ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => `{${key
     },
     formattedShortcut() {
-      return Object.keys(SHORTCUTS_ALIASES).reduce((result, key) => {
-        return result.replace(new RegExp('{' + key + '}', 'gi'), SHORTCUTS_ALIASES[key]);
+      return Object.keys(SHORTCUTS_ICON_ALIASES).reduce((result, key) => {
+        return result.replace(new RegExp('{' + key + '}', 'gi'), SHORTCUTS_ICON_ALIASES[key]);
       }, this.shortcutWithSeparator);
     },
@@ -18761,23 +18526,18 @@ const SHORTCUTS_ALIASES_LIST = Object.keys(SHORTCUTS_ALIASES).map(key => `{${key
 });
 ;// CONCATENATED MODULE: ./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=script&lang=js&
  /* harmony default export */ const keyboard_shortcut_keyboard_shortcutvue_type_script_lang_js_ = (keyboard_shortcutvue_type_script_lang_js_);
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-72[0].rules[0].use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-72[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-72[0].rules[0].use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-72[0].rules[0].use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-72[0].rules[0].use[4]!./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=style&index=0&lang=less&
-var keyboard_shortcutvue_type_style_index_0_lang_less_ = __webpack_require__(742);
-;// CONCATENATED MODULE: ./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=style&index=0&lang=less&
 ;// CONCATENATED MODULE: ./components/keyboard_shortcut/keyboard_shortcut.vue
-;
 /* normalize component */
+;
 var keyboard_shortcut_component = normalizeComponent(
   keyboard_shortcut_keyboard_shortcutvue_type_script_lang_js_,
-  keyboard_shortcutvue_type_template_id_742c4ef7_render,
-  keyboard_shortcutvue_type_template_id_742c4ef7_staticRenderFns,
+  keyboard_shortcutvue_type_template_id_109ff0d0_render,
+  keyboard_shortcutvue_type_template_id_109ff0d0_staticRenderFns,
   false,
   null,
   null,
@@ -19109,111 +18869,6 @@ var root_layout_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/root_layout/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/icon/icon.vue?vue&type=template&id=1ca37c55&
-var iconvue_type_template_id_1ca37c55_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.currentIcon,{tag:"component",class:_vm.iconSize,attrs:{"data-qa":"dt-icon"}})}
-var iconvue_type_template_id_1ca37c55_staticRenderFns = []
-;// CONCATENATED MODULE: ./components/icon/icon_constants.js
-const ICON_SIZE_MODIFIERS = {
-  100: 'd-icon--size-100',
-  200: 'd-icon--size-200',
-  300: 'd-icon--size-300',
-  400: 'd-icon--size-400',
-  500: 'd-icon--size-500',
-  600: 'd-icon--size-600',
-  700: 'd-icon--size-700',
-  800: 'd-icon--size-800'
-};
-/* harmony default export */ const icon_constants = ({
-  ICON_SIZE_MODIFIERS
-});
-;// CONCATENATED MODULE: external "@dialpad/dialtone-icons"
-const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
-;// 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!./components/icon/icon.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-/**
- * The Icon component provides a set of glyphs and sizes to provide context your application.
- * @see https://dialpad.design/components/icon.html
- */
-/* harmony default export */ const iconvue_type_script_lang_js_ = ({
-  name: 'DtIcon',
-  props: {
-    /**
-     * The size of the icon.
-     * @values 100, 200, 300, 400, 500, 600, 700, 800
-     */
-    size: {
-      type: String,
-      default: '500',
-      validator: s => Object.keys(ICON_SIZE_MODIFIERS).includes(s)
-    },
-    /**
-     * The icon name in kebab-case
-     */
-    name: {
-      type: String,
-      required: true
-    }
-  },
-  data() {
-    return {
-      dialtoneIcons: dialtone_icons_namespaceObject
-    };
-  },
-  computed: {
-    iconSize() {
-      return ICON_SIZE_MODIFIERS[this.size];
-    },
-    iconName() {
-      return kebabCaseToPascalCase(this.name);
-    },
-    currentIcon() {
-      return this.dialtoneIcons[this.iconName];
-    }
-  }
-});
-;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=script&lang=js&
- /* harmony default export */ const icon_iconvue_type_script_lang_js_ = (iconvue_type_script_lang_js_);
-;// CONCATENATED MODULE: ./components/icon/icon.vue
-/* normalize component */
-;
-var icon_component = normalizeComponent(
-  icon_iconvue_type_script_lang_js_,
-  iconvue_type_template_id_1ca37c55_render,
-  iconvue_type_template_id_1ca37c55_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const icon = (icon_component.exports);
-;// CONCATENATED MODULE: ./components/icon/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_with_popover/combobox_with_popover.vue?vue&type=template&id=96ff85ec&
 var combobox_with_popovervue_type_template_id_96ff85ec_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-combobox',_vm._g({ref:"combobox",attrs:{"loading":_vm.loading,"empty-list":_vm.emptyList,"empty-state-message":_vm.emptyStateMessage,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-aria-label":_vm.listAriaLabel,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
 var inputProps = ref.inputProps;
@@ -20361,9 +20016,9 @@ var combobox_multi_select_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=57656787&
-var callbar_buttonvue_type_template_id_57656787_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":"d-fs-100","width":"8.4rem"}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
-var callbar_buttonvue_type_template_id_57656787_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=7983be04&
+var callbar_buttonvue_type_template_id_7983be04_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-tooltip',{attrs:{"id":_vm.id,"offset":[0, -12]},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',_vm._g({class:_vm.callbarButtonClass,attrs:{"importance":_vm.circle ? 'outlined' : 'clear',"kind":"muted","icon-position":"top","disabled":_vm.disabled,"aria-label":_vm.ariaLabel,"label-class":"d-fs-100","width":"8.4rem"}},_vm.$listeners),[_vm._t("default"),_vm._t("icon",null,{"slot":"icon"})],2)]},proxy:true}],null,true)},[_vm._t("tooltip")],2)}
+var callbar_buttonvue_type_template_id_7983be04_staticRenderFns = []
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js&
@@ -20515,8 +20170,8 @@ var callbar_buttonvue_type_style_index_0_lang_less_ = __webpack_require__(736);
 var callbar_button_component = normalizeComponent(
   callbar_button_callbar_buttonvue_type_script_lang_js_,
-  callbar_buttonvue_type_template_id_57656787_render,
-  callbar_buttonvue_type_template_id_57656787_staticRenderFns,
+  callbar_buttonvue_type_template_id_7983be04_render,
+  callbar_buttonvue_type_template_id_7983be04_staticRenderFns,
   false,
   null,
   null,
@@ -20527,35 +20182,11 @@ 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=29f54f8a&
-var callbar_button_with_popovervue_type_template_id_29f54f8a_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,"button-class":_vm.buttonClass},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":['dt-recipe--callbar-button-with-popover--popover', _vm.contentClass],"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","width":"2rem","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,685243388)},'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_29f54f8a_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&
-var IconArrowDropUpvue_type_template_id_65ee6042_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__arrowDropUp",attrs:{"aria-hidden":"true","focusable":"false","aria-label":"Arrow Drop Up","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"m7 14 5-5 5 5H7Z"}})])}
-var IconArrowDropUpvue_type_template_id_65ee6042_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=cca8d214&
+var callbar_button_with_popovervue_type_template_id_cca8d214_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,"button-class":_vm.buttonClass},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":['dt-recipe--callbar-button-with-popover--popover', _vm.contentClass],"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","width":"2rem","aria-label":_vm.arrowButtonLabel,"active":_vm.open},on:{"click":_vm.arrowClick},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('dt-icon',{attrs:{"name":"chevron-up","size":"200"}})]},proxy:true}],null,false,3340821372)})]},proxy:true}],null,false,86794195)},'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_cca8d214_staticRenderFns = []
-;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDropUp.vue
-var IconArrowDropUp_script = {}
-/* normalize component */
-;
-var IconArrowDropUp_component = normalizeComponent(
-  IconArrowDropUp_script,
-  IconArrowDropUpvue_type_template_id_65ee6042_render,
-  IconArrowDropUpvue_type_template_id_65ee6042_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-)
-/* harmony default export */ const IconArrowDropUp = (IconArrowDropUp_component.exports);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=script&lang=js&
 //
 //
@@ -20626,6 +20257,9 @@ var IconArrowDropUp_component = normalizeComponent(
 //
 //
 //
+//
+//
+//
@@ -20637,7 +20271,7 @@ var IconArrowDropUp_component = normalizeComponent(
     DtRecipeCallbarButton: callbar_button,
     DtPopover: popover,
     DtButton: button_button,
-    IconArrowDropUp: IconArrowDropUp
+    DtIcon: icon
   },
   /* inheritAttrs: false is generally an option we want to set on library
@@ -20835,8 +20469,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_29f54f8a_render,
-  callbar_button_with_popovervue_type_template_id_29f54f8a_staticRenderFns,
+  callbar_button_with_popovervue_type_template_id_cca8d214_render,
+  callbar_button_with_popovervue_type_template_id_cca8d214_staticRenderFns,
   false,
   null,
   null,
@@ -21159,8 +20793,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=9102ef72&
-var ivr_nodevue_type_template_id_9102ef72_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":[
+;// 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=90698860&
+var ivr_nodevue_type_template_id_90698860_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":[
@@ -21169,237 +20803,13 @@ var ivr_nodevue_type_template_id_9102ef72_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-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(ref){
+      { '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('dt-icon',{staticClass:"d-fc-black-900",attrs:{"name":_vm.nodeIcon,"size":"200"}})]},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('dt-icon',{staticClass:"d-fc-black-900",attrs:{"name":"more-vertical","size":"200"}})]},proxy:true}])})]},proxy:true},{key:"list",fn:function(ref){
     var close = ref.close;
 return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems",null,{"close":close})],2)]}}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],1)}
-var ivr_nodevue_type_template_id_9102ef72_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 = []
+var ivr_nodevue_type_template_id_90698860_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';
@@ -21409,14 +20819,14 @@ 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
+  [IVR_NODE_PROMPT_MENU]: 'keypad',
+  [IVR_NODE_PROMPT_COLLECT]: 'dialer',
+  [IVR_NODE_PROMPT_PLAY]: 'volume-2',
+  [IVR_NODE_EXPERT]: 'corner-down-right',
+  [IVR_NODE_BRANCH]: 'network',
+  [IVR_NODE_GO_TO]: 'chevrons-up',
+  [IVR_NODE_TRANSFER]: 'transfer',
+  [IVR_NODE_HANGUP]: 'phone-hang-up'
 };
 const IVR_NODE_LABELS = {
   [IVR_NODE_PROMPT_MENU]: 'Menu',
@@ -21545,6 +20955,11 @@ const IVR_NODE_COLOR_MAPPING = {
 //
 //
 //
+//
+//
+//
+//
+//
@@ -21556,7 +20971,7 @@ const IVR_NODE_COLOR_MAPPING = {
     DtCard: card,
     DtButton: button_button,
     DtDropdown: dropdown,
-    IconMenuVertical: IconMenuVertical
+    DtIcon: icon
   },
   props: {
     /**
@@ -21652,8 +21067,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_9102ef72_render,
-  ivr_nodevue_type_template_id_9102ef72_staticRenderFns,
+  ivr_nodevue_type_template_id_90698860_render,
+  ivr_nodevue_type_template_id_90698860_staticRenderFns,
   false,
   null,
   null,