@dialpad/dialtone-vue 1.15.0 → 2.0.0-beta.11

package/dist/dialtone-vue.umd.js

@@ -234,7 +234,7 @@ function toComment(sourceMap) {
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".dt-popover__content--align-right .dt-popover__caret{right:2.4rem}.dt-popover__content--align-left .dt-popover__caret{left:2.4rem}.dt-popover__content--align-center .dt-popover__caret{left:50%}.dt-popover__content--valign-top{bottom:100%;margin-top:0;margin-bottom:.4rem}.dt-popover__content--valign-top .dt-popover__caret{bottom:0;transform:rotate(225deg)}.dt-popover__content--valign-bottom .dt-popover__caret{bottom:100%;top:0;transform:rotate(45deg)}.dt-popover__caret{transform:rotate(45deg)}.tippy-box[data-popper-escaped] .dt-popover-box,.tippy-box[data-popper-reference-hidden] .dt-popover-box{visibility:hidden;pointer-events:none}.d-popover-overlay{--bgo:85%!important}.dt-popover-box,.dt-popover-box *,.dt-popover-box :after,.dt-popover-box :before{box-sizing:border-box}.dt-popover-box__grid{grid-template-rows:auto 1fr}", ""]);
+exports.push([module.i, ".tippy-box[data-popper-escaped] .d-popover__dialog,.tippy-box[data-popper-reference-hidden] .d-popover__dialog{visibility:hidden;pointer-events:none}", ""]);
 // Exports
 module.exports = exports;
 
@@ -776,8 +776,6 @@ __webpack_require__.d(__webpack_exports__, "DtNotice", function() { return /* re
 __webpack_require__.d(__webpack_exports__, "NOTICE_KINDS", function() { return /* reexport */ NOTICE_KINDS; });
 __webpack_require__.d(__webpack_exports__, "DtPopover", function() { return /* reexport */ popover; });
 __webpack_require__.d(__webpack_exports__, "POPOVER_PADDING_CLASSES", function() { return /* reexport */ POPOVER_PADDING_CLASSES; });
-__webpack_require__.d(__webpack_exports__, "POPOVER_HORIZONTAL_ALIGNMENT", function() { return /* reexport */ POPOVER_HORIZONTAL_ALIGNMENT; });
-__webpack_require__.d(__webpack_exports__, "POPOVER_VERTICAL_ALIGNMENT", function() { return /* reexport */ POPOVER_VERTICAL_ALIGNMENT; });
 __webpack_require__.d(__webpack_exports__, "POPOVER_ROLES", function() { return /* reexport */ POPOVER_ROLES; });
 __webpack_require__.d(__webpack_exports__, "POPOVER_CONTENT_WIDTHS", function() { return /* reexport */ POPOVER_CONTENT_WIDTHS; });
 __webpack_require__.d(__webpack_exports__, "DtRadio", function() { return /* reexport */ radio_radio; });
@@ -798,9 +796,7 @@ __webpack_require__.d(__webpack_exports__, "SELECT_STATE_MODIFIERS", function()
 __webpack_require__.d(__webpack_exports__, "DtToast", function() { return /* reexport */ toast; });
 __webpack_require__.d(__webpack_exports__, "TOAST_ROLES", function() { return /* reexport */ TOAST_ROLES; });
 __webpack_require__.d(__webpack_exports__, "DtTooltip", function() { return /* reexport */ tooltip; });
-__webpack_require__.d(__webpack_exports__, "TOOLTIP_DIRECTION_MODIFIERS", function() { return /* reexport */ TOOLTIP_DIRECTION_MODIFIERS; });
-__webpack_require__.d(__webpack_exports__, "TOOLTIP_TIPPY_DIRECTIONS", function() { return /* reexport */ TOOLTIP_TIPPY_DIRECTIONS; });
-__webpack_require__.d(__webpack_exports__, "TOOLTIP_DIALTONE_DIRECTIONS", function() { return /* reexport */ TOOLTIP_DIALTONE_DIRECTIONS; });
+__webpack_require__.d(__webpack_exports__, "TOOLTIP_DIRECTIONS", function() { return /* reexport */ TOOLTIP_DIRECTIONS; });
 __webpack_require__.d(__webpack_exports__, "TOOLTIP_KIND_MODIFIERS", function() { return /* reexport */ TOOLTIP_KIND_MODIFIERS; });
 __webpack_require__.d(__webpack_exports__, "TOOLTIP_HIDE_ON_CLICK_VARIANTS", function() { return /* reexport */ TOOLTIP_HIDE_ON_CLICK_VARIANTS; });
 __webpack_require__.d(__webpack_exports__, "DtSkeleton", function() { return /* reexport */ skeleton_skeleton; });
@@ -848,7 +844,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=668c1802&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=668c1802&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
     'd-avatar',
     _vm.AVATAR_KIND_MODIFIERS[_vm.kind],
@@ -1294,7 +1290,7 @@ var component = normalizeComponent(
 // CONCATENATED MODULE: ./components/avatar/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=8281dbe6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=8281dbe6&
 var badgevue_type_template_id_8281dbe6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:[
     'd-badge',
     _vm.BADGE_COLOR_MODIFIERS[_vm.color] ],attrs:{"data-qa":"dt-badge"}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.text)+" ")])],2)}
@@ -1391,21 +1387,21 @@ var badge_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/badge/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/banner/banner.vue?vue&type=template&id=84646d6c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/banner/banner.vue?vue&type=template&id=84646d6c&
 var bannervue_type_template_id_84646d6c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}}},[_c('div',{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
 var bannervue_type_template_id_84646d6c_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=84646d6c&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
 var notice_iconvue_type_template_id_58ae40bb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.defaultIcon || _vm.$slots.default)?_c('div',{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[_vm._t("default",[_c(_vm.defaultIcon,{tag:"component"})])],2):_vm._e()}
 var notice_iconvue_type_template_id_58ae40bb_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
 var IconLightbulbvue_type_template_id_07d1b1af_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__lightbulb",attrs:{"aria-hidden":"true","aria-label":"Lightbulb","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z"}})])}
 var IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns = []
 
@@ -1431,7 +1427,7 @@ var IconLightbulb_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconLightbulb = (IconLightbulb_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
 var IconInfovue_type_template_id_d1105ee6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__info",attrs:{"aria-hidden":"true","aria-label":"Info","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}})])}
 var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
 
@@ -1457,7 +1453,7 @@ var IconInfo_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconInfo = (IconInfo_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
 var IconWarningvue_type_template_id_0a24defa_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__warning",attrs:{"aria-hidden":"true","aria-label":"Warning","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}})])}
 var IconWarningvue_type_template_id_0a24defa_staticRenderFns = []
 
@@ -1483,7 +1479,7 @@ var IconWarning_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconWarning = (IconWarning_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
 var IconErrorvue_type_template_id_4d9e3e9d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__error",attrs:{"aria-hidden":"true","aria-label":"Error","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"}})])}
 var IconErrorvue_type_template_id_4d9e3e9d_staticRenderFns = []
 
@@ -1509,7 +1505,7 @@ var IconError_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconError = (IconError_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue?vue&type=template&id=016c7d48&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue?vue&type=template&id=016c7d48&
 var IconCheckCirclevue_type_template_id_016c7d48_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__checkCircle",attrs:{"aria-hidden":"true","aria-label":"Check Circle","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}})])}
 var IconCheckCirclevue_type_template_id_016c7d48_staticRenderFns = []
 
