@dialpad/dialtone-vue 3.12.0 → 3.13.0

package/dist/dialtone-vue.umd.js

@@ -59,7 +59,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-default-list-item,.dt-default-list
 
 /***/ }),
 
-/***/ 854:
+/***/ 954:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -107,7 +107,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-section[tabindex=\"-1\"]:focu
 
 /***/ }),
 
-/***/ 195:
+/***/ 980:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -203,7 +203,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".skeleton-placeholder{display:flex;str
 
 /***/ }),
 
-/***/ 775:
+/***/ 269:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -424,19 +424,19 @@ var update = add("463815e5", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 770:
+/***/ 241:
 /***/ ((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__(854);
+var content = __webpack_require__(954);
 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("f006c8fc", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("5d0b15ad", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -456,19 +456,19 @@ var update = add("2344e8ee", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 560:
+/***/ 243:
 /***/ ((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__(195);
+var content = __webpack_require__(980);
 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("42289f9e", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("32d1927c", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -520,19 +520,19 @@ var update = add("537a95a4", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 831:
+/***/ 212:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(775);
+var content = __webpack_require__(269);
 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("1a0736ac", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("a2a81a74", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -1427,11 +1427,11 @@ const badge_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(badgevue_typ
 ;// CONCATENATED MODULE: ./components/badge/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/banner/banner.vue?vue&type=template&id=3f66397b
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/banner/banner.vue?vue&type=template&id=5c7f46e2
 
-const bannervue_type_template_id_3f66397b_hoisted_1 = ["role"];
+const bannervue_type_template_id_5c7f46e2_hoisted_1 = ["role"];
 const _hoisted_2 = ["aria-labelledby", "aria-describedby"];
-function bannervue_type_template_id_3f66397b_render(_ctx, _cache, $props, $setup, $data, $options) {
+function bannervue_type_template_id_5c7f46e2_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_notice_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-icon");
 
   const _component_dt_notice_content = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-content");
@@ -1468,9 +1468,9 @@ function bannervue_type_template_id_3f66397b_render(_ctx, _cache, $props, $setup
   }, {
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "action")]),
     _: 3
-  }, 8, ["hide-close", "close-button-props"])], 8, _hoisted_2)], 42, bannervue_type_template_id_3f66397b_hoisted_1);
+  }, 8, ["hide-close", "close-button-props"])], 8, _hoisted_2)], 42, bannervue_type_template_id_5c7f46e2_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=3f66397b
+;// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=5c7f46e2
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb
 
@@ -1777,10 +1777,10 @@ const IconClose_script = {}
 const IconClose_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconClose_script, [['render',IconClosevue_type_template_id_18642c39_render]])
 
 /* harmony default export */ const IconClose = (IconClose_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/button/button.vue?vue&type=template&id=fbd46c92
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/button/button.vue?vue&type=template&id=88189b5a
 
-const buttonvue_type_template_id_fbd46c92_hoisted_1 = ["type", "aria-live", "aria-label"];
-function buttonvue_type_template_id_fbd46c92_render(_ctx, _cache, $props, $setup, $data, $options) {
+const buttonvue_type_template_id_88189b5a_hoisted_1 = ["type", "aria-live", "aria-label"];
+function buttonvue_type_template_id_88189b5a_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     class: ['base-button__button', $options.buttonClasses()],
     "data-qa": "dt-button",
@@ -1795,9 +1795,9 @@ function buttonvue_type_template_id_fbd46c92_render(_ctx, _cache, $props, $setup
     key: 1,
     "data-qa": "dt-button-label",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-w100p', 'd-btn__label', 'base-button__label', $props.labelClass])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 16, buttonvue_type_template_id_fbd46c92_hoisted_1);
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 16, buttonvue_type_template_id_88189b5a_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=fbd46c92
+;// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=88189b5a
 
 ;// CONCATENATED MODULE: ./components/button/button_constants.js
 const BUTTON_SIZE_MODIFIERS = {
@@ -1848,7 +1848,7 @@ const INVALID_COMBINATION = [{
 }];
 
 function _invalidCombinationMessage(circle, kind, importance) {
-  return "You cannot not have a ".concat(circle ? 'circle ' : '', "button with kind: ").concat(kind, " and importance: ").concat(importance, " as it does not exist in our design system. See https://dialpad.design/components/button for a list of available button styles");
+  return "You cannot have a ".concat(circle ? 'circle ' : '', "button with kind: ").concat(kind, " and importance: ").concat(importance, " as it does not exist in our design system. See https://dialpad.design/components/button for a list of available button styles");
 }
 
 /* harmony default export */ const button_constants = ({
@@ -1881,6 +1881,8 @@ const LINK_KIND_MODIFIERS = {
 /**
  * Base Vue component for Dialtone Buttons.
  * @displayName DtButton
+ * @property {Boolean} disabled attribute
+ * @property {String} width attribute
  */
 
 /* harmony default export */ const buttonvue_type_script_lang_js = ({
@@ -2012,7 +2014,28 @@ const LINK_KIND_MODIFIERS = {
       default: false
     }
   },
-  emits: ['click', 'focusin', 'focusout'],
+  emits: [
+  /**
+   * Native button click event
+   *
+   * @event click
+   * @type {PointerEvent | KeyboardEvent}
+   */
+  'click',
+  /**
+   * Native button focus in event
+   *
+   * @event focusin
+   * @type {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native button focus out event
+   *
+   * @event focusout
+   * @type {FocusEvent}
+   */
+  'focusout'],
 
   data() {
     return {
@@ -2107,7 +2130,7 @@ const LINK_KIND_MODIFIERS = {
 
 
 ;
-const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_type_script_lang_js, [['render',buttonvue_type_template_id_fbd46c92_render]])
+const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_type_script_lang_js, [['render',buttonvue_type_template_id_88189b5a_render]])
 
 /* harmony default export */ const button_button = (button_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_action.vue?vue&type=script&lang=js
@@ -2377,7 +2400,13 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
       default: false
     }
   },
-  emits: ['close'],
+  emits: [
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close'],
   computed: {
     role() {
       return this.important ? 'alertdialog' : 'status';
@@ -2422,7 +2451,7 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
 
 
 ;
-const banner_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(bannervue_type_script_lang_js, [['render',bannervue_type_template_id_3f66397b_render]])
+const banner_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(bannervue_type_script_lang_js, [['render',bannervue_type_template_id_5c7f46e2_render]])
 
 /* harmony default export */ const banner = (banner_exports_);
 ;// CONCATENATED MODULE: ./components/banner/index.js
@@ -2472,18 +2501,23 @@ function breadcrumb_itemvue_type_template_id_6f97ec8a_render(_ctx, _cache, $prop
 }
 ;// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/link/link.vue?vue&type=template&id=6af78110
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/link/link.vue?vue&type=template&id=742199aa
 
-function linkvue_type_template_id_6af78110_render(_ctx, _cache, $props, $setup, $data, $options) {
+function linkvue_type_template_id_742199aa_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-link', $data.LINK_KIND_MODIFIERS[$props.kind]]),
     "data-qa": "dt-link"
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 2);
 }
-;// CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=6af78110
+;// CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=742199aa
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/link/link.vue?vue&type=script&lang=js
 
+/**
+ * @property {String} href attribute
+ * @property {String} rel attribute
+ */
+
 /* harmony default export */ const linkvue_type_script_lang_js = ({
   name: 'DtLink',
   props: {
@@ -2516,7 +2550,7 @@ function linkvue_type_template_id_6af78110_render(_ctx, _cache, $props, $setup,
 
 
 ;
-const link_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(linkvue_type_script_lang_js, [['render',linkvue_type_template_id_6af78110_render]])
+const link_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(linkvue_type_script_lang_js, [['render',linkvue_type_template_id_742199aa_render]])
 
 /* harmony default export */ const link_link = (link_exports_);
 ;// CONCATENATED MODULE: ./components/link/index.js
@@ -2714,13 +2748,13 @@ const button_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(butto
 ;// CONCATENATED MODULE: ./components/button_group/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=3a8030f9
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=1b1d987e
 
-const comboboxvue_type_template_id_3a8030f9_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
-const comboboxvue_type_template_id_3a8030f9_hoisted_2 = {
+const comboboxvue_type_template_id_1b1d987e_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
+const comboboxvue_type_template_id_1b1d987e_hoisted_2 = {
   "data-qa": "dt-combobox-input-wrapper"
 };
-function comboboxvue_type_template_id_3a8030f9_render(_ctx, _cache, $props, $setup, $data, $options) {
+function comboboxvue_type_template_id_1b1d987e_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-loading-list");
 
   const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-empty-list");
@@ -2732,7 +2766,7 @@ function comboboxvue_type_template_id_3a8030f9_render(_ctx, _cache, $props, $set
     "aria-owns": $props.listId,
     "aria-haspopup": "listbox",
     onKeydown: [_cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onEscapeKey'), ["stop"]), ["esc"])), _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onEnterKey'), ["exact"]), ["enter"])), _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onUpKey'), ["stop", "prevent"]), ["up"])), _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onDownKey'), ["stop", "prevent"]), ["down"])), _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onHomeKey'), ["stop", "prevent"]), ["home"])), _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onEndKey'), ["stop", "prevent"]), ["end"]))]
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", comboboxvue_type_template_id_3a8030f9_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "input", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", comboboxvue_type_template_id_1b1d987e_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "input", {
     inputProps: $options.inputProps
   })]), $props.showList ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 0,
@@ -2760,9 +2794,9 @@ function comboboxvue_type_template_id_3a8030f9_render(_ctx, _cache, $props, $set
     clearHighlightIndex: $options.clearHighlightIndex,
     isLoading: $data.isLoading,
     isListEmpty: $data.isListEmpty
-  })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_3a8030f9_hoisted_1);
+  })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_1b1d987e_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=3a8030f9
+;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=1b1d987e
 
 ;// CONCATENATED MODULE: ./common/mixins/dom.js
 /* harmony default export */ const dom = ({
@@ -3166,9 +3200,9 @@ function combobox_loading_listvue_type_template_id_07d9971d_render(_ctx, _cache,
 }
 ;// CONCATENATED MODULE: ./components/combobox/combobox_loading-list.vue?vue&type=template&id=07d9971d
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=template&id=237d2c10
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=template&id=7d7cfe61
 
-function list_itemvue_type_template_id_237d2c10_render(_ctx, _cache, $props, $setup, $data, $options) {
+function list_itemvue_type_template_id_7d7cfe61_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.elementType), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     id: $props.id,
     class: ['dt-list-item d-ls-none focus-visible', {
@@ -3194,7 +3228,7 @@ function list_itemvue_type_template_id_237d2c10_render(_ctx, _cache, $props, $se
     _: 3
   }, 16, ["id", "class", "tabindex", "role", "aria-selected"]);
 }
-;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=237d2c10
+;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=7d7cfe61
 
 ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
 const LIST_ITEM_TYPES = {
@@ -3336,7 +3370,34 @@ const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
       validator: t => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t)
     }
   },
