@dialpad/dialtone-vue 1.3.0 → 1.4.0

package/dist/dialtone-vue.common.js

@@ -214,6 +214,20 @@ exports.push([module.i, ".dt-list-item[tabindex=\"-1\"]:focus{outline:none}.dt-l
 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;visibility:hidden!important;opacity:0!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!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;
+
+
 /***/ }),
 
 /***/ "499e":
@@ -580,6 +594,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 +696,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":"4833ad06-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":"36d0cd75-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],
@@ -1085,7 +1110,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":"4833ad06-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":"36d0cd75-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 +1207,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":"4833ad06-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":"36d0cd75-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=9ac8a014&
+var bannervue_type_template_id_9ac8a014_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_9ac8a014_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=928dbcb4&
+// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=9ac8a014&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4833ad06-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":"36d0cd75-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":"4833ad06-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":"36d0cd75-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 +1247,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":"4833ad06-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":"36d0cd75-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 +1273,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":"4833ad06-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":"36d0cd75-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 +1299,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":"4833ad06-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":"36d0cd75-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 +1325,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":"4833ad06-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":"36d0cd75-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 +1429,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":"4833ad06-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":"36d0cd75-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 +1501,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":"4833ad06-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"36d0cd75-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: ./components/notice/notice_action.vue?vue&type=template&id=279e5f84&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4833ad06-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":"36d0cd75-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,7 +1534,7 @@ var IconClose_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconClose = (IconClose_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4833ad06-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"36d0cd75-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:[
     '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:[