@@ -1613,7 +1609,7 @@ var notice_icon_component = normalizeComponent(
 )
 
 /* harmony default export */ var notice_icon = (notice_icon_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=template&id=24cf95e4&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=template&id=24cf95e4&
 var notice_contentvue_type_template_id_24cf95e4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__content",attrs:{"data-qa":"notice-content"}},[(_vm.title || this.$slots.titleOverride)?_c('p',{staticClass:"d-notice__title",attrs:{"id":_vm.titleId,"data-qa":"notice-content-title"}},[_vm._t("titleOverride",[_vm._v(" "+_vm._s(_vm.title)+" ")])],2):_vm._e(),_c('p',{staticClass:"d-notice__message",attrs:{"id":_vm.contentId,"data-qa":"notice-content-message"}},[_vm._t("default")],2)])}
 var notice_contentvue_type_template_id_24cf95e4_staticRenderFns = []
 
@@ -1685,14 +1681,14 @@ var notice_content_component = normalizeComponent(
 )
 
 /* harmony default export */ var notice_content = (notice_content_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_action.vue?vue&type=template&id=83c987fc&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_action.vue?vue&type=template&id=83c987fc&
 var notice_actionvue_type_template_id_83c987fc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._b({ref:"closeButton",attrs:{"size":"sm","importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : 'Close'},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],2)}
 var notice_actionvue_type_template_id_83c987fc_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=83c987fc&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
 var IconClosevue_type_template_id_18642c39_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__close",attrs:{"aria-hidden":"true","aria-label":"Close","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"}})])}
 var IconClosevue_type_template_id_18642c39_staticRenderFns = []
 
@@ -1718,7 +1714,7 @@ var IconClose_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconClose = (IconClose_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button/button.vue?vue&type=template&id=0334c583&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button/button.vue?vue&type=template&id=0334c583&
 var buttonvue_type_template_id_0334c583_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:[
     'base-button__button',
     _vm.buttonClasses() ],attrs:{"data-qa":"dt-button","type":_vm.type,"aria-live":_vm.computedAriaLive,"aria-label":_vm.loading ? 'loading' : _vm.$attrs['aria-label']}},_vm.buttonListeners),[(_vm.shouldRenderIcon())?_c('span',{class:[
@@ -2192,7 +2188,9 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
 
       const elToFocus = this._getFirstFocusElement(focusableElements);
 
-      elToFocus === null || elToFocus === void 0 ? void 0 : elToFocus.focus();
+      elToFocus === null || elToFocus === void 0 ? void 0 : elToFocus.focus({
+        preventScroll: true
+      });
     },
 
     /**
@@ -2473,7 +2471,7 @@ var banner_component = normalizeComponent(
 /* harmony default export */ var banner = (banner_component.exports);
 // CONCATENATED MODULE: ./components/banner/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumbs.vue?vue&type=template&id=6b368508&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumbs.vue?vue&type=template&id=6b368508&
 var breadcrumbsvue_type_template_id_6b368508_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{class:[
@@ -2487,7 +2485,7 @@ var breadcrumbsvue_type_template_id_6b368508_staticRenderFns = []
 // CONCATENATED MODULE: ./components/breadcrumbs/breadcrumbs_constants.js
 const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';
 const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
 var breadcrumb_itemvue_type_template_id_6f97ec8a_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:[
@@ -2498,7 +2496,7 @@ var breadcrumb_itemvue_type_template_id_6f97ec8a_staticRenderFns = []
 
 // CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=template&id=08ea8c41&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=template&id=08ea8c41&
 var linkvue_type_template_id_08ea8c41_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',_vm._g({class:[
     'd-link',
     _vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},_vm.$listeners),[_vm._t("default")],2)}
@@ -2778,7 +2776,7 @@ var breadcrumbs_component = normalizeComponent(
 
 // CONCATENATED MODULE: ./components/button/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button_group/button_group.vue?vue&type=template&id=8962a2f0&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button_group/button_group.vue?vue&type=template&id=8962a2f0&
 var button_groupvue_type_template_id_8962a2f0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
     'd-btn-group',
     _vm.BUTTON_GROUP_ALIGNMENT[this.alignment] ],attrs:{"role":"group"}},[_vm._t("default")],2)}
@@ -2853,12 +2851,12 @@ var button_group_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/button_group/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/combobox/combobox.vue?vue&type=template&id=385073c6&
-var comboboxvue_type_template_id_385073c6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"role":"combobox","aria-expanded":_vm.showList.toString(),"aria-controls":_vm.listId,"aria-owns":_vm.listId,"aria-haspopup":"listbox"},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onEscapeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onUpKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onDownKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onHomeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onEndKey($event)}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight($event)}}},[_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen})],2):_vm._e()])}
-var comboboxvue_type_template_id_385073c6_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/combobox/combobox.vue?vue&type=template&id=ed749da4&
+var comboboxvue_type_template_id_ed749da4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"role":"combobox","aria-expanded":_vm.showList.toString(),"aria-controls":_vm.listId,"aria-owns":_vm.listId,"aria-haspopup":"listbox"},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onEscapeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }return _vm.onEnterKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onUpKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onDownKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onHomeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onEndKey($event)}]}},[_c('div',{attrs:{"data-qa":"dt-combobox-input-wrapper"}},[_vm._t("input",null,{"inputProps":_vm.inputProps})],2),(_vm.showList)?_c('div',{ref:"listWrapper",attrs:{"data-qa":"dt-combobox-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"focusout":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight($event)}}},[_vm._t("list",null,{"listProps":_vm.listProps,"opened":_vm.onOpen})],2):_vm._e()])}
+var comboboxvue_type_template_id_ed749da4_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=385073c6&
+// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=ed749da4&
 
 // CONCATENATED MODULE: ./common/mixins/dom.js
 /* harmony default export */ var dom = ({
@@ -3343,11 +3341,16 @@ var comboboxvue_type_template_id_385073c6_staticRenderFns = []
 
   },
   watch: {
-    showList() {
+    showList(showList) {
       // When the list's visibility changes reset the highlight index.
       this.$nextTick(function () {
         this.setInitialHighlightIndex();
       });
+
+      if (!showList && this.outsideRenderedListRef) {
+        this.outsideRenderedListRef.removeEventListener('mousemove', this.onMouseHighlight);
+        this.outsideRenderedListRef = null;
+      }
     }
 
   },
@@ -3355,7 +3358,7 @@ var comboboxvue_type_template_id_385073c6_staticRenderFns = []
     onMouseHighlight(e) {
       const liElement = e.target.closest('li');
 
-      if (liElement && liElement.classList.contains('dt-list-item--hoverable') && this.highlightId !== liElement.id) {
+      if (liElement && this.highlightId !== liElement.id) {
         this.setHighlightId(liElement.id);
       }
     },
@@ -3386,6 +3389,7 @@ var comboboxvue_type_template_id_385073c6_staticRenderFns = []
 
     onOpen(open, contentRef) {
       this.outsideRenderedListRef = contentRef;
+      this.outsideRenderedListRef.addEventListener('mousemove', this.onMouseHighlight);
     },
 
     setInitialHighlightIndex() {
@@ -3409,8 +3413,8 @@ var comboboxvue_type_template_id_385073c6_staticRenderFns = []
 
 var combobox_component = normalizeComponent(
   combobox_comboboxvue_type_script_lang_js_,
-  comboboxvue_type_template_id_385073c6_render,
-  comboboxvue_type_template_id_385073c6_staticRenderFns,
+  comboboxvue_type_template_id_ed749da4_render,
+  comboboxvue_type_template_id_ed749da4_staticRenderFns,
   false,
   null,
   null,
@@ -3421,44 +3425,33 @@ var combobox_component = normalizeComponent(
 /* harmony default export */ var combobox = (combobox_component.exports);
 // CONCATENATED MODULE: ./components/combobox/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/dropdown/dropdown.vue?vue&type=template&id=5fa1ebfe&
-var dropdownvue_type_template_id_5fa1ebfe_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-popover',_vm._g({ref:"popover",attrs:{"content-width":_vm.contentWidth,"open":_vm.isOpen,"has-caret":false,"fixed-vertical-alignment":_vm.fixedVerticalAlignment,"fixed-alignment":_vm.fixedAlignment,"padding":_vm.padding,"role":"menu"},on:{"update:open":_vm.updateInitialHighlightIndex,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.stopPropagation();return _vm.onEscapeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onSpaceKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onUpKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onDownKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onHomeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onEndKey($event)}]},scopedSlots:_vm._u([{key:"anchor",fn:function(props){return [_vm._t("anchor",null,{"toggleOpen":_vm.toggle},props)]}},{key:"content",fn:function(){return [_c('ul',{ref:"listWrapper",staticClass:"d-p0 d-ps-relative",attrs:{"id":_vm.listId,"data-qa":"dt-dropdown-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight($event)}}},[_vm._t("list",null,{"close":_vm.close})],2)]},proxy:true}],null,true)},_vm.$listeners))}
-var dropdownvue_type_template_id_5fa1ebfe_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=5fa1ebfe&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=75f1019e&
-var popovervue_type_template_id_75f1019e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"popover",tag:"component",attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[(_vm.modal)?_c('dt-lazy-show',{ref:"overlay",staticClass:"\n      d-ps-fixed\n      d-all0\n      d-zi-modal\n      d-fl-center\n      d-fd-column\n      d-popover-overlay\n      d-vi-visible\n      d-o100\n      d-bgc-black-900\n    ",attrs:{"show":_vm.modal && _vm.isOpeningPopover,"transition":"d-zoom"},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.closePopoverOnClick($event)}}}):_vm._e(),_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor"}},[_vm._t("anchor",null,{"attrs":{
-        'aria-expanded': _vm.showPopover.toString(),
-        'aria-controls': _vm.id,
-        'aria-haspopup': _vm.role,
-      }})],2),_c('dt-lazy-show',_vm._g({ref:"content",class:[
-      'd-bgc-white',
-      'd-bs-card',
-      'd-bar8',
-      'd-bc-black-100',
-      'dt-popover-box',
-      ("dt-popover__content--align-" + _vm.horizontalAlignment),
-      ("dt-popover__content--valign-" + _vm.verticalAlignment),
-      {
-        'd-d-grid d-of-hidden dt-popover-box__grid': _vm.isFixedHeaderFooter(),
-        'd-of-auto': Boolean(_vm.maxHeight),
-        'd-wmx-unset': !Boolean(_vm.maxWidth),
-      } ],style:({
-      'max-height': _vm.maxHeight,
-      'max-width': _vm.maxWidth,
-    }),attrs:{"id":_vm.id,"role":_vm.role,"data-qa":"dt-popover","aria-hidden":("" + (!_vm.showPopover)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":_vm.modal,"transition":_vm.transition,"show":_vm.showPopover,"tabindex":"-1","appear":""},on:{"keydown":_vm.onKeydown,"after-leave":_vm.onLeave,"enter":function($event){_vm.isOpeningPopover = true},"leave":function($event){_vm.isOpeningPopover = false},"after-enter":_vm.onOpen}},_vm.$listeners),[(_vm.hasCaret)?_c('div',{staticClass:"\n        d-ps-absolute\n        dt-popover__caret\n        d-mtn2\n        d-bt\n        d-bl\n        d-w4\n        d-h4\n        d-bgc-white\n        d-bc-transparent\n      "}):_vm._e(),(_vm.$slots.headerContent || _vm.showCloseButton)?_c('popover-header-footer',{ref:"popover__header",attrs:{"content-class":_vm.headerClass,"type":"header","show-close-button":_vm.showCloseButton,"close-button-props":_vm.closeButtonProps,"has-box-shadow":_vm.hasBoxShadow},on:{"close":_vm.closePopover},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("headerContent")]},proxy:true}],null,true)}):_vm._e(),_c('div',{ref:"popover__content",class:[
-        'dt-popover__content',
-        _vm.POPOVER_PADDING_CLASSES[_vm.padding],
-        {
-          'd-of-auto': _vm.isFixedHeaderFooter(),
-        },
-        _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"},on:{"scroll":_vm.onScrollContent}},[_vm._t("content")],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{attrs:{"type":"footer","content-class":_vm.footerClass,"has-box-shadow":_vm.hasBoxShadow},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent")]},proxy:true}],null,true)}):_vm._e()],1)],1)}
-var popovervue_type_template_id_75f1019e_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/dropdown/dropdown.vue?vue&type=template&id=20780c59&
+var dropdownvue_type_template_id_20780c59_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-popover',_vm._g({ref:"popover",attrs:{"content-width":_vm.contentWidth,"open":_vm.open,"placement":_vm.placement,"fallback-placements":_vm.fallbackPlacements,"padding":_vm.padding,"role":"menu","modal":_vm.modal},on:{"opened":_vm.updateInitialHighlightIndex,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onEnterKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onSpaceKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onUpKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onDownKeyPress($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onHomeKey($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.onEndKey($event)}]},scopedSlots:_vm._u([{key:"anchor",fn:function(ref){
+var attrs = ref.attrs;
+return [_vm._t("anchor",null,null,attrs)]}},{key:"content",fn:function(ref){
+var close = ref.close;
+return [_c('ul',{ref:"listWrapper",staticClass:"d-p0 d-ps-relative",attrs:{"id":_vm.listId,"data-qa":"dt-dropdown-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight($event)}}},[_vm._t("list",null,{"close":close})],2)]}}],null,true)},_vm.$listeners))}
+var dropdownvue_type_template_id_20780c59_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=20780c59&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=976c7246&
+var popovervue_type_template_id_976c7246_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('dt-lazy-show',{staticClass:"d-modal--transparent",attrs:{"show":_vm.modal && _vm.isOpen,"transition":"d-zoom","aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'}}),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--modal-opened': _vm.modal && _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor"},on:{"!mouseup":function($event){return _vm.defaultToggleOpen($event)},"!keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.defaultToggleOpen($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover($event)}]}},[_vm._t("anchor",null,{"attrs":{
+          'aria-expanded': _vm.isOpen.toString(),
+          'aria-controls': _vm.id,
+          'aria-haspopup': _vm.role,
+        }})],2),_c('dt-lazy-show',_vm._g({ref:"content",class:['d-popover__dialog', { 'd-popover__dialog--modal': _vm.modal }, _vm.dialogClass],style:({
+        'max-height': _vm.maxHeight,
+        'max-width': _vm.maxWidth,
+      }),attrs:{"id":_vm.id,"role":_vm.role,"data-qa":"dt-popover","aria-hidden":("" + (!_vm.isOpen)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":("" + (!_vm.modal)),"transition":_vm.transition,"show":_vm.isOpen,"tabindex":"-1","appear":""},on:{"!keydown":function($event){return _vm.onKeydown($event)},"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},_vm.$listeners),[(_vm.$slots.headerContent || _vm.showCloseButton)?_c('popover-header-footer',{ref:"popover__header",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"content-class":_vm.headerClass,"type":"header","show-close-button":_vm.showCloseButton,"close-button-props":_vm.closeButtonProps},on:{"close":_vm.closePopover},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("headerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e(),_c('div',{ref:"popover__content",class:[
+          'd-popover__content',
+          _vm.POPOVER_PADDING_CLASSES[_vm.padding],
+          _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"}},[_vm._t("content",null,{"close":_vm.closePopover})],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{ref:"popover__footer",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"type":"footer","content-class":_vm.footerClass},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e()],1)],1)],1)}
+var popovervue_type_template_id_976c7246_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=75f1019e&
+// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=976c7246&
 
 // CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
 // import { isHTMLElement } from './instanceOf';
@@ -5393,7 +5386,7 @@ var popper_createPopper = /*#__PURE__*/popperGenerator({
  // eslint-disable-next-line import/no-unused-modules
 
 
-// CONCATENATED MODULE: ./node_modules/tippy.js/headless/dist/tippy-headless.esm.js
+// CONCATENATED MODULE: ./node_modules/tippy.js/dist/tippy.esm.js
 /**!
 * tippy.js v6.3.7
 * (c) 2017-2021 atomiks
@@ -5402,6 +5395,7 @@ var popper_createPopper = /*#__PURE__*/popperGenerator({
 
 
 var ROUND_ARROW = '<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z"></svg>';
+var BOX_CLASS = "tippy-box";
 var CONTENT_CLASS = "tippy-content";
 var BACKDROP_CLASS = "tippy-backdrop";
 var ARROW_CLASS = "tippy-arrow";
@@ -5414,7 +5408,7 @@ var TIPPY_DEFAULT_APPEND_TO = function TIPPY_DEFAULT_APPEND_TO() {
   return document.body;
 };
 
-function tippy_headless_esm_hasOwnProperty(obj, key) {
+function tippy_esm_hasOwnProperty(obj, key) {
   return {}.hasOwnProperty.call(obj, key);
 }
 function getValueAtIndexOrReturn(value, index, defaultValue) {
@@ -5432,7 +5426,7 @@ function isType(value, type) {
 function invokeWithArgsOrReturn(value, args) {
   return typeof value === 'function' ? value.apply(void 0, args) : value;
 }
-function tippy_headless_esm_debounce(fn, ms) {
+function tippy_esm_debounce(fn, ms) {
   // Avoid wrapping in `setTimeout` if ms is 0 anyway
   if (ms === 0) {
     return fn;
@@ -5469,7 +5463,7 @@ function unique(arr) {
     return arr.indexOf(item) === index;
   });
 }
-function tippy_headless_esm_getBasePlacement(placement) {
+function tippy_esm_getBasePlacement(placement) {
   return placement.split('-')[0];
 }
 function arrayFrom(value) {
@@ -5488,7 +5482,7 @@ function removeUndefinedProps(obj) {
 function div() {
   return document.createElement('div');
 }
-function tippy_headless_esm_isElement(value) {
+function tippy_esm_isElement(value) {
   return ['Element', 'Fragment'].some(function (type) {
     return isType(value, type);
   });
@@ -5503,7 +5497,7 @@ function isReferenceElement(value) {
   return !!(value && value._tippy && value._tippy.reference === value);
 }
 function getArrayOfElements(value) {
-  if (tippy_headless_esm_isElement(value)) {
+  if (tippy_esm_isElement(value)) {
     return [value];
   }
 
@@ -5548,7 +5542,7 @@ function isCursorOutsideInteractiveBorder(popperTreeData, event) {
         popperState = _ref.popperState,
         props = _ref.props;
     var interactiveBorder = props.interactiveBorder;
-    var basePlacement = tippy_headless_esm_getBasePlacement(popperState.placement);
+    var basePlacement = tippy_esm_getBasePlacement(popperState.placement);
     var offsetData = popperState.modifiersData.offset;
 
     if (!offsetData) {
@@ -5841,7 +5835,7 @@ function validateProps(partialProps, plugins) {
   var keys = Object.keys(partialProps);
   keys.forEach(function (prop) {
     var nonPluginProps = removeProperties(defaultProps, Object.keys(pluginProps));
-    var didPassUnknownProp = !tippy_headless_esm_hasOwnProperty(nonPluginProps, prop); // Check if the prop exists in `plugins`
+    var didPassUnknownProp = !tippy_esm_hasOwnProperty(nonPluginProps, prop); // Check if the prop exists in `plugins`
 
     if (didPassUnknownProp) {
       didPassUnknownProp = plugins.filter(function (plugin) {
@@ -5853,6 +5847,44 @@ function validateProps(partialProps, plugins) {
   });
 }
 
+var innerHTML = function innerHTML() {
+  return 'innerHTML';
+};
+
+function dangerouslySetInnerHTML(element, html) {
+  element[innerHTML()] = html;
+}
+
+function createArrowElement(value) {
+  var arrow = div();
+
+  if (value === true) {
+    arrow.className = ARROW_CLASS;
+  } else {
+    arrow.className = SVG_ARROW_CLASS;
+
+    if (tippy_esm_isElement(value)) {
+      arrow.appendChild(value);
+    } else {
+      dangerouslySetInnerHTML(arrow, value);
+    }
+  }
+
+  return arrow;
+}
+
+function tippy_esm_setContent(content, props) {
+  if (tippy_esm_isElement(props.content)) {
+    dangerouslySetInnerHTML(content, '');
+    content.appendChild(props.content);
+  } else if (typeof props.content !== 'function') {
+    if (props.allowHTML) {
+      dangerouslySetInnerHTML(content, props.content);
+    } else {
+      content.textContent = props.content;
+    }
+  }
+}
 function getChildren(popper) {
   var box = popper.firstElementChild;
   var boxChildren = arrayFrom(box.children);
@@ -5869,6 +5901,76 @@ function getChildren(popper) {
     })
   };
 }
+function tippy_esm_render(instance) {
+  var popper = div();
+  var box = div();
+  box.className = BOX_CLASS;
+  box.setAttribute('data-state', 'hidden');
+  box.setAttribute('tabindex', '-1');
+  var content = div();
+  content.className = CONTENT_CLASS;
+  content.setAttribute('data-state', 'hidden');
+  tippy_esm_setContent(content, instance.props);
+  popper.appendChild(box);
+  box.appendChild(content);
+  onUpdate(instance.props, instance.props);
+
+  function onUpdate(prevProps, nextProps) {
+    var _getChildren = getChildren(popper),
+        box = _getChildren.box,
+        content = _getChildren.content,
+        arrow = _getChildren.arrow;
+
+    if (nextProps.theme) {
+      box.setAttribute('data-theme', nextProps.theme);
+    } else {
+      box.removeAttribute('data-theme');
+    }
+
+    if (typeof nextProps.animation === 'string') {
+      box.setAttribute('data-animation', nextProps.animation);
+    } else {
+      box.removeAttribute('data-animation');
+    }
+
+    if (nextProps.inertia) {
+      box.setAttribute('data-inertia', '');
+    } else {
+      box.removeAttribute('data-inertia');
+    }
+
+    box.style.maxWidth = typeof nextProps.maxWidth === 'number' ? nextProps.maxWidth + "px" : nextProps.maxWidth;
+
+    if (nextProps.role) {
+      box.setAttribute('role', nextProps.role);
+    } else {
+      box.removeAttribute('role');
+    }
+
+    if (prevProps.content !== nextProps.content || prevProps.allowHTML !== nextProps.allowHTML) {
+      tippy_esm_setContent(content, instance.props);
+    }
+
+    if (nextProps.arrow) {
+      if (!arrow) {
+        box.appendChild(createArrowElement(nextProps.arrow));
+      } else if (prevProps.arrow !== nextProps.arrow) {
+        box.removeChild(arrow);
+        box.appendChild(createArrowElement(nextProps.arrow));
+      }
+    } else if (arrow) {
+      box.removeChild(arrow);
+    }
+  }
+
+  return {
+    popper: popper,
+    onUpdate: onUpdate
+  };
+} // Runtime check to identify if the render function is the default one; this
+// way we can apply default CSS transitions logic and it can be tree-shaken away
+
+tippy_esm_render.$$tippy = true;
 
 var idCounter = 1;
 var mouseMoveListeners = []; // Used by `hideAll()`
@@ -5890,7 +5992,7 @@ function createTippy(reference, passedProps) {
   var currentTransitionEndListener;
   var onFirstUpdate;
   var listeners = [];
-  var debouncedOnMouseMove = tippy_headless_esm_debounce(onMouseMove, props.interactiveDebounce);
+  var debouncedOnMouseMove = tippy_esm_debounce(onMouseMove, props.interactiveDebounce);
   var currentTarget; // ===========================================================================
   // 🔑 Public members
   // ===========================================================================
@@ -6592,7 +6694,7 @@ function createTippy(reference, passedProps) {
 
     if (prevProps.interactiveDebounce !== nextProps.interactiveDebounce) {
       cleanupInteractiveMouseListeners();
-      debouncedOnMouseMove = tippy_headless_esm_debounce(onMouseMove, nextProps.interactiveDebounce);
+      debouncedOnMouseMove = tippy_esm_debounce(onMouseMove, nextProps.interactiveDebounce);
     } // Ensure stale aria-expanded attributes are removed
 
 
@@ -6865,7 +6967,7 @@ function tippy(targets, optionalProps) {
 
     return acc;
   }, []);
-  return tippy_headless_esm_isElement(targets) ? instances[0] : instances;
+  return tippy_esm_isElement(targets) ? instances[0] : instances;
 }
 
 tippy.defaultProps = defaultProps;
@@ -7570,7 +7672,7 @@ var inlinePositioning = {
     };
 
     function _getReferenceClientRect(placement) {
-      return getInlineBoundingClientRect(tippy_headless_esm_getBasePlacement(placement), reference.getBoundingClientRect(), arrayFrom(reference.getClientRects()), cursorRectIndex);
+      return getInlineBoundingClientRect(tippy_esm_getBasePlacement(placement), reference.getBoundingClientRect(), arrayFrom(reference.getClientRects()), cursorRectIndex);
     }
 
     function setInternalProps(partialProps) {
@@ -7731,12 +7833,12 @@ function areRectsDifferent(rectA, rectB) {
 }
 
 tippy.setDefaultProps({
-  animation: false
+  render: tippy_esm_render
 });
 
-/* harmony default export */ var tippy_headless_esm = (tippy);
+/* harmony default export */ var tippy_esm = (tippy);
 
-//# sourceMappingURL=tippy-headless.esm.js.map
+//# sourceMappingURL=tippy.esm.js.map
 
 // CONCATENATED MODULE: ./components/tooltip/modifiers.js
 const hideOnEsc = {
@@ -7772,18 +7874,92 @@ const getArrowDetected = fn => ({
   fn,
   requiresIfExists: ['offset']
 });
+// CONCATENATED MODULE: ./components/popover/tippy_utils.js
+
+
+
+const BASE_TIPPY_DIRECTIONS = ['bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end', 'top', 'top-start', 'top-end'];
+const tippy_utils_createTippy = (anchorElement, options) => {
+  const {
+    contentElement
+  } = { ...options
+  };
+  delete options.contentElement;
+  return tippy_esm(anchorElement, { ...options,
+    render: () => getContentWrapper(contentElement),
+    plugins: [hideOnEsc]
+  });
+};
+const getPopperOptions = ({
+  boundary = 'clippingParents',
+  fallbackPlacements = [],
+  onChangePlacement = () => {},
+  hasHideModifierEnabled = false
+} = {}) => {
+  return {
+    modifiers: [{
+      name: 'flip',
+      options: {
+        fallbackPlacements: fallbackPlacements,
+        boundary
+      }
+    }, {
+      name: 'hide',
+      enabled: hasHideModifierEnabled
+    }, getArrowDetected(({
+      state
+    }) => {
+      onChangePlacement(state.placement);
+    })]
+  };
+};
+
+const createAnchor = (anchorWrapper, tabIndex) => {
+  const span = document.createElement('span');
+  span.setAttribute('tabindex', tabIndex);
+  span.innerText = anchorWrapper.innerText || '';
+  anchorWrapper.innerText = '';
+  anchorWrapper.appendChild(span);
+  return span;
+};
+
+const getAnchor = (anchorWrapper, tabIndex = '0') => {
+  const anchor = anchorWrapper.children[0];
+  if (!anchor) return createAnchor(anchorWrapper);
+
+  if (!findFirstFocusableNode(anchor)) {
+    anchor.setAttribute('tabindex', tabIndex);
+  }
+
+  return anchor;
+};
+const getContentWrapper = content => {
+  // The recommended structure is to use the popper as an outer wrapper
+  const popper = document.createElement('div');
+  popper.className = 'tippy-box d-ps-absolute';
+  popper.appendChild(content);
+  return {
+    popper
+  };
+};
 // CONCATENATED MODULE: ./components/popover/popover_constants.js
+
 const POPOVER_PADDING_CLASSES = {
-  none: 'd-p0',
+  none: undefined,
   small: 'd-p8',
   medium: 'd-p16',
   large: 'd-p24'
 };
-const POPOVER_HORIZONTAL_ALIGNMENT = [null, 'left', 'center', 'right'];
-const POPOVER_VERTICAL_ALIGNMENT = [null, 'top', 'bottom'];
-const POPOVER_ROLES = ['dialog', 'menu', 'listbox'];
+const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {
+  none: undefined,
+  small: 'd-pl8',
+  medium: 'd-pl16',
+  large: 'd-pl24'
+};
+const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];
 const POPOVER_CONTENT_WIDTHS = [null, 'anchor'];
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/lazy_show/lazy_show.vue?vue&type=template&id=9ffa4e8c&
+const POPOVER_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/lazy_show/lazy_show.vue?vue&type=template&id=9ffa4e8c&
 var lazy_showvue_type_template_id_9ffa4e8c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',_vm._g({attrs:{"name":_vm.transition,"appear":_vm.appear}},_vm.$listeners),[_c('div',_vm._g({directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}]},_vm.$listeners),[(_vm.initialized)?_vm._t("default"):_vm._e()],2)])}
 var lazy_showvue_type_template_id_9ffa4e8c_staticRenderFns = []
 
@@ -7873,64 +8049,17 @@ var lazy_show_component = normalizeComponent(
 )
 
 /* harmony default export */ var lazy_show = (lazy_show_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=template&id=27b6c279&
-var tooltipvue_type_template_id_27b6c279_render = function () {
-var _obj;
-var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tooltip-container"}},[_c('div',{ref:"anchor",attrs:{"data-qa":"dt-tooltip-anchor"}},[_vm._t("anchor",null,{"attrs":{
-        'aria-describedby': _vm.id,
-      }})],2),_c('dt-lazy-show',{ref:"content",class:[
-      'd-tooltip',
-      ("d-tooltip__arrow--" + _vm.placement),
-      ( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
-      _vm.contentClass ],attrs:{"id":_vm.id,"show":_vm.showTooltip,"role":"tooltip","aria-hidden":"false","data-qa":"dt-tooltip","appear":"","transition":_vm.transition},on:{"after-leave":_vm.onLeave}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2)],1)}
-var tooltipvue_type_template_id_27b6c279_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover_header_footer.vue?vue&type=template&id=29ff8217&
+var popover_header_footervue_type_template_id_29ff8217_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{
+    'd-popover__header': _vm.type === 'header',
+    'd-popover__footer': _vm.type === 'footer',
+  },attrs:{"data-qa":"dt-popover-header-footer"}},[(_vm.$slots.content)?_c('div',{class:['d-to-ellipsis', 'd-w100p', _vm.contentClass],attrs:{"data-qa":"dt-popover-header-footer-content"}},[_vm._t("content")],2):_vm._e(),(_vm.showCloseButton)?_c('dt-button',_vm._b({ref:"popover__close-button",staticClass:"d-p6 d-mr6 d-bc-transparent",attrs:{"data-qa":"dt-popover-close","importance":"outlined","kind":"muted","circle":""},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close',{staticClass:"d-svg--size20"})]},proxy:true}],null,false,2493961913)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],1)}
+var popover_header_footervue_type_template_id_29ff8217_staticRenderFns = []
 
-// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=27b6c279&
 
-// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
-const TOOLTIP_DIRECTION_MODIFIERS = ['top-left', 'top-center', 'top-right', 'right-top', 'right-center', 'right-bottom', 'bottom-left', 'bottom-center', 'bottom-right', 'left-top', 'left-center', 'left-bottom'];
-/*
-* Mapping object for Tippy and Dialtone tooltip directions
-* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement
-* Dialtone tooltip directions - https://dialtone.netlify.app/components/tooltip/#arrow-directions
-* */
-
-const TOOLTIP_TIPPY_DIRECTIONS = {
-  bottom: 'top-center',
-  'bottom-start': 'top-left',
-  'bottom-end': 'top-right',
-  right: 'left-center',
-  'right-start': 'left-top',
-  'right-end': 'left-bottom',
-  left: 'right-center',
-  'left-start': 'right-top',
-  'left-end': 'right-bottom',
-  top: 'bottom-center',
-  'top-start': 'bottom-left',
-  'top-end': 'bottom-right'
-};
-/*
-* String-keyed object which contains Dialton and Tippy tooltip directions mapping
-*/
+// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=template&id=29ff8217&
 
-const TOOLTIP_DIALTONE_DIRECTIONS = Object.entries(TOOLTIP_TIPPY_DIRECTIONS).reduce((acc, [key, value]) => ({ ...acc,
-  [value]: key
-}), {});
-const TOOLTIP_KIND_MODIFIERS = {
-  hover: "d-tooltip--hover",
-  show: "d-tooltip--show",
-  inverted: "d-tooltip--inverted",
-  hide: "d-tooltip--hide"
-};
-const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -7968,537 +8097,60 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
 //
 
 
-
-
-
-/* harmony default export */ var tooltipvue_type_script_lang_js_ = ({
-  name: 'Tooltip',
+/* harmony default export */ var popover_header_footervue_type_script_lang_js_ = ({
+  name: 'PopoverHeaderFooter',
   components: {
-    DtLazyShow: lazy_show
+    DtButton: button_button,
+    IconClose: IconClose
   },
   props: {
-    /**
-     * The id of the tooltip
-     */
-    id: {
-      type: String,
-
-      default() {
-        return getUniqueString();
-      }
-
-    },
-
-    /**
-     * This property is needed for define fallback placements
-     * by providing a list of placements to try.
-     * */
-    flip: {
-      type: Array,
-      default: () => ['left-center', 'top-center']
-    },
-
-    /**
-     * Add inverted class
-     */
-    inverted: {
-      type: Boolean,
-      default: false
-    },
-
-    /**
-     *  Displaces the tippy from its reference element
-     *  in pixels (skidding and distance).
-     *  https://atomiks.github.io/tippyjs/v6/all-props/#offset
-     */
-    offset: {
-      type: Array,
-      default: () => [0, 0]
-    },
-
-    /**
-     * Describes the preferred placement of the tooltip
-     */
-    arrowDirection: {
+    // eslint-disable-next-line vue/require-default-prop
+    type: {
       type: String,
-      default: 'bottom-center',
-
-      validator(direction) {
-        return TOOLTIP_DIRECTION_MODIFIERS.includes(direction);
+      validator: function (value) {
+        return ['header', 'footer'].includes(value);
       }
-
-    },
-
-    /**
-     * The element to append the tippy to.
-     * https://atomiks.github.io/tippyjs/v6/all-props/#appendto
-     */
-    appendTo: {
-      type: [String, HTMLElement],
-      default: () => document.body
-    },
-
-    /**
-     * Determines if the tippy has interactive content inside of it,
-     * so that it can be hovered over and clicked inside without hiding.
-     * https://atomiks.github.io/tippyjs/v6/all-props/#interactive
-     */
-    interactive: {
-      type: Boolean,
-      default: false
     },
 
     /**
-     * Additional css classes for the tooltip content element.
-     * Can accept all of String, Object, and Array, i.e. has the
-     * same api as Vue's built-in handling of the class attribute.
+     * Additional class name for the content wrapper element.
      */
     contentClass: {
-      type: [String, Object, Array],
-      default: ''
-    },
-
-    /**
-     * This describes the area that the element
-     * will be checked for overflow relative to.
-     * Flip modifier - https://popper.js.org/docs/v2/modifiers/flip/
-     * Boundary option - https://popper.js.org/docs/v2/utils/detect-overflow/#boundary
-     */
-    flipBoundary: {
-      type: [String, HTMLElement, Array],
-      default: 'clippingParents',
-
-      validator(boundary) {
-        if (typeof boundary === 'string') {
-          return boundary === 'clippingParents';
-        }
-
-        if (Array.isArray(boundary)) {
-          return boundary.every(el => el instanceof HTMLElement);
-        }
-
-        return boundary instanceof HTMLElement;
-      }
-
-    },
-
-    /**
-     * Determines the size of the invisible border around the
-     * tippy in px that will prevent it from hiding if the cursor left it.
-     * https://atomiks.github.io/tippyjs/v6/all-props/#interactiveborder
-     * */
-    interactiveBorder: {
-      type: Number,
-      default: 2
-    },
-
-    /**
-     * A provided message for the tooltip content
-     */
-    message: {
-      type: String,
+      type: [String, Array, Object],
       default: ''
     },
 
     /**
-     * Determines the events that cause the tippy to show.
-     * Multiple event names are separated by spaces.
-     * https://atomiks.github.io/tippyjs/v6/all-props/#trigger
-     * **/
-    trigger: {
-      type: String,
-      default: 'mouseenter focus'
-    },
-
-    /**
-     * https://atomiks.github.io/tippyjs/v6/all-props/#hideonclick
-     * */
-    hideOnClick: {
-      type: [Boolean, String],
-      default: false,
-
-      validator(value) {
-        return TOOLTIP_HIDE_ON_CLICK_VARIANTS.some(variant => variant === value);
-      }
-
-    },
-
-    /**
-     * Whether the tooltip should be shown.
+     * Determines visibility for close button
      */
-    show: {
+    showCloseButton: {
       type: Boolean,
       default: false
     },
 
     /**
-     * Named transition when the content display is toggled.
-     * @see DtLazyShow
-     */
-    transition: {
-      type: String,
-      default: 'fade'
-    },
-
-    /**
-     * This property is needed for focus event
+     * A set of props to be passed into the popover's header close button.
+     * Requires an 'ariaLabel' property.
      */
-    tabIndex: {
-      type: String,
-      default: '0'
-    },
-    zIndex: {
-      type: [Number, String],
-      default: 400,
-      validator: zIndex => !!Number(zIndex)
+    closeButtonProps: {
+      type: Object,
+      default: () => {}
     }
   },
-  emits: ['update:show'],
+  emits: ['close'],
+  methods: {
+    focusCloseButton() {
+      var _this$$refs$popover__;
 
-  data() {
-    return {
-      TOOLTIP_KIND_MODIFIERS: TOOLTIP_KIND_MODIFIERS,
-      tip: null,
-      placement: '',
-      showTooltip: false,
-      isPreventHideTooltip: false
-    };
-  },
-
-  computed: {
-    tippyPlacement() {
-      return TOOLTIP_DIALTONE_DIRECTIONS[this.placement];
-    },
-
-    convertedFlip() {
-      return this.flip.map(arrowDialtone => TOOLTIP_DIALTONE_DIRECTIONS[arrowDialtone]);
-    },
-
-    tippyProps() {
-      return {
-        offset: this.offset,
-        interactiveBorder: this.interactiveBorder,
-        appendTo: this.appendTo,
-        interactive: this.interactive,
-        trigger: this.trigger,
-        popperOptions: this.getPopperOptions(),
-        hideOnClick: this.hideOnClick
-      };
-    }
-
-  },
-  watch: {
-    tippyProps: {
-      handler: 'setProps',
-      deep: true
-    },
-    arrowDirection: 'setProps',
-    show: 'updateShow',
-    hideOnClick: 'setProps',
-    trigger: 'setProps'
-  },
-
-  mounted() {
-    const anchorElement = this.$refs.anchor.children[0];
-    this.placement = this.arrowDirection;
-    this.tip = tippy_headless_esm(this.getAnchor(anchorElement), this.initOptions());
-    this.updateShow();
-  },
-
-  beforeDestroy() {
-    if (this.tip) {
-      this.tip.destroy();
-    }
-  },
-
-  methods: {
-    async onLeave() {
-      var _this$tip;
-
-      this.isPreventHideTooltip = true;
-      (_this$tip = this.tip) === null || _this$tip === void 0 ? void 0 : _this$tip.unmount();
-      this.$emit('update:show', false);
-    },
-
-    updateShow() {
-      if (this.show) {
-        this.showTooltip = this.show;
-        this.setProps();
-        this.tip.show();
-      } else if (this.showTooltip) {
-        this.showTooltip = false;
-      }
-    },
-
-    createAnchor() {
-      const span = document.createElement('span');
-      span.setAttribute('tabindex', this.tabIndex);
-      span.innerText = this.$refs.anchor.innerText || '';
-      this.$refs.anchor.innerText = '';
-      this.$refs.anchor.appendChild(span);
-      return span;
-    },
-
-    setProps() {
-      this.placement = this.arrowDirection;
-
-      if (this.tip && this.tip.setProps) {
-        this.tip.setProps({ ...this.tippyProps,
-          placement: this.tippyPlacement,
-          hideOnClick: this.hideOnClick,
-          trigger: this.trigger
-        });
-      }
-    },
-
-    getPopperOptions() {
-      return {
-        modifiers: [{
-          name: 'flip',
-          options: {
-            fallbackPlacements: this.convertedFlip,
-            boundary: this.flipBoundary
-          }
-        }, getArrowDetected(({
-          state
-        }) => {
-          this.placement = TOOLTIP_TIPPY_DIRECTIONS[state.placement];
-        })]
-      };
-    },
-
-    onMount() {
-      this.isPreventHideTooltip = false;
-      this.showTooltip = true;
-      this.setProps();
-    },
-
-    onHide() {
-      this.showTooltip = false;
-      /**
-       *  https://atomiks.github.io/tippyjs/v6/all-props/#onhide
-       *  return false from 'onHide' lifecycle to cancel a hide based on a condition.
-       **/
-
-      return this.isPreventHideTooltip;
-    },
-
-    getAnchor(anchor) {
-      if (!anchor) return this.createAnchor();
-
-      if (!this.hasFocusableAnchorNode()) {
-        anchor.setAttribute('tabindex', this.tabIndex);
-      }
-
-      return anchor;
-    },
-
-    hasFocusableAnchorNode() {
-      return !!findFirstFocusableNode(this.$refs.anchor);
-    },
-
-    initOptions() {
-      return {
-        allowHTML: true,
-        placement: this.tippyPlacement,
-        zIndex: this.zIndex,
-        onMount: this.onMount,
-        onHide: this.onHide,
-        ...this.tippyProps,
-        onTrigger: (instance, {
-          type
-        }) => {
-          if (!this.showTooltip && type !== 'click') {
-            this.showTooltip = true;
-          }
-        },
-        render: () => {
-          // The recommended structure is to use the popper as an outer wrapper
-          const popper = document.createElement('div');
-          popper.className = 'tippy-box d-ps-absolute';
-          popper.appendChild(this.$refs.content.$el);
-          return {
-            popper
-          };
-        },
-        plugins: [hideOnEsc]
-      };
-    }
-
-  }
-});
-// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js&
- /* harmony default export */ var tooltip_tooltipvue_type_script_lang_js_ = (tooltipvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&lang=less&
-var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__("fd4e");
-
-// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
+      const closeButton = (_this$$refs$popover__ = this.$refs['popover__close-button']) === null || _this$$refs$popover__ === void 0 ? void 0 : _this$$refs$popover__.$el;
+      closeButton === null || closeButton === void 0 ? void 0 : closeButton.focus();
+    }
 
-
-
-
-
-
-/* normalize component */
-
-var tooltip_component = normalizeComponent(
-  tooltip_tooltipvue_type_script_lang_js_,
-  tooltipvue_type_template_id_27b6c279_render,
-  tooltipvue_type_template_id_27b6c279_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var tooltip = (tooltip_component.exports);
-// CONCATENATED MODULE: ./components/tooltip/index.js
-
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover_header_footer.vue?vue&type=template&id=0e2d3b14&
-var popover_header_footervue_type_template_id_0e2d3b14_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
-    'd-d-flex',
-    'd-ai-center',
-    'd-fs16',
-    'd-fw-bold',
-    'd-of-auto',
-    'd-hmn48',
-    'd-w100p',
-    'd-pl12',
-    'd-pr8',
-    'd-py6',
-    'd-baw1',
-    'd-bc-black-075',
-    {
-      'd-bb': _vm.type === 'header',
-      'd-bt': _vm.type === 'footer',
-      'd-bs-card': _vm.hasBoxShadow,
-      'd-jc-flex-end': !_vm.$slots.content,
-    } ],attrs:{"data-qa":"dt-popover-header-footer"}},[(_vm.$slots.content)?_c('div',{class:['d-to-ellipsis', 'd-w100p', _vm.contentClass],attrs:{"data-qa":"dt-popover-header-footer-content"}},[_vm._t("content")],2):_vm._e(),(_vm.showCloseButton)?_c('div',{staticClass:"d-pl6 d-d-flex d-ws-nowrap"},[_c('dt-button',_vm._b({ref:"popover__close-button",staticClass:"d-p6 d-bc-transparent",attrs:{"importance":"outlined","kind":"muted","circle":""},on:{"click":function($event){return _vm.$emit('close')}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close',{staticClass:"d-svg--size20"})]},proxy:true}],null,false,2493961913)},'dt-button',_vm.closeButtonProps,false))],1):_vm._e()])}
-var popover_header_footervue_type_template_id_0e2d3b14_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=template&id=0e2d3b14&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-/* harmony default export */ var popover_header_footervue_type_script_lang_js_ = ({
-  name: 'PopoverHeaderFooter',
-  components: {
-    DtButton: button_button,
-    IconClose: IconClose
-  },
-  props: {
-    // eslint-disable-next-line vue/require-default-prop
-    type: {
-      type: String,
-      validator: function (value) {
-        return ['header', 'footer'].includes(value);
-      }
-    },
-
-    /**
-     * Additional class name for the content wrapper element.
-     */
-    contentClass: {
-      type: [String, Array, Object],
-      default: ''
-    },
-
-    /**
-     * Determines visibility for close button
-     */
-    showCloseButton: {
-      type: Boolean,
-      default: false
-    },
-
-    /**
-     * A set of props to be passed into the popover's header close button.
-     * Requires an 'ariaLabel' property.
-     */
-    closeButtonProps: {
-      type: Object,
-      default: () => {}
-    },
-
-    /**
-     * Determines fixed / sticky styles for popover header
-     */
-    hasBoxShadow: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    focusCloseButton() {
-      var _this$$refs$popover__;
-
-      const closeButton = (_this$$refs$popover__ = this.$refs['popover__close-button']) === null || _this$$refs$popover__ === void 0 ? void 0 : _this$$refs$popover__.$el;
-      closeButton === null || closeButton === void 0 ? void 0 : closeButton.focus();
-    }
-
-  }
-});
-// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
- /* harmony default export */ var popover_popover_header_footervue_type_script_lang_js_ = (popover_header_footervue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue
+  }
+});
+// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue?vue&type=script&lang=js&
+ /* harmony default export */ var popover_popover_header_footervue_type_script_lang_js_ = (popover_header_footervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/popover/popover_header_footer.vue
 
 
 
@@ -8508,8 +8160,8 @@ var popover_header_footervue_type_template_id_0e2d3b14_staticRenderFns = []
 
 var popover_header_footer_component = normalizeComponent(
   popover_popover_header_footervue_type_script_lang_js_,
-  popover_header_footervue_type_template_id_0e2d3b14_render,
-  popover_header_footervue_type_template_id_0e2d3b14_staticRenderFns,
+  popover_header_footervue_type_template_id_29ff8217_render,
+  popover_header_footervue_type_template_id_29ff8217_staticRenderFns,
   false,
   null,
   null,
@@ -8627,35 +8279,6 @@ var popover_header_footer_component = normalizeComponent(
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 /* eslint-disable max-lines */
 
@@ -8664,8 +8287,6 @@ var popover_header_footer_component = normalizeComponent(
 
 
 
-
-
 /* harmony default export */ var popovervue_type_script_lang_js_ = ({
   name: 'DtPopover',
 
@@ -8678,6 +8299,16 @@ var popover_header_footer_component = normalizeComponent(
   },
   mixins: [modal],
   props: {
+    /**
+     * Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.
+     * If you set this value, the default trigger behavior will be disabled and you can control it as you need.
+     * Supports .sync modifier
+     */
+    open: {
+      type: Boolean,
+      default: null
+    },
+
     /**
      * Element type (tag name) of the root element of the component.
      */
@@ -8737,14 +8368,6 @@ var popover_header_footer_component = normalizeComponent(
       default: () => ({})
     },
 
-    /**
-     * Whether or not the popover content is shown. Supports .sync modifier.
-     */
-    open: {
-      type: Boolean,
-      required: true
-    },
-
     /**
      * Padding size class for the popover content.
      */
@@ -8752,37 +8375,7 @@ var popover_header_footer_component = normalizeComponent(
       type: String,
       default: 'large',
       validator: padding => {
-        return !!POPOVER_PADDING_CLASSES[padding];
-      }
-    },
-
-    /**
-     * Fixed vertical alignment of the popover content. If passed, the popover
-     * will always display anchored to the top or bottom of the anchor element.
-     * If null, the content will be positioned on whichever side has the most
-     * available space relative to the root Vue element. String values must be
-     * one of `top` or `bottom`.
-     */
-    fixedVerticalAlignment: {
-      type: String,
-      default: null,
-      validator: align => {
-        return POPOVER_VERTICAL_ALIGNMENT.includes(align);
-      }
-    },
-
-    /**
-     * Fixed horizontal alignment of the popover content. If passed, the
-     * popover will always display anchored to the left or right of the
-     * anchor element. If null, the content will be positioned on whichever
-     * side has the most available space relative to the root Vue element.
-     * String values must be one of `left` or `right`.
-     */
-    fixedAlignment: {
-      type: String,
-      default: null,
-      validator: align => {
-        return POPOVER_HORIZONTAL_ALIGNMENT.includes(align);
+        return Object.keys(POPOVER_PADDING_CLASSES).some(item => item === padding);
       }
     },
 
@@ -8796,7 +8389,7 @@ var popover_header_footer_component = normalizeComponent(
 
     /**
      * Width configuration for the popover content. When its value is 'anchor',
-     * the popover content will be set the same width with anchor element onShow popover event
+     * the popover content will have the same width as the anchor.
      */
     contentWidth: {
       type: String,
@@ -8804,23 +8397,6 @@ var popover_header_footer_component = normalizeComponent(
       validator: contentWidth => POPOVER_CONTENT_WIDTHS.includes(contentWidth)
     },
 
-    /**
-     * Whether or not a carat (arrow) should be shown from the content pointing
-     * at the anchor.
-     */
-    hasCaret: {
-      type: Boolean,
-      default: true
-    },
-
-    /**
-     * Determines whether the anchor should be focused after closing the popover.
-     */
-    focusAnchorOnClose: {
-      type: Boolean,
-      default: true
-    },
-
     /**
      * The id of the tooltip
      */
@@ -8834,110 +8410,61 @@ var popover_header_footer_component = normalizeComponent(
     },
 
     /**
-     *  Displaces the tippy from its reference element
-     *  in pixels (skidding and distance).
+     *  Displaces the content box from its reference element
+     *  by the specified number of pixels.
      */
     offset: {
-      type: [Number, Array],
+      type: Array,
       default: () => [0, 4]
     },
 
     /**
-     * The element to append the tippy to.
-     */
-    appendTo: {
-      type: [String, HTMLElement],
-      default: () => document.body
-    },
-
-    /**
-     * Determines if the tippy has interactive content inside of it,
-     * so that it can be hovered over and clicked inside without hiding.
+     * Determines if the popover hides upon clicking the
+     * reference or outside of the content box.
      */
-    interactive: {
+    hideOnClick: {
       type: Boolean,
       default: true
     },
 
     /**
-     * This describes the area that the element
-     * will be checked for overflow relative to.
-     */
-    flipBoundary: {
-      type: [String, HTMLElement, Array],
-      default: 'clippingParents',
-
-      validator(boundary) {
-        if (typeof boundary === 'string') {
-          return boundary === 'clippingParents';
-        }
-
-        if (Array.isArray(boundary)) {
-          return boundary.every(el => el instanceof HTMLElement);
-        }
-
-        return boundary instanceof HTMLElement;
-      }
-
-    },
-
-    /**
-     * Determines the size of the invisible border around the
-     * tippy that will prevent it from hiding if the cursor left it.
-     */
-    interactiveBorder: {
-      type: Number,
-      default: 2
-    },
-
-    /**
-     * Determines the events that cause the tippy to show.
-     * Multiple event names are separated by spaces.
-     */
-    trigger: {
-      type: String,
-      default: 'manual'
-    },
-
-    /***
-     * Determines if the tippy hides upon clicking the
-     * reference or outside of the tippy.
-     * The behavior can depend upon the trigger events used.
+     * Determines if the first element within the popover will
+     * be focused when the anchor is triggered, and the anchor
+     * will be focused when the popover is closed. Note even
+     * if enabled this will only happen when activated by
+     * keyboard.
      */
-    hideOnClick: {
-      type: [Boolean, String],
-      default: true,
-
-      validator(value) {
-        return TOOLTIP_HIDE_ON_CLICK_VARIANTS.some(variant => variant === value);
-      }
-
+    autoFocus: {
+      type: Boolean,
+      default: true
     },
 
     /**
-     * Determines modal state, when the popover's overlay is rendered
+     * Determines modal state. If enabled popover has a modal overlay
+     * preventing interaction with elements below it, but it is invisible.
      */
     modal: {
       type: Boolean,
-      default: false
+      default: true
     },
 
     /**
-     * Determines the popover's z-index
-     */
-    zIndex: {
-      type: [Number, String],
-      default: 300,
-      validator: zIndex => !!Number(zIndex)
+     * If the popover does not fit in the direction described by "placement",
+     * it will attempt to change it's direction to the "fallbackPlacements".
+     * */
+    fallbackPlacements: {
+      type: Array,
+      default: () => {
+        return ['auto'];
+      }
     },
 
     /**
-     * Determines html element container for popover's overlay,
-     * which will be rendered when 'modal' property is 'true'.
+     * The direction the popover displays relative to the anchor.
      */
-    overlayAppendTo: {
-      type: HTMLElement,
-      default: () => document.body
+    placement: {
+      type: String,
+      default: 'bottom-end'
     },
 
     /**
@@ -8958,14 +8485,6 @@ var popover_header_footer_component = normalizeComponent(
       default: ''
     },
 
-    /**
-     * Determines fixed / sticky styles for popover header
-     */
-    fixedHeaderFooter: {
-      type: Boolean,
-      default: true
-    },
-
     /**
      * Determines visibility for close button
      */
@@ -8988,54 +8507,30 @@ var popover_header_footer_component = normalizeComponent(
     footerClass: {
       type: [String, Array, Object],
       default: ''
+    },
+
+    /**
+     * Additional class name for the dialog element.
+     */
+    dialogClass: {
+      type: [String, Array, Object],
+      default: ''
     }
   },
-  emits: ['update:open'],
+  emits: ['update:open', 'opened'],
 
   data() {
     return {
       POPOVER_PADDING_CLASSES: POPOVER_PADDING_CLASSES,
-      verticalAlignment: '',
-      horizontalAlignment: '',
-      isOpeningPopover: false,
-      showPopover: this.open,
-      isPreventHidePopover: false,
-      closedByClickOutside: false,
-      focusCloseButton: false,
+      POPOVER_HEADER_FOOTER_PADDING_CLASSES: POPOVER_HEADER_FOOTER_PADDING_CLASSES,
+      isOpen: false,
+      triggeredByMouse: false,
       anchorEl: null,
-      popoverContentEl: null,
-      hasScrolled: false
+      popoverContentEl: null
     };
   },
 
   computed: {
-    hasBoxShadow() {
-      return this.hasScrolled && this.fixedHeaderFooter;
-    },
-
-    fallbackPlacements() {
-      const verticalVariants = POPOVER_VERTICAL_ALIGNMENT.filter(alignment => alignment);
-      const horizontalVariants = POPOVER_HORIZONTAL_ALIGNMENT.filter(alignment => alignment);
-
-      if (this.fixedAlignment === null && this.fixedVerticalAlignment === null) {
-        return verticalVariants.map(vertical => horizontalVariants.map(horizontal => this.getPlacement(vertical, horizontal))).flat();
-      }
-
-      if (this.fixedAlignment === null) {
-        return horizontalVariants.map(horizontal => this.getPlacement(this.fixedVerticalAlignment, horizontal));
-      }
-
-      if (this.fixedVerticalAlignment === null) {
-        return verticalVariants.map(vertical => this.getPlacement(vertical, this.fixedAlignment));
-      }
-
-      return [];
-    },
-
-    placement() {
-      return this.getPlacement(this.fixedVerticalAlignment, this.fixedAlignment);
-    },
-
     labelledBy() {
       // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
       // there is no aria-label and the labelledby should point to the anchor.
@@ -9044,6 +8539,27 @@ var popover_header_footer_component = normalizeComponent(
 
   },
   watch: {
+    modal(modal) {
+      this.tip.setProps({
+        zIndex: modal ? 650 : 300
+      });
+    },
+
+    offset(offset) {
+      this.tip.setProps({
+        offset: offset
+      });
+    },
+
+    fallbackPlacements(fallbackPlacements) {
+      this.tip.setProps({
+        popperOptions: getPopperOptions({
+          fallbackPlacements: fallbackPlacements,
+          hasHideModifierEnabled: true
+        })
+      });
+    },
+
     placement(placement) {
       var _this$tip;
 
@@ -9052,161 +8568,115 @@ var popover_header_footer_component = normalizeComponent(
       });
     },
 
-    fallbackPlacements: {
-      deep: true,
-
-      handler() {
-        var _this$tip2;
-
-        (_this$tip2 = this.tip) === null || _this$tip2 === void 0 ? void 0 : _this$tip2.setProps({
-          popperOptions: this.getPopperOptions()
-        });
-      }
-
+    open: {
+      handler: function (open) {
+        if (open !== null) {
+          this.isOpen = open;
+        }
+      },
+      immediate: true
     },
 
-    open(isOpen, isPrev) {
+    isOpen(isOpen, isPrev) {
       if (isOpen) {
         this.tip.show();
-        this.addClosePopoverEventLister();
+        this.addClosePopoverEventListener();
       } else if (!isOpen && isPrev !== isOpen) {
-        this.showPopover = false;
-        this.removeClosePopoverEventLister();
+        this.removeClosePopoverEventListener();
+        this.tip.hide();
       }
-    },
-
-    hideOnClick() {
-      var _this$tip3;
-
-      (_this$tip3 = this.tip) === null || _this$tip3 === void 0 ? void 0 : _this$tip3.setProps({
-        hideOnClick: this.hideOnClick
-      });
     }
 
   },
 
   mounted() {
-    // local verticalAlignment is needed for flipping
-    this.verticalAlignment = this.fixedVerticalAlignment; // support single anchor for popover, not multi anchor
-
+    // support single anchor for popover, not multi anchor
     this.anchorEl = this.$refs.anchor.children[0];
-    this.popoverContentEl = this.$refs.content.$el;
-    let zIndex = this.zIndex; // align z-indexes when popover has modal prop
-
-    if (this.modal) {
-      this.anchorEl.classList.add('d-zi-notification');
-      zIndex = zIndex > 600 ? zIndex : 700;
-      this.appendOverlay();
-    } // align popover content width when
-
+    this.popoverContentEl = this.$refs.content.$el; // align popover content width when
 
     if (this.contentWidth === 'anchor') {
       window.addEventListener('resize', this.onResize);
     }
 
-    this.tip = tippy_headless_esm(this.anchorEl, this.getOptions({
-      popperOptions: this.getPopperOptions(),
-      tippyOptions: {
-        placement: this.placement,
-        hideOnClick: this.hideOnClick,
-        offset: this.offset,
-        interactiveBorder: this.interactiveBorder,
-        appendTo: this.appendTo,
-        interactive: this.interactive,
-        allowHTML: true,
-        trigger: this.trigger,
-        zIndex,
-        onHide: this.onHide,
-        onMount: this.onMount,
-        onClickOutside: this.onClickOutside,
-        onShow: this.onShow
-      }
-    }));
-
-    if (this.showPopover) {
+    this.tip = tippy_utils_createTippy(this.anchorEl, {
+      popperOptions: getPopperOptions({
+        fallbackPlacements: this.fallbackPlacements,
+        hasHideModifierEnabled: true
+      }),
+      contentElement: this.popoverContentEl,
+      placement: this.placement,
+      offset: this.offset,
+      appendTo: document.body,
+      interactive: true,
+      trigger: 'manual',
+      // We have to manage hideOnClick functionality manually to handle
+      // popover within popover situations.
+      hideOnClick: false,
+      zIndex: this.modal ? 650 : this.calculateAnchorZindex(),
+      onClickOutside: this.onClickOutside,
+      onShow: this.onShow
+    }); // immediate watcher fires before mounted, so have this here in case
+    // show prop was initially set to true.
+
+    if (this.isOpen) {
       this.tip.show();
-      this.addClosePopoverEventLister();
     }
   },
 
   beforeDestroy() {
-    var _this$tip4;
+    var _this$tip2;
 
     window.removeEventListener('resize', this.onResize);
-    this.removeOverlay();
-    (_this$tip4 = this.tip) === null || _this$tip4 === void 0 ? void 0 : _this$tip4.destroy();
+    (_this$tip2 = this.tip) === null || _this$tip2 === void 0 ? void 0 : _this$tip2.destroy();
     this.removeReferences();
-    this.removeClosePopoverEventLister();
+    this.removeClosePopoverEventListener();
   },
 
   /******************
    *     METHODS    *
    ******************/
   methods: {
-    isFixedHeaderFooter() {
-      // don't apply fixed header/footer classes if there's nothing in the slots
-      return this.fixedHeaderFooter && (this.$slots.headerContent || this.$slots.footerContent);
+    calculateAnchorZindex() {
+      // if a modal is currently active render at modal-element z-index, otherwise at popover z-index
+      if (document.querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')) {
+        return 650;
+      } else {
+        return 300;
+      }
     },
 
-    addClosePopoverEventLister() {
-      window.addEventListener('dt-popover-close', this.closePopover);
-    },
+    defaultToggleOpen(e) {
+      var _this$open;
 
-    removeClosePopoverEventLister() {
-      window.removeEventListener('dt-popover-close', this.closePopover);
-    },
+      if (e.type === 'mouseup') {
+        this.triggeredByMouse = true;
+      } // Only use default toggle behaviour if the user has not set the open prop.
+      // Check that the anchor element specifically was clicked.
 
-    onScrollContent({
-      target
-    }) {
-      this.hasScrolled = target.scrollTop > 0;
-    },
 
-    removeReferences() {
-      this.anchorEl = null;
-      this.popoverContentEl = null;
-      this.tip = null;
+      (_this$open = this.open) !== null && _this$open !== void 0 ? _this$open : this.anchorEl.contains(e.target) && this.toggleOpen();
     },
 
-    appendOverlay() {
-      const overlay = this.$refs.overlay.$el;
-      const {
-        lastChild
-      } = this.overlayAppendTo;
-
-      if (lastChild) {
-        this.overlayAppendTo.insertBefore(overlay, lastChild);
-      } else {
-        this.overlayAppendTo.append(overlay);
-      }
+    toggleOpen() {
+      this.isOpen = !this.isOpen;
     },
 
-    removeOverlay() {
-      if (this.$refs.overlay && this.$refs.overlay.$el) {
-        this.$refs.popover.append(this.$refs.overlay.$el);
-      }
+    addClosePopoverEventListener() {
+      window.addEventListener('dt-popover-close', this.closePopover);
     },
 
-    getPlacement(vertical = 'bottom', horizontal = 'end') {
-      const verticalAlignment = vertical || 'bottom';
-      const horizontalAlignment = horizontal || 'end';
-      if (horizontalAlignment === 'center') return verticalAlignment;
-
-      if (horizontalAlignment === 'left' || horizontalAlignment === 'right') {
-        return "".concat(verticalAlignment, "-").concat(horizontalAlignment === 'left' ? 'start' : 'end');
-      }
-
-      return "".concat(verticalAlignment, "-").concat(horizontalAlignment);
+    removeClosePopoverEventListener() {
+      window.removeEventListener('dt-popover-close', this.closePopover);
     },
 
     closePopover() {
-      this.tip.hide();
+      this.isOpen = false;
     },
 
-    closePopoverOnClick() {
-      if (typeof this.hideOnClick === 'boolean' && this.hideOnClick) {
-        this.closePopover();
-      }
+    removeReferences() {
+      this.anchorEl = null;
+      this.popoverContentEl = null;
+      this.tip = null;
     },
 
     async onShow() {
@@ -9219,43 +8689,26 @@ var popover_header_footer_component = normalizeComponent(
       }
     },
 
-    onLeave() {
-      var _this$tip5;
+    onLeaveTransitionComplete() {
+      var _this$tip3;
 
-      this.isPreventHidePopover = true;
+      this.focusFirstElementIfNeeded(this.$refs.anchor);
+      (_this$tip3 = this.tip) === null || _this$tip3 === void 0 ? void 0 : _this$tip3.unmount();
+      this.$emit('opened', false);
 
-      if (this.focusAnchorOnClose && !this.closedByClickOutside) {
-        this.focusFirstElementIfNeeded(this.$refs.anchor);
+      if (this.open !== null) {
+        this.$emit('update:open', false);
       }
-
-      this.closedByClickOutside = false;
-      (_this$tip5 = this.tip) === null || _this$tip5 === void 0 ? void 0 : _this$tip5.unmount();
-      this.$emit('update:open', false);
     },
 
-    onOpen() {
-      this.$emit('update:open', true, this.$refs.popover__content);
-      this.focusFirstElementIfNeeded(this.$refs.popover__content);
-    },
-
-    onHide() {
-      this.showPopover = false;
-      /**
-       *  https://atomiks.github.io/tippyjs/v6/all-props/#onhide
-       *  return false from 'onHide' lifecycle to cancel a hide based on a condition.
-      **/
+    async onEnterTransitionComplete() {
+      this.$emit('opened', true, this.$refs.popover__content);
 
-      return this.isPreventHidePopover;
-    },
-
-    onMount() {
-      var _this$tip6;
+      if (this.open !== null) {
+        this.$emit('update:open', true);
+      }
 
-      this.isPreventHidePopover = false;
-      this.showPopover = true;
-      (_this$tip6 = this.tip) === null || _this$tip6 === void 0 ? void 0 : _this$tip6.setProps({
-        placement: this.placement
-      });
+      this.focusFirstElementIfNeeded(this.$refs.popover__content);
     },
 
     onResize() {
@@ -9263,58 +8716,24 @@ var popover_header_footer_component = normalizeComponent(
     },
 
     onClickOutside() {
-      this.closedByClickOutside = true;
+      if (!this.hideOnClick) return; // If a modal popover is opened inside of this one, do not hide on click out
+
+      const innerModals = this.popoverContentEl.querySelector('.d-modal--transparent[aria-hidden="false"]');
+
+      if (!innerModals) {
+        this.triggeredByMouse = true;
+        this.closePopover();
+      }
     },
 
     onKeydown(e) {
       if (e.key === 'Tab') {
         this.focusTrappedTabPress(e, this.popoverContentEl);
       }
-    },
 
-    getPopperOptions() {
-      return {
-        modifiers: [{
-          name: 'flip',
-          options: {
-            boundary: this.flipBoundary,
-            fallbackPlacements: this.fallbackPlacements
-          }
-        }, {
-          name: 'hide',
-          enabled: this.appendTo !== 'parent'
-        }, getArrowDetected(({
-          state
-        }) => {
-          this.verticalAlignment = state.placement.includes('top') ? 'top' : 'bottom';
-
-          if (state.placement === 'top' || state.placement === 'bottom') {
-            this.horizontalAlignment = 'center';
-          } else {
-            this.horizontalAlignment = state.placement.includes('start') ? 'left' : 'right';
-          }
-        })]
-      };
-    },
-
-    getOptions({
-      popperOptions,
-      tippyOptions
-    } = {}) {
-      return {
-        popperOptions,
-        ...tippyOptions,
-        plugins: [hideOnEsc],
-        render: () => {
-          // The recommended structure is to use the popper as an outer wrapper
-          const popper = document.createElement('div');
-          popper.className = 'tippy-box d-ps-absolute';
-          popper.appendChild(this.popoverContentEl);
-          return {
-            popper
-          };
-        }
-      };
+      if (e.key === 'Escape') {
+        this.closePopover();
+      }
     },
 
     async setPopoverContentAnchorWidth() {
@@ -9323,6 +8742,11 @@ var popover_header_footer_component = normalizeComponent(
     },
 
     focusFirstElementIfNeeded(domEl) {
+      if (this.triggeredByMouse || !this.autoFocus) {
+        this.triggeredByMouse = false;
+        return;
+      }
+
       const focusableElements = this._getFocusableElements(domEl, true);
 
       if (focusableElements.length !== 0) {
@@ -9352,8 +8776,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__("e0bf");
 
 var popover_component = normalizeComponent(
   popover_popovervue_type_script_lang_js_,
-  popovervue_type_template_id_75f1019e_render,
-  popovervue_type_template_id_75f1019e_staticRenderFns,
+  popovervue_type_template_id_976c7246_render,
+  popovervue_type_template_id_976c7246_staticRenderFns,
   false,
   null,
   null,
@@ -9426,8 +8850,6 @@ const LIST_ITEM_NAVIGATION_TYPES = {
 //
 //
 //
-//
-//
 
 
 
@@ -9450,11 +8872,13 @@ const LIST_ITEM_NAVIGATION_TYPES = {
   })],
   props: {
     /**
-     * Optional prop to manage dropdown opening. Supports .sync modifier.
+     * Controls whether the dropdown is shown. Leaving this null will have the dropdown trigger on click by default.
+     * If you set this value, the default trigger behavior will be disabled and you can control it as you need.
+     * Supports .sync modifier
      */
     open: {
       type: Boolean,
-      default: false
+      default: null
     },
 
     /**
@@ -9466,8 +8890,17 @@ const LIST_ITEM_NAVIGATION_TYPES = {
     },
 
     /**
-     * Width configuration for the dropdown. 'anchor' is one possible string value.
-     * If passed, the dropdown will be set same width with anchor element
+     * Determines modal state, dropdown has a modal overlay preventing interaction with elements
+     * below it, but it is invisible.
+     */
+    modal: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * Width configuration for the popover content. When its value is 'anchor',
+     * the popover content will have the same width as the anchor.
      */
     contentWidth: {
       type: String,
@@ -9500,26 +8933,22 @@ const LIST_ITEM_NAVIGATION_TYPES = {
     },
 
     /**
-     * Fixed vertical alignment of the dropdown content. If passed, the dropdown
-     * will always display anchored to the top or bottom of the anchor element.
-     * If null, the content will be positioned on whichever side has the most
-     * available space relative to the root Vue element. String values must be
-     * one of `top` or `bottom`.
-     */
-    fixedVerticalAlignment: {
-      type: String,
-      default: null
+     * If the dropdown does not fit in the direction described by "placement",
+     * it will attempt to change it's direction to the "fallbackPlacements".
+     * */
+    fallbackPlacements: {
+      type: Array,
+      default: () => {
+        return ['auto'];
+      }
     },
 
     /**
-     * Fixed horizontal alignment of the dropdown content. If passed, the
-     * dropdown will always display anchored to the left, center or right of the
-     * anchor element. If null, the content will be positioned on whichever
-     * side has the most available space relative to the root Vue element.
+     * The direction the dropdown displays relative to the anchor.
      */
-    fixedAlignment: {
+    placement: {
       type: String,
-      default: 'left'
+      default: 'bottom'
     },
 
     /**
@@ -9538,12 +8967,12 @@ const LIST_ITEM_NAVIGATION_TYPES = {
       default: null
     }
   },
-  emits: ['escape', 'highlight', 'update:open'],
+  emits: ['highlight', 'update:open', 'opened'],
 
   data() {
     return {
       LIST_ITEM_NAVIGATION_TYPES: LIST_ITEM_NAVIGATION_TYPES,
-      isOpen: this.open
+      openedWithKeyboard: false
     };
   },
 
@@ -9560,18 +8989,12 @@ const LIST_ITEM_NAVIGATION_TYPES = {
       return this.getListElement().querySelector('#' + this.highlightId);
     }
 
-  },
-  watch: {
-    open(newValue) {
-      this.isOpen = newValue;
-    }
-
   },
   methods: {
     onMouseHighlight(e) {
       const liElement = e.target.closest('li');
 
-      if (liElement && liElement.classList.contains('dt-list-item--hoverable') && this.highlightId !== liElement.id) {
+      if (liElement && this.highlightId !== liElement.id) {
         this.setHighlightId(liElement.id);
         liElement.focus();
       }
@@ -9595,30 +9018,22 @@ const LIST_ITEM_NAVIGATION_TYPES = {
           this.setHighlightIndex(0);
         }
 
-        this.$emit('update:open', true);
+        this.$emit('opened', true);
       } else {
         this.clearHighlightIndex();
-        this.isOpen = false;
-        this.$emit('update:open', false);
+        this.openedWithKeyboard = false;
+        this.$emit('opened', false);
       }
     },
 
-    toggle() {
-      this.isOpen = !this.isOpen;
-    },
-
-    close() {
-      this.isOpen = false;
-    },
-
     onSpaceKey() {
-      if (!this.isOpen) {
+      if (!this.open) {
         this.openedWithKeyboard = true;
       }
     },
 
     onEnterKey() {
-      if (!this.isOpen) {
+      if (!this.open) {
         this.openedWithKeyboard = true;
       }
     },
@@ -9633,11 +9048,6 @@ const LIST_ITEM_NAVIGATION_TYPES = {
       if (this.navigationType === this.LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
         return this.onDownKey();
       }
-    },
-
-    onEscapeKey() {
-      this.isOpen = false;
-      this.$emit('escape');
     }
 
   }
@@ -9654,8 +9064,8 @@ const LIST_ITEM_NAVIGATION_TYPES = {
 
 var dropdown_component = normalizeComponent(
   dropdown_dropdownvue_type_script_lang_js_,
-  dropdownvue_type_template_id_5fa1ebfe_render,
-  dropdownvue_type_template_id_5fa1ebfe_staticRenderFns,
+  dropdownvue_type_template_id_20780c59_render,
+  dropdownvue_type_template_id_20780c59_staticRenderFns,
   false,
   null,
   null,
@@ -9666,7 +9076,7 @@ var dropdown_component = normalizeComponent(
 /* harmony default export */ var dropdown = (dropdown_component.exports);
 // CONCATENATED MODULE: ./components/dropdown/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=template&id=3764dc13&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=template&id=3764dc13&
 var inputvue_type_template_id_3764dc13_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",[(_vm.label)?_c('div',{class:[
           'base-input__label-text',
           'd-label',
@@ -9700,7 +9110,7 @@ const INPUT_SIZES = {
   INPUT_TYPES,
   INPUT_SIZES
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/validation_messages/validation_messages.vue?vue&type=template&id=e7311664&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/validation_messages/validation_messages.vue?vue&type=template&id=e7311664&
 var validation_messagesvue_type_template_id_e7311664_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showMessages && !_vm.isFilteredValidationMessagesEmpty)?_c('div',{staticClass:"base-input__messages d-d-flex d-fd-column",attrs:{"data-qa":"validation-messages-container"}},_vm._l((_vm.filteredValidationMessages),function(ref,index){
 var message = ref.message;
 var type = ref.type;
@@ -10565,7 +9975,7 @@ var input_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/input/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input_group/input_group.vue?vue&type=template&id=71af2433&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input_group/input_group.vue?vue&type=template&id=71af2433&
 var input_groupvue_type_template_id_71af2433_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('fieldset',{attrs:{"data-qa":_vm.dataQaGroup}},[(_vm.$slots.legend || _vm.legend)?_c('legend',_vm._b({class:['d-label', _vm.legendClass],attrs:{"data-qa":_vm.dataQaGroupLegend}},'legend',_vm.legendChildProps,false),[_vm._t("legend",[_vm._v(" "+_vm._s(_vm.legend)+" ")])],2):_vm._e(),_vm._t("default"),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":_vm.dataQaGroupMessages}},'dt-validation-messages',_vm.messagesChildProps,false))],2)}
 var input_groupvue_type_template_id_71af2433_staticRenderFns = []
 
@@ -10860,7 +10270,7 @@ var input_group_component = normalizeComponent(
 /* harmony default export */ var input_group_input_group = (input_group_component.exports);
 // CONCATENATED MODULE: ./components/input_group/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=e596a630&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=e596a630&
 var modalvue_type_template_id_e596a630_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-lazy-show',{class:[
     'd-modal',
     _vm.MODAL_KIND_MODIFIERS[_vm.kind],
@@ -11177,7 +10587,7 @@ var modal_component = normalizeComponent(
 
 // CONCATENATED MODULE: ./components/lazy_show/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=8857acea&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=8857acea&
 var list_sectionvue_type_template_id_8857acea_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['dt-list-section', 'd-fs14', 'd-lh6', 'd-py6', 'd-bc-black-200',
            { 'd-bb': _vm.separator }],attrs:{"id":_vm.id,"role":"group","aria-labelledby":(_vm.id + "-list-section-header"),"tabindex":"-1"}},[(_vm.header)?_c('h3',{staticClass:"d-pl12 d-mt6",attrs:{"id":(_vm.id + "-list-section-header")}},[_vm._v(" "+_vm._s(_vm.header)+" ")]):_vm._e(),(!_vm.isCollapsible || _vm.showAll)?_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_vm._t("default")],2):_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_c('vnodes',{attrs:{"vnodes":_vm.displayedItems}})],1),_c('div',{staticClass:"d-d-flex"},[(_vm.isCollapsible)?_c('dt-button',{staticClass:"d-ml12 d-py6",attrs:{"id":(_vm.id + "-list-section-show-more-less"),"link":""},on:{"click":_vm.showMoreLessClicked}},[_vm._v(" "+_vm._s(_vm.showMoreLessText)+" ")]):_vm._e(),_vm._t("footer")],2)])}
 var list_sectionvue_type_template_id_8857acea_staticRenderFns = []
@@ -11361,18 +10771,17 @@ var list_section_component = normalizeComponent(
 /* harmony default export */ var list_section = (list_section_component.exports);
 // CONCATENATED MODULE: ./components/list_section/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=0a5bcf97&
-var list_itemvue_type_template_id_0a5bcf97_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{tag:"component",class:['dt-list-item d-ls-none focus-visible', {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=239df68e&
+var list_itemvue_type_template_id_239df68e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{tag:"component",class:['dt-list-item d-ls-none focus-visible', {
     'dt-list-item--focusable': _vm.isFocusable,
     'dt-list-item--highlighted': _vm.isHighlighted,
-    'dt-list-item--hoverable': _vm.isHoverable,
-  }],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onClick($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onClick($event)}],"click":_vm.onClick}},[(_vm.listItemType)?_c(_vm.listItemType,{tag:"component",scopedSlots:_vm._u([_vm._l((_vm.$slots),function(_,slotName){return {key:slotName,fn:function(){return [_vm._t(slotName)]},proxy:true}})],null,true)}):_vm._t("default")],2)}
-var list_itemvue_type_template_id_0a5bcf97_staticRenderFns = []
+  }],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.onClick($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.onClick($event)}],"mousemove":_vm.onMouseHover,"mouseleave":_vm.onMouseLeave,"click":_vm.onClick}},[(_vm.listItemType)?_c(_vm.listItemType,{tag:"component",scopedSlots:_vm._u([_vm._l((_vm.$slots),function(_,slotName){return {key:slotName,fn:function(){return [_vm._t(slotName)]},proxy:true}})],null,true)}):_vm._t("default")],2)}
+var list_itemvue_type_template_id_239df68e_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=0a5bcf97&
+// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=239df68e&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=template&id=42285ca2&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=template&id=42285ca2&
 var default_list_itemvue_type_template_id_42285ca2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs14 d-lh4 d-py2 d-px12 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs12 d-fc-black-500', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e()])}
 var default_list_itemvue_type_template_id_42285ca2_staticRenderFns = []
 
@@ -11484,6 +10893,7 @@ var default_list_item_component = normalizeComponent(
 //
 //
 //
+//
 
 
 
@@ -11551,7 +10961,15 @@ var default_list_item_component = normalizeComponent(
       validator: t => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t)
     }
   },
-  emits: ['click'],
+  emits: ['click'],
+
+  data() {
+    return {
+      injected: false,
+      mouseHighlighted: false
+    };
+  },
+
   computed: {
     listItemType() {
       switch (this.type) {
@@ -11565,9 +10983,14 @@ var default_list_item_component = normalizeComponent(
 
     /**
      * For keyboard navigation, whether or not this item is currently highlighted.
+     * An injected highlightId will override the default mouseover highlight.
      */
     isHighlighted() {
-      return this.highlightId ? this.id === this.highlightId() : false;
+      if (this.isHoverable) {
+        return this.highlightId() ? this.id === this.highlightId() : this.mouseHighlighted;
+      }
+
+      return false;
     },
 
     isFocusable() {
@@ -11586,6 +11009,14 @@ var default_list_item_component = normalizeComponent(
   methods: {
     onClick() {
       this.$emit('click');
+    },
+
+    onMouseHover() {
+      this.mouseHighlighted = true;
+    },
+
+    onMouseLeave() {
+      this.mouseHighlighted = false;
     }
 
   }
@@ -11606,8 +11037,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__("51f5");
 
 var list_item_component = normalizeComponent(
   list_item_list_itemvue_type_script_lang_js_,
-  list_itemvue_type_template_id_0a5bcf97_render,
-  list_itemvue_type_template_id_0a5bcf97_staticRenderFns,
+  list_itemvue_type_template_id_239df68e_render,
+  list_itemvue_type_template_id_239df68e_staticRenderFns,
   false,
   null,
   null,
@@ -11618,7 +11049,7 @@ var list_item_component = normalizeComponent(
 /* harmony default export */ var list_item = (list_item_component.exports);
 // CONCATENATED MODULE: ./components/list_item/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=template&id=4b03fec7&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=template&id=4b03fec7&
 var noticevue_type_template_id_4b03fec7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"data-qa":"notice"}},_vm.$listeners),[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)}
 var noticevue_type_template_id_4b03fec7_staticRenderFns = []
 
@@ -11798,7 +11229,7 @@ var notice_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/notice/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/radio/radio.vue?vue&type=template&id=1e978b0c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/radio/radio.vue?vue&type=template&id=1e978b0c&
 var radiovue_type_template_id_1e978b0c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-radio-group', { 'd-radio-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-radio__input"},[_c('input',_vm._g(_vm._b({class:['d-radio', _vm.inputValidationClass, _vm.inputClass],attrs:{"name":_vm.internalName,"disabled":_vm.internalDisabled,"type":"radio"},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"radio-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"radio-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-radio-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
 var radiovue_type_template_id_1e978b0c_staticRenderFns = []
 
@@ -12059,7 +11490,7 @@ var radio_group_component = normalizeComponent(
 /* harmony default export */ var radio_group = (radio_group_component.exports);
 // CONCATENATED MODULE: ./components/radio_group/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_group.vue?vue&type=template&id=59d36f62&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_group.vue?vue&type=template&id=59d36f62&
 var tab_groupvue_type_template_id_59d36f62_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tab-group"}},[_c('div',_vm._b({class:[
@@ -12385,7 +11816,7 @@ var tab_group_component = normalizeComponent(
 )
 
 /* harmony default export */ var tab_group = (tab_group_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab.vue?vue&type=template&id=0bc212ec&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab.vue?vue&type=template&id=0bc212ec&
 var tabvue_type_template_id_0bc212ec_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-button',_vm._b({class:[
@@ -12538,7 +11969,7 @@ var tab_component = normalizeComponent(
 )
 
 /* harmony default export */ var tab = (tab_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_panel.vue?vue&type=template&id=4d6d0107&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_panel.vue?vue&type=template&id=4d6d0107&
 var tab_panelvue_type_template_id_4d6d0107_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
     {
       'd-d-none': _vm.hidePanel,
@@ -12640,7 +12071,7 @@ var tab_panel_component = normalizeComponent(
 
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=template&id=2412baa0&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=template&id=2412baa0&
 var checkboxvue_type_template_id_2412baa0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-checkbox-group', { 'd-checkbox-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-checkbox__input"},[_c('input',_vm._g(_vm._b({class:['d-checkbox', _vm.inputValidationClass, _vm.inputClass],attrs:{"type":"checkbox","name":_vm.internalName,"disabled":_vm.internalDisabled},domProps:{"checked":_vm.internalChecked,"value":_vm.value,"indeterminate":_vm.internalIndeterminate}},'input',_vm.$attrs,false),_vm.inputListeners))]),(_vm.hasLabelOrDescription)?_c('div',{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[(_vm.hasLabel)?_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"checkbox-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2):_vm._e(),(_vm.hasDescription)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"checkbox-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-checkbox-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1):_vm._e()])])}
 var checkboxvue_type_template_id_2412baa0_staticRenderFns = []
 
@@ -12964,7 +12395,7 @@ var checkbox_group_component = normalizeComponent(
 /* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
 // CONCATENATED MODULE: ./components/checkbox_group/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=template&id=ea91f650&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=template&id=ea91f650&
 var select_menuvue_type_template_id_ea91f650_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('label',[(_vm.$slots.label || _vm.label)?_c('div',_vm._b({class:[
         'd-label',
         _vm.LABEL_SIZE_MODIFIERS[_vm.size],
@@ -13326,10 +12757,261 @@ const optionsValidator = options => {
 
 /* normalize component */
 
-var select_menu_component = normalizeComponent(
-  select_menu_select_menuvue_type_script_lang_js_,
-  select_menuvue_type_template_id_ea91f650_render,
-  select_menuvue_type_template_id_ea91f650_staticRenderFns,
+var select_menu_component = normalizeComponent(
+  select_menu_select_menuvue_type_script_lang_js_,
+  select_menuvue_type_template_id_ea91f650_render,
+  select_menuvue_type_template_id_ea91f650_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var select_menu = (select_menu_component.exports);
+// CONCATENATED MODULE: ./components/select_menu/index.js
+
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/toast/toast.vue?vue&type=template&id=a5474c4e&
+var toastvue_type_template_id_a5474c4e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{staticClass:"d-toast-wrapper"},[(!_vm.hidden)?_c('div',{class:[
+      'd-toast',
+      _vm.kindClass,
+      { 'd-toast--important': _vm.important } ],attrs:{"data-qa":"dt-toast","aria-hidden":_vm.hidden.toString()}},[_c('div',{staticClass:"d-toast__dialog"},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)]):_vm._e()])}
+var toastvue_type_template_id_a5474c4e_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=a5474c4e&
+
+// CONCATENATED MODULE: ./components/toast/toast_constants.js
+const TOAST_ROLES = ['status', 'alert'];
+/* harmony default export */ var toast_constants = ({
+  TOAST_ROLES
+});
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/toast/toast.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ var toastvue_type_script_lang_js_ = ({
+  name: 'DtToast',
+  components: {
+    DtNoticeIcon: notice_icon,
+    DtNoticeContent: notice_content,
+    DtNoticeAction: notice_action
+  },
+  props: {
+    /**
+     * Sets an ID on the title element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the title.
+     */
+    titleId: {
+      type: String,
+
+      default() {
+        return utils.getUniqueString();
+      }
+
+    },
+
+    /**
+     * Sets an ID on the content element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the content.
+     */
+    contentId: {
+      type: String,
+
+      default() {
+        return utils.getUniqueString();
+      }
+
+    },
+
+    /**
+     * Title header of the toast. This can be left blank to remove the title from the toast entirely.
+     */
+    title: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Message of the toast. Overridden by default slot.
+     */
+    message: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to
+     * communicate an important message like an error that does not contain any interactive elements.
+     */
+    role: {
+      type: String,
+      default: 'status',
+      validator: role => {
+        return TOAST_ROLES.includes(role);
+      }
+    },
+
+    /**
+     * Severity level of the toast, sets the icon and background
+     */
+    kind: {
+      type: String,
+      default: 'base',
+      validator: kind => {
+        return NOTICE_KINDS.includes(kind);
+      }
+    },
+
+    /**
+     * Used in scenarios where the message needs to visually dominate the screen.
+     */
+    important: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Props for the toast close button.
+     */
+    closeButtonProps: {
+      type: Object,
+      default: () => ({})
+    },
+
+    /**
+     * Hides the close button from the toast
+     */
+    hideClose: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * The duration in ms the toast will display before disappearing.
+     * Defaults to 6000 ms and the prop validation is that provided duration is equal to or greater than 6000.
+     */
+    duration: {
+      type: Number,
+      default: 6000,
+      validator: duration => {
+        return duration >= 6000;
+      }
+    }
+  },
+  emits: ['close'],
+
+  data() {
+    return {
+      hidden: true
+    };
+  },
+
+  computed: {
+    kindClass() {
+      const kindClasses = {
+        error: 'd-toast--error',
+        info: 'd-toast--info',
+        success: 'd-toast--success',
+        warning: 'd-toast--warning',
+        base: 'd-toast--base'
+      };
+      return kindClasses[this.kind];
+    }
+
+  },
+
+  /* TODO Vue 3 Migration
+   * destroyed() should be updated to unmounted() when migrating to Vue 3.
+   */
+  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
+  destroyed() {
+    clearTimeout(this.displayTimer);
+  },
+
+  methods: {
+    show() {
+      this.hidden = false;
+      this.displayTimer = setTimeout(() => {
+        this.hidden = true;
+      }, this.duration);
+    },
+
+    close() {
+      this.hidden = true;
+      clearTimeout(this.displayTimer);
+    }
+
+  }
+});
+// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=script&lang=js&
+ /* harmony default export */ var toast_toastvue_type_script_lang_js_ = (toastvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/toast/toast.vue
+
+
+
+
+
+/* normalize component */
+
+var toast_component = normalizeComponent(
+  toast_toastvue_type_script_lang_js_,
+  toastvue_type_template_id_a5474c4e_render,
+  toastvue_type_template_id_a5474c4e_staticRenderFns,
   false,
   null,
   null,
@@ -13337,29 +13019,39 @@ var select_menu_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var select_menu = (select_menu_component.exports);
-// CONCATENATED MODULE: ./components/select_menu/index.js
+/* harmony default export */ var toast = (toast_component.exports);
+// CONCATENATED MODULE: ./components/toast/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/toast/toast.vue?vue&type=template&id=a5474c4e&
-var toastvue_type_template_id_a5474c4e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{staticClass:"d-toast-wrapper"},[(!_vm.hidden)?_c('div',{class:[
-      'd-toast',
-      _vm.kindClass,
-      { 'd-toast--important': _vm.important } ],attrs:{"data-qa":"dt-toast","aria-hidden":_vm.hidden.toString()}},[_c('div',{staticClass:"d-toast__dialog"},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)]):_vm._e()])}
-var toastvue_type_template_id_a5474c4e_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=template&id=4440e874&
+var tooltipvue_type_template_id_4440e874_render = function () {
+var _obj;
+var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tooltip-container"}},[_c('div',{ref:"anchor",attrs:{"data-qa":"dt-tooltip-anchor"},on:{"focusin":_vm.onEnterAnchor,"focusout":_vm.onLeaveAnchor,"mouseenter":_vm.onEnterAnchor,"mouseleave":_vm.onLeaveAnchor,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.onLeaveAnchor($event)}}},[_vm._t("anchor",null,{"attrs":{
+        'aria-describedby': _vm.id,
+      }})],2),_c('dt-lazy-show',{ref:"content",class:[
+      'd-tooltip',
+      ("d-tooltip__arrow-tippy--" + _vm.currentPlacement),
+      ( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ),
+      _vm.contentClass ],attrs:{"id":_vm.id,"show":_vm.isShown,"role":"tooltip","aria-hidden":"false","data-qa":"dt-tooltip","appear":"","transition":_vm.transition},on:{"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2)],1)}
+var tooltipvue_type_template_id_4440e874_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=a5474c4e&
+// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=4440e874&
 
-// CONCATENATED MODULE: ./components/toast/toast_constants.js
-const TOAST_ROLES = ['status', 'alert'];
-/* harmony default export */ var toast_constants = ({
-  TOAST_ROLES
-});
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/toast/toast.vue?vue&type=script&lang=js&
-//
-//
-//
+// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
+/*
+* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement
+* */
+
+const TOOLTIP_DIRECTIONS = [...BASE_TIPPY_DIRECTIONS];
+const TOOLTIP_KIND_MODIFIERS = {
+  hover: "d-tooltip--hover",
+  show: "d-tooltip--show",
+  inverted: "d-tooltip--inverted",
+  hide: "d-tooltip--hide"
+};
+const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -13411,165 +13103,248 @@ const TOAST_ROLES = ['status', 'alert'];
 
 
 
-
-
-/* harmony default export */ var toastvue_type_script_lang_js_ = ({
-  name: 'DtToast',
+/* harmony default export */ var tooltipvue_type_script_lang_js_ = ({
+  name: 'Tooltip',
   components: {
-    DtNoticeIcon: notice_icon,
-    DtNoticeContent: notice_content,
-    DtNoticeAction: notice_action
+    DtLazyShow: lazy_show
   },
   props: {
     /**
-     * Sets an ID on the title element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the title.
+     * The id of the tooltip
      */
-    titleId: {
+    id: {
       type: String,
 
       default() {
-        return utils.getUniqueString();
+        return getUniqueString();
       }
 
     },
 
     /**
-     * Sets an ID on the content element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the content.
-     */
-    contentId: {
-      type: String,
-
-      default() {
-        return utils.getUniqueString();
-      }
-
+     * If the popover does not fit in the direction described by "placement",
+     * it will attempt to change it's direction to the "fallbackPlacements"
+     * if defined, otherwise it will automatically position to a new location
+     * as it sees best fit.
+     * */
+    fallbackPlacements: {
+      type: Array,
+      default: () => ['auto']
     },
 
     /**
-     * Title header of the toast. This can be left blank to remove the title from the toast entirely.
+     * Add inverted class
      */
-    title: {
-      type: String,
-      default: ''
+    inverted: {
+      type: Boolean,
+      default: false
     },
 
     /**
-     * Message of the toast. Overridden by default slot.
+     *  Displaces the tooltip from its reference element
+     *  by the specified number of pixels.
      */
-    message: {
-      type: String,
-      default: ''
+    offset: {
+      type: Array,
+      default: () => [0, 0]
     },
 
     /**
-     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to
-     * communicate an important message like an error that does not contain any interactive elements.
+     * The direction the popover displays relative to the anchor.
      */
-    role: {
+    placement: {
       type: String,
-      default: 'status',
-      validator: role => {
-        return TOAST_ROLES.includes(role);
-      }
-    },
+      default: 'top',
 
-    /**
-     * Severity level of the toast, sets the icon and background
-     */
-    kind: {
-      type: String,
-      default: 'base',
-      validator: kind => {
-        return NOTICE_KINDS.includes(kind);
+      validator(placement) {
+        return TOOLTIP_DIRECTIONS.includes(placement);
       }
+
     },
 
     /**
-     * Used in scenarios where the message needs to visually dominate the screen.
+     * Additional css classes for the tooltip content element.
+     * Can accept all of String, Object, and Array, i.e. has the
+     * same api as Vue's built-in handling of the class attribute.
      */
-    important: {
-      type: Boolean,
-      default: false
+    contentClass: {
+      type: [String, Object, Array],
+      default: ''
     },
 
     /**
-     * Props for the toast close button.
+     * A provided message for the tooltip content
      */
-    closeButtonProps: {
-      type: Object,
-      default: () => ({})
+    message: {
+      type: String,
+      default: ''
     },
 
     /**
-     * Hides the close button from the toast
+     * Controls whether the tooltip is shown. Leaving this null will have the tooltip trigger on mouseover by default.
+     * If you set this value, the default mouseover behavior will be disabled and you can control it as you need.
+     * Supports .sync modifier
      */
-    hideClose: {
+    show: {
       type: Boolean,
-      default: false
+      default: null
     },
 
     /**
-     * The duration in ms the toast will display before disappearing.
-     * Defaults to 6000 ms and the prop validation is that provided duration is equal to or greater than 6000.
+     * Named transition when the content display is toggled.
+     * @see DtLazyShow
      */
-    duration: {
-      type: Number,
-      default: 6000,
-      validator: duration => {
-        return duration >= 6000;
-      }
+    transition: {
+      type: String,
+      default: 'fade'
     }
   },
-  emits: ['close'],
+  emits: ['update:show', 'shown'],
 
   data() {
     return {
-      hidden: true
+      TOOLTIP_KIND_MODIFIERS: TOOLTIP_KIND_MODIFIERS,
+      tip: null,
+      // Internal state for whether the tooltip is shown. Changing the prop
+      // will update this.
+      isShown: false,
+      // this is where the placement currently is, this can be different than
+      // the placement prop when there is not enough available room for the tip
+      // to display and it uses a fallback placement.
+      currentPlacement: this.placement
     };
   },
 
   computed: {
-    kindClass() {
-      const kindClasses = {
-        error: 'd-toast--error',
-        info: 'd-toast--info',
-        success: 'd-toast--success',
-        warning: 'd-toast--warning',
-        base: 'd-toast--base'
+    tippyProps() {
+      return {
+        offset: this.offset,
+        appendTo: document.body,
+        interactive: false,
+        trigger: 'manual',
+        placement: this.placement,
+        popperOptions: getPopperOptions({
+          fallbackPlacements: this.fallbackPlacements,
+          hasHideModifierEnabled: true,
+          onChangePlacement: this.onChangePlacement
+        })
       };
-      return kindClasses[this.kind];
     }
 
   },
+  watch: {
+    tippyProps: {
+      handler: 'setProps',
+      deep: true
+    },
+    show: {
+      handler: function (show) {
+        if (show !== null) {
+          this.isShown = show;
+        }
+      },
+      immediate: true
+    },
 
-  /* TODO Vue 3 Migration
-   * destroyed() should be updated to unmounted() when migrating to Vue 3.
-   */
-  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
-  destroyed() {
-    clearTimeout(this.displayTimer);
+    isShown(isShown, isPrev) {
+      if (isShown) {
+        this.setProps();
+        this.tip.show();
+      } else {
+        this.tip.hide();
+      }
+    }
+
+  },
+
+  mounted() {
+    this.tip = tippy_utils_createTippy(getAnchor(this.$refs.anchor), this.initOptions()); // immediate watcher fires before mounted, so have this here in case
+    // show prop was initially set to true.
+
+    if (this.isShown) {
+      this.tip.show();
+    }
+  },
+
+  beforeDestroy() {
+    if (this.tip) {
+      var _this$tip;
+
+      (_this$tip = this.tip) === null || _this$tip === void 0 ? void 0 : _this$tip.destroy();
+    }
   },
 
   methods: {
-    show() {
-      this.hidden = false;
-      this.displayTimer = setTimeout(() => {
-        this.hidden = true;
-      }, this.duration);
+    calculateAnchorZindex() {
+      // if a modal is currently active render at modal-element z-index, otherwise at tooltip z-index
+      if (document.querySelector('.d-modal[aria-hidden="false"], .d-modal--transparent[aria-hidden="false"]')) {
+        return 651;
+      } else {
+        return 400;
+      }
     },
 
-    close() {
-      this.hidden = true;
-      clearTimeout(this.displayTimer);
+    onEnterAnchor(e) {
+      if (this.show === null) this.isShown = true;
+    },
+
+    onLeaveAnchor(e) {
+      if (this.show === null) this.isShown = false;
+    },
+
+    onChangePlacement(placement) {
+      this.currentPlacement = placement;
+    },
+
+    onLeaveTransitionComplete() {
+      var _this$tip2;
+
+      (_this$tip2 = this.tip) === null || _this$tip2 === void 0 ? void 0 : _this$tip2.unmount();
+      this.$emit('shown', false);
+
+      if (this.show !== null) {
+        this.$emit('update:show', false);
+      }
+    },
+
+    onEnterTransitionComplete() {
+      this.$emit('shown', true);
+
+      if (this.show !== null) {
+        this.$emit('update:show', true);
+      }
+    },
+
+    setProps() {
+      if (this.tip && this.tip.setProps) {
+        this.tip.setProps({ ...this.tippyProps
+        });
+      }
+    },
+
+    onMount() {
+      this.setProps();
+    },
+
+    initOptions() {
+      return {
+        contentElement: this.$refs.content.$el,
+        allowHTML: true,
+        zIndex: this.calculateAnchorZindex(),
+        onMount: this.onMount,
+        ...this.tippyProps
+      };
     }
 
   }
 });
-// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=script&lang=js&
- /* harmony default export */ var toast_toastvue_type_script_lang_js_ = (toastvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./components/toast/toast.vue
+// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js&
+ /* harmony default export */ var tooltip_tooltipvue_type_script_lang_js_ = (tooltipvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&lang=less&
+var tooltipvue_type_style_index_0_lang_less_ = __webpack_require__("fd4e");
+
+// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
+
 
 
 
@@ -13577,10 +13352,10 @@ const TOAST_ROLES = ['status', 'alert'];
 
 /* normalize component */
 
-var toast_component = normalizeComponent(
-  toast_toastvue_type_script_lang_js_,
-  toastvue_type_template_id_a5474c4e_render,
-  toastvue_type_template_id_a5474c4e_staticRenderFns,
+var tooltip_component = normalizeComponent(
+  tooltip_tooltipvue_type_script_lang_js_,
+  tooltipvue_type_template_id_4440e874_render,
+  tooltipvue_type_template_id_4440e874_staticRenderFns,
   false,
   null,
   null,
@@ -13588,18 +13363,18 @@ var toast_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var toast = (toast_component.exports);
-// CONCATENATED MODULE: ./components/toast/index.js
+/* harmony default export */ var tooltip = (tooltip_component.exports);
+// CONCATENATED MODULE: ./components/tooltip/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton.vue?vue&type=template&id=293e767b&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton.vue?vue&type=template&id=293e767b&
 var skeletonvue_type_template_id_293e767b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"aria-busy":"true","role":"status","aria-label":_vm.ariaLabel}},[(_vm.listItemOption)?_c('dt-skeleton-list-item',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-list-item',_vm.listItemOption === true ? {} : _vm.listItemOption,false)):(_vm.shapeOption)?_c('dt-skeleton-shape',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-shape',_vm.shapeOption === true ? {} : _vm.shapeOption,false)):(_vm.paragraphOption)?_c('dt-skeleton-paragraph',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-paragraph',_vm.paragraphOption === true ? {} : _vm.paragraphOption,false)):_c('dt-skeleton-text',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-text',_vm.textOption || {},false))],1)}
 var skeletonvue_type_template_id_293e767b_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./components/skeleton/skeleton.vue?vue&type=template&id=293e767b&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-shape.vue?vue&type=template&id=560ebbf4&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-shape.vue?vue&type=template&id=560ebbf4&
 var skeleton_shapevue_type_template_id_560ebbf4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"skeleton",class:[
     'skeleton-placeholder',
     _vm.SKELETON_SHAPES[_vm.shape],
@@ -13766,7 +13541,7 @@ var skeleton_shape_component = normalizeComponent(
 )
 
 /* harmony default export */ var skeleton_shape = (skeleton_shape_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-list-item.vue?vue&type=template&id=550b8bfc&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-list-item.vue?vue&type=template&id=550b8bfc&
 var skeleton_list_itemvue_type_template_id_550b8bfc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
     'd-d-flex',
     {
@@ -13778,7 +13553,7 @@ var skeleton_list_itemvue_type_template_id_550b8bfc_staticRenderFns = []
 
 // CONCATENATED MODULE: ./components/skeleton/skeleton-list-item.vue?vue&type=template&id=550b8bfc&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-paragraph.vue?vue&type=template&id=5c1bdf76&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-paragraph.vue?vue&type=template&id=5c1bdf76&
 var skeleton_paragraphvue_type_template_id_5c1bdf76_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
     'd-w100p',
     _vm.contentClass ],attrs:{"contentClass":"","data-qa":"skeleton-paragraph"}},_vm._l((_vm.integerRows),function(row){return _c('dt-skeleton-text',{key:row,class:[
@@ -13790,7 +13565,7 @@ var skeleton_paragraphvue_type_template_id_5c1bdf76_staticRenderFns = []
 
 // CONCATENATED MODULE: ./components/skeleton/skeleton-paragraph.vue?vue&type=template&id=5c1bdf76&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-text.vue?vue&type=template&id=b36ce9f2&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/skeleton/skeleton-text.vue?vue&type=template&id=b36ce9f2&
 var skeleton_textvue_type_template_id_b36ce9f2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.type === 'body')?_c('div',{ref:"skeleton",class:[
     'd-h8',
     'd-bar2',
@@ -14308,7 +14083,7 @@ var skeleton_component = normalizeComponent(
 
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=42a36d1f&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=42a36d1f&
 var keyboard_shortcutvue_type_template_id_42a36d1f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('kbd',{class:[
     'd-d-inline-flex',
     'd-ff-custom',
@@ -14331,7 +14106,7 @@ var keyboard_shortcutvue_type_template_id_42a36d1f_staticRenderFns = []
 
 // CONCATENATED MODULE: ./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=42a36d1f&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWindows.vue?vue&type=template&id=799d0e52&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWindows.vue?vue&type=template&id=799d0e52&
 var IconWindowsvue_type_template_id_799d0e52_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__windows",attrs:{"aria-hidden":"true","aria-label":"Windows","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19.903 12.819v7.532L10.936 19v-6.197l8.967.016zM10.936 5.334l8.967-1.249V11.5h-8.967V5.334zM9.745 12.757v6.134l-6.643-.885v-5.28l6.643.03zM3.097 6.328l6.647-.885v6.134H3.1l-.003-5.25z","fill":"#0D0C0F"}})])}
 var IconWindowsvue_type_template_id_799d0e52_staticRenderFns = []
 
@@ -14357,7 +14132,7 @@ var IconWindows_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconWindows = (IconWindows_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconAdd.vue?vue&type=template&id=37aa578e&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconAdd.vue?vue&type=template&id=37aa578e&
 var IconAddvue_type_template_id_37aa578e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__add",attrs:{"aria-hidden":"true","aria-label":"Add","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}})])}
 var IconAddvue_type_template_id_37aa578e_staticRenderFns = []
 
@@ -14383,7 +14158,7 @@ var IconAdd_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconAdd = (IconAdd_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDownward.vue?vue&type=template&id=3615192c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDownward.vue?vue&type=template&id=3615192c&
 var IconArrowDownwardvue_type_template_id_3615192c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__arrowDownward",attrs:{"aria-hidden":"true","aria-label":"Arrow Downward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"}})])}
 var IconArrowDownwardvue_type_template_id_3615192c_staticRenderFns = []
 
@@ -14409,7 +14184,7 @@ var IconArrowDownward_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconArrowDownward = (IconArrowDownward_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowUpward.vue?vue&type=template&id=10122176&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowUpward.vue?vue&type=template&id=10122176&
 var IconArrowUpwardvue_type_template_id_10122176_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__arrowUpward",attrs:{"aria-hidden":"true","aria-label":"Arrow Upward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"}})])}
 var IconArrowUpwardvue_type_template_id_10122176_staticRenderFns = []
 
@@ -14435,7 +14210,7 @@ var IconArrowUpward_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconArrowUpward = (IconArrowUpward_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowForward.vue?vue&type=template&id=24d9c0d4&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowForward.vue?vue&type=template&id=24d9c0d4&
 var IconArrowForwardvue_type_template_id_24d9c0d4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__arrowForward",attrs:{"aria-hidden":"true","aria-label":"Arrow Forward","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"}})])}
 var IconArrowForwardvue_type_template_id_24d9c0d4_staticRenderFns = []
 
@@ -14461,7 +14236,7 @@ var IconArrowForward_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconArrowForward = (IconArrowForward_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"743051c2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowBackwards.vue?vue&type=template&id=422cf4b0&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f8bff740-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowBackwards.vue?vue&type=template&id=422cf4b0&
 var IconArrowBackwardsvue_type_template_id_422cf4b0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__arrowBackwards",attrs:{"aria-hidden":"true","aria-label":"Arrow Backwards","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 20l1.41-1.41L7.83 13H20v-2H7.83l5.58-5.59L12 4l-8 8 8 8z"}})])}
 var IconArrowBackwardsvue_type_template_id_422cf4b0_staticRenderFns = []