@dialpad/dialtone-vue 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/dialtone-vue.common.js

@@ -87,31 +87,6 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
-/***/ "1848":
-/***/ (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, ".base-input .base-button__icon{margin:0}", ""]);
-// Exports
-module.exports = exports;
-
-
-/***/ }),
-
-/***/ "2133":
-/***/ (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_input_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5672");
-/* 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_input_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_input_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
 /***/ "24fb":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -220,7 +195,7 @@ function toComment(sourceMap) {
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".hs-popover__content--align-right{right:0}.hs-popover__content--align-right .hs-popover__caret{right:2.4rem}.hs-popover__content--valign-top{bottom:100%;margin-top:0;margin-bottom:.4rem}.hs-popover__content--valign-top .hs-popover__caret{top:auto;bottom:-.4rem;transform:rotate(225deg)}.hs-popover__content--pad-none{padding:0}.hs-popover__content--pad-small{padding:.8rem}.hs-popover__content--pad-medium{padding:1.6rem}.hs-popover__content--pad-large{padding:2.4rem}.hs-popover__caret{top:0;height:.6rem;width:.6rem;transform:rotate(45deg);position:absolute}", ""]);
+exports.push([module.i, ".dt-popover__content--align-right{right:0}.dt-popover__content--align-right .dt-popover__caret{right:2.4rem}.dt-popover__content--valign-top{bottom:100%;margin-top:0;margin-bottom:.4rem}.dt-popover__content--valign-top .dt-popover__caret{top:auto;bottom:-.4rem;transform:rotate(225deg)}.dt-popover__content--pad-none{padding:0}.dt-popover__content--pad-small{padding:.8rem}.dt-popover__content--pad-medium{padding:1.6rem}.dt-popover__content--pad-large{padding:2.4rem}.dt-popover__caret{top:0;height:.6rem;width:.6rem;transform:rotate(45deg);position:absolute}", ""]);
 // Exports
 module.exports = exports;
 
@@ -234,7 +209,7 @@ module.exports = exports;
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".hs-list-item[tabindex=\"-1\"]:focus{outline:none}.hs-list-item-clickable:focus,.hs-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[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
 module.exports = exports;
 
@@ -525,27 +500,11 @@ function applyToTag (styleElement, obj) {
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".hs-list-section[tabindex=\"-1\"]:focus{outline:none}", ""]);
+exports.push([module.i, ".dt-list-section[tabindex=\"-1\"]:focus{outline:none}", ""]);
 // Exports
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "5672":
-/***/ (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__("1848");
-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("1fc0ff98", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "816f":
@@ -562,31 +521,6 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("27ac9170", content, true, {"sourceMap":false,"shadowMode":false});
 
-/***/ }),
-
-/***/ "81d6":
-/***/ (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, ".button__label__right-align,.button__left-align{justify-content:flex-start!important}", ""]);
-// Exports
-module.exports = exports;
-
-
-/***/ }),
-
-/***/ "84cc":
-/***/ (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_button_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a61d");
-/* 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_button_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_button_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "88f8":
@@ -628,22 +562,6 @@ var update = add("572d8ba2", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ "a61d":
-/***/ (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__("81d6");
-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("e183417c", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ "c28b":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -672,35 +590,36 @@ var update = add("e183417c", content, true, {"sourceMap":false,"shadowMode":fals
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "HsBanner", function() { return /* reexport */ banner; });
-__webpack_require__.d(__webpack_exports__, "HsButton", function() { return /* reexport */ button_button; });
-__webpack_require__.d(__webpack_exports__, "HsInput", function() { return /* reexport */ input_input; });
+__webpack_require__.d(__webpack_exports__, "DtBanner", function() { return /* reexport */ banner; });
+__webpack_require__.d(__webpack_exports__, "DtButton", function() { return /* reexport */ button_button; });
+__webpack_require__.d(__webpack_exports__, "DtInput", function() { return /* reexport */ input_input; });
 __webpack_require__.d(__webpack_exports__, "INPUT_TYPES", function() { return /* reexport */ INPUT_TYPES; });
-__webpack_require__.d(__webpack_exports__, "INPUT_SIZE_TYPES", function() { return /* reexport */ INPUT_SIZE_TYPES; });
-__webpack_require__.d(__webpack_exports__, "HsInputGroup", function() { return /* reexport */ input_group_input_group; });
-__webpack_require__.d(__webpack_exports__, "HsModal", function() { return /* reexport */ modal_modal; });
+__webpack_require__.d(__webpack_exports__, "INPUT_SIZES", function() { return /* reexport */ INPUT_SIZES; });
+__webpack_require__.d(__webpack_exports__, "DtInputGroup", function() { return /* reexport */ input_group_input_group; });
+__webpack_require__.d(__webpack_exports__, "DtModal", function() { return /* reexport */ modal_modal; });
 __webpack_require__.d(__webpack_exports__, "MODAL_KIND_MODIFIERS", function() { return /* reexport */ MODAL_KIND_MODIFIERS; });
 __webpack_require__.d(__webpack_exports__, "MODAL_SIZE_MODIFIERS", function() { return /* reexport */ MODAL_SIZE_MODIFIERS; });
-__webpack_require__.d(__webpack_exports__, "HsLazyShow", function() { return /* reexport */ lazy_show; });
-__webpack_require__.d(__webpack_exports__, "HsListSection", function() { return /* reexport */ list_section; });
-__webpack_require__.d(__webpack_exports__, "HsListItem", function() { return /* reexport */ list_item; });
-__webpack_require__.d(__webpack_exports__, "HsNotice", function() { return /* reexport */ notice; });
+__webpack_require__.d(__webpack_exports__, "DtLazyShow", function() { return /* reexport */ lazy_show; });
+__webpack_require__.d(__webpack_exports__, "DtListSection", function() { return /* reexport */ list_section; });
+__webpack_require__.d(__webpack_exports__, "DtListItem", function() { return /* reexport */ list_item; });
+__webpack_require__.d(__webpack_exports__, "DtNotice", function() { return /* reexport */ notice; });
 __webpack_require__.d(__webpack_exports__, "NOTICE_KINDS", function() { return /* reexport */ NOTICE_KINDS; });
-__webpack_require__.d(__webpack_exports__, "HsPopover", function() { return /* reexport */ popover; });
+__webpack_require__.d(__webpack_exports__, "DtPopover", function() { return /* reexport */ popover; });
 __webpack_require__.d(__webpack_exports__, "POPOVER_PADDING_CLASSES", function() { return /* reexport */ POPOVER_PADDING_CLASSES; });
 __webpack_require__.d(__webpack_exports__, "POPOVER_HORIZONTAL_ALIGNMENT", function() { return /* reexport */ POPOVER_HORIZONTAL_ALIGNMENT; });
 __webpack_require__.d(__webpack_exports__, "POPOVER_VERTICAL_ALIGNMENT", function() { return /* reexport */ POPOVER_VERTICAL_ALIGNMENT; });
 __webpack_require__.d(__webpack_exports__, "POPOVER_ROLES", function() { return /* reexport */ POPOVER_ROLES; });
-__webpack_require__.d(__webpack_exports__, "HsRadio", function() { return /* reexport */ radio_radio; });
-__webpack_require__.d(__webpack_exports__, "HsRadioGroup", function() { return /* reexport */ radio_group; });
-__webpack_require__.d(__webpack_exports__, "HsValidationMessages", function() { return /* reexport */ validation_messages; });
-__webpack_require__.d(__webpack_exports__, "HsCheckbox", function() { return /* reexport */ checkbox_checkbox; });
-__webpack_require__.d(__webpack_exports__, "HsCheckboxGroup", function() { return /* reexport */ checkbox_group; });
-__webpack_require__.d(__webpack_exports__, "HsInputMixin", function() { return /* reexport */ InputMixin; });
-__webpack_require__.d(__webpack_exports__, "HsCheckableInputMixin", function() { return /* reexport */ CheckableMixin; });
-__webpack_require__.d(__webpack_exports__, "HsGroupableInputMixin", function() { return /* reexport */ GroupableMixin; });
-__webpack_require__.d(__webpack_exports__, "HsInputGroupMixin", function() { return /* reexport */ InputGroupMixin; });
+__webpack_require__.d(__webpack_exports__, "DtRadio", function() { return /* reexport */ radio_radio; });
+__webpack_require__.d(__webpack_exports__, "DtRadioGroup", function() { return /* reexport */ radio_group; });
+__webpack_require__.d(__webpack_exports__, "DtValidationMessages", function() { return /* reexport */ validation_messages; });
+__webpack_require__.d(__webpack_exports__, "DtCheckbox", function() { return /* reexport */ checkbox_checkbox; });
+__webpack_require__.d(__webpack_exports__, "DtCheckboxGroup", function() { return /* reexport */ checkbox_group; });
+__webpack_require__.d(__webpack_exports__, "DtInputMixin", function() { return /* reexport */ InputMixin; });
+__webpack_require__.d(__webpack_exports__, "DtCheckableInputMixin", function() { return /* reexport */ CheckableMixin; });
+__webpack_require__.d(__webpack_exports__, "DtGroupableInputMixin", function() { return /* reexport */ GroupableMixin; });
+__webpack_require__.d(__webpack_exports__, "DtInputGroupMixin", function() { return /* reexport */ InputGroupMixin; });
 __webpack_require__.d(__webpack_exports__, "VALIDATION_MESSAGE_TYPES", function() { return /* reexport */ VALIDATION_MESSAGE_TYPES; });
+__webpack_require__.d(__webpack_exports__, "DESCRIPTION_SIZE_TYPES", function() { return /* reexport */ DESCRIPTION_SIZE_TYPES; });
 __webpack_require__.d(__webpack_exports__, "DEFAULT_VALIDATION_MESSAGE_TYPE", function() { return /* reexport */ DEFAULT_VALIDATION_MESSAGE_TYPE; });
 __webpack_require__.d(__webpack_exports__, "validationMessageValidator", function() { return /* reexport */ validationMessageValidator; });
 __webpack_require__.d(__webpack_exports__, "getUniqueString", function() { return /* reexport */ getUniqueString; });
@@ -724,21 +643,21 @@ 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":"673ef668-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=75ac8f82&
-var 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('hs-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('hs-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('hs-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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 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 staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=75ac8f82&
+// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=928dbcb4&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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=4b07a06f&
-var notice_iconvue_type_template_id_4b07a06f_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 d-as-center"},[_vm._t("default",[_c(_vm.defaultIcon,{tag:"component"})])],2):_vm._e()}
-var notice_iconvue_type_template_id_4b07a06f_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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=21baafec&
+var notice_iconvue_type_template_id_21baafec_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 d-as-center"},[_vm._t("default",[_c(_vm.defaultIcon,{tag:"component"})])],2):_vm._e()}
+var notice_iconvue_type_template_id_21baafec_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=4b07a06f&
+// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=21baafec&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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":"59098857-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 = []
 
@@ -864,7 +783,7 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var IconInfo = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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":"59098857-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 = []
 
@@ -890,7 +809,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":"673ef668-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":"59098857-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 = []
 
@@ -916,7 +835,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":"673ef668-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/IconCheckmark.vue?vue&type=template&id=00878f9c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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/IconCheckmark.vue?vue&type=template&id=00878f9c&
 var IconCheckmarkvue_type_template_id_00878f9c_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__checkmark",attrs:{"aria-hidden":"true","aria-label":"Checkmark","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}})])}
 var IconCheckmarkvue_type_template_id_00878f9c_staticRenderFns = []
 
