@dialpad/dialtone-vue 1.2.1 → 1.5.0

package/dist/dialtone-vue.common.js

@@ -87,6 +87,20 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
+/***/ "1a61":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".dt-default-list-item,.dt-default-list-item--left,.dt-default-list-item--right{min-height:28px}", ""]);
+// Exports
+module.exports = exports;
+
+
+/***/ }),
+
 /***/ "24fb":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -209,7 +223,21 @@ module.exports = exports;
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".dt-list-item[tabindex=\"-1\"]:focus{outline:none}.dt-list-item-clickable:focus,.dt-list-item-clickable:hover{background-color:hsla(var(--primary-color-h),var(--primary-color-s),var(--primary-color-l),.1);cursor:pointer}", ""]);
+exports.push([module.i, ".dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--focusable:hover,.dt-list-item--highlighted{background-color:hsla(var(--black-400-h),var(--black-400-s),var(--black-400-l),.15);cursor:pointer}.dt-list-item--focusable:focus{outline-color:var(--primary-color)}", ""]);
+// Exports
+module.exports = exports;
+
+
+/***/ }),
+
+/***/ "4834":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".d-modal-enter,.d-modal-leave-to,.d-modal__dialog-enter,.d-modal__dialog-leave-to{z-index:var(--zi-hide)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;visibility:hidden!important;opacity:0!important}.d-modal__dialog-enter,.d-modal__dialog-leave-to{transform:translate3d(0,30%,0) scale3d(.75,.75,.75)!important}.d-modal-enter-active,.d-modal__dialog-enter-active{transition:opacity .1s var(--ttf-in-out) 10ms,z-index 0s 0s,visibility 0s 0s,transform .1s var(--ttf-in-out) 10ms}@media (prefers-reduced-motion){.d-modal-enter-active,.d-modal__dialog-enter-active{transition:none!important}}.d-modal-leave-active{transition:opacity .1s var(--ttf-in-out) 10ms,z-index 0s .2s,visibility 0s .2s,transform .1s var(--ttf-in-out) 10ms}.d-modal-leave-active.d-modal--full{transition:opacity .2s var(--ttf-in-out) 0s,z-index 0s .2s,visibility 0s .2s}@media (prefers-reduced-motion){.d-modal-leave-active{transition:none!important}}.d-modal__dialog-leave-active{transition:opacity .2s var(--ttf-in-out) 0s,z-index 0s .2s,visibility 0s .2s,transform .1s var(--ttf-in-out) 0s}.d-modal__dialog-leave-active.d-modal--full{transition:opacity .2s var(--ttf-in-out) 0s,z-index 0s .2s,visibility 0s .2s}@media (prefers-reduced-motion){.d-modal__dialog-leave-active{transition:none!important}}", ""]);
 // Exports
 module.exports = exports;
 
@@ -523,6 +551,22 @@ var update = add("27ac9170", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ "86eb":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("1a61");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("7758d33c", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "88f8":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -560,6 +604,17 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("572d8ba2", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "b8b3":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_default_list_item_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("86eb");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_default_list_item_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_default_list_item_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c28b":
@@ -580,6 +635,17 @@ var update = add("572d8ba2", content, true, {"sourceMap":false,"shadowMode":fals
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "e55c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_modal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fc47");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_modal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_modal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "fae3":
@@ -671,7 +737,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":"0a246294-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=3c007948&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=3c007948&
 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],
@@ -774,6 +840,7 @@ const DEFAULT_PREFIX = 'dt';
 });
 // CONCATENATED MODULE: ./components/utils.js
 
+
 let UNIQUE_ID_COUNTER = 0; // selector to find focusable not hidden inputs
 
 const FOCUSABLE_SELECTOR_NOT_HIDDEN = 'input:not([type=hidden]):not(:disabled)'; // selector to find focusable not disables elements
@@ -846,12 +913,36 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
 function findFirstFocusableNode(element) {
   return element === null || element === void 0 ? void 0 : element.querySelector(FOCUSABLE_SELECTOR);
 }
+/* html-fragment component:
+ * To render html without wrapping in another element as when using v-html.
+ * props: html
+ */
+
+const htmlFragment = {
+  name: 'html-fragment',
+  functional: true,
+  props: ['html'],
+
+  render(h, ctx) {
+    return new external_commonjs_vue_commonjs2_vue_root_Vue_default.a({
+      name: 'Inner',
+
+      beforeCreate() {
+        this.$createElement = h;
+      },
+
+      template: `<div>${ctx.props.html}</div>`
+    }).$mount()._vnode.children;
+  }
+
+};
 /* harmony default export */ var utils = ({
   getUniqueString,
   formatMessages,
   filterFormattedMessages,
   hasFormattedMessageOfType,
-  getValidationState
+  getValidationState,
+  htmlFragment
 });
 // 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/avatar/avatar.vue?vue&type=script&lang=js&
 //
@@ -1085,7 +1176,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":"0a246294-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":"5c94b5f3-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)}
@@ -1182,21 +1273,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":"0a246294-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=928dbcb4&
-var bannervue_type_template_id_928dbcb4_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_928dbcb4_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=008cf60a&
+var bannervue_type_template_id_008cf60a_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_008cf60a_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=928dbcb4&
+// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=008cf60a&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-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":"5c94b5f3-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":"0a246294-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":"5c94b5f3-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 = []
 
@@ -1222,7 +1313,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":"0a246294-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":"5c94b5f3-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 = []
 
@@ -1248,7 +1339,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":"0a246294-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":"5c94b5f3-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 = []
 
@@ -1274,7 +1365,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":"0a246294-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":"5c94b5f3-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 = []
 
@@ -1300,7 +1391,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":"0a246294-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":"5c94b5f3-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 = []
 
@@ -1404,7 +1495,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":"0a246294-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":"5c94b5f3-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 = []
 
@@ -1476,14 +1567,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":"0a246294-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=279e5f84&
-var notice_actionvue_type_template_id_279e5f84_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_279e5f84_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=279e5f84&
+// 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":"0a246294-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":"5c94b5f3-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 = []
 
@@ -1509,17 +1600,17 @@ 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":"0a246294-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=559e22d4&
-var buttonvue_type_template_id_559e22d4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=434ac93d&
+var buttonvue_type_template_id_434ac93d_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.$slots.icon && !_vm.link)?_c('span',{class:[
       'base-button__icon',
       'd-btn__icon',
       _vm.ICON_POSITION_MODIFIERS[_vm.iconPosition] ],attrs:{"data-qa":"dt-button-icon"}},[_vm._t("icon")],2):_vm._e(),(_vm.$slots.default)?_c('span',{class:['d-w100p', 'd-btn__label', 'base-button__label', _vm.labelClass],attrs:{"data-qa":"dt-button-label"}},[_vm._t("default")],2):_vm._e()])}