-  emits: ['keydown', 'mousemove', 'mouseleave', 'mousedown'],
+  emits: [
+  /**
+   * Key down event
+   *
+   * @event keydown
+   * @type {KeyboardEvent}
+   */
+  'keydown',
+  /**
+   * Native mouse move event
+   *
+   * @event mousemove
+   * @type {MouseEvent}
+   */
+  'mousemove',
+  /**
+   * Native mouse leave event
+   *
+   * @event mouseleave
+   * @type {MouseEvent}
+   */
+  'mouseleave',
+  /**
+   * Mouse down event
+   *
+   * @event mousedown
+   */
+  'mousedown'],
 
   data() {
     return {
@@ -3427,9 +3488,9 @@ const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
 });
 ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=style&index=0&id=237d2c10&lang=less
-var list_itemvue_type_style_index_0_id_237d2c10_lang_less = __webpack_require__(770);
-;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=style&index=0&id=237d2c10&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=style&index=0&id=7d7cfe61&lang=less
+var list_itemvue_type_style_index_0_id_7d7cfe61_lang_less = __webpack_require__(241);
+;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=style&index=0&id=7d7cfe61&lang=less
 
 ;// CONCATENATED MODULE: ./components/list_item/list_item.vue
 
@@ -3439,7 +3500,7 @@ var list_itemvue_type_style_index_0_id_237d2c10_lang_less = __webpack_require__(
 ;
 
 
-const list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_itemvue_type_script_lang_js, [['render',list_itemvue_type_template_id_237d2c10_render]])
+const list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_itemvue_type_script_lang_js, [['render',list_itemvue_type_template_id_7d7cfe61_render]])
 
 /* harmony default export */ const list_item = (list_item_exports_);
 ;// CONCATENATED MODULE: ./components/list_item/index.js
@@ -4196,7 +4257,34 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
       default: ''
     }
   },
-  emits: ['select', 'escape', 'highlight', 'opened'],
+  emits: [
+  /**
+   * Event fired when item selected
+   *
+   * @event select
+   * @type {Number}
+   */
+  'select',
+  /**
+   * Event fired when pressing escape
+   *
+   * @event escape
+   */
+  'escape',
+  /**
+   * Event fired when the highlight changes
+   *
+   * @event highlight
+   * @type {Number}
+   */
+  'highlight',
+  /**
+   * Event fired when list is shown or hidden
+   *
+   * @event opened
+   * @type {Boolean}
+   */
+  'opened'],
 
   data() {
     return {
@@ -4249,6 +4337,7 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
     },
 
     activeItemEl() {
+      if (!this.highlightId) return '';
       return this.getListElement().querySelector('#' + this.highlightId);
     }
 
@@ -4368,15 +4457,15 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
 
 
 ;
-const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_3a8030f9_render]])
+const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_1b1d987e_render]])
 
 /* harmony default export */ const combobox = (combobox_exports_);
 ;// CONCATENATED MODULE: ./components/combobox/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown.vue?vue&type=template&id=b0e1f8ba
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown.vue?vue&type=template&id=2335f54b
 
-const dropdownvue_type_template_id_b0e1f8ba_hoisted_1 = ["id"];
-function dropdownvue_type_template_id_b0e1f8ba_render(_ctx, _cache, $props, $setup, $data, $options) {
+const dropdownvue_type_template_id_2335f54b_hoisted_1 = ["id"];
+function dropdownvue_type_template_id_2335f54b_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_popover = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-popover");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_popover, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
@@ -4421,18 +4510,18 @@ function dropdownvue_type_template_id_b0e1f8ba_render(_ctx, _cache, $props, $set
         })
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "list", {
         close: close
-      })], 42, dropdownvue_type_template_id_b0e1f8ba_hoisted_1)];
+      })], 42, dropdownvue_type_template_id_2335f54b_hoisted_1)];
     }),
     _: 3
   }, 16, ["content-width", "open", "placement", "initial-focus-element", "fallback-placements", "modal", "max-height", "max-width", "onOpened", "onKeydown"]);
 }
-;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=b0e1f8ba
+;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=2335f54b
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=fee82b00
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=0fe0a777
 
-const popovervue_type_template_id_fee82b00_hoisted_1 = ["aria-hidden"];
-const popovervue_type_template_id_fee82b00_hoisted_2 = ["id"];
-function popovervue_type_template_id_fee82b00_render(_ctx, _cache, $props, $setup, $data, $options) {
+const popovervue_type_template_id_0fe0a777_hoisted_1 = ["aria-hidden"];
+const popovervue_type_template_id_0fe0a777_hoisted_2 = ["id"];
+function popovervue_type_template_id_0fe0a777_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("popover-header-footer");
 
   const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-lazy-show");
@@ -4444,7 +4533,7 @@ function popovervue_type_template_id_fee82b00_render(_ctx, _cache, $props, $setu
     class: "d-modal--transparent",
     "aria-hidden": $props.modal && $data.isOpen ? 'false' : 'true',
     onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(() => {}, ["prevent", "stop"]))
-  }, null, 8, popovervue_type_template_id_fee82b00_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.elementType), {
+  }, null, 8, popovervue_type_template_id_0fe0a777_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.elementType), {
     ref: "popover",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-popover', {
       'd-popover__anchor--modal-opened': $props.modal && $data.isOpen
@@ -4473,7 +4562,7 @@ function popovervue_type_template_id_fee82b00_render(_ctx, _cache, $props, $setu
         'aria-controls': $props.id,
         'aria-haspopup': $props.role
       }
-    })], 40, popovervue_type_template_id_fee82b00_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_lazy_show, {
+    })], 40, popovervue_type_template_id_0fe0a777_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_lazy_show, {
       id: $props.id,
       ref: "content",
       role: $props.role,
@@ -4535,7 +4624,7 @@ function popovervue_type_template_id_fee82b00_render(_ctx, _cache, $props, $setu
     _: 3
   }, 8, ["class"]))]);
 }
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=fee82b00
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=0fe0a777
 
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
 function getWindow(node) {
@@ -9546,7 +9635,14 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
       default: false
     }
   },