@@ -943,7 +862,7 @@ var IconCheckmark_component = normalizeComponent(
 
 /* harmony default export */ var IconCheckmark = (IconCheckmark_component.exports);
 // CONCATENATED MODULE: ./components/notice/notice_constants.js
-const NOTICE_KINDS = ['base', 'info', 'warning', 'error', 'success'];
+const NOTICE_KINDS = ['', 'info', 'warning', 'error', 'success'];
 /* harmony default export */ var notice_constants = ({
   NOTICE_KINDS
 });
@@ -967,7 +886,7 @@ const NOTICE_KINDS = ['base', 'info', 'warning', 'error', 'success'];
 
 const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckmark'], ['warning', 'IconWarning'], ['error', 'IconError'], ['base', null]]);
 /* harmony default export */ var notice_iconvue_type_script_lang_js_ = ({
-  name: 'HsNoticeIcon',
+  name: 'DtNoticeIcon',
   components: {
     IconInfo: IconInfo,
     IconWarning: IconWarning,
@@ -1004,8 +923,8 @@ const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckmark'],
 
 var notice_icon_component = normalizeComponent(
   notice_notice_iconvue_type_script_lang_js_,
-  notice_iconvue_type_template_id_4b07a06f_render,
-  notice_iconvue_type_template_id_4b07a06f_staticRenderFns,
+  notice_iconvue_type_template_id_21baafec_render,
+  notice_iconvue_type_template_id_21baafec_staticRenderFns,
   false,
   null,
   null,
@@ -1014,12 +933,12 @@ 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":"673ef668-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=30c035b7&
-var notice_contentvue_type_template_id_30c035b7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__content d-fw-wrap"},[(_vm.title || this.$slots.titleOverride)?_c('h1',{staticClass:"d-notice__title",attrs:{"id":_vm.titleId}},[_vm._t("titleOverride",[_vm._v(" "+_vm._s(_vm.title)+" ")])],2):_vm._e(),_c('p',{staticClass:"d-notice__message",attrs:{"id":_vm.contentId}},[_vm._t("default")],2)])}
-var notice_contentvue_type_template_id_30c035b7_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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=153d0212&
+var notice_contentvue_type_template_id_153d0212_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__content d-fw-wrap"},[(_vm.title || this.$slots.titleOverride)?_c('h1',{staticClass:"d-notice__title",attrs:{"id":_vm.titleId}},[_vm._t("titleOverride",[_vm._v(" "+_vm._s(_vm.title)+" ")])],2):_vm._e(),_c('p',{staticClass:"d-notice__message",attrs:{"id":_vm.contentId}},[_vm._t("default")],2)])}
+var notice_contentvue_type_template_id_153d0212_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=30c035b7&
+// CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=153d0212&
 
 // 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_content.vue?vue&type=script&lang=js&
 //
@@ -1045,7 +964,7 @@ var notice_contentvue_type_template_id_30c035b7_staticRenderFns = []
 //
 //
 /* harmony default export */ var notice_contentvue_type_script_lang_js_ = ({
-  name: 'HsNoticeContent',
+  name: 'DtNoticeContent',
   props: {
     title: {
       type: String,
@@ -1073,8 +992,8 @@ var notice_contentvue_type_template_id_30c035b7_staticRenderFns = []
 
 var notice_content_component = normalizeComponent(
   notice_notice_contentvue_type_script_lang_js_,
-  notice_contentvue_type_template_id_30c035b7_render,
-  notice_contentvue_type_template_id_30c035b7_staticRenderFns,
+  notice_contentvue_type_template_id_153d0212_render,
+  notice_contentvue_type_template_id_153d0212_staticRenderFns,
   false,
   null,
   null,
@@ -1083,14 +1002,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":"673ef668-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=dae74d26&
-var notice_actionvue_type_template_id_dae74d26_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions"},[_vm._t("default"),(!_vm.hideClose)?_c('hs-button',_vm._b({ref:"closeButton",staticClass:"d-notice__btn d-notice__close",attrs:{"importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : null},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'hs-button',_vm.closeButtonProps,false)):_vm._e()],2)}
-var notice_actionvue_type_template_id_dae74d26_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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=5a25139e&
+var notice_actionvue_type_template_id_5a25139e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions"},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._b({ref:"closeButton",staticClass:"d-notice__btn d-notice__close",attrs:{"importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : null},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_5a25139e_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=dae74d26&
+// CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=5a25139e&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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":"59098857-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 = []
 
@@ -1116,17 +1035,79 @@ 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":"673ef668-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=56cb54b2&
-var buttonvue_type_template_id_56cb54b2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:['base-button__button' ].concat( _vm.buttonClasses),attrs:{"type":_vm.type,"aria-live":_vm.computedAriaLive}},_vm.buttonListeners),[(_vm.hasIconSlot)?_c('span',{class:['base-button__icon', 'd-btn__icon', _vm.iconPositionClass]},[_vm._t("icon")],2):_vm._e(),(_vm.hasIconSlot)?_c('span',{class:['base-button__label', 'd-btn__label' ].concat( _vm.labelPositionClasses)},[_vm._t("default")],2):_vm._t("default")],2)}
-var buttonvue_type_template_id_56cb54b2_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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=3fe946f4&
+var buttonvue_type_template_id_3fe946f4_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', _vm.iconClasses],attrs:{"data-qa":"dt-button-icon"}},[_vm._t("icon")],2):_vm._e(),_c('span',{class:['base-button__label', 'd-btn__label'],attrs:{"data-qa":"dt-button-label"}},[_vm._t("default")],2)])}
+var buttonvue_type_template_id_3fe946f4_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=56cb54b2&
+// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=3fe946f4&
 
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
 var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
 