-var buttonvue_type_template_id_559e22d4_staticRenderFns = []
+var buttonvue_type_template_id_434ac93d_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=559e22d4&
+// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=434ac93d&
 
 // CONCATENATED MODULE: ./components/button/button_constants.js
 const BUTTON_SIZE_MODIFIERS = {
@@ -1626,6 +1717,7 @@ const LINK_KIND_MODIFIERS = {
 //
 //
 //
+//
 
 
 
@@ -1752,7 +1844,7 @@ const LINK_KIND_MODIFIERS = {
       default: false
     }
   },
-  emits: ['focusout', 'focusin'],
+  emits: ['click', 'focusin', 'focusout'],
 
   data() {
     return {
@@ -1836,8 +1928,8 @@ const LINK_KIND_MODIFIERS = {
 
 var button_component = normalizeComponent(
   button_buttonvue_type_script_lang_js_,
-  buttonvue_type_template_id_559e22d4_render,
-  buttonvue_type_template_id_559e22d4_staticRenderFns,
+  buttonvue_type_template_id_434ac93d_render,
+  buttonvue_type_template_id_434ac93d_staticRenderFns,
   false,
   null,
   null,
@@ -1869,6 +1961,7 @@ var button_component = normalizeComponent(
 //
 //
 //
+//
 
 
 /* harmony default export */ var notice_actionvue_type_script_lang_js_ = ({
@@ -1887,6 +1980,7 @@ var button_component = normalizeComponent(
       default: false
     }
   },
+  emits: ['close'],
 
   created() {
     if (!this.hideClose && !this.closeButtonProps.ariaLabel) {
@@ -1925,8 +2019,8 @@ var button_component = normalizeComponent(
 
 var notice_action_component = normalizeComponent(
   notice_notice_actionvue_type_script_lang_js_,
-  notice_actionvue_type_template_id_279e5f84_render,
-  notice_actionvue_type_template_id_279e5f84_staticRenderFns,
+  notice_actionvue_type_template_id_83c987fc_render,
+  notice_actionvue_type_template_id_83c987fc_staticRenderFns,
   false,
   null,
   null,
@@ -2185,14 +2279,21 @@ const focusableElementsList = `button:${nonFocusableAttrs},
       default: false
     }
   },
+  emits: ['close'],
   computed: {
     role() {
       return this.important ? 'alertdialog' : 'status';
     },
 
     bannerClass() {
-      return ['d-banner', {
-        [`d-banner--${this.kind}`]: this.kind.length > 1,
+      const kindClasses = {
+        error: 'd-banner--error',
+        info: 'd-banner--info',
+        success: 'd-banner--success',
+        warning: 'd-banner--warning',
+        base: 'd-banner--base'
+      };
+      return ['d-banner', kindClasses[this.kind], {
         'd-banner--important': this.important,
         'd-banner--pinned': this.pinned
       }];
@@ -2227,8 +2328,8 @@ const focusableElementsList = `button:${nonFocusableAttrs},
 
 var banner_component = normalizeComponent(
   banner_bannervue_type_script_lang_js_,
-  bannervue_type_template_id_928dbcb4_render,
-  bannervue_type_template_id_928dbcb4_staticRenderFns,
+  bannervue_type_template_id_008cf60a_render,
+  bannervue_type_template_id_008cf60a_staticRenderFns,
   false,
   null,
   null,
@@ -2239,7 +2340,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":"0a246294-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=b762e354&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=b762e354&
 var breadcrumbsvue_type_template_id_b762e354_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{class:[
@@ -2253,7 +2354,7 @@ var breadcrumbsvue_type_template_id_b762e354_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":"0a246294-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":"5c94b5f3-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:[
@@ -2264,14 +2365,14 @@ 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":"0a246294-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=6af78110&
-var linkvue_type_template_id_6af78110_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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._t("default")],2)}
-var linkvue_type_template_id_6af78110_staticRenderFns = []
+    _vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},_vm.$listeners),[_vm._t("default")],2)}
+var linkvue_type_template_id_08ea8c41_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=6af78110&
+// CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=08ea8c41&
 
 // 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/link/link.vue?vue&type=script&lang=js&
 //
@@ -2286,6 +2387,7 @@ var linkvue_type_template_id_6af78110_staticRenderFns = []
 //
 //
 //
+//
 
 /* harmony default export */ var linkvue_type_script_lang_js_ = ({
   name: 'DtLink',
@@ -2303,6 +2405,7 @@ var linkvue_type_template_id_6af78110_staticRenderFns = []
 
     }
   },
+  emits: ['click', 'focusin', 'focusout'],
 
   data() {
     return {
@@ -2323,8 +2426,8 @@ var linkvue_type_template_id_6af78110_staticRenderFns = []
 
 var link_component = normalizeComponent(
   link_linkvue_type_script_lang_js_,
-  linkvue_type_template_id_6af78110_render,
-  linkvue_type_template_id_6af78110_staticRenderFns,
+  linkvue_type_template_id_08ea8c41_render,
+  linkvue_type_template_id_08ea8c41_staticRenderFns,
   false,
   null,
   null,
@@ -2542,20 +2645,18 @@ 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":"0a246294-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=bace3190&
-var inputvue_type_template_id_bace3190_render = function () {
-var _obj, _obj$1;
-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:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=0231bf39&
+var inputvue_type_template_id_0231bf39_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',
-          ( _obj = {}, _obj[("d-label--" + _vm.size)] = (!_vm.isDefaultSize && _vm.isValidSize), _obj ) ],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")]):_vm._e()]),(_vm.$slots.description || _vm.description)?_c('div',{class:[
+          _vm.labelSizeClasses[_vm.size] ],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")]):_vm._e()]),(_vm.$slots.description || _vm.description)?_c('div',{class:[
         'base-input__description',
         'd-description',
-        ( _obj$1 = {}, _obj$1[("d-description--" + _vm.size)] = (!_vm.isDefaultSize && _vm.isValidDescriptionSize), _obj$1 ) ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('div',{staticClass:"d-input__wrapper"},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e()])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
-var inputvue_type_template_id_bace3190_staticRenderFns = []
+        _vm.descriptionSizeClasses[_vm.size] ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('div',{staticClass:"d-input__wrapper"},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e()])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
+var inputvue_type_template_id_0231bf39_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=bace3190&
+// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=0231bf39&
 
 // CONCATENATED MODULE: ./components/input/input_constants.js
 // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -2578,19 +2679,18 @@ const INPUT_SIZES = {
   INPUT_TYPES,
   INPUT_SIZES
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-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=7d26d3bb&
-var validation_messagesvue_type_template_id_7d26d3bb_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){
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=6fb7180e&
+var validation_messagesvue_type_template_id_6fb7180e_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;
 return _c('div',{key:_vm.getMessageKey(type, index),class:[
       'base-input__message',
       'd-validation-message',
-      ("base-input__message--" + type),
-      ("d-validation-message--" + type) ],attrs:{"role":"status","aria-live":"polite","data-qa":"validation-message"}},[_c('p',{domProps:{"innerHTML":_vm._s(message)}})])}),0):_vm._e()}
-var validation_messagesvue_type_template_id_7d26d3bb_staticRenderFns = []
+      _vm.messageTypeClass(type) ],attrs:{"role":"status","aria-live":"polite","data-qa":"validation-message"}},[_c('p',{domProps:{"innerHTML":_vm._s(message)}})])}),0):_vm._e()}
+var validation_messagesvue_type_template_id_6fb7180e_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=7d26d3bb&
+// CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=6fb7180e&
 
 // CONCATENATED MODULE: ./components/validators.js
 