-  emits: ['update:open', 'opened'],
+  emits: ['update:open',
+  /**
+   * Emitted when popover is shown or hidden
+   *
+   * @event opened
+   * @type {Boolean | Array}
+   */
+  'opened'],
 
   data() {
     return {
@@ -9872,9 +9968,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 });
 ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=fee82b00&lang=less
-var popovervue_type_style_index_0_id_fee82b00_lang_less = __webpack_require__(560);
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=fee82b00&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=0fe0a777&lang=less
+var popovervue_type_style_index_0_id_0fe0a777_lang_less = __webpack_require__(243);
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=0fe0a777&lang=less
 
 ;// CONCATENATED MODULE: ./components/popover/popover.vue
 
@@ -9884,7 +9980,7 @@ var popovervue_type_style_index_0_id_fee82b00_lang_less = __webpack_require__(56
 ;
 
 
-const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_fee82b00_render]])
+const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_0fe0a777_render]])
 
 /* harmony default export */ const popover = (popover_exports_);
 ;// CONCATENATED MODULE: ./components/popover/index.js
@@ -10045,7 +10141,21 @@ const DROPDOWN_PADDING_CLASSES = {
       default: ''
     }
   },
-  emits: ['highlight', 'update:open', 'opened'],
+  emits: [
+  /**
+   * Event fired when the highlight changes
+   *
+   * @event highlight
+   * @type {Number}
+   */
+  'highlight', 'update:open',
+  /**
+   * Event fired when dropdown is shown or hidden
+   *
+   * @event opened
+   * @type {Boolean | Array}
+   */
+  'opened'],
 
   data() {
     return {
@@ -10190,37 +10300,37 @@ const DROPDOWN_PADDING_CLASSES = {
 
 
 ;
-const dropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(dropdownvue_type_script_lang_js, [['render',dropdownvue_type_template_id_b0e1f8ba_render]])
+const dropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(dropdownvue_type_script_lang_js, [['render',dropdownvue_type_template_id_2335f54b_render]])
 
 /* harmony default export */ const dropdown = (dropdown_exports_);
 ;// CONCATENATED MODULE: ./components/dropdown/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=1204d99d
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=9d954110
 
-const inputvue_type_template_id_1204d99d_hoisted_1 = {
+const inputvue_type_template_id_9d954110_hoisted_1 = {
   ref: "container",
   class: "base-input",
   "data-qa": "dt-input"
 };
-const inputvue_type_template_id_1204d99d_hoisted_2 = ["aria-details"];
-const inputvue_type_template_id_1204d99d_hoisted_3 = ["id"];
-const inputvue_type_template_id_1204d99d_hoisted_4 = {
+const inputvue_type_template_id_9d954110_hoisted_2 = ["aria-details"];
+const inputvue_type_template_id_9d954110_hoisted_3 = ["id"];
+const inputvue_type_template_id_9d954110_hoisted_4 = {
   key: 0
 };
-const inputvue_type_template_id_1204d99d_hoisted_5 = {
+const inputvue_type_template_id_9d954110_hoisted_5 = {
   key: 1,
   "data-qa": "dt-input-length-description",
   class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-mb2'])
 };
-const inputvue_type_template_id_1204d99d_hoisted_6 = {
+const inputvue_type_template_id_9d954110_hoisted_6 = {
   class: "d-input__wrapper"
 };
 const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
 const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
-function inputvue_type_template_id_1204d99d_render(_ctx, _cache, $props, $setup, $data, $options) {
+function inputvue_type_template_id_9d954110_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-validation-messages");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_9d954110_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
     class: "base-input__label",
     "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
     "data-qa": "dt-input-label-wrapper"
@@ -10235,7 +10345,7 @@ function inputvue_type_template_id_1204d99d_render(_ctx, _cache, $props, $setup,
     ref: "description",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
     "data-qa": "dt-input-description"
-  }, [_ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, inputvue_type_template_id_1204d99d_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", inputvue_type_template_id_1204d99d_hoisted_6, [_ctx.$slots.leftIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
+  }, [_ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_9d954110_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_9d954110_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, inputvue_type_template_id_9d954110_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", inputvue_type_template_id_9d954110_hoisted_6, [_ctx.$slots.leftIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.inputIconClasses('left')),
     "data-qa": "dt-input-left-icon-wrapper",
@@ -10268,7 +10378,7 @@ function inputvue_type_template_id_1204d99d_render(_ctx, _cache, $props, $setup,
     onFocusout: _cache[1] || (_cache[1] = function () {
       return $options.onBlur && $options.onBlur(...arguments);
     })
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 8, inputvue_type_template_id_1204d99d_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 8, inputvue_type_template_id_9d954110_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     "validation-messages": $options.validationMessages,
     "show-messages": _ctx.showMessages,
     class: _ctx.messagesClass
@@ -10276,7 +10386,7 @@ function inputvue_type_template_id_1204d99d_render(_ctx, _cache, $props, $setup,
     "data-qa": "dt-input-messages"
   }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
 }
-;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=1204d99d
+;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=9d954110
 
 ;// CONCATENATED MODULE: ./components/input/input_constants.js
 // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -10457,6 +10567,7 @@ const InputMixin = {
 
     /**
      * The value of the input
+     * @model value
      */
     value: {
       type: [String, Number, Boolean, Object],
@@ -10581,6 +10692,7 @@ const CheckableMixin = {
   props: {
     /**
      * Used to set the state of the checkable input
+     * @model checked
      */
     checked: {
       type: Boolean,
@@ -10793,6 +10905,10 @@ const MessagesMixin = {
 
 
 
+/**
+ * @property {Boolean} placeholder attribute
+ */
+
 /* harmony default export */ const inputvue_type_script_lang_js = ({
   name: 'DtInput',
   components: {
@@ -10902,7 +11018,62 @@ const MessagesMixin = {
       default: null
     }
   },
-  emits: ['input', 'blur', 'clear', 'focus', 'focusin', 'focusout', 'update:modelValue', 'update:length', 'update:invalid'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String}
+   */
+  'input',
+  /**
+   * Native input blur event
+   *
+   * @event blur
+   * @type {FocusEvent}
+   */
+  'blur',
+  /**
+   * Input clear event
+   *
+   * @event clear
+   */
+  'clear',
+  /**
+   * Native input focus event
+   *
+   * @event focus
+   * @type {FocusEvent}
+   */
+  'focus',
+  /**
+   * Native input focusin event
+   *
+   * @event focusin
+   * @type {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native input focusout event
+   *
+   * @event focusout
+   * @type {FocusEvent}
+   */
+  'focusout', 'update:modelValue',
+  /**
+   * Length of the input when currentLength prop is not passed
+   *
+   * @event update:length
+   * @type {Number}
+   */
+  'update:length',
+  /**
+   * Result of the input validation
+   *
+   * @event update:invalid
+   * @type {Boolean}
+   */
+  'update:invalid'],
 
   data() {
     return {
@@ -11179,7 +11350,7 @@ const MessagesMixin = {
 
 
 ;
-const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_1204d99d_render]])
+const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_9d954110_render]])
 
 /* harmony default export */ const input_input = (input_exports_);
 ;// CONCATENATED MODULE: ./components/input/index.js
@@ -11461,26 +11632,26 @@ const input_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(input_
 /* harmony default export */ const input_group_input_group = (input_group_exports_);
 ;// CONCATENATED MODULE: ./components/input_group/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/modal/modal.vue?vue&type=template&id=444b1bce
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/modal/modal.vue?vue&type=template&id=e3e205ea
 
-const modalvue_type_template_id_444b1bce_hoisted_1 = ["aria-describedby", "aria-labelledby"];
-const modalvue_type_template_id_444b1bce_hoisted_2 = ["id"];
-const modalvue_type_template_id_444b1bce_hoisted_3 = ["id"];
-const modalvue_type_template_id_444b1bce_hoisted_4 = {
+const modalvue_type_template_id_e3e205ea_hoisted_1 = ["aria-describedby", "aria-labelledby"];
+const modalvue_type_template_id_e3e205ea_hoisted_2 = ["id"];
+const modalvue_type_template_id_e3e205ea_hoisted_3 = ["id"];
+const modalvue_type_template_id_e3e205ea_hoisted_4 = {
   key: 2,
   class: "d-modal__content",
   "data-qa": "dt-modal-copy"
 };
-const modalvue_type_template_id_444b1bce_hoisted_5 = {
+const modalvue_type_template_id_e3e205ea_hoisted_5 = {
   key: 3,
   class: "d-modal__content",
   "data-qa": "dt-modal-copy"
 };
-const modalvue_type_template_id_444b1bce_hoisted_6 = {
+const modalvue_type_template_id_e3e205ea_hoisted_6 = {
   key: 4,
   class: "d-modal__footer"
 };
-function modalvue_type_template_id_444b1bce_render(_ctx, _cache, $props, $setup, $data, $options) {
+function modalvue_type_template_id_e3e205ea_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_icon_close = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("icon-close");
 
   const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-button");
@@ -11518,12 +11689,12 @@ function modalvue_type_template_id_444b1bce_render(_ctx, _cache, $props, $setup,
         id: $props.labelledById,
         class: "d-modal__header",
         "data-qa": "dt-modal-title"
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_444b1bce_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("h2", {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_e3e205ea_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("h2", {
         key: 1,
         id: $props.labelledById,
         class: "d-modal__header",
         "data-qa": "dt-modal-title"
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 9, modalvue_type_template_id_444b1bce_hoisted_3)), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", modalvue_type_template_id_444b1bce_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", modalvue_type_template_id_444b1bce_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.copy), 1)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("footer", modalvue_type_template_id_444b1bce_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 9, modalvue_type_template_id_e3e205ea_hoisted_3)), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", modalvue_type_template_id_e3e205ea_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", modalvue_type_template_id_e3e205ea_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.copy), 1)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("footer", modalvue_type_template_id_e3e205ea_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
         key: 5,
         class: "d-modal__close",
         circle: "",
@@ -11536,13 +11707,13 @@ function modalvue_type_template_id_444b1bce_render(_ctx, _cache, $props, $setup,
       }), {
         icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_icon_close)]),
         _: 1
-      }, 16, ["aria-label", "kind", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, modalvue_type_template_id_444b1bce_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $props.show]])]),
+      }, 16, ["aria-label", "kind", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, modalvue_type_template_id_e3e205ea_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $props.show]])]),
       _: 3
     })]),
     _: 3
   }, 8, ["show", "class", "aria-hidden", "onClick", "onKeydown", "onAfterEnter"]);
 }