+// CONCATENATED MODULE: ./components/button/button_constants.js
+const BUTTON_SIZE_MODIFIERS = {
+  xs: 'd-btn--xs',
+  sm: 'd-btn--sm',
+  md: '',
+  lg: 'd-btn--lg',
+  xl: 'd-btn--xl'
+};
+const BUTTON_KIND_MODIFIERS = {
+  default: '',
+  danger: 'd-btn--danger',
+  inverted: 'd-btn--inverted'
+};
+const BUTTON_IMPORTANCE_MODIFIERS = {
+  clear: '',
+  primary: 'd-btn--primary',
+  outlined: 'd-btn--outlined'
+};
+const BUTTON_TYPES = ['submit', 'reset', 'button'];
+const ICON_POSITION_MODIFIERS = {
+  left: 'd-btn__icon--left',
+  right: 'd-btn__icon--right'
+}; // TODO: Use LINK_KIND_MODIFIERS from the link component
+// rather than this one once it gets merged in.
+
+const LINK_KIND_MODIFIERS = {
+  default: 'd-link',
+  warning: 'd-link--warning',
+  danger: 'd-link--danger',
+  success: 'd-link--success',
+  muted: 'd-link--muted',
+  inverted: 'd-link--inverted'
+};
+const INVALID_COMBINATION = [{
+  circle: true,
+  kind: 'default',
+  importance: 'primary',
+  message: _invalidCombinationMessage(true, 'default', 'primary')
+}, {
+  circle: true,
+  kind: 'danger',
+  importance: 'outlined',
+  message: _invalidCombinationMessage(true, 'danger', 'outlined')
+}];
+
+function _invalidCombinationMessage(circle, kind, importance) {
+  return `You cannot not have a ${circle ? 'circle ' : ''}button \
+with kind: ${kind} and importance: ${importance} as it \
+does not exist in our design system. \
+See https://dialpad.design/components/button for a \
+list of available button styles`;
+}
+
+/* harmony default export */ var button_constants = ({
+  BUTTON_SIZE_MODIFIERS,
+  BUTTON_KIND_MODIFIERS,
+  BUTTON_IMPORTANCE_MODIFIERS,
+  BUTTON_TYPES,
+  ICON_POSITION_MODIFIERS,
+  LINK_KIND_MODIFIERS,
+  INVALID_COMBINATION
+});
 // 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/button/button.vue?vue&type=script&lang=js&
 //
 //
@@ -1156,45 +1137,21 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpac
 //
 //
 //
+//
+
 