@@ -2191,8 +2216,14 @@ const focusableElementsList = `button:${nonFocusableAttrs},
     },
 
     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 +2258,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_9ac8a014_render,
+  bannervue_type_template_id_9ac8a014_staticRenderFns,
   false,
   null,
   null,
@@ -2239,7 +2270,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":"4833ad06-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":"36d0cd75-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 +2284,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":"4833ad06-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":"36d0cd75-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,7 +2295,7 @@ var breadcrumb_itemvue_type_template_id_6f97ec8a_staticRenderFns = []
 
 // CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4833ad06-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"36d0cd75-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:[
     'd-link',
     _vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},[_vm._t("default")],2)}
@@ -2542,20 +2573,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":"4833ad06-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":"36d0cd75-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=56097c2f&
+var inputvue_type_template_id_56097c2f_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_56097c2f_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=bace3190&
+// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=56097c2f&
 
 // CONCATENATED MODULE: ./components/input/input_constants.js
 // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -2578,19 +2607,18 @@ const INPUT_SIZES = {
   INPUT_TYPES,
   INPUT_SIZES
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4833ad06-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":"36d0cd75-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 +2666,6 @@ function validationMessageValidator(rawMessages) {
 //
 //
 //
-//
 
 
 /* harmony default export */ var validation_messagesvue_type_script_lang_js_ = ({
@@ -2691,6 +2718,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 +2743,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,
@@ -3248,6 +3284,23 @@ const MessagesMixin = {
     }
   },
   emits: ['blur', 'input', 'clear'],
+
+  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;
@@ -3302,23 +3355,56 @@ 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',
+          warning: 'd-input--warning',
+          success: 'd-input--success'
+        },
+        textarea: {
+          error: 'd-textarea--error',
+          warning: 'd-textarea--warning',
+          success: 'd-textarea--success'
+        }
+      };
+      return ['base-input__input', this.inputComponent === 'input' ? 'd-input' : 'd-textarea', {
         'd-input-icon--left': this.$slots.leftIcon,
         'd-input-icon--right': this.$slots.rightIcon
-      }, this.sizeModifierClass, this.inputClass];
+      }, this.sizeModifierClass, this.inputClass, inputStateClasses[this.inputComponent][this.inputState]];
     },
 
     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 ['d-input-icon', iconOrientationClasses[side], iconSizeClasses[this.size]];
     },
 
     onBlur(e) {
@@ -3365,8 +3451,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_56097c2f_render,
+  inputvue_type_template_id_56097c2f_staticRenderFns,
   false,
   null,
   null,
@@ -3378,7 +3464,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":"4833ad06-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":"36d0cd75-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 = []
 
@@ -3673,16 +3759,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":"4833ad06-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":"36d0cd75-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=22c56f76&
+var modalvue_type_template_id_22c56f76_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_22c56f76_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=2c1ed242&
+// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=22c56f76&
 
 // CONCATENATED MODULE: ./components/modal/modal_constants.js
 // Modal style modifiers
@@ -3695,6 +3781,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":"36d0cd75-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&
 //
 //
@@ -3776,6 +3946,15 @@ const MODAL_SIZE_MODIFIERS = {
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
 
@@ -3789,6 +3968,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
   },
@@ -3930,16 +4110,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();
     },
 
@@ -3953,18 +4124,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_22c56f76_render,
+  modalvue_type_template_id_22c56f76_staticRenderFns,
   false,
   null,
   null,
@@ -3976,14 +4151,17 @@ 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":"4833ad06-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":"36d0cd75-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=09de5479&
+var list_sectionvue_type_template_id_09de5479_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),_c('div',{staticClass:"d-d-flex"},[(_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(),_vm._t("footer")],2)])}
+var list_sectionvue_type_template_id_09de5479_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=template&id=25b42290&
+// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=09de5479&
 
-// 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: ./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&
 //
 //
 //
@@ -3995,86 +4173,6 @@ var lazy_showvue_type_template_id_25b42290_staticRenderFns = []
 //
 //
 //
-/* 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":"4833ad06-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&
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -4117,6 +4215,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.
 */
 
 
@@ -4226,8 +4325,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_09de5479_render,
+  list_sectionvue_type_template_id_09de5479_staticRenderFns,
   false,
   null,
   null,
@@ -4238,7 +4337,7 @@ 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":"4833ad06-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"36d0cd75-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 = []
@@ -4324,12 +4423,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":"4833ad06-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":"36d0cd75-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=baf6ed0a&
+var noticevue_type_template_id_baf6ed0a_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_baf6ed0a_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=f94c040c&
+// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=baf6ed0a&
 
 // 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&
 //
@@ -4370,6 +4469,7 @@ var noticevue_type_template_id_f94c040c_staticRenderFns = []
 //
 //
 //
+//
 
 
 
@@ -4463,7 +4563,14 @@ var noticevue_type_template_id_f94c040c_staticRenderFns = []
   },
   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
       }];
     }
@@ -4482,8 +4589,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_baf6ed0a_render,
+  noticevue_type_template_id_baf6ed0a_staticRenderFns,
   false,
   null,
   null,
@@ -4495,8 +4602,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":"4833ad06-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":"36d0cd75-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,
@@ -4510,14 +4617,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'];
@@ -4758,11 +4865,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() {
@@ -4791,6 +4906,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];
     }
 
   },
@@ -4888,8 +5013,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,
@@ -4901,7 +5026,7 @@ 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":"4833ad06-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"36d0cd75-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 = []
 
@@ -5161,7 +5286,7 @@ var radio_group_component = normalizeComponent(
 /* harmony default export */ var radio_group = (radio_group_component.exports);
 // CONCATENATED MODULE: ./components/radio_group/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4833ad06-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=037b3a42&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"36d0cd75-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=037b3a42&
 var tab_groupvue_type_template_id_037b3a42_render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tab-group"}},[_c('div',_vm._b({class:[
@@ -5486,7 +5611,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":"4833ad06-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":"36d0cd75-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:[
@@ -5639,7 +5764,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":"4833ad06-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":"36d0cd75-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,
@@ -5741,7 +5866,7 @@ var tab_panel_component = normalizeComponent(
 
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4833ad06-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=472df596&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"36d0cd75-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=472df596&
 var checkboxvue_type_template_id_472df596_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_472df596_staticRenderFns = []
 
@@ -6053,7 +6178,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":"4833ad06-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":"36d0cd75-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],
@@ -6430,15 +6555,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":"4833ad06-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":"36d0cd75-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=712a9639&
+var toastvue_type_template_id_712a9639_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_712a9639_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=5f5458cb&
+// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=712a9639&
 
 // CONCATENATED MODULE: ./components/toast/toast_constants.js
 const TOAST_ROLES = ['status', 'alert'];
@@ -6618,6 +6743,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.
    */
@@ -6653,8 +6792,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_712a9639_render,
+  toastvue_type_template_id_712a9639_staticRenderFns,
   false,
   null,
   null,
@@ -6666,19 +6805,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":"4833ad06-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":"36d0cd75-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=8e6ec918&
+var tooltipvue_type_template_id_8e6ec918_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_8e6ec918_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=32b3102c&
+// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=8e6ec918&
 
 // 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'];
@@ -6841,6 +6980,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];
     }
 
   },
@@ -6856,13 +7013,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 {
@@ -6909,8 +7066,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_8e6ec918_render,
+  tooltipvue_type_template_id_8e6ec918_staticRenderFns,
   false,
   null,
   null,
@@ -6963,6 +7120,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":