-;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=444b1bce
+;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=e3e205ea
 
 ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
 // Modal style modifiers
@@ -11706,7 +11877,15 @@ const MODAL_SIZE_MODIFIERS = {
       default: true
     }
   },
-  emits: ['update:show'],
+  emits: [
+  /**
+   * The modal will emit a "false" boolean value for this event when the user performs a modal-closing action.
+   * Parent components can sync on this value to create a 2-way binding to control modal visibility.
+   *
+   * @event update:show
+   * @type {Boolean}
+   */
+  'update:show'],
 
   data() {
     return {
@@ -11769,7 +11948,7 @@ const MODAL_SIZE_MODIFIERS = {
 
 
 ;
-const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_444b1bce_render]])
+const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_e3e205ea_render]])
 
 /* harmony default export */ const modal_modal = (modal_exports_);
 ;// CONCATENATED MODULE: ./components/modal/index.js
@@ -11948,9 +12127,9 @@ const list_section_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_
 /* harmony default export */ const list_section = (list_section_exports_);
 ;// CONCATENATED MODULE: ./components/list_section/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice.vue?vue&type=template&id=d82fa1b0
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice.vue?vue&type=template&id=9503ac34
 
-function noticevue_type_template_id_d82fa1b0_render(_ctx, _cache, $props, $setup, $data, $options) {
+function noticevue_type_template_id_9503ac34_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_notice_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-icon");
 
   const _component_dt_notice_content = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-content");
@@ -11983,7 +12162,7 @@ function noticevue_type_template_id_d82fa1b0_render(_ctx, _cache, $props, $setup
     _: 3
   }, 8, ["hide-close", "close-button-props"])], 2);
 }
-;// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=d82fa1b0
+;// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=9503ac34
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice.vue?vue&type=script&lang=js
 
@@ -12077,7 +12256,13 @@ function noticevue_type_template_id_d82fa1b0_render(_ctx, _cache, $props, $setup
       default: false
     }
   },
-  emits: ['close', 'click'],
+  emits: [
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close', 'click'],
   computed: {
     noticeClass() {
       const noticeKinds = {
@@ -12102,21 +12287,21 @@ function noticevue_type_template_id_d82fa1b0_render(_ctx, _cache, $props, $setup
 
 
 ;
-const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_type_script_lang_js, [['render',noticevue_type_template_id_d82fa1b0_render]])
+const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_type_script_lang_js, [['render',noticevue_type_template_id_9503ac34_render]])
 
 /* harmony default export */ const notice = (notice_exports_);
 ;// CONCATENATED MODULE: ./components/notice/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/pagination/pagination.vue?vue&type=template&id=679081ce
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/pagination/pagination.vue?vue&type=template&id=294973d0
 
-const paginationvue_type_template_id_679081ce_hoisted_1 = ["aria-label"];
-const paginationvue_type_template_id_679081ce_hoisted_2 = {
+const paginationvue_type_template_id_294973d0_hoisted_1 = ["aria-label"];
+const paginationvue_type_template_id_294973d0_hoisted_2 = {
   key: 0,
   "data-qa": "dt-pagination-separator",
   class: "d-h32 d-w32 d-d-flex d-ai-center d-jc-center"
 };
-function paginationvue_type_template_id_679081ce_render(_ctx, _cache, $props, $setup, $data, $options) {
+function paginationvue_type_template_id_294973d0_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_icon_chevron_left = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("icon-chevron-left");
 
   const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-button");
@@ -12139,7 +12324,7 @@ function paginationvue_type_template_id_679081ce_render(_ctx, _cache, $props, $s
   }, 8, ["aria-label", "importance", "disabled"]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.pages, (page, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
       key: "page-".concat(page, "-").concat(index)
-    }, [isNaN(Number(page)) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", paginationvue_type_template_id_679081ce_hoisted_2, " … ")) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, {
+    }, [isNaN(Number(page)) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", paginationvue_type_template_id_294973d0_hoisted_2, " … ")) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, {
       key: 1,
       "aria-label": $props.pageNumberAriaLabel(page),
       importance: $data.currentPage === page ? 'primary' : 'clear',
@@ -12160,9 +12345,9 @@ function paginationvue_type_template_id_679081ce_render(_ctx, _cache, $props, $s
   }, {
     icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_icon_chevron_right)]),
     _: 1
-  }, 8, ["aria-label", "disabled", "importance"])], 8, paginationvue_type_template_id_679081ce_hoisted_1);
+  }, 8, ["aria-label", "disabled", "importance"])], 8, paginationvue_type_template_id_294973d0_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=template&id=679081ce
+;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=template&id=294973d0
 
 ;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue?vue&type=template&id=bdbc37f6
 
@@ -12288,7 +12473,14 @@ const IconChevronRight_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(I
       default: 5
     }
   },