-const BUTTON_SIZE_MODIFIERS = {
-  xs: '--xs',
-  sm: '--sm',
-  md: '',
-  lg: '--lg',
-  xl: '--xl'
-};
-const BUTTON_KIND_MODIFIERS = {
-  default: '',
-  danger: '--danger',
-  inverted: '--inverted'
-};
-const BUTTON_IMPORTANCE_MODIFIERS = {
-  clear: '',
-  primary: '--primary',
-  outlined: '--outlined'
-};
-const BUTTON_TYPES = ['submit', 'reset', 'button'];
-const ICON_POSITIONS = ['left-align', 'split-left', 'center-align', 'right-align'];
-const LINK_KIND_MODIFIERS = {
-  default: '',
-  warning: '--warning',
-  danger: '--danger',
-  success: '--success',
-  dark: '--dark'
-};
 /**
  * Base Vue component for Dialtone Buttons.
  * @displayName HSButton
  */
 
 /* harmony default export */ var buttonvue_type_script_lang_js_ = ({
-  name: 'HsButton',
+  name: 'DtButton',
   props: {
     /**
      * Whether the button is a circle or not.
      * @values true, false
-     * @see https://dialpad.design/components/buttons/
+     * @see https://dialpad.design/components/button/
      */
     circle: {
       type: Boolean,
@@ -1203,19 +1160,19 @@ const LINK_KIND_MODIFIERS = {
 
     /**
      * The position of the icon slot within the button.
-     * @values left, split-left, center, right
-     * @see https://dialpad.design/components/buttons/
+     * @values left, right
+     * @see https://dialpad.design/components/button/
      */
     iconPosition: {
       type: String,
-      default: 'center-align',
-      validator: position => ICON_POSITIONS.includes(position)
+      default: 'left',
+      validator: position => Object.keys(ICON_POSITION_MODIFIERS).includes(position)
     },
 
     /**
      * The fill and outline of the button associated with its visual importance.
      * @values clear, outlined, primary
-     * @see https://dialpad.design/components/buttons/
+     * @see https://dialpad.design/components/button/
      */
     importance: {
       type: String,
@@ -1226,27 +1183,17 @@ const LINK_KIND_MODIFIERS = {
     /**
      * Whether the button should be styled as a link or not.
      * @values true, false
-     * @see https://dialpad.design/components/links/#
+     * @see https://dialpad.design/components/link
      */
     link: {
       type: Boolean,
       default: false
     },
 
-    /**
-     * Whether the link should be inverted if the button is styled as a link.
-     * @values true, false
-     * @see https://dialpad.design/components/links/#
-     */
-    linkInverted: {
-      type: Boolean,
-      default: false
-    },
-
     /**
      * The color of the link and button if the button is styled as a link.
      * @values danger, dark, default, success, warning
-     * @see https://dialpad.design/components/links/#
+     * @see https://dialpad.design/components/link
      */
     linkKind: {
       type: String,
@@ -1268,7 +1215,7 @@ const LINK_KIND_MODIFIERS = {
     /**
      * The size of the button.
      * @values xs, s, md, lg, xl
-     * @see https://dialpad.design/components/buttons/
+     * @see https://dialpad.design/components/button
      */
     size: {
       type: String,
@@ -1279,7 +1226,7 @@ const LINK_KIND_MODIFIERS = {
     /**
      * Whether the button should display a loading animation or not.
      * @values true, false
-     * @see https://dialpad.design/components/buttons/
+     * @see https://dialpad.design/components/button
      */
     loading: {
       type: Boolean,
@@ -1289,7 +1236,7 @@ const LINK_KIND_MODIFIERS = {
     /**
      * The color of the button.
      * @values default, danger, inverted
-     * kind - default, danger, or inverted (https://dialpad.design/components/buttons/)
+     * @see https://dialpad.design/components/button
      */
     kind: {
       type: String,
@@ -1338,121 +1285,65 @@ const LINK_KIND_MODIFIERS = {
     },
 
     buttonClasses() {
-      const classes = this.link ? [this.buttonLinkClass] : [this.buttonMainClass, this.buttonSizeClass];
-      return [...classes, this.buttonIconPositionClass];
-    },
-
-    buttonMainClass() {
-      const shape = this.circle ? '--circle' : '';
-      const kind = BUTTON_KIND_MODIFIERS[this.kind] || '';
-      const importance = BUTTON_IMPORTANCE_MODIFIERS[this.importance] || '';
-      const loading = this.loading ? '--loading' : ''; // Button class structure: .d-btn--shape--kind--importance--state
-
-      return `d-btn${shape}${kind}${importance}${loading}`;
-    },
-
-    buttonLinkClass() {
-      const inverted = this.linkInverted ? '--inverted' : '';
-      const linkKind = LINK_KIND_MODIFIERS[this.linkKind] || ''; // Link class structure: .d-link--inverted--kind
-
-      return `d-link${inverted}${linkKind}`;
-    },
-
-    buttonSizeClass() {
-      const shape = this.circle ? '--circle' : '';
-      const size = BUTTON_SIZE_MODIFIERS[this.size] || ''; // Size class structure: .d-btn--shape--size
-
-      return `d-btn${shape}${size}`;
-    },
-
-    buttonIconPositionClass() {
-      // Note(cormac): When it has an icon, a button only needs extra styling if its icon is positioned left-align.
-      if (this.hasIconSlot && this.iconPosition === 'left-align') {
-        return 'button__left-align';
-      }
-
-      return '';
-    },
-
-    hasIconSlot() {
-      return !!this.$slots.icon;
-    },
-
-    iconPositionClass() {
-      // Note(cormac): When a button has an icon, the icon only needs extra styling when it's positioned right-align.
-      if (this.hasIconSlot && this.iconPosition === 'right-align') {
-        return 'd-btn__icon--last';
+      if (this.link) {
+        return ['d-link', LINK_KIND_MODIFIERS[this.linkKind], BUTTON_SIZE_MODIFIERS[this.size]];
       }
 
-      return '';
+      return ['d-btn', BUTTON_IMPORTANCE_MODIFIERS[this.importance], BUTTON_KIND_MODIFIERS[this.kind], BUTTON_SIZE_MODIFIERS[this.size], {
+        'd-btn--circle': this.circle,
+        'd-btn--loading': this.loading
+      }];
     },
 
-    labelPositionClasses() {
-      if (!this.hasIconSlot) {
-        return [];
-      }
-
-      const classes = [];
-
-      if (this.iconPosition === 'split-left' || this.iconPosition === 'right-align') {
-        classes.push('d-flex1');
-      }
-
-      if (this.iconPosition === 'right-align') {
-        classes.push('button__label__right-align');
-      }
-
-      return classes;
+    iconClasses() {
+      return ['d-btn__icon', ICON_POSITION_MODIFIERS[this.iconPosition]];
     }
 
   },
-  created: function () {
-    if (true) return;
+  watch: {
+    $props: {
+      immediate: true,
 
-    if (this.isUnsupportedCircleButton()) {
-      external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Unsupported button: primary d-btn--circle and outlined d-btn--circle--danger are not supported.', this);
-    }
+      handler() {
+        if (true) return;
 
-    if (this.isUnsupportedInvertedLink()) {
-      external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Unsupported link: inverted link is neither d-link--inverted nor d-link--inverted--danger.', this);
-    }
+        if (this.circle && this.link) {
+          external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('You cannot enable circle and link at the same time', this);
+        }
+
+        this.isInvalidPropCombination(this.circle, this.kind, this.importance);
+      }
 
-    if (this.circle && this.link) {
-      external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Unsupported link: circle d-link is not supported.', this);
     }
   },
   methods: {
-    isUnsupportedCircleButton() {
-      // Caveat: d-btn--circle can't be primary and d-btn--circle--danger can't be outlined.
-      const isBtnCirclePrimary = this.circle && this.kind === 'default' && this.importance === 'primary';
-      const isBtnCircleDangerOutlined = this.circle && this.kind === 'danger' && this.importance === 'outlined';
-      return isBtnCirclePrimary || isBtnCircleDangerOutlined;
-    },
+    isInvalidPropCombination(circle, kind, importance) {
+      for (const row of INVALID_COMBINATION) {
+        if (circle === row.circle && kind === row.kind && importance === row.importance) {
+          console.error(row.message);
+          return false;
+        }
+      }
 
-    isUnsupportedInvertedLink() {
-      return this.linkInverted && this.linkKind !== 'danger' && this.linkKind !== 'default';
+      return true;
     }
 
   }
 });
 // CONCATENATED MODULE: ./components/button/button.vue?vue&type=script&lang=js&
  /* harmony default export */ var button_buttonvue_type_script_lang_js_ = (buttonvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./components/button/button.vue?vue&type=style&index=0&lang=less&
-var buttonvue_type_style_index_0_lang_less_ = __webpack_require__("84cc");
-
 // CONCATENATED MODULE: ./components/button/button.vue
 
 
 
 
 
-
 /* normalize component */
 
 var button_component = normalizeComponent(
   button_buttonvue_type_script_lang_js_,
-  buttonvue_type_template_id_56cb54b2_render,
-  buttonvue_type_template_id_56cb54b2_staticRenderFns,
+  buttonvue_type_template_id_3fe946f4_render,
+  buttonvue_type_template_id_3fe946f4_staticRenderFns,
   false,
   null,
   null,
@@ -1484,10 +1375,10 @@ var button_component = normalizeComponent(
 
 
 /* harmony default export */ var notice_actionvue_type_script_lang_js_ = ({
-  name: 'HsNoticeAction',
+  name: 'DtNoticeAction',
   components: {
     IconClose: IconClose,
-    HsButton: button_button
+    DtButton: button_button
   },
   props: {
     closeButtonProps: {
@@ -1537,8 +1428,8 @@ var button_component = normalizeComponent(
 
 var notice_action_component = normalizeComponent(
   notice_notice_actionvue_type_script_lang_js_,
-  notice_actionvue_type_template_id_dae74d26_render,
-  notice_actionvue_type_template_id_dae74d26_staticRenderFns,
+  notice_actionvue_type_template_id_5a25139e_render,
+  notice_actionvue_type_template_id_5a25139e_staticRenderFns,
   false,
   null,
   null,
@@ -1637,11 +1528,24 @@ const focusableElementsList = `button:${nonFocusableAttrs},
   }
 });
 // CONCATENATED MODULE: ./components/constants.js
+/* TODO: Move and sort these in a constants directory
+
+Example:
+  constants/
+    forms.js
+    defaults.js
+    ...
+*/
 // Types of messages, also dictates what is the current state of the input.
 const VALIDATION_MESSAGE_TYPES = {
   ERROR: 'error',
   WARNING: 'warning',
   SUCCESS: 'success'
+}; // Description size variants
+
+const DESCRIPTION_SIZE_TYPES = {
+  LARGE: 'lg',
+  EXTRA_LARGE: 'xl'
 };
 /*
  * Any string message or message object in the messages prop that do not specify
@@ -1653,6 +1557,7 @@ const DEFAULT_VALIDATION_MESSAGE_TYPE = VALIDATION_MESSAGE_TYPES.ERROR; // Defau
 const DEFAULT_PREFIX = 'hs';
 /* harmony default export */ var constants = ({
   VALIDATION_MESSAGE_TYPES,
+  DESCRIPTION_SIZE_TYPES,
   DEFAULT_VALIDATION_MESSAGE_TYPE,
   DEFAULT_PREFIX
 });
@@ -1769,6 +1674,8 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
 //
 //
 //
+//
+//
 
 
 
@@ -1776,16 +1683,17 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
 
 
 /* harmony default export */ var bannervue_type_script_lang_js_ = ({
-  name: 'HsBanner',
+  name: 'DtBanner',
   components: {
-    HsNoticeIcon: notice_icon,
-    HsNoticeContent: notice_content,
-    HsNoticeAction: notice_action
+    DtNoticeIcon: notice_icon,
+    DtNoticeContent: notice_content,
+    DtNoticeAction: notice_action
   },
   mixins: [modal],
   props: {
     /**
-     * Sets an ID on the title element of the component. Useful for aria-describedby or aria-labelledby or any other reason you may need an id to refer to the title.
+     * Sets an ID on the title element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the title.
      */
     titleId: {
       type: String,
@@ -1797,7 +1705,8 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
     },
 
     /**
-     * Sets an ID on the content element of the component. Useful for aria-describedby or aria-labelledby or any other reason you may need an id to refer to the content.
+     * Sets an ID on the content element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the content.
      */
     contentId: {
       type: String,
@@ -1817,7 +1726,8 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
     },
 
     /**
-     * Used in scenarios where the message needs to visually dominate the screen. This will also change the aria role from status to alertdialog.
+     * Used in scenarios where the message needs to visually dominate the screen.
+     *  This will also change the aria role from status to alertdialog.
      * and will modally trap the keyboard focus in the dialog as soon as it displays.
      */
     important: {
@@ -1838,7 +1748,7 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
      */
     kind: {
       type: String,
-      default: 'base',
+      default: '',
 
       validate(kind) {
         return NOTICE_KINDS.includes(kind);
@@ -1868,7 +1778,8 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
     },
 
     bannerClass() {
-      return ['d-banner', `d-banner--${this.kind}`, {
+      return ['d-banner', {
+        [`d-banner--${this.kind}`]: this.kind.length > 1,
         'd-banner--important': this.important,
         'd-banner--pinned': this.pinned
       }];
@@ -1917,12 +1828,12 @@ var banner_component = normalizeComponent(
 
 // CONCATENATED MODULE: ./components/button/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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=76b0b9e3&
-var inputvue_type_template_id_76b0b9e3_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":"hs-input"}},[_vm._t("icon"),_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"hs-input-label"}},[_vm._t("labelSlot",[_c('div',{class:['base-input__label-text', 'd-label', 'd-margin-bottom2', _vm.labelSizeModifierClass]},[_vm._v(" "+_vm._s(_vm.label)+" ")])]),(_vm.$slots.description || _vm.description)?_c('div',{class:['d-description', 'd-margin-bottom2', _vm.descriptionSizeModifierClass],attrs:{"id":_vm.descriptionKey,"data-qa":"hs-input-description"}},[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('div',{staticClass:"d-d-flex d-ai-center"},[(_vm.$slots.innerLeft)?_c('div',{staticClass:"d-p-absolute d-z-index--base1 d-ml8 d-pl2 d-lh-none",on:{"focusout":_vm.onBlur}},[_vm._t("innerLeft")],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":"hs-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":"hs-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),_c('div',{staticClass:"d-p-relative"},[(_vm.$slots.innerRight)?_c('div',{staticClass:"d-z-index--base1 d-p0 d-m0 d-lh-none d-p-absolute d-ln24 d-tn8",on:{"focusout":_vm.onBlur}},[_vm._t("innerRight")],2):_vm._e()])])],2),_c('hs-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"hs-input-messages"}},'hs-validation-messages',_vm.messagesChildProps,false))],2)}
-var inputvue_type_template_id_76b0b9e3_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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=4ecb5bb6&
+var inputvue_type_template_id_4ecb5bb6_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",[_c('div',{class:['base-input__label-text', 'd-label', _vm.labelSizeModifierClass],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")])]),(_vm.$slots.description || _vm.description)?_c('div',{class:['base-input__description', 'd-description', _vm.descriptionSizeModifierClass],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-ps-relative"},[(_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.$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(),(_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))])],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_4ecb5bb6_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=76b0b9e3&
+// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=4ecb5bb6&
 
 // CONCATENATED MODULE: ./components/input/input_constants.js
 // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -1934,26 +1845,30 @@ const INPUT_TYPES = {
   EMAIL: 'email',
   NUMBER: 'number'
 };
-const INPUT_SIZE_TYPES = {
+const INPUT_SIZES = {
   EXTRA_SMALL: 'xs',
   SMALL: 'sm',
-  DEFAULT: '',
+  DEFAULT: 'md',
   LARGE: 'lg',
   EXTRA_LARGE: 'xl'
 };
 /* harmony default export */ var input_constants = ({
   INPUT_TYPES,
-  INPUT_SIZE_TYPES
+  INPUT_SIZES
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"673ef668-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=6f750976&
-var validation_messagesvue_type_template_id_6f750976_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",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":"59098857-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=37c959ef&
+var validation_messagesvue_type_template_id_37c959ef_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"}},[_vm._v(" "+_vm._s(message)+" ")])}),0):_vm._e()}
-var validation_messagesvue_type_template_id_6f750976_staticRenderFns = []
+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"}},[_vm._v(" "+_vm._s(message)+" ")])}),0):_vm._e()}
+var validation_messagesvue_type_template_id_37c959ef_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=6f750976&
+// CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=37c959ef&
 
 // CONCATENATED MODULE: ./components/validators.js
 
@@ -1997,10 +1912,15 @@ function validationMessageValidator(rawMessages) {
 //
 //
 //
+//
+//
+//
+//
+//
 
 
 /* harmony default export */ var validation_messagesvue_type_script_lang_js_ = ({
-  name: 'HsValidationMessages',
+  name: 'DtValidationMessages',
   props: {
     /**
      * The id of the validation message
@@ -2065,8 +1985,8 @@ function validationMessageValidator(rawMessages) {
 
 var validation_messages_component = normalizeComponent(
   validation_messages_validation_messagesvue_type_script_lang_js_,
-  validation_messagesvue_type_template_id_6f750976_render,
-  validation_messagesvue_type_template_id_6f750976_staticRenderFns,
+  validation_messagesvue_type_template_id_37c959ef_render,
+  validation_messagesvue_type_template_id_37c959ef_staticRenderFns,
   false,
   null,
   null,
@@ -2493,14 +2413,19 @@ const MessagesMixin = {
 //
 //
 //
+//
+//
+//
+//
+
 
 
 
 
 /* harmony default export */ var inputvue_type_script_lang_js_ = ({
-  name: 'HsInput',
+  name: 'DtInput',
   components: {
-    HsValidationMessages: validation_messages
+    DtValidationMessages: validation_messages
   },
   mixins: [MessagesMixin],
   inheritAttrs: false,
@@ -2556,12 +2481,12 @@ const MessagesMixin = {
     },
 
     /**
-     * Size of the input, one of `xs`, `sm`, `''`, `lg`, `xl`
+     * Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`
      */
     size: {
       type: String,
-      default: '',
-      validator: t => Object.values(INPUT_SIZE_TYPES).includes(t)
+      default: INPUT_SIZES.DEFAULT,
+      validator: t => Object.values(INPUT_SIZES).includes(t)
     }
   },
   emits: ['blur', 'input', 'clear'],
@@ -2570,6 +2495,10 @@ const MessagesMixin = {
       return this.type === INPUT_TYPES.TEXTAREA;
     },
 
+    isDefaultSize() {
+      return this.size === INPUT_SIZES.DEFAULT;
+    },
+
     inputComponent() {
       if (this.isTextarea) {
         return 'textarea';
@@ -2603,7 +2532,7 @@ const MessagesMixin = {
     },
 
     sizeModifierClass() {
-      if (!this.size || !Object.values(INPUT_SIZE_TYPES).includes(this.size)) {
+      if (this.isDefaultSize || !Object.values(INPUT_SIZES).includes(this.size)) {
         return '';
       }
 
@@ -2611,7 +2540,7 @@ const MessagesMixin = {
     },
 
     labelSizeModifierClass() {
-      if (!this.size || !Object.values(INPUT_SIZE_TYPES).includes(this.size)) {
+      if (this.isDefaultSize || !Object.values(INPUT_SIZES).includes(this.size)) {
         return '';
       }
 
@@ -2619,7 +2548,7 @@ const MessagesMixin = {
     },
 
     descriptionSizeModifierClass() {
-      if (!this.size || !Object.values(INPUT_SIZE_TYPES).includes(this.size)) {
+      if (this.isDefaultSize || !Object.values(DESCRIPTION_SIZE_TYPES).includes(this.size)) {
         return '';
       }
 
@@ -2629,13 +2558,15 @@ const MessagesMixin = {
   },
   methods: {
     inputClasses() {
-      return [`d-${this.inputComponent}`, {
+      return ['base-input__input', `d-${this.inputComponent}`, {
         [`d-${this.inputComponent}--${this.inputState} base-input__input--${this.inputState}`]: this.showInputState
-      }, {
-        'd-pl32': this.$slots.innerLeft
-      }, {
-        'd-pr32': this.$slots.innerRight
-      }, this.sizeModifierClass, 'base-input__input'];
+      }, this.sizeModifierClass];
+    },
+
+    inputIconClasses(side) {
+      return [`base-input__icon--${side}`, 'd-input-icon', `d-input-icon--${side}`, {
+        [`d-input-icon--${this.size}`]: !this.isDefaultSize
+      }];
     },
 
     onBlur(e) {
@@ -2670,22 +2601,18 @@ const MessagesMixin = {
 });
 // CONCATENATED MODULE: ./components/input/input.vue?vue&type=script&lang=js&
  /* harmony default export */ var input_inputvue_type_script_lang_js_ = (inputvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./components/input/input.vue?vue&type=style&index=0&lang=less&
-var inputvue_type_style_index_0_lang_less_ = __webpack_require__("2133");
-
 // CONCATENATED MODULE: ./components/input/input.vue
 
 
 
 
 
-
 /* normalize component */
 
 var input_component = normalizeComponent(
   input_inputvue_type_script_lang_js_,
-  inputvue_type_template_id_76b0b9e3_render,
-  inputvue_type_template_id_76b0b9e3_staticRenderFns,
+  inputvue_type_template_id_4ecb5bb6_render,
+  inputvue_type_template_id_4ecb5bb6_staticRenderFns,
   false,
   null,
   null,
@@ -2697,12 +2624,12 @@ 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":"673ef668-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=d2491942&
-var input_groupvue_type_template_id_d2491942_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('hs-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":_vm.dataQaGroupMessages}},'hs-validation-messages',_vm.messagesChildProps,false))],2)}
-var input_groupvue_type_template_id_d2491942_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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 = []
 
 
-// CONCATENATED MODULE: ./components/input_group/input_group.vue?vue&type=template&id=d2491942&
+// CONCATENATED MODULE: ./components/input_group/input_group.vue?vue&type=template&id=34acc7c9&
 
 // CONCATENATED MODULE: ./components/mixins/input_group.js
 
@@ -2716,7 +2643,7 @@ var input_groupvue_type_template_id_d2491942_staticRenderFns = []
 
 const InputGroupMixin = {
   components: {
-    HsValidationMessages: validation_messages
+    DtValidationMessages: validation_messages
   },
 
   // provide data to slotted components
@@ -2905,10 +2832,10 @@ const InputGroupMixin = {
 
 
 /* harmony default export */ var input_groupvue_type_script_lang_js_ = ({
-  name: 'HsInputGroup',
+  name: 'DtInputGroup',
   mixins: [InputGroupMixin],
   components: {
-    HsValidationMessages: validation_messages
+    DtValidationMessages: validation_messages
   },
   props: {
     /**
@@ -2980,8 +2907,8 @@ const InputGroupMixin = {
 
 var input_group_component = normalizeComponent(
   input_group_input_groupvue_type_script_lang_js_,
-  input_groupvue_type_template_id_d2491942_render,
-  input_groupvue_type_template_id_d2491942_staticRenderFns,
+  input_groupvue_type_template_id_34acc7c9_render,
+  input_groupvue_type_template_id_34acc7c9_staticRenderFns,
   false,
   null,
   null,
@@ -2992,12 +2919,12 @@ 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":"673ef668-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=094be3c8&
-var modalvue_type_template_id_094be3c8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.modalClasses,attrs:{"data-qa":"hs-modal","aria-hidden":(!_vm.show).toString()},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__title",attrs:{"id":_vm.labelledById,"data-qa":"hs-modal-title"}},[_vm._t("header")],2):_c('h1',{staticClass:"d-modal__title",attrs:{"id":_vm.labelledById,"data-qa":"hs-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__copy",attrs:{"data-qa":"hs-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__copy",attrs:{"data-qa":"hs-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e(),_c('hs-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}])},'hs-button',_vm.closeButtonProps,false))],1)])}
-var modalvue_type_template_id_094be3c8_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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=7d597133&
+var modalvue_type_template_id_7d597133_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.modalClasses,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)+" ")]),_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}])},'dt-button',_vm.closeButtonProps,false)),(_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()],1)])}
+var modalvue_type_template_id_7d597133_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=094be3c8&
+// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=7d597133&
 
 // CONCATENATED MODULE: ./components/modal/modal_constants.js
 // Modal style modifiers
@@ -3092,13 +3019,13 @@ const MODAL_SIZE_MODIFIERS = {
 
 /**
  * Base Vue component for Dialtone Modal.
- * @displayName HsModal
+ * @displayName DtModal
  */
 
 /* harmony default export */ var modalvue_type_script_lang_js_ = ({
-  name: 'HsModal',
+  name: 'DtModal',
   components: {
-    HsButton: button_button,
+    DtButton: button_button,
     IconClose: IconClose
   },
   mixins: [modal],
@@ -3184,12 +3111,16 @@ const MODAL_SIZE_MODIFIERS = {
      * Can accept all of String, Object, and Array, i.e. has the
      * same api as Vue's built-in handling of the class attribute.
      */
-    contentClass: {
+    modalClass: {
       type: [String, Object, Array],
       default: ''
     }
   },
   computed: {
+    open() {
+      return `${!this.show}`;
+    },
+
     hasFooterSlot() {
       return !!this.$slots.footer;
     },
@@ -3199,7 +3130,7 @@ const MODAL_SIZE_MODIFIERS = {
         'd-modal': true,
         [`d-modal--${this.kind}`]: this.kind,
         [`d-modal--${this.size}`]: this.size
-      }, this.contentClass];
+      }, this.modalClass];
     }
 
   },
@@ -3260,8 +3191,8 @@ const MODAL_SIZE_MODIFIERS = {
 
 var modal_component = normalizeComponent(
   modal_modalvue_type_script_lang_js_,
-  modalvue_type_template_id_094be3c8_render,
-  modalvue_type_template_id_094be3c8_staticRenderFns,
+  modalvue_type_template_id_7d597133_render,
+  modalvue_type_template_id_7d597133_staticRenderFns,
   false,
   null,
   null,
@@ -3273,12 +3204,12 @@ 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":"673ef668-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=fce94346&
-var lazy_showvue_type_template_id_fce94346_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_fce94346_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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/lazy_show.vue?vue&type=template&id=fce94346&
+// 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&
 //
@@ -3293,7 +3224,7 @@ var lazy_showvue_type_template_id_fce94346_staticRenderFns = []
 //
 //
 /* harmony default export */ var lazy_showvue_type_script_lang_js_ = ({
-  name: 'HsLazyShow',
+  name: 'DtLazyShow',
 
   /******************
    *     PROPS      *
@@ -3344,8 +3275,8 @@ var lazy_showvue_type_template_id_fce94346_staticRenderFns = []
 
 var lazy_show_component = normalizeComponent(
   lazy_show_lazy_showvue_type_script_lang_js_,
-  lazy_showvue_type_template_id_fce94346_render,
-  lazy_showvue_type_template_id_fce94346_staticRenderFns,
+  lazy_showvue_type_template_id_25b42290_render,
+  lazy_showvue_type_template_id_25b42290_staticRenderFns,
   false,
   null,
   null,
@@ -3356,13 +3287,13 @@ var lazy_show_component = normalizeComponent(
 /* 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":"673ef668-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=4596c35a&
-var list_sectionvue_type_template_id_4596c35a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['hs-list-section', 'd-fs14', 'd-lh6', 'd-py6', 'd-border-color--ash-darker',
-           { 'd-border-bottom': _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('hs-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_4596c35a_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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=2154a8d5&
+var list_sectionvue_type_template_id_2154a8d5_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-border-color--ash-darker',
+           { 'd-border-bottom': _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_2154a8d5_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=4596c35a&
+// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=2154a8d5&
 
 // 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&
 //
@@ -3426,7 +3357,7 @@ var list_sectionvue_type_template_id_4596c35a_staticRenderFns = []
       functional: true,
       render: (h, ctx) => ctx.props.vnodes
     },
-    HsButton: button_button
+    DtButton: button_button
   },
   props: {
     id: {
@@ -3455,12 +3386,12 @@ var list_sectionvue_type_template_id_4596c35a_staticRenderFns = []
     },
     textMore: {
       type: String,
-      // TODO needs to be translated, but handset can't do it.
+      // TODO needs to be translated, but Dialtone Vue can't do it.
       default: 'Show more'
     },
     textLess: {
       type: String,
-      // TODO needs to be translated, but handset can't do it.
+      // TODO needs to be translated, but Dialtone Vue can't do it.
       default: 'Show less'
     }
   },
@@ -3523,8 +3454,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_4596c35a_render,
-  list_sectionvue_type_template_id_4596c35a_staticRenderFns,
+  list_sectionvue_type_template_id_2154a8d5_render,
+  list_sectionvue_type_template_id_2154a8d5_staticRenderFns,
   false,
   null,
   null,
@@ -3535,13 +3466,13 @@ 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":"673ef668-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=73dafd18&
-var list_itemvue_type_template_id_73dafd18_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:['hs-list-item', 'd-fs14', 'd-lh6', 'd-py6', 'd-px16', 'd-d-flex', 'd-ai-center',
-           { 'hs-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_73dafd18_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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=6b1bb1b9&
+var list_itemvue_type_template_id_6b1bb1b9_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_6b1bb1b9_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=73dafd18&
+// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=6b1bb1b9&
 
 // 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&
 //
@@ -3609,8 +3540,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_73dafd18_render,
-  list_itemvue_type_template_id_73dafd18_staticRenderFns,
+  list_itemvue_type_template_id_6b1bb1b9_render,
+  list_itemvue_type_template_id_6b1bb1b9_staticRenderFns,
   false,
   null,
   null,
@@ -3621,12 +3552,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":"673ef668-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=5b2bf016&
-var noticevue_type_template_id_5b2bf016_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"role":_vm.role}},_vm.$listeners),[_c('hs-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('hs-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('hs-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_5b2bf016_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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=5dec1a72&
+var noticevue_type_template_id_5dec1a72_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"role":_vm.role}},_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},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_5dec1a72_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=5b2bf016&
+// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=5dec1a72&
 
 // 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&
 //
@@ -3665,20 +3596,22 @@ var noticevue_type_template_id_5b2bf016_staticRenderFns = []
 //
 //
 //
+//
 
 
 
 
 /* harmony default export */ var noticevue_type_script_lang_js_ = ({
-  name: 'HsNotice',
+  name: 'DtNotice',
   components: {
-    HsNoticeIcon: notice_icon,
-    HsNoticeContent: notice_content,
-    HsNoticeAction: notice_action
+    DtNoticeIcon: notice_icon,
+    DtNoticeContent: notice_content,
+    DtNoticeAction: notice_action
   },
   props: {
     /**
-     * Sets an ID on the title element of the component. Useful for aria-describedby or aria-labelledby or any other reason you may need an id to refer to the title.
+     * Sets an ID on the title element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the title.
      */
     titleId: {
       type: String,
@@ -3686,7 +3619,8 @@ var noticevue_type_template_id_5b2bf016_staticRenderFns = []
     },
 
     /**
-     * Sets an ID on the content element of the component. Useful for aria-describedby or aria-labelledby or any other reason you may need an id to refer to the content.
+     * Sets an ID on the content element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the content.
      */
     contentId: {
       type: String,
@@ -3702,7 +3636,8 @@ var noticevue_type_template_id_5b2bf016_staticRenderFns = []
     },
 
     /**
-     * Used in scenarios where the message needs to visually dominate the screen. This will also change the aria role from status to alert.
+     * Used in scenarios where the message needs to visually dominate the screen.
+     * This will also change the aria role from status to alert.
      */
     important: {
       type: Boolean,
@@ -3763,8 +3698,8 @@ var noticevue_type_template_id_5b2bf016_staticRenderFns = []
 
 var notice_component = normalizeComponent(
   notice_noticevue_type_script_lang_js_,
-  noticevue_type_template_id_5b2bf016_render,
-  noticevue_type_template_id_5b2bf016_staticRenderFns,
+  noticevue_type_template_id_5dec1a72_render,
+  noticevue_type_template_id_5dec1a72_staticRenderFns,
   false,
   null,
   null,
@@ -3776,22 +3711,28 @@ 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":"673ef668-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=6195be96&
-var popovervue_type_template_id_6195be96_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-p-relative hs-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":"59098857-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=ec1d0844&
+var popovervue_type_template_id_ec1d0844_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-p-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,
-      }})],2),_c('hs-lazy-show',_vm._g({ref:"container",class:[
-      'd-border d-border-color--ash-dark d-border-radius--sm d-bgc-white d-box-shadow--md d-mt4 d-p-absolute d-z-index--popover',
-      'hs-popover__content',
-      ("hs-popover__content--align-" + _vm.alignment),
-      ("hs-popover__content--valign-" + _vm.verticalAlignment),
-      ("hs-popover__content--pad-" + _vm.padding),
-      _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-border-top d-border-left d-border-color--ash-dark hs-popover__caret"}):_vm._e()],2)],1)}
-var popovervue_type_template_id_6195be96_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=6195be96&
+      }})],2),_c('dt-lazy-show',_vm._g({ref:"container",class:[
+      'd-border',
+      'd-border-color--ash-dark',
+      'd-border-radius--sm',
+      'd-bgc-white d-box-shadow--md',
+      'd-mt4',
+      'd-ps-absolute',
+      'd-z-index--popover',
+      'dt-popover__content',
+      ("dt-popover__content--align-" + _vm.alignment),
+      ("dt-popover__content--valign-" + _vm.verticalAlignment),
+      ("dt-popover__content--pad-" + _vm.padding),
+      _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-border-top d-border-left d-border-color--ash-dark dt-popover__caret"}):_vm._e()],2)],1)}
+var popovervue_type_template_id_ec1d0844_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=ec1d0844&
 
 // CONCATENATED MODULE: ./components/popover/popover_constants.js
 const POPOVER_PADDING_CLASSES = ['none', 'small', 'medium', 'large'];
@@ -3855,19 +3796,25 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
 //
 //
 //
+//
+//
+//
+//
+//
+//
 
 
 
 
 
 /* harmony default export */ var popovervue_type_script_lang_js_ = ({
-  name: 'HsPopover',
+  name: 'DtPopover',
 
   /********************
    * CHILD COMPONENTS *
    ********************/
   components: {
-    HsLazyShow: lazy_show
+    DtLazyShow: lazy_show
   },
   directives: {
     clickOutside: v_click_outside_umd_default.a.directive
@@ -3924,7 +3871,7 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
 
     /**
      * Named transition when the content display is toggled.
-     * @see HsLazyShow
+     * @see DtLazyShow
      */
     transition: {
       type: String,
@@ -3969,7 +3916,7 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
       type: String,
 
       default() {
-        return utils.getUniqueString('HsPopover__content');
+        return utils.getUniqueString('DtPopover__content');
       }
 
     },
@@ -4035,7 +3982,7 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
     labelledBy() {
       // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
       // there is no aria-label and the labelledby should point to the anchor.
-      return this.ariaLabelledby || !this.ariaLabel && utils.getUniqueString('HsPopover__anchor');
+      return this.ariaLabelledby || !this.ariaLabel && utils.getUniqueString('DtPopover__anchor');
     },
 
     isDialog() {
@@ -4155,8 +4102,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_6195be96_render,
-  popovervue_type_template_id_6195be96_staticRenderFns,
+  popovervue_type_template_id_ec1d0844_render,
+  popovervue_type_template_id_ec1d0844_staticRenderFns,
   false,
   null,
   null,
@@ -4168,12 +4115,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":"673ef668-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=fc460f50&
-var radiovue_type_template_id_fc460f50_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-radio__description', _vm.descriptionValidationClass, _vm.descriptionClass],attrs:{"data-qa":"radio-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('hs-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"hs-radio-validation-messages"}},'hs-validation-messages',_vm.messagesChildProps,false))],1)])])}
-var radiovue_type_template_id_fc460f50_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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=7572bdc7&
+var radiovue_type_template_id_7572bdc7_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-radio__description', _vm.descriptionValidationClass, _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_7572bdc7_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=fc460f50&
+// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=7572bdc7&
 
 // CONCATENATED MODULE: ./components/radio/radio_constants.js
 const RADIO_INPUT_VALIDATION_CLASSES = {
@@ -4243,9 +4190,9 @@ const RADIO_DESCRIPTION_VALIDATION_CLASSES = {
 
 
 /* harmony default export */ var radiovue_type_script_lang_js_ = ({
-  name: 'HsRadio',
+  name: 'DtRadio',
   components: {
-    HsValidationMessages: validation_messages
+    DtValidationMessages: validation_messages
   },
   mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
   inheritAttrs: false,
@@ -4328,8 +4275,8 @@ const RADIO_DESCRIPTION_VALIDATION_CLASSES = {
 
 var radio_component = normalizeComponent(
   radio_radiovue_type_script_lang_js_,
-  radiovue_type_template_id_fc460f50_render,
-  radiovue_type_template_id_fc460f50_staticRenderFns,
+  radiovue_type_template_id_7572bdc7_render,
+  radiovue_type_template_id_7572bdc7_staticRenderFns,
   false,
   null,
   null,
@@ -4343,7 +4290,7 @@ var radio_component = normalizeComponent(
 // 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/radio_group/radio_group.vue?vue&type=script&lang=js&
 
 /* harmony default export */ var radio_groupvue_type_script_lang_js_ = ({
-  name: 'HsRadioGroup',
+  name: 'DtRadioGroup',
   extends: input_group_input_group,
   props: {
     /**
@@ -4438,12 +4385,12 @@ 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":"673ef668-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=6580f6ec&
-var checkboxvue_type_template_id_6580f6ec_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}},'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-checkbox__description', _vm.descriptionValidationClass, _vm.descriptionClass],attrs:{"data-qa":"checkbox-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('hs-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"hs-checkbox-validation-messages"}},'hs-validation-messages',_vm.messagesChildProps,false))],1)])])}
-var checkboxvue_type_template_id_6580f6ec_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"59098857-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=13edc8c6&
+var checkboxvue_type_template_id_13edc8c6_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}},'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-checkbox__description', _vm.descriptionValidationClass, _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_13edc8c6_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=6580f6ec&
+// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=13edc8c6&
 
 // CONCATENATED MODULE: ./components/checkbox/checkbox_constants.js
 const CHECKBOX_INPUT_VALIDATION_CLASSES = {
@@ -4514,9 +4461,9 @@ const CHECKBOX_DESCRIPTION_VALIDATION_CLASSES = {
 
 
 /* harmony default export */ var checkboxvue_type_script_lang_js_ = ({
-  name: 'HsCheckbox',
+  name: 'DtCheckbox',
   components: {
-    HsValidationMessages: validation_messages
+    DtValidationMessages: validation_messages
   },
   mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
   inheritAttrs: false,
@@ -4590,8 +4537,8 @@ const CHECKBOX_DESCRIPTION_VALIDATION_CLASSES = {
 
 var checkbox_component = normalizeComponent(
   checkbox_checkboxvue_type_script_lang_js_,
-  checkboxvue_type_template_id_6580f6ec_render,
-  checkboxvue_type_template_id_6580f6ec_staticRenderFns,
+  checkboxvue_type_template_id_13edc8c6_render,
+  checkboxvue_type_template_id_13edc8c6_staticRenderFns,
   false,
   null,
   null,
@@ -4606,7 +4553,7 @@ var checkbox_component = normalizeComponent(
 
 
 /* harmony default export */ var checkbox_groupvue_type_script_lang_js_ = ({
-  name: 'HsCheckboxGroup',
+  name: 'DtCheckboxGroup',
   extends: input_group_input_group,
   model: {
     prop: 'selectedValues'