@@ -2638,7 +2738,6 @@ function validationMessageValidator(rawMessages) {
 //
 //
 //
-//
 
 
 /* harmony default export */ var validation_messagesvue_type_script_lang_js_ = ({
@@ -2691,6 +2790,15 @@ function validationMessageValidator(rawMessages) {
   methods: {
     getMessageKey(type, index) {
       return `validation-message-${type}-${index}-${this.id}`;
+    },
+
+    messageTypeClass(type) {
+      const messageTypesClasses = {
+        error: 'base-input__message--error d-validation-message--error',
+        warning: 'base-input__message--warning d-validation-message--warning',
+        success: 'base-input__message--success d-validation-message--success'
+      };
+      return messageTypesClasses[type];
     }
 
   }
@@ -2707,8 +2815,8 @@ function validationMessageValidator(rawMessages) {
 
 var validation_messages_component = normalizeComponent(
   validation_messages_validation_messagesvue_type_script_lang_js_,
-  validation_messagesvue_type_template_id_7d26d3bb_render,
-  validation_messagesvue_type_template_id_7d26d3bb_staticRenderFns,
+  validation_messagesvue_type_template_id_6fb7180e_render,
+  validation_messagesvue_type_template_id_6fb7180e_staticRenderFns,
   false,
   null,
   null,
@@ -2845,6 +2953,18 @@ const InputMixin = {
       this.internalValidationState = newValidationState;
     }
 
+  },
+  methods: {
+    /**
+     * @param {Boolean | String} hasLabelOrLabel either a boolean indicating the label exists or the label itself
+     * @param {String} ariaLabel the aria-label passed (null/undefined if it's not passed)
+     */
+    validateInputLabels(hasLabelOrLabel, ariaLabel) {
+      if (!hasLabelOrLabel && !ariaLabel) {
+        external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('You must provide an aria-label when there is no label passed', this);
+      }
+    }
+
   }
 };
 /**
@@ -3235,7 +3355,24 @@ const MessagesMixin = {
       default: ''
     }
   },
-  emits: ['blur', 'input', 'clear'],
+  emits: ['blur', 'input', 'clear', 'focusin', 'focusout'],
+
+  data() {
+    return {
+      descriptionSizeClasses: {
+        lg: 'd-description--lg',
+        xl: 'd-description--xl'
+      },
+      labelSizeClasses: {
+        xs: 'd-label--xs',
+        sm: 'd-label--sm',
+        md: 'd-label--md',
+        lg: 'd-label--lg',
+        xl: 'd-label--xl'
+      }
+    };
+  },
+
   computed: {
     isTextarea() {
       return this.type === INPUT_TYPES.TEXTAREA;
@@ -3290,22 +3427,58 @@ const MessagesMixin = {
         return '';
       }
 
-      return `d-${this.inputComponent}--${this.size}`;
+      const sizeClasses = {
+        input: {
+          xs: 'd-input--xs',
+          sm: 'd-input--sm',
+          lg: 'd-input--lg',
+          xl: 'd-input--xl'
+        },
+        textarea: {
+          xs: 'd-textarea--xs',
+          sm: 'd-textarea--sm',
+          lg: 'd-textarea--lg',
+          xl: 'd-textarea--xl'
+        }
+      };
+      return sizeClasses[this.inputComponent][this.size];
     }
 
   },
   methods: {
     inputClasses() {
-      return ['base-input__input', `d-${this.inputComponent}`, {
-        [`d-${this.inputComponent}--${this.inputState} base-input__input--${this.inputState}`]: this.showInputState,
+      const inputStateClasses = {
+        input: {
+          error: 'd-input--error base-input__input--error',
+          warning: 'd-input--warning base-input__input--warning',
+          success: 'd-input--success base-input__input--success'
+        },
+        textarea: {
+          error: 'd-textarea--error base-input__input--error',
+          warning: 'd-textarea--warning base-input__input--warning',
+          success: 'd-textarea--success base-input__input--success'
+        }
+      };
+      return ['base-input__input', this.inputComponent === 'input' ? 'd-input' : 'd-textarea', {
+        [inputStateClasses[this.inputComponent][this.inputState]]: this.showInputState,
         'd-input-icon--left': this.$slots.leftIcon,
         'd-input-icon--right': this.$slots.rightIcon
       }, this.sizeModifierClass, this.inputClass];
     },
 
     inputIconClasses(side) {
-      return [`base-input__icon--${side}`, 'd-input-icon', `d-input-icon--${side}`, {
-        [`d-input-icon--${this.size}`]: !this.isDefaultSize
+      const iconSizeClasses = {
+        xs: 'd-input-icon--xs',
+        sm: 'd-input-icon--sm',
+        lg: 'd-input-icon--lg',
+        xl: 'd-input-icon--xl'
+      };
+      const iconOrientationClasses = {
+        left: 'base-input__icon--left d-input-icon--left',
+        right: 'base-input__icon--right d-input-icon--right'
+      };
+      return [iconOrientationClasses[side], 'd-input-icon', {
+        [iconSizeClasses[this.size]]: !this.isDefaultSize
       }];
     },
 
@@ -3353,8 +3526,8 @@ const MessagesMixin = {
 
 var input_component = normalizeComponent(
   input_inputvue_type_script_lang_js_,
-  inputvue_type_template_id_bace3190_render,
-  inputvue_type_template_id_bace3190_staticRenderFns,
+  inputvue_type_template_id_0231bf39_render,
+  inputvue_type_template_id_0231bf39_staticRenderFns,
   false,
   null,
   null,
@@ -3366,7 +3539,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":"0a246294-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=34acc7c9&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=34acc7c9&
 var input_groupvue_type_template_id_34acc7c9_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_34acc7c9_staticRenderFns = []
 
@@ -3661,16 +3834,16 @@ 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":"0a246294-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=2c1ed242&
-var modalvue_type_template_id_2c1ed242_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=76e6f72c&
+var modalvue_type_template_id_76e6f72c_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],
     _vm.MODAL_SIZE_MODIFIERS[_vm.size],
-    _vm.modalClass ],attrs:{"data-qa":"dt-modal","aria-hidden":_vm.open},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}],"transitionend":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition($event)}}},[_c('div',{staticClass:"d-modal__dialog",attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel,"kind":_vm.kind},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()],1)])}
-var modalvue_type_template_id_2c1ed242_staticRenderFns = []
+    _vm.modalClass ],attrs:{"transition":"d-modal","show":_vm.show,"data-qa":"dt-modal","aria-hidden":_vm.open},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}],"after-enter":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition($event)}}},[_c('transition',{attrs:{"appear":"","name":"d-modal__dialog"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],staticClass:"d-modal__dialog",attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),(!_vm.hideClose)?_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel,"kind":_vm.kind},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()],1)])],1)}
+var modalvue_type_template_id_76e6f72c_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=2c1ed242&
+// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=76e6f72c&
 
 // CONCATENATED MODULE: ./components/modal/modal_constants.js
 // Modal style modifiers
@@ -3683,6 +3856,90 @@ const MODAL_SIZE_MODIFIERS = {
   default: '',
   full: 'd-modal--full'
 };
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=5deb023a&
+var lazy_showvue_type_template_id_5deb023a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',_vm._g({attrs:{"name":_vm.transition}},_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_5deb023a_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=template&id=5deb023a&
+
+// 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/lazy_show/lazy_show.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var lazy_showvue_type_script_lang_js_ = ({
+  name: 'DtLazyShow',
+
+  /******************
+   *     PROPS      *
+   ******************/
+  props: {
+    /**
+     * Whether the child slot is shown.
+     */
+    show: Boolean,
+
+    /**
+     * A valid Vue enter/leave CSS transition name.
+     */
+    transition: {
+      type: String,
+      default: null
+    }
+  },
+
+  /******************
+   *      DATA      *
+   ******************/
+  data() {
+    return {
+      initialized: !!this.show
+    };
+  },
+
+  /******************
+   *      WATCH     *
+   ******************/
+  watch: {
+    show: function (newValue) {
+      if (!newValue || this.initialized) return;
+      this.initialized = true;
+    }
+  }
+});
+// CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=script&lang=js&
+ /* harmony default export */ var lazy_show_lazy_showvue_type_script_lang_js_ = (lazy_showvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue
+
+
+
+
+
+/* normalize component */
+
+var lazy_show_component = normalizeComponent(
+  lazy_show_lazy_showvue_type_script_lang_js_,
+  lazy_showvue_type_template_id_5deb023a_render,
+  lazy_showvue_type_template_id_5deb023a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var lazy_show = (lazy_show_component.exports);
 // 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/modal/modal.vue?vue&type=script&lang=js&
 //
 //
@@ -3764,6 +4021,15 @@ const MODAL_SIZE_MODIFIERS = {
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -3777,6 +4043,7 @@ const MODAL_SIZE_MODIFIERS = {
 /* harmony default export */ var modalvue_type_script_lang_js_ = ({
   name: 'DtModal',
   components: {
+    DtLazyShow: lazy_show,
     DtButton: button_button,
     IconClose: IconClose
   },
@@ -3876,6 +4143,7 @@ const MODAL_SIZE_MODIFIERS = {
       default: false
     }
   },
+  emits: ['update:show'],
 
   data() {
     return {
@@ -3918,16 +4186,7 @@ const MODAL_SIZE_MODIFIERS = {
       this.$emit('update:show', false);
     },
 
-    setFocusAfterTransition({
-      propertyName
-    }) {
-      // We only focus if the dialog is showing, and 'transform' seems to be the most reliable property to track.
-      // Note: 'visibility' would be an ideal prop to watch here, but it doesn't fire if the previous close transition
-      // was still in progress, making it a little flakey when quickly opening/closing a modal repeatedly.
-      if (!this.show || propertyName !== 'transform') {
-        return;
-      }
-
+    setFocusAfterTransition() {
       this.focusFirstElement();
     },
 
@@ -3941,18 +4200,22 @@ const MODAL_SIZE_MODIFIERS = {
 });
 // CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=script&lang=js&
  /* harmony default export */ var modal_modalvue_type_script_lang_js_ = (modalvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./components/modal/modal.vue?vue&type=style&index=0&lang=less&
+var modalvue_type_style_index_0_lang_less_ = __webpack_require__("e55c");
+
 // CONCATENATED MODULE: ./components/modal/modal.vue
 
 
 
 
 
+
 /* normalize component */
 
 var modal_component = normalizeComponent(
   modal_modalvue_type_script_lang_js_,
-  modalvue_type_template_id_2c1ed242_render,
-  modalvue_type_template_id_2c1ed242_staticRenderFns,
+  modalvue_type_template_id_76e6f72c_render,
+  modalvue_type_template_id_76e6f72c_staticRenderFns,
   false,
   null,
   null,
@@ -3964,98 +4227,21 @@ var modal_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/modal/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-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=25b42290&
-var lazy_showvue_type_template_id_25b42290_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.transition}},[_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_25b42290_staticRenderFns = []
+// CONCATENATED MODULE: ./components/lazy_show/index.js
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=0285311e&
+var list_sectionvue_type_template_id_0285311e_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_0285311e_staticRenderFns = []
 
-// CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=template&id=25b42290&
 
-// 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/lazy_show/lazy_show.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
+// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=0285311e&
+
+// 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/list_section/list_section.vue?vue&type=script&lang=js&
 //
 //
 //
 //
-/* harmony default export */ var lazy_showvue_type_script_lang_js_ = ({
-  name: 'DtLazyShow',
-
-  /******************
-   *     PROPS      *
-   ******************/
-  props: {
-    /**
-     * Whether the child slot is shown.
-     */
-    show: Boolean,
-
-    /**
-     * A valid Vue enter/leave CSS transition name.
-     */
-    transition: {
-      type: String,
-      default: null
-    }
-  },
-
-  /******************
-   *      DATA      *
-   ******************/
-  data() {
-    return {
-      initialized: !!this.show
-    };
-  },
-
-  /******************
-   *      WATCH     *
-   ******************/
-  watch: {
-    show: function (newValue) {
-      if (!newValue || this.initialized) return;
-      this.initialized = true;
-    }
-  }
-});
-// CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=script&lang=js&
- /* harmony default export */ var lazy_show_lazy_showvue_type_script_lang_js_ = (lazy_showvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue
-
-
-
-
-
-/* normalize component */
-
-var lazy_show_component = normalizeComponent(
-  lazy_show_lazy_showvue_type_script_lang_js_,
-  lazy_showvue_type_template_id_25b42290_render,
-  lazy_showvue_type_template_id_25b42290_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var lazy_show = (lazy_show_component.exports);
-// CONCATENATED MODULE: ./components/lazy_show/index.js
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-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=2493c7b1&
-var list_sectionvue_type_template_id_2493c7b1_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-pl16 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),(_vm.isCollapsible)?_c('dt-button',{staticClass:"d-ml16 d-py6",attrs:{"id":(_vm.id + "-list-section-show-more-less"),"link":""},on:{"click":_vm.showMoreLessClicked}},[_vm._v(" "+_vm._s(_vm.showMoreLessText)+" ")]):_vm._e()],1)}
-var list_sectionvue_type_template_id_2493c7b1_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=2493c7b1&
-
-// 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/list_section/list_section.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -4105,6 +4291,7 @@ var list_sectionvue_type_template_id_2493c7b1_staticRenderFns = []
    - Can add border lines to visually separate the section
    - Allows a list to have a max number of visible items, and any items
      above the max you'd press "show more" to display.
+  -  Allows to add additional content to list footer.
 */
 
 
@@ -4214,8 +4401,8 @@ var list_sectionvue_type_style_index_0_lang_less_ = __webpack_require__("fc89");
 
 var list_section_component = normalizeComponent(
   list_section_list_sectionvue_type_script_lang_js_,
-  list_sectionvue_type_template_id_2493c7b1_render,
-  list_sectionvue_type_template_id_2493c7b1_staticRenderFns,
+  list_sectionvue_type_template_id_0285311e_render,
+  list_sectionvue_type_template_id_0285311e_staticRenderFns,
   false,
   null,
   null,
@@ -4226,14 +4413,110 @@ 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":"0a246294-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=4ae41e30&
-var list_itemvue_type_template_id_4ae41e30_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:['dt-list-item', 'd-fs14', 'd-lh6', 'd-py6', 'd-px16', 'd-d-flex', 'd-ai-center',
-           { 'dt-list-item-clickable': _vm.clickable, 'd-jc-space-between': this.$slots.iconRight }],attrs:{"id":_vm.id,"tabindex":_vm.clickable ? 0 : -1},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.clicked($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.clicked($event)}],"click":_vm.clicked}},[_vm._t("iconLeft"),_vm._t("default"),_vm._t("iconRight")],2)}
-var list_itemvue_type_template_id_4ae41e30_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=42009112&
+var list_itemvue_type_template_id_42009112_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', {
+    'dt-list-item--focusable': _vm.isFocusable,
+    'dt-list-item--highlighted': _vm.isHighlighted,
+  }],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted},on:_vm._d({"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.maybeMouseMove,_vm.onMouseMove])},[(_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_42009112_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=42009112&
+
+// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
+const LIST_ITEM_TYPES = {
+  DEFAULT: 'default',
+  CUSTOM: 'custom'
+};
+const LIST_ITEM_NAVIGATION_TYPES = {
+  ARROW_KEYS: 'arrow-keys',
+  TAB: 'tab',
+  NONE: 'none'
+};
+/* harmony default export */ var list_item_constants = ({
+  LIST_ITEM_TYPES,
+  LIST_ITEM_NAVIGATION_TYPES
+});
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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 = []
+
+
+// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=template&id=42285ca2&
+
+// 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/list_item/default_list_item.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var default_list_itemvue_type_script_lang_js_ = ({
+  name: 'DefaultListItem'
+});
+// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var list_item_default_list_itemvue_type_script_lang_js_ = (default_list_itemvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./components/list_item/default_list_item.vue?vue&type=style&index=0&lang=less&
+var default_list_itemvue_type_style_index_0_lang_less_ = __webpack_require__("b8b3");
+
+// CONCATENATED MODULE: ./components/list_item/default_list_item.vue
+
+
+
+
 
 
-// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=4ae41e30&
+/* normalize component */
+
+var default_list_item_component = normalizeComponent(
+  list_item_default_list_itemvue_type_script_lang_js_,
+  default_list_itemvue_type_template_id_42285ca2_render,
+  default_list_itemvue_type_template_id_42285ca2_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
+/* harmony default export */ var default_list_item = (default_list_item_component.exports);
 // 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/list_item/list_item.vue?vue&type=script&lang=js&
 //
 //
@@ -4252,12 +4535,32 @@ var list_itemvue_type_template_id_4ae41e30_staticRenderFns = []
 //
 //
 //
-// A generic list item, can be made clickable with the clickable prop
-// which will cause the component to emit a click event
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
 
 /* harmony default export */ var list_itemvue_type_script_lang_js_ = ({
   name: 'ListItem',
+  components: {
+    DtDefaultListItem: default_list_item
+  },
   props: {
+    /**
+     * Id for the item.
+     */
     id: {
       type: String,
 
@@ -4266,20 +4569,131 @@ var list_itemvue_type_template_id_4ae41e30_staticRenderFns = []
       }
 
     },
+
+    /**
+     * String to use for the item's role.
+     */
     role: {
       type: String,
       default: 'listitem'
     },
-    clickable: {
+
+    /**
+     * The type of element to use for the wrapper.
+     */
+    elementType: {
+      type: String,
+      default: 'li'
+    },
+
+    /**
+     * The type of child list item to use.
+     */
+    type: {
+      type: String,
+      default: LIST_ITEM_TYPES.DEFAULT,
+      validator: t => Object.values(LIST_ITEM_TYPES).includes(t)
+    },
+
+    /**
+     * The type of navigation that this component should support.
+     * - "arrow-keys" for items that are navigated with UP/DOWN keys.
+     * - "tab" for items that are navigated using the TAB key.
+     * - "none" for static items that are not interactive.
+     */
+    navigationType: {
+      type: String,
+      default: LIST_ITEM_NAVIGATION_TYPES.NONE,
+      validator: t => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t)
+    },
+
+    /**
+     * For keyboard navigation, the method to set the highlight to this item.
+     */
+    setHighlight: {
+      type: [Function, Promise],
+      default: null
+    },
+
+    /**
+     * For keyboard navigation, whether or not this item is currently highlighted.
+     */
+    isHighlighted: {
       type: Boolean,
-      default: true
+      default: false
     }
   },
   emits: ['click'],
+  computed: {
+    listItemType() {
+      switch (this.type) {
+        case LIST_ITEM_TYPES.DEFAULT:
+          return default_list_item;
+
+        default:
+          return null;
+      }
+    },
+
+    isFocusable() {
+      // Navigation type has to be set to "tab".
+      return this.navigationType === LIST_ITEM_NAVIGATION_TYPES.TAB;
+    },
+
+    /**
+     * When using "arrow-keys" navigation the item shouldn't receive actual focus, so
+     * we use custom highlighting to indicate which item has the "focus".
+     */
+    isHighlightable() {
+      // Navigation type has to be set to "arrow-keys".
+      if (this.navigationType !== LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
+        return false;
+      } // setHighlight method has to be provided.
+
+
+      return !!this.setHighlight;
+    },
+
+    /**
+     * Since this event listener can be resource heavy, only attach it when needed.
+     * https://github.com/vuejs/vue/issues/7349#issuecomment-458405684
+     */
+    maybeMouseMove() {
+      return this.isHighlightable && !this.isHighlighted ? 'mousemove' : null;
+    }
+
+  },
+
+  created() {
+    this.validateProps();
+  },
+
   methods: {
-    // emit click event
-    clicked() {
+    onClick() {
       this.$emit('click');
+    },
+
+    /**
+     * While you hover over an item, always highlight it.
+     */
+    onMouseMove() {
+      if (this.isHighlightable && !this.isHighlighted) {
+        // Update the highlight.
+        this.setHighlight();
+      }
+    },
+
+    /**
+     * Helper to make sure some dependent props are provided.
+     */
+    validateProps() {
+      // Keyboard navigation.
+      if (this.navigationType === LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS) {
+        // The method setHighlight should be provided.
+        if (typeof this.setHighlight !== 'function') {
+          console.error('DtListItem: prop "setHighlight" is required when navigationType is:', LIST_ITEM_NAVIGATION_TYPES.ARROW_KEYS, 'but received setHighlight:', this.setHighlight);
+        }
+      }
     }
 
   }
@@ -4300,8 +4714,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_4ae41e30_render,
-  list_itemvue_type_template_id_4ae41e30_staticRenderFns,
+  list_itemvue_type_template_id_42009112_render,
+  list_itemvue_type_template_id_42009112_staticRenderFns,
   false,
   null,
   null,
@@ -4312,12 +4726,12 @@ 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":"0a246294-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=f94c040c&
-var noticevue_type_template_id_f94c040c_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_f94c040c_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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 = []
 
 
-// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=f94c040c&
+// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=4b03fec7&
 
 // 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/notice/notice.vue?vue&type=script&lang=js&
 //
@@ -4358,6 +4772,7 @@ var noticevue_type_template_id_f94c040c_staticRenderFns = []
 //
 //
 //
+//
 
 
 
@@ -4449,9 +4864,17 @@ var noticevue_type_template_id_f94c040c_staticRenderFns = []
       default: false
     }
   },
+  emits: ['close'],
   computed: {
     noticeClass() {
-      return ['d-notice', `d-notice--${this.kind}`, {
+      const noticeKinds = {
+        error: 'd-notice--error',
+        info: 'd-notice--info',
+        success: 'd-notice--success',
+        warning: 'd-notice--warning',
+        base: 'd-notice--base'
+      };
+      return ['d-notice', noticeKinds[this.kind], {
         'd-notice--important': this.important
       }];
     }
@@ -4470,8 +4893,8 @@ var noticevue_type_template_id_f94c040c_staticRenderFns = []
 
 var notice_component = normalizeComponent(
   notice_noticevue_type_script_lang_js_,
-  noticevue_type_template_id_f94c040c_render,
-  noticevue_type_template_id_f94c040c_staticRenderFns,
+  noticevue_type_template_id_4b03fec7_render,
+  noticevue_type_template_id_4b03fec7_staticRenderFns,
   false,
   null,
   null,
@@ -4483,8 +4906,8 @@ 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":"0a246294-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=34e0d8ea&
-var popovervue_type_template_id_34e0d8ea_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{directives:[{name:"click-outside",rawName:"v-click-outside",value:(function () { return _vm.close('click-outside'); }),expression:"() => close('click-outside')"}],tag:"component",staticClass:"d-ps-relative dt-popover"},[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy}},[_vm._t("anchor",null,{"attrs":{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=eacdffcc&
+var popovervue_type_template_id_eacdffcc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{directives:[{name:"click-outside",rawName:"v-click-outside",value:(function () { return _vm.close('click-outside'); }),expression:"() => close('click-outside')"}],tag:"component",staticClass:"d-ps-relative dt-popover"},[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy}},[_vm._t("anchor",null,{"attrs":{
         'aria-expanded': _vm.open.toString(),
         'aria-controls': _vm.id,
         'aria-haspopup': _vm.role,
@@ -4498,14 +4921,14 @@ var popovervue_type_template_id_34e0d8ea_render = function () {var _vm=this;var
       'd-ps-absolute',
       'd-zi-popover',
       'dt-popover__content',
-      ("dt-popover__content--align-" + _vm.alignment),
-      ("dt-popover__content--valign-" + _vm.verticalAlignment),
-      ("dt-popover__content--pad-" + _vm.padding),
+      _vm.alignment,
+      _vm.verticalAlignment,
+      _vm.paddingClass,
       _vm.contentClass ],attrs:{"id":_vm.id,"role":_vm.role,"aria-hidden":!_vm.open,"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":_vm.isDialog,"transition":_vm.transition,"show":_vm.open,"tabindex":"-1"}},_vm.dialogListeners),[_vm._t("content"),(_vm.hasCaret)?_c('div',{staticClass:"d-bgc-white d-mtn4 d-bt d-bl d-bc-black-075 dt-popover__caret"}):_vm._e()],2)],1)}
-var popovervue_type_template_id_34e0d8ea_staticRenderFns = []
+var popovervue_type_template_id_eacdffcc_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=34e0d8ea&
+// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=eacdffcc&
 
 // CONCATENATED MODULE: ./components/popover/popover_constants.js
 const POPOVER_PADDING_CLASSES = ['none', 'small', 'medium', 'large'];
@@ -4746,11 +5169,19 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
 
   computed: {
     alignment() {
-      return this.fixedAlignment || this.autoAlignment;
+      if (!this.fixedAlignment || this.fixedAlignment === this.autoAlignment) {
+        return 'dt-popover__content--align-left';
+      }
+
+      return 'dt-popover__content--align-right';
     },
 
     verticalAlignment() {
-      return this.fixedVerticalAlignment || this.autoVerticalAlignment;
+      if (!this.fixedVerticalAlignment || this.fixedVerticalAlignment === this.autoVerticalAlignment) {
+        return 'dt-popover__content--valign-bottom';
+      }
+
+      return 'dt-popover__content--valign-top';
     },
 
     labelledBy() {
@@ -4779,6 +5210,16 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
       }
 
       return null;
+    },
+
+    paddingClass() {
+      const paddingClasses = {
+        none: 'dt-popover__content--pad-none',
+        small: 'dt-popover__content--pad-small',
+        medium: 'dt-popover__content--pad-medium',
+        large: 'dt-popover__content--pad-large'
+      };
+      return paddingClasses[this.padding];
     }
 
   },
@@ -4876,8 +5317,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_34e0d8ea_render,
-  popovervue_type_template_id_34e0d8ea_staticRenderFns,
+  popovervue_type_template_id_eacdffcc_render,
+  popovervue_type_template_id_eacdffcc_staticRenderFns,
   false,
   null,
   null,
@@ -4889,12 +5330,12 @@ var popover_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/popover/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-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=6ab0a459&
-var radiovue_type_template_id_6ab0a459_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_6ab0a459_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=7516bd14&
+var radiovue_type_template_id_7516bd14_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_7516bd14_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=6ab0a459&
+// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=7516bd14&
 
 // CONCATENATED MODULE: ./components/radio/radio_constants.js
 const RADIO_INPUT_VALIDATION_CLASSES = {
@@ -4973,6 +5414,7 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
       default: ''
     }
   },
+  emits: ['input', 'focusin', 'focusout'],
   computed: {
     inputValidationClass() {
       return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
@@ -5039,8 +5481,8 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
 
 var radio_component = normalizeComponent(
   radio_radiovue_type_script_lang_js_,
-  radiovue_type_template_id_6ab0a459_render,
-  radiovue_type_template_id_6ab0a459_staticRenderFns,
+  radiovue_type_template_id_7516bd14_render,
+  radiovue_type_template_id_7516bd14_staticRenderFns,
   false,
   null,
   null,
@@ -5149,20 +5591,21 @@ 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":"0a246294-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=7b25a691&
-var tab_groupvue_type_template_id_7b25a691_render = function () {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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',{class:[
+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:[
       'd-tablist',
       _vm.TAB_LIST_SIZE_MODIFIERS[_vm.size],
-      ( _obj = {}, _obj[_vm.TAB_LIST_KIND_MODIFIERS.inverted] = _vm.inverted, _obj[_vm.TAB_LIST_IMPORTANCE_MODIFIERS.borderless] = _vm.borderless, _obj ) ],attrs:{"role":"tablist","aria-label":_vm.label},on:{"keyup":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.tabLeft($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"right",39,$event.key,["Right","ArrowRight"])){ return null; }if('button' in $event && $event.button !== 2){ return null; }return _vm.tabRight($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.selectTab($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.selectTab($event)}],"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }return _vm.onHomeButton($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }return _vm.onEndButton($event)}]}},[_vm._t("tabs")],2),_vm._t("default")],2)}
-var tab_groupvue_type_template_id_7b25a691_staticRenderFns = []
+      ( _obj = {}, _obj[_vm.TAB_LIST_KIND_MODIFIERS.inverted] = _vm.inverted, _obj[_vm.TAB_LIST_IMPORTANCE_MODIFIERS.borderless] = _vm.borderless, _obj ),
+      _vm.tabListClass ],attrs:{"role":"tablist","aria-label":_vm.label},on:{"keyup":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.tabLeft($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"right",39,$event.key,["Right","ArrowRight"])){ return null; }if('button' in $event && $event.button !== 2){ return null; }return _vm.tabRight($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.selectTab($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.selectTab($event)}],"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }return _vm.onHomeButton($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }return _vm.onEndButton($event)}]}},'div',_vm.tabListChildProps,false),[_vm._t("tabs")],2),_vm._t("default")],2)}
+var tab_groupvue_type_template_id_59d36f62_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/tabs/tab_group.vue?vue&type=template&id=7b25a691&
+// CONCATENATED MODULE: ./components/tabs/tab_group.vue?vue&type=template&id=59d36f62&
 
 // CONCATENATED MODULE: ./components/tabs/tabs_constants.js
-const TAB_LIST_SIZES = ['', 'sm'];
+const TAB_LIST_SIZES = ['default', 'sm'];
 const TAB_LIST_SIZE_MODIFIERS = {
   sm: 'd-tablist--sm'
 };
@@ -5206,6 +5649,8 @@ const TAB_IMPORTANCE_MODIFIERS = {
 //
 //
 //
+//
+//
 
 /* harmony default export */ var tab_groupvue_type_script_lang_js_ = ({
   name: 'DtTabGroup',
@@ -5264,14 +5709,31 @@ const TAB_IMPORTANCE_MODIFIERS = {
      */
     size: {
       type: String,
-      default: '',
+      default: 'default',
 
       validate(size) {
         return TAB_LIST_SIZES.includes(size);
       }
 
+    },
+
+    /**
+     * Pass through classes, used to customize the tab list
+     */
+    tabListClass: {
+      type: [String, Array, Object],
+      default: ''
+    },
+
+    /**
+     * Pass through props, used to customize the tab list
+     */
+    tabListChildProps: {
+      type: Object,
+      default: () => ({})
     }
   },
+  emits: ['change'],
 
   data() {
     return {
@@ -5445,8 +5907,8 @@ const TAB_IMPORTANCE_MODIFIERS = {
 
 var tab_group_component = normalizeComponent(
   tabs_tab_groupvue_type_script_lang_js_,
-  tab_groupvue_type_template_id_7b25a691_render,
-  tab_groupvue_type_template_id_7b25a691_staticRenderFns,
+  tab_groupvue_type_template_id_59d36f62_render,
+  tab_groupvue_type_template_id_59d36f62_staticRenderFns,
   false,
   null,
   null,
@@ -5455,7 +5917,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":"0a246294-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":"5c94b5f3-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:[
@@ -5608,7 +6070,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":"0a246294-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":"5c94b5f3-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,
@@ -5710,12 +6172,12 @@ var tab_panel_component = normalizeComponent(
 
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-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=0166ac37&
-var checkboxvue_type_template_id_0166ac37_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.indeterminate}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[_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.$slots.description || _vm.description)?_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)])])}
-var checkboxvue_type_template_id_0166ac37_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=fea0a32a&
+var checkboxvue_type_template_id_fea0a32a_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.indeterminate}},'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_fea0a32a_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=0166ac37&
+// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=fea0a32a&
 
 // CONCATENATED MODULE: ./components/checkbox/checkbox_constants.js
 const CHECKBOX_INPUT_VALIDATION_CLASSES = {
@@ -5776,6 +6238,8 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
 //
 //
 //
+//
+//
 // Imports
 
 
@@ -5787,6 +6251,7 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
   },
   mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
   inheritAttrs: false,
+  emits: ['input', 'focusin', 'focusout'],
   computed: {
     inputValidationClass() {
       return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];
@@ -5798,6 +6263,18 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
       return (_this$groupContext$se = (_this$groupContext = this.groupContext) === null || _this$groupContext === void 0 ? void 0 : (_this$groupContext$se2 = _this$groupContext.selectedValues) === null || _this$groupContext$se2 === void 0 ? void 0 : _this$groupContext$se2.includes(this.value)) !== null && _this$groupContext$se !== void 0 ? _this$groupContext$se : false;
     },
 
+    hasLabel() {
+      return !!(this.$slots.default || this.label);
+    },
+
+    hasDescription() {
+      return !!(this.$slots.description || this.description);
+    },
+
+    hasLabelOrDescription() {
+      return this.hasLabel || this.hasDescription;
+    },
+
     inputListeners() {
       return {
         /* TODO
@@ -5831,12 +6308,21 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
 
     }
   },
+
+  mounted() {
+    this.runValidations();
+  },
+
   methods: {
     emitValue(value, checked) {
       // update provided value if injected
       this.setGroupValue(value, checked); // emit the state of the checkbox
 
       this.$emit('input', checked);
+    },
+
+    runValidations() {
+      this.validateInputLabels(this.hasLabel, this.$attrs['aria-label']);
     }
 
   }
@@ -5853,8 +6339,8 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
 
 var checkbox_component = normalizeComponent(
   checkbox_checkboxvue_type_script_lang_js_,
-  checkboxvue_type_template_id_0166ac37_render,
-  checkboxvue_type_template_id_0166ac37_staticRenderFns,
+  checkboxvue_type_template_id_fea0a32a_render,
+  checkboxvue_type_template_id_fea0a32a_staticRenderFns,
   false,
   null,
   null,
@@ -5998,7 +6484,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":"0a246294-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=59947fa6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=59947fa6&
 var select_menuvue_type_template_id_59947fa6_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],
@@ -6375,15 +6861,15 @@ var select_menu_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/select_menu/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-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=5f5458cb&
-var toastvue_type_template_id_5f5458cb_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:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=1f5a483f&
+var toastvue_type_template_id_1f5a483f_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',
-      ("d-toast--" + _vm.kind),
+      _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_5f5458cb_staticRenderFns = []
+var toastvue_type_template_id_1f5a483f_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=5f5458cb&
+// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=1f5a483f&
 
 // CONCATENATED MODULE: ./components/toast/toast_constants.js
 const TOAST_ROLES = ['status', 'alert'];
@@ -6556,6 +7042,7 @@ const TOAST_ROLES = ['status', 'alert'];
       }
     }
   },
+  emits: ['close'],
 
   data() {
     return {
@@ -6563,6 +7050,20 @@ const TOAST_ROLES = ['status', 'alert'];
     };
   },
 
+  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.
    */
@@ -6598,8 +7099,8 @@ const TOAST_ROLES = ['status', 'alert'];
 
 var toast_component = normalizeComponent(
   toast_toastvue_type_script_lang_js_,
-  toastvue_type_template_id_5f5458cb_render,
-  toastvue_type_template_id_5f5458cb_staticRenderFns,
+  toastvue_type_template_id_1f5a483f_render,
+  toastvue_type_template_id_1f5a483f_staticRenderFns,
   false,
   null,
   null,
@@ -6611,19 +7112,19 @@ var toast_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/toast/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"0a246294-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=32b3102c&
-var tooltipvue_type_template_id_32b3102c_render = function () {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5c94b5f3-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=4e5005b2&
+var tooltipvue_type_template_id_4e5005b2_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-tooltip-container",attrs:{"data-qa":"dt-tooltip-container"},on:{"!focus":function($event){return _vm.onFocus($event)},"!blur":function($event){return _vm.onBlur($event)},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.onEsc($event)},"mouseover":_vm.onHover,"mouseleave":_vm.onBlur}},[_c('div',_vm._b({class:[
       'd-ps-absolute',
       'd-tooltip',
-      ("d-tooltip__arrow--" + _vm.arrowDirection),
+      _vm.arrowDirectionClass,
       _vm.TOOLTIP_KIND_MODIFIERS[_vm.shouldShowTooltip ? 'show' : 'hide'],
       ( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.hover ] = _vm.shouldHasHoverModifier, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ) ],attrs:{"id":_vm.id,"data-qa":"dt-tooltip","role":"tooltip","aria-hidden":_vm.ariaHidden}},'div',_vm.$attrs,false),[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2),_c('div',{ref:"anchor",attrs:{"data-qa":"dt-tooltip-anchor"}},[_vm._t("anchor")],2)])}
-var tooltipvue_type_template_id_32b3102c_staticRenderFns = []
+var tooltipvue_type_template_id_4e5005b2_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=32b3102c&
+// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=4e5005b2&
 
 // 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'];
@@ -6786,6 +7287,24 @@ const TOOLTIP_KIND_MODIFIERS = {
 
     ariaHidden() {
       return `${!this.isTooltipVisible}`;
+    },
+
+    arrowDirectionClass() {
+      const arrowDirections = {
+        'top-left': 'd-tooltip__arrow--top-left',
+        'top-center': 'd-tooltip__arrow--top-center',
+        'top-right': 'd-tooltip__arrow--top-right',
+        'right-top': 'd-tooltip__arrow--right-top',
+        'right-center': 'd-tooltip__arrow--right-center',
+        'right-bottom': 'd-tooltip__arrow--right-bottom',
+        'bottom-left': 'd-tooltip__arrow--bottom-left',
+        'bottom-center': 'd-tooltip__arrow--bottom-center',
+        'bottom-right': 'd-tooltip__arrow--bottom-right',
+        'left-top': 'd-tooltip__arrow--left-top',
+        'left-center': 'd-tooltip__arrow--left-center',
+        'left-bottom': 'd-tooltip__arrow--left-bottom'
+      };
+      return arrowDirections[this.arrowDirection];
     }
 
   },
@@ -6801,13 +7320,13 @@ const TOOLTIP_KIND_MODIFIERS = {
   methods: {
     initAttributes() {
       if (this.hasFocusableAnchorNode()) {
-        var _this$$refs$anchor, _this$$refs$anchor$ch;
+        var _this$$refs$anchor;
 
         /* TODO: In the future we might want to refine this to apply the appropriate aria attrs given the child element
          * type.
          */
         // Add aria description to each anchored child
-        (_this$$refs$anchor = this.$refs.anchor) === null || _this$$refs$anchor === void 0 ? void 0 : (_this$$refs$anchor$ch = _this$$refs$anchor.children) === null || _this$$refs$anchor$ch === void 0 ? void 0 : _this$$refs$anchor$ch.forEach(child => {
+        [...(((_this$$refs$anchor = this.$refs.anchor) === null || _this$$refs$anchor === void 0 ? void 0 : _this$$refs$anchor.children) || [])].forEach(child => {
           child.setAttribute('aria-describedby', this.id);
         });
       } else {
@@ -6830,14 +7349,22 @@ const TOOLTIP_KIND_MODIFIERS = {
     },
 
     onBlur() {
+      this.triggerUpdateShowEvent();
       this.isHover = false;
       this.isDismissed = false;
       this.isChildFocused = false;
     },
 
     onEsc() {
+      this.triggerUpdateShowEvent();
       this.isDismissed = this.hover && this.isHover || !this.show;
       this.isChildFocused = false;
+    },
+
+    triggerUpdateShowEvent() {
+      if (this.isTooltipVisible) {
+        this.$emit('update:show', false);
+      }
     }
 
   }
@@ -6854,8 +7381,8 @@ const TOOLTIP_KIND_MODIFIERS = {
 
 var tooltip_component = normalizeComponent(
   tooltip_tooltipvue_type_script_lang_js_,
-  tooltipvue_type_template_id_32b3102c_render,
-  tooltipvue_type_template_id_32b3102c_staticRenderFns,
+  tooltipvue_type_template_id_4e5005b2_render,
+  tooltipvue_type_template_id_4e5005b2_staticRenderFns,
   false,
   null,
   null,
@@ -6908,6 +7435,22 @@ var tooltip_component = normalizeComponent(
 
 
 
+/***/ }),
+
+/***/ "fc47":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("4834");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("74f39bdb", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "fc89":