-  emits: ['change'],
+  emits: [
+  /**
+   * Page change event
+   *
+   * @event change
+   * @type {Number}
+   */
+  'change'],
 
   data() {
     return {
@@ -12362,36 +12554,36 @@ const IconChevronRight_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(I
 
 
 ;
-const pagination_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(paginationvue_type_script_lang_js, [['render',paginationvue_type_template_id_679081ce_render]])
+const pagination_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(paginationvue_type_script_lang_js, [['render',paginationvue_type_template_id_294973d0_render]])
 
 /* harmony default export */ const pagination = (pagination_exports_);
 ;// CONCATENATED MODULE: ./components/pagination/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/radio/radio.vue?vue&type=template&id=36afe768
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/radio/radio.vue?vue&type=template&id=acb64ede
 
-const radiovue_type_template_id_36afe768_hoisted_1 = {
+const radiovue_type_template_id_acb64ede_hoisted_1 = {
   class: "d-radio__input"
 };
-const radiovue_type_template_id_36afe768_hoisted_2 = ["checked", "name", "value", "disabled"];
-const radiovue_type_template_id_36afe768_hoisted_3 = {
+const radiovue_type_template_id_acb64ede_hoisted_2 = ["checked", "name", "value", "disabled"];
+const radiovue_type_template_id_acb64ede_hoisted_3 = {
   class: "d-radio__copy d-radio__label",
   "data-qa": "radio-label-description-container"
 };
-function radiovue_type_template_id_36afe768_render(_ctx, _cache, $props, $setup, $data, $options) {
+function radiovue_type_template_id_acb64ede_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-validation-messages");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-radio-group', {
       'd-radio-group--disabled': _ctx.internalDisabled
     }])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", radiovue_type_template_id_36afe768_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", radiovue_type_template_id_acb64ede_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     checked: _ctx.internalChecked,
     name: _ctx.internalName,
     value: $props.value,
     disabled: _ctx.internalDisabled,
     type: "radio",
     class: ['d-radio', $options.inputValidationClass, _ctx.inputClass]
-  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, radiovue_type_template_id_36afe768_hoisted_2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", radiovue_type_template_id_36afe768_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, radiovue_type_template_id_acb64ede_hoisted_2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", radiovue_type_template_id_acb64ede_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     class: _ctx.labelClass
   }, _ctx.labelChildProps, {
     "data-qa": "radio-label"
@@ -12408,7 +12600,7 @@ function radiovue_type_template_id_36afe768_render(_ctx, _cache, $props, $setup,
     "data-qa": "dt-radio-validation-messages"
   }), null, 16, ["validation-messages", "show-messages", "class"])])], 2)]);
 }
-;// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=36afe768
+;// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=acb64ede
 
 ;// CONCATENATED MODULE: ./components/radio/radio_constants.js
 const RADIO_INPUT_VALIDATION_CLASSES = {
@@ -12439,7 +12631,28 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
       default: ''
     }
   },
-  emits: ['input', 'focus', 'focusin', 'focusout', 'click'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String | Number}
+   */
+  'input', 'focus',
+  /**
+   * Native input focusin event
+   *
+   * @event focusin
+   * @property {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native input focusout event
+   *
+   * @event focusout
+   * @property {FocusEvent}
+   */
+  'focusout', 'click'],
   computed: {
     inputValidationClass() {
       return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
@@ -12498,7 +12711,7 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
 
 
 ;
-const radio_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(radiovue_type_script_lang_js, [['render',radiovue_type_template_id_36afe768_render]])
+const radio_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(radiovue_type_script_lang_js, [['render',radiovue_type_template_id_acb64ede_render]])
 
 /* harmony default export */ const radio_radio = (radio_exports_);
 ;// CONCATENATED MODULE: ./components/radio/index.js
@@ -12511,6 +12724,7 @@ const radio_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(radiovue_typ
   props: {
     /**
      * A provided value for the radio group
+     * @model value
      */
     value: {
       type: [String, Number],
@@ -12541,7 +12755,14 @@ const radio_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(radiovue_typ
       default: 'radio-group-messages'
     }
   },
-  emits: ['input'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String | Number}
+   */
+  'input'],
 
   data() {
     return {
@@ -12594,14 +12815,14 @@ const radio_group_exports_ = radio_groupvue_type_script_lang_js;
 /* harmony default export */ const radio_group = (radio_group_exports_);
 ;// CONCATENATED MODULE: ./components/radio_group/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tabs/tab_group.vue?vue&type=template&id=3595079a
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tabs/tab_group.vue?vue&type=template&id=1038dbea
 
-const tab_groupvue_type_template_id_3595079a_hoisted_1 = {
+const tab_groupvue_type_template_id_1038dbea_hoisted_1 = {
   "data-qa": "dt-tab-group"
 };
-const tab_groupvue_type_template_id_3595079a_hoisted_2 = ["aria-label"];
-function tab_groupvue_type_template_id_3595079a_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", tab_groupvue_type_template_id_3595079a_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+const tab_groupvue_type_template_id_1038dbea_hoisted_2 = ["aria-label"];
+function tab_groupvue_type_template_id_1038dbea_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", tab_groupvue_type_template_id_1038dbea_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     ref: "tabs",
     class: ['d-tablist', $data.TAB_LIST_SIZE_MODIFIERS[$props.size], {
       [$data.TAB_LIST_KIND_MODIFIERS.inverted]: $props.inverted,
@@ -12624,9 +12845,9 @@ function tab_groupvue_type_template_id_3595079a_render(_ctx, _cache, $props, $se
     }, ["home"])), _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)(function () {
       return $options.onEndButton && $options.onEndButton(...arguments);
     }, ["end"]))]
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "tabs")], 16, tab_groupvue_type_template_id_3595079a_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")]);
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "tabs")], 16, tab_groupvue_type_template_id_1038dbea_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")]);
 }
-;// CONCATENATED MODULE: ./components/tabs/tab_group.vue?vue&type=template&id=3595079a
+;// CONCATENATED MODULE: ./components/tabs/tab_group.vue?vue&type=template&id=1038dbea
 
 ;// CONCATENATED MODULE: ./components/tabs/tabs_constants.js
 const TAB_LIST_SIZES = ['default', 'sm'];
@@ -12725,7 +12946,14 @@ const TAB_IMPORTANCE_MODIFIERS = {
       default: () => ({})
     }
   },
-  emits: ['change'],
+  emits: [
+  /**
+   * Change tab event with the arguments: selected id of the current tab and disabled value
+   *
+   * @event change
+   * @type {Object}
+   */
+  'change'],
 
   data() {
     return {
@@ -12898,7 +13126,7 @@ const TAB_IMPORTANCE_MODIFIERS = {
 
 
 ;
-const tab_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tab_groupvue_type_script_lang_js, [['render',tab_groupvue_type_template_id_3595079a_render]])
+const tab_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tab_groupvue_type_script_lang_js, [['render',tab_groupvue_type_template_id_1038dbea_render]])
 
 /* harmony default export */ const tab_group = (tab_group_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tabs/tab.vue?vue&type=template&id=0bc212ec
@@ -13111,25 +13339,25 @@ const tab_panel_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tab_pane
 
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/checkbox/checkbox.vue?vue&type=template&id=0e841fdd
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/checkbox/checkbox.vue?vue&type=template&id=06a6bc3e
 
-const checkboxvue_type_template_id_0e841fdd_hoisted_1 = {
+const checkboxvue_type_template_id_06a6bc3e_hoisted_1 = {
   class: "d-checkbox__input"
 };
-const checkboxvue_type_template_id_0e841fdd_hoisted_2 = ["checked", "name", "value", "disabled", ".indeterminate"];
-const checkboxvue_type_template_id_0e841fdd_hoisted_3 = {
+const checkboxvue_type_template_id_06a6bc3e_hoisted_2 = ["checked", "name", "value", "disabled", ".indeterminate"];
+const checkboxvue_type_template_id_06a6bc3e_hoisted_3 = {
   key: 0,
   class: "d-checkbox__copy d-checkbox__label",
   "data-qa": "checkbox-label-description-container"
 };
-function checkboxvue_type_template_id_0e841fdd_render(_ctx, _cache, $props, $setup, $data, $options) {
+function checkboxvue_type_template_id_06a6bc3e_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-validation-messages");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-checkbox-group', {
       'd-checkbox-group--disabled': _ctx.internalDisabled
     }])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", checkboxvue_type_template_id_0e841fdd_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", checkboxvue_type_template_id_06a6bc3e_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     type: "checkbox",
     checked: _ctx.internalChecked,
     name: _ctx.internalName,
@@ -13138,7 +13366,7 @@ function checkboxvue_type_template_id_0e841fdd_render(_ctx, _cache, $props, $set
     class: ['d-checkbox', $options.inputValidationClass, _ctx.inputClass]
   }, _ctx.$attrs, {
     ".indeterminate": _ctx.internalIndeterminate
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, checkboxvue_type_template_id_0e841fdd_hoisted_2)]), $options.hasLabelOrDescription ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", checkboxvue_type_template_id_0e841fdd_hoisted_3, [$options.hasLabel ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, checkboxvue_type_template_id_06a6bc3e_hoisted_2)]), $options.hasLabelOrDescription ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", checkboxvue_type_template_id_06a6bc3e_hoisted_3, [$options.hasLabel ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     key: 0,
     class: _ctx.labelClass
   }, _ctx.labelChildProps, {
@@ -13156,7 +13384,7 @@ function checkboxvue_type_template_id_0e841fdd_render(_ctx, _cache, $props, $set
     "data-qa": "dt-checkbox-validation-messages"
   }), null, 16, ["validation-messages", "show-messages", "class"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)]);
 }
-;// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=0e841fdd
+;// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=06a6bc3e
 
 ;// CONCATENATED MODULE: ./components/checkbox/checkbox_constants.js
 const CHECKBOX_INPUT_VALIDATION_CLASSES = {
@@ -13179,7 +13407,28 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
   },
   mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
   inheritAttrs: false,
-  emits: ['input', 'focusin', 'focusout'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {Boolean}
+   */
+  'input',
+  /**
+   * Native input focusin event
+   *
+   * @event focusin
+   * @type {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native input focusout event
+   *
+   * @event focusout
+   * @type {FocusEvent}
+   */
+  'focusout'],
   computed: {
     inputValidationClass() {
       return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];
@@ -13270,7 +13519,7 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
 
 
 ;
-const checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(checkboxvue_type_script_lang_js, [['render',checkboxvue_type_template_id_0e841fdd_render]])
+const checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(checkboxvue_type_script_lang_js, [['render',checkboxvue_type_template_id_06a6bc3e_render]])
 
 /* harmony default export */ const checkbox_checkbox = (checkbox_exports_);
 ;// CONCATENATED MODULE: ./components/checkbox/index.js
@@ -13303,6 +13552,7 @@ const checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(checkboxv
 
     /**
      * A provided list of selected values(s) for the checkbox group
+     * @model selectedValues
      */
     selectedValues: {
       type: Array,
@@ -13337,7 +13587,14 @@ const checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(checkboxv
       default: 'checkbox-group-messages'
     }
   },
-  emits: ['input'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {Array}
+   */
+  'input'],
 
   data() {
     return {
@@ -13396,27 +13653,27 @@ const checkbox_group_exports_ = checkbox_groupvue_type_script_lang_js;
 /* harmony default export */ const checkbox_group = (checkbox_group_exports_);
 ;// CONCATENATED MODULE: ./components/checkbox_group/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/chip/chip.vue?vue&type=template&id=1805ca4d
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/chip/chip.vue?vue&type=template&id=7c802724
 
-const chipvue_type_template_id_1805ca4d_hoisted_1 = {
+const chipvue_type_template_id_7c802724_hoisted_1 = {
   class: "d-chip"
 };
-const chipvue_type_template_id_1805ca4d_hoisted_2 = {
+const chipvue_type_template_id_7c802724_hoisted_2 = {
   key: 0,
   "data-qa": "dt-chip-icon",
   class: "d-chip__icon"
 };
-const chipvue_type_template_id_1805ca4d_hoisted_3 = {
+const chipvue_type_template_id_7c802724_hoisted_3 = {
   key: 1,
   "data-qa": "dt-chip-avatar"
 };
-const chipvue_type_template_id_1805ca4d_hoisted_4 = ["id"];
-function chipvue_type_template_id_1805ca4d_render(_ctx, _cache, $props, $setup, $data, $options) {
+const chipvue_type_template_id_7c802724_hoisted_4 = ["id"];
+function chipvue_type_template_id_7c802724_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_icon_close = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("icon-close");
 
   const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-button");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_1805ca4d_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.interactive ? 'button' : 'span'), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_7c802724_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.interactive ? 'button' : 'span'), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     id: $props.id,
     type: $props.interactive && 'button',
     class: $options.chipClasses(),
@@ -13424,12 +13681,12 @@ function chipvue_type_template_id_1805ca4d_render(_ctx, _cache, $props, $setup,
     "aria-labelledby": $props.ariaLabel ? undefined : "".concat($props.id, "-content"),
     "aria-label": $props.ariaLabel
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.chipListeners)), {
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [_ctx.$slots.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_1805ca4d_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon")])) : _ctx.$slots.avatar ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_1805ca4d_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "avatar")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [_ctx.$slots.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_7c802724_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon")])) : _ctx.$slots.avatar ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_7c802724_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "avatar")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
       key: 2,
       id: "".concat($props.id, "-content"),
       "data-qa": "dt-chip-label",
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-truncate', 'd-chip__text', $props.contentClass])
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 10, chipvue_type_template_id_1805ca4d_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 10, chipvue_type_template_id_7c802724_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
     _: 3
   }, 16, ["id", "type", "class", "aria-labelledby", "aria-label"])), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     key: 0
@@ -13443,7 +13700,7 @@ function chipvue_type_template_id_1805ca4d_render(_ctx, _cache, $props, $setup,
     _: 1
   }, 16, ["class", "aria-label"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
 }
-;// CONCATENATED MODULE: ./components/chip/chip.vue?vue&type=template&id=1805ca4d
+;// CONCATENATED MODULE: ./components/chip/chip.vue?vue&type=template&id=7c802724
 
 ;// CONCATENATED MODULE: ./components/chip/chip_constants.js
 const CHIP_SIZE_MODIFIERS = {
@@ -13542,7 +13799,27 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
       default: ''
     }
   },
-  emits: ['click', 'close', 'keyup'],
+  emits: [
+  /**
+   * Native chip click event
+   *
+   * @event click
+   * @type {PointerEvent | KeyboardEvent}
+   */
+  'click',
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close',
+  /**
+   * Native chip key up event
+   *
+   * @event keyup
+   * @type {KeyboardEvent}
+   */
+  'keyup'],
 
   data() {
     return {
@@ -13594,19 +13871,19 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 
 
 ;
-const chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(chipvue_type_script_lang_js, [['render',chipvue_type_template_id_1805ca4d_render]])
+const chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(chipvue_type_script_lang_js, [['render',chipvue_type_template_id_7c802724_render]])
 
 /* harmony default export */ const chip = (chip_exports_);
 ;// CONCATENATED MODULE: ./components/chip/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/select_menu/select_menu.vue?vue&type=template&id=6294300e
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/select_menu/select_menu.vue?vue&type=template&id=f0e00a1a
 
-const select_menuvue_type_template_id_6294300e_hoisted_1 = ["aria-details"];
-const select_menuvue_type_template_id_6294300e_hoisted_2 = ["id"];
-const select_menuvue_type_template_id_6294300e_hoisted_3 = ["disabled"];
-const select_menuvue_type_template_id_6294300e_hoisted_4 = ["value"];
-function select_menuvue_type_template_id_6294300e_render(_ctx, _cache, $props, $setup, $data, $options) {
+const select_menuvue_type_template_id_f0e00a1a_hoisted_1 = ["aria-details"];
+const select_menuvue_type_template_id_f0e00a1a_hoisted_2 = ["id"];
+const select_menuvue_type_template_id_f0e00a1a_hoisted_3 = ["disabled"];
+const select_menuvue_type_template_id_f0e00a1a_hoisted_4 = ["value"];
+function select_menuvue_type_template_id_f0e00a1a_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-validation-messages");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", null, [_ctx.$slots.label || $props.label ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
@@ -13615,13 +13892,13 @@ function select_menuvue_type_template_id_6294300e_render(_ctx, _cache, $props, $
     class: ['d-label', $data.LABEL_SIZE_MODIFIERS[$props.size], $props.labelClass]
   }, $props.labelChildProps, {
     "data-qa": "dt-select-label"
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "label", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1)])], 16, select_menuvue_type_template_id_6294300e_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "label", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1)])], 16, select_menuvue_type_template_id_f0e00a1a_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     key: 1,
     id: $options.descriptionKey,
     class: ['d-description', $data.DESCRIPTION_SIZE_MODIFIERS[$props.size], $props.descriptionClass]
   }, $props.descriptionChildProps, {
     "data-qa": "dt-select-description"
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)])], 16, select_menuvue_type_template_id_6294300e_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)])], 16, select_menuvue_type_template_id_f0e00a1a_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-select', $data.SELECT_SIZE_MODIFIERS[$props.size], $props.selectClass, {
       'd-select--disabled': $props.disabled
     }]),
@@ -13636,8 +13913,8 @@ function select_menuvue_type_template_id_6294300e_render(_ctx, _cache, $props, $
       key: $options.getOptionKey(option.value),
       value: option.value,
       class: $props.optionClass
-    }, $props.optionChildProps), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(option.label), 17, select_menuvue_type_template_id_6294300e_hoisted_4);
-  }), 128))])], 16, select_menuvue_type_template_id_6294300e_hoisted_3)], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+    }, $props.optionChildProps), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(option.label), 17, select_menuvue_type_template_id_f0e00a1a_hoisted_4);
+  }), 128))])], 16, select_menuvue_type_template_id_f0e00a1a_hoisted_3)], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     "validation-messages": _ctx.formattedMessages,
     "show-messages": _ctx.showMessages,
     class: _ctx.messagesClass
@@ -13645,7 +13922,7 @@ function select_menuvue_type_template_id_6294300e_render(_ctx, _cache, $props, $
     "data-qa": "dt-select-messages"
   }), null, 16, ["validation-messages", "show-messages", "class"])]);
 }
-;// CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=template&id=6294300e
+;// CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=template&id=f0e00a1a
 
 ;// CONCATENATED MODULE: ./components/select_menu/select_menu_constants.js
 const SELECT_SIZE_MODIFIERS = {
@@ -13712,6 +13989,12 @@ const optionsValidator = options => {
 
 
 
+/**
+ * @property {Boolean} disabled attribute
+ * @property {String} name attribute
+ * @property {String} value attribute
+ */
+
 /* harmony default export */ const select_menuvue_type_script_lang_js = ({
   name: 'DtSelectMenu',
   components: {
@@ -13825,7 +14108,21 @@ const optionsValidator = options => {
       default: false
     }
   },
-  emits: ['change', 'input'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String | Number}
+   */
+  'input',
+  /**
+   * Native change event
+   *
+   * @event change
+   * @type {String | Number}
+   */
+  'change'],
 
   data() {
     return {
@@ -13907,19 +14204,19 @@ const optionsValidator = options => {
 
 
 ;
-const select_menu_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(select_menuvue_type_script_lang_js, [['render',select_menuvue_type_template_id_6294300e_render]])
+const select_menu_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(select_menuvue_type_script_lang_js, [['render',select_menuvue_type_template_id_f0e00a1a_render]])
 
 /* harmony default export */ const select_menu = (select_menu_exports_);
 ;// CONCATENATED MODULE: ./components/select_menu/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toast/toast.vue?vue&type=template&id=b9998f6e
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toast/toast.vue?vue&type=template&id=3112261d
 
-const toastvue_type_template_id_b9998f6e_hoisted_1 = ["aria-hidden"];
-const toastvue_type_template_id_b9998f6e_hoisted_2 = {
+const toastvue_type_template_id_3112261d_hoisted_1 = ["aria-hidden"];
+const toastvue_type_template_id_3112261d_hoisted_2 = {
   class: "d-toast__dialog"
 };
-function toastvue_type_template_id_b9998f6e_render(_ctx, _cache, $props, $setup, $data, $options) {
+function toastvue_type_template_id_3112261d_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_notice_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-icon");
 
   const _component_dt_notice_content = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-content");
@@ -13933,7 +14230,7 @@ function toastvue_type_template_id_b9998f6e_render(_ctx, _cache, $props, $setup,
     }]),
     "data-qa": "dt-toast",
     "aria-hidden": (!$data.isShown).toString()
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", toastvue_type_template_id_b9998f6e_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_notice_icon, {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", toastvue_type_template_id_3112261d_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_notice_icon, {
     kind: $props.kind
   }, {
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon")]),
@@ -13954,9 +14251,9 @@ function toastvue_type_template_id_b9998f6e_render(_ctx, _cache, $props, $setup,
   }, {
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "action")]),
     _: 3
-  }, 8, ["hide-close", "close-button-props", "onClose"])])], 10, toastvue_type_template_id_b9998f6e_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true);
+  }, 8, ["hide-close", "close-button-props", "onClose"])])], 10, toastvue_type_template_id_3112261d_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true);
 }
-;// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=b9998f6e
+;// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=3112261d
 
 ;// CONCATENATED MODULE: ./components/toast/toast_constants.js
 const TOAST_ROLES = ['status', 'alert'];
@@ -14093,7 +14390,13 @@ const TOAST_MIN_DURATION = 6000;
       }
     }
   },
-  emits: ['close', 'click', 'update:show'],
+  emits: [
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close', 'click', 'update:show'],
 
   data() {
     return {
@@ -14163,33 +14466,33 @@ const TOAST_MIN_DURATION = 6000;
 
 
 ;
-const toast_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(toastvue_type_script_lang_js, [['render',toastvue_type_template_id_b9998f6e_render]])
+const toast_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(toastvue_type_script_lang_js, [['render',toastvue_type_template_id_3112261d_render]])
 
 /* harmony default export */ const toast = (toast_exports_);
 ;// CONCATENATED MODULE: ./components/toast/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toggle/toggle.vue?vue&type=template&id=65986f84
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toggle/toggle.vue?vue&type=template&id=af9425e2
 
-const togglevue_type_template_id_65986f84_hoisted_1 = {
+const togglevue_type_template_id_af9425e2_hoisted_1 = {
   class: "d-d-flex d-ai-center"
 };
-const togglevue_type_template_id_65986f84_hoisted_2 = ["for"];
-const togglevue_type_template_id_65986f84_hoisted_3 = ["id", "aria-checked", "disabled", "aria-disabled"];
+const togglevue_type_template_id_af9425e2_hoisted_2 = ["for"];
+const togglevue_type_template_id_af9425e2_hoisted_3 = ["id", "aria-checked", "disabled", "aria-disabled"];
 
-const togglevue_type_template_id_65986f84_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
+const togglevue_type_template_id_af9425e2_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
   class: "d-toggle__inner"
 }, null, -1);
 
-const togglevue_type_template_id_65986f84_hoisted_5 = [togglevue_type_template_id_65986f84_hoisted_4];
-function togglevue_type_template_id_65986f84_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", togglevue_type_template_id_65986f84_hoisted_1, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+const togglevue_type_template_id_af9425e2_hoisted_5 = [togglevue_type_template_id_af9425e2_hoisted_4];
+function togglevue_type_template_id_af9425e2_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", togglevue_type_template_id_af9425e2_hoisted_1, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     key: 0,
     class: $props.labelClass,
     for: $props.id
   }, $props.labelChildProps, {
     "data-qa": "toggle-label"
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_65986f84_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_af9425e2_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     id: $props.id,
     role: "switch",
     type: "button",
@@ -14200,9 +14503,9 @@ function togglevue_type_template_id_65986f84_render(_ctx, _cache, $props, $setup
       'd-toggle--checked': $data.internalChecked,
       'd-toggle--disabled': $props.disabled
     }]
-  }, $options.inputListeners), togglevue_type_template_id_65986f84_hoisted_5, 16, togglevue_type_template_id_65986f84_hoisted_3)]);
+  }, $options.inputListeners), togglevue_type_template_id_af9425e2_hoisted_5, 16, togglevue_type_template_id_af9425e2_hoisted_3)]);
 }
-;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=65986f84
+;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=af9425e2
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toggle/toggle.vue?vue&type=script&lang=js
 
@@ -14227,6 +14530,10 @@ function togglevue_type_template_id_65986f84_render(_ctx, _cache, $props, $setup
       type: Boolean,
       default: false
     },
+
+    /**
+     * @model checked
+     */
     checked: {
       type: Boolean,
       default: false
@@ -14240,7 +14547,15 @@ function togglevue_type_template_id_65986f84_render(_ctx, _cache, $props, $setup
       default: () => ({})
     }
   },
-  emits: ['change'],
+  emits: [
+  /**
+   * Toggle change event
+   *
+   * @event change
+   * @type {Boolean}
+   * @model change
+   */
+  'change'],
 
   data() {
     return {
@@ -14297,20 +14612,20 @@ function togglevue_type_template_id_65986f84_render(_ctx, _cache, $props, $setup
 
 
 ;
-const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_65986f84_render]])
+const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_af9425e2_render]])
 
 /* harmony default export */ const toggle = (toggle_exports_);
 ;// CONCATENATED MODULE: ./components/toggle/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=46955932
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=30019e74
 
-const tooltipvue_type_template_id_46955932_hoisted_1 = {
+const tooltipvue_type_template_id_30019e74_hoisted_1 = {
   "data-qa": "dt-tooltip-container"
 };
-function tooltipvue_type_template_id_46955932_render(_ctx, _cache, $props, $setup, $data, $options) {
+function tooltipvue_type_template_id_30019e74_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-lazy-show");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", tooltipvue_type_template_id_46955932_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", tooltipvue_type_template_id_30019e74_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     ref: "anchor",
     "data-qa": "dt-tooltip-anchor",
     onFocusin: _cache[0] || (_cache[0] = function () {
@@ -14347,7 +14662,7 @@ function tooltipvue_type_template_id_46955932_render(_ctx, _cache, $props, $setu
     _: 3
   }, 8, ["id", "show", "transition", "class", "onAfterLeave", "onAfterEnter"])]);
 }
-;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=46955932
+;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=30019e74
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
 /*
@@ -14480,7 +14795,14 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
       default: 'fade'
     }
   },
-  emits: ['update:show', 'shown'],
+  emits: ['update:show',
+  /**
+   * Emitted when tooltip is shown or hidden
+   *
+   * @event shown
+   * @type {Boolean}
+   */
+  'shown'],
 
   data() {
     return {
@@ -14646,9 +14968,9 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
 });
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=46955932&lang=less
-var tooltipvue_type_style_index_0_id_46955932_lang_less = __webpack_require__(831);
-;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=46955932&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=30019e74&lang=less
+var tooltipvue_type_style_index_0_id_30019e74_lang_less = __webpack_require__(212);
+;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=30019e74&lang=less
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
 
@@ -14658,7 +14980,7 @@ var tooltipvue_type_style_index_0_id_46955932_lang_less = __webpack_require__(83
 ;
 
 
-const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_46955932_render]])
+const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_30019e74_render]])
 
 /* harmony default export */ const tooltip = (tooltip_exports_);
 ;// CONCATENATED MODULE: ./components/tooltip/index.js
@@ -15223,11 +15545,11 @@ const root_layout_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_l
 ;// CONCATENATED MODULE: ./components/root_layout/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=37048598
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=01d7fb04
 
-const combobox_with_popovervue_type_template_id_37048598_hoisted_1 = ["id"];
-const combobox_with_popovervue_type_template_id_37048598_hoisted_2 = ["onMouseleave", "onFocusout"];
-function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache, $props, $setup, $data, $options) {
+const combobox_with_popovervue_type_template_id_01d7fb04_hoisted_1 = ["id"];
+const combobox_with_popovervue_type_template_id_01d7fb04_hoisted_2 = ["onMouseleave", "onFocusout"];
+function combobox_with_popovervue_type_template_id_01d7fb04_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-loading-list");
 
   const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-empty-list");
@@ -15264,7 +15586,7 @@ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache,
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "input", {
         inputProps: inputProps,
         onInput: $options.handleDisplayList
-      })], 40, combobox_with_popovervue_type_template_id_37048598_hoisted_1)];
+      })], 40, combobox_with_popovervue_type_template_id_01d7fb04_hoisted_1)];
     }),
     list: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(_ref2 => {
       let {
@@ -15310,7 +15632,7 @@ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache,
         }), null, 16, ["message"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "list", {
           key: 2,
           listProps: listProps
-        })], 42, combobox_with_popovervue_type_template_id_37048598_hoisted_2)]),
+        })], 42, combobox_with_popovervue_type_template_id_01d7fb04_hoisted_2)]),
         _: 2
       }, [_ctx.$slots.header ? {
         name: "headerContent",
@@ -15333,7 +15655,7 @@ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache,
     _: 3
   }, 16, ["loading", "show-list", "on-beginning-of-list", "on-end-of-list", "list-aria-label", "list-id"]);
 }
-;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=37048598
+;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=01d7fb04
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js
 
@@ -15341,6 +15663,7 @@ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache,
 
 
 
+
 /* harmony default export */ const combobox_with_popovervue_type_script_lang_js = ({
   name: 'DtRecipeComboboxWithPopover',
   components: {
@@ -15624,7 +15947,7 @@ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache,
 
 
 ;
-const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_37048598_render]])
+const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_01d7fb04_render]])
 
 /* harmony default export */ const combobox_with_popover = (combobox_with_popover_exports_);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
@@ -16259,26 +16582,26 @@ const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=7091b031
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=3f590359
 
-const contact_infovue_type_template_id_7091b031_hoisted_1 = {
+const contact_infovue_type_template_id_3f590359_hoisted_1 = {
   class: "d-ps-relative",
   "data-qa": "contact-info-left"
 };
-const contact_infovue_type_template_id_7091b031_hoisted_2 = ["src", "alt"];
-const contact_infovue_type_template_id_7091b031_hoisted_3 = {
+const contact_infovue_type_template_id_3f590359_hoisted_2 = ["src", "alt"];
+const contact_infovue_type_template_id_3f590359_hoisted_3 = {
   "data-qa": "contact-info-header"
 };
-const contact_infovue_type_template_id_7091b031_hoisted_4 = {
+const contact_infovue_type_template_id_3f590359_hoisted_4 = {
   "data-qa": "contact-info-subtitle"
 };
-const contact_infovue_type_template_id_7091b031_hoisted_5 = {
+const contact_infovue_type_template_id_3f590359_hoisted_5 = {
   "data-qa": "contact-info-bottom"
 };
-const contact_infovue_type_template_id_7091b031_hoisted_6 = {
+const contact_infovue_type_template_id_3f590359_hoisted_6 = {
   "data-qa": "contact-info-right"
 };
-function contact_infovue_type_template_id_7091b031_render(_ctx, _cache, $props, $setup, $data, $options) {
+function contact_infovue_type_template_id_3f590359_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_avatar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-avatar");
 
   const _component_dt_list_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-list-item");
@@ -16289,9 +16612,8 @@ function contact_infovue_type_template_id_7091b031_render(_ctx, _cache, $props,
     "element-type": "div",
     "data-qa": "contact-info"
   }, {
-    left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_7091b031_hoisted_1, [$props.avatarSrc ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
+    left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_3f590359_hoisted_1, [$props.avatarSrc ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
       key: 0,
-      kind: "default",
       size: "lg",
       "avatar-class": "d-bar2"
     }, {
@@ -16299,7 +16621,7 @@ function contact_infovue_type_template_id_7091b031_render(_ctx, _cache, $props,
         "data-qa": "dt-contact-avatar",
         src: $props.avatarSrc,
         alt: $props.avatarInitials
-      }, null, 8, contact_infovue_type_template_id_7091b031_hoisted_2)]),
+      }, null, 8, contact_infovue_type_template_id_3f590359_hoisted_2)]),
       _: 1
     })) : $props.avatarInitials ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
       key: 1,
@@ -16314,14 +16636,14 @@ function contact_infovue_type_template_id_7091b031_render(_ctx, _cache, $props,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-ba', 'd-bc-white', 'd-baw2', 'd-bar2', 'd-ps-absolute', 'd-bn1', 'd-rn1', 'd-w20p', 'd-h20p', $data.USER_STATUS_COLOR_MODIFIERS[$props.userStatusColor]]),
       "data-qa": "contact-info-user-status"
     }, "   ", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]),
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_7091b031_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")])]),
-    subtitle: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_7091b031_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "subtitle")])]),
-    bottom: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_7091b031_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "bottom")])]),
-    right: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_7091b031_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "right")])]),
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_3f590359_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")])]),
+    subtitle: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_3f590359_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "subtitle")])]),
+    bottom: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_3f590359_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "bottom")])]),
+    right: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_3f590359_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "right")])]),
     _: 3
   }, 8, ["id", "role"]);
 }
-;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=7091b031
+;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=3f590359
 
 ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
 const USER_STATUS_COLOR_MODIFIERS = {
@@ -16426,7 +16748,7 @@ const USER_STATUS_COLOR_MODIFIERS = {
 
 
 ;
-const contact_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_infovue_type_script_lang_js, [['render',contact_infovue_type_template_id_7091b031_render]])
+const contact_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_infovue_type_script_lang_js, [['render',contact_infovue_type_template_id_3f590359_render]])
 
 /* harmony default export */ const contact_info = (contact_info_exports_);
 ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js