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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -96,31 +96,6 @@ return /******/ (function(modules) { // webpackBootstrap
96
96
  /************************************************************************/
97
97
  /******/ ({
98
98
 
99
- /***/ "1848":
100
- /***/ (function(module, exports, __webpack_require__) {
101
-
102
- // Imports
103
- var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
104
- exports = ___CSS_LOADER_API_IMPORT___(false);
105
- // Module
106
- exports.push([module.i, ".base-input .base-button__icon{margin:0}", ""]);
107
- // Exports
108
- module.exports = exports;
109
-
110
-
111
- /***/ }),
112
-
113
- /***/ "2133":
114
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
115
-
116
- "use strict";
117
- /* 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");
118
- /* 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__);
119
- /* unused harmony reexport * */
120
-
121
-
122
- /***/ }),
123
-
124
99
  /***/ "24fb":
125
100
  /***/ (function(module, exports, __webpack_require__) {
126
101
 
@@ -229,7 +204,7 @@ function toComment(sourceMap) {
229
204
  var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
230
205
  exports = ___CSS_LOADER_API_IMPORT___(false);
231
206
  // Module
232
- 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}", ""]);
207
+ 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}", ""]);
233
208
  // Exports
234
209
  module.exports = exports;
235
210
 
@@ -243,7 +218,7 @@ module.exports = exports;
243
218
  var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
244
219
  exports = ___CSS_LOADER_API_IMPORT___(false);
245
220
  // Module
246
- 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}", ""]);
221
+ 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}", ""]);
247
222
  // Exports
248
223
  module.exports = exports;
249
224
 
@@ -534,27 +509,11 @@ function applyToTag (styleElement, obj) {
534
509
  var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
535
510
  exports = ___CSS_LOADER_API_IMPORT___(false);
536
511
  // Module
537
- exports.push([module.i, ".hs-list-section[tabindex=\"-1\"]:focus{outline:none}", ""]);
512
+ exports.push([module.i, ".dt-list-section[tabindex=\"-1\"]:focus{outline:none}", ""]);
538
513
  // Exports
539
514
  module.exports = exports;
540
515
 
541
516
 
542
- /***/ }),
543
-
544
- /***/ "5672":
545
- /***/ (function(module, exports, __webpack_require__) {
546
-
547
- // style-loader: Adds some css to the DOM by adding a <style> tag
548
-
549
- // load the styles
550
- var content = __webpack_require__("1848");
551
- if(content.__esModule) content = content.default;
552
- if(typeof content === 'string') content = [[module.i, content, '']];
553
- if(content.locals) module.exports = content.locals;
554
- // add the styles to the DOM
555
- var add = __webpack_require__("499e").default
556
- var update = add("1fc0ff98", content, true, {"sourceMap":false,"shadowMode":false});
557
-
558
517
  /***/ }),
559
518
 
560
519
  /***/ "816f":
@@ -571,31 +530,6 @@ if(content.locals) module.exports = content.locals;
571
530
  var add = __webpack_require__("499e").default
572
531
  var update = add("27ac9170", content, true, {"sourceMap":false,"shadowMode":false});
573
532
 
574
- /***/ }),
575
-
576
- /***/ "81d6":
577
- /***/ (function(module, exports, __webpack_require__) {
578
-
579
- // Imports
580
- var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
581
- exports = ___CSS_LOADER_API_IMPORT___(false);
582
- // Module
583
- exports.push([module.i, ".button__label__right-align,.button__left-align{justify-content:flex-start!important}", ""]);
584
- // Exports
585
- module.exports = exports;
586
-
587
-
588
- /***/ }),
589
-
590
- /***/ "84cc":
591
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
592
-
593
- "use strict";
594
- /* 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");
595
- /* 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__);
596
- /* unused harmony reexport * */
597
-
598
-
599
533
  /***/ }),
600
534
 
601
535
  /***/ "88f8":
@@ -637,22 +571,6 @@ var update = add("572d8ba2", content, true, {"sourceMap":false,"shadowMode":fals
637
571
 
638
572
  /***/ }),
639
573
 
640
- /***/ "a61d":
641
- /***/ (function(module, exports, __webpack_require__) {
642
-
643
- // style-loader: Adds some css to the DOM by adding a <style> tag
644
-
645
- // load the styles
646
- var content = __webpack_require__("81d6");
647
- if(content.__esModule) content = content.default;
648
- if(typeof content === 'string') content = [[module.i, content, '']];
649
- if(content.locals) module.exports = content.locals;
650
- // add the styles to the DOM
651
- var add = __webpack_require__("499e").default
652
- var update = add("e183417c", content, true, {"sourceMap":false,"shadowMode":false});
653
-
654
- /***/ }),
655
-
656
574
  /***/ "c28b":
657
575
  /***/ (function(module, exports, __webpack_require__) {
658
576
 
@@ -681,35 +599,36 @@ var update = add("e183417c", content, true, {"sourceMap":false,"shadowMode":fals
681
599
  __webpack_require__.r(__webpack_exports__);
682
600
 
683
601
  // EXPORTS
684
- __webpack_require__.d(__webpack_exports__, "HsBanner", function() { return /* reexport */ banner; });
685
- __webpack_require__.d(__webpack_exports__, "HsButton", function() { return /* reexport */ button_button; });
686
- __webpack_require__.d(__webpack_exports__, "HsInput", function() { return /* reexport */ input_input; });
602
+ __webpack_require__.d(__webpack_exports__, "DtBanner", function() { return /* reexport */ banner; });
603
+ __webpack_require__.d(__webpack_exports__, "DtButton", function() { return /* reexport */ button_button; });
604
+ __webpack_require__.d(__webpack_exports__, "DtInput", function() { return /* reexport */ input_input; });
687
605
  __webpack_require__.d(__webpack_exports__, "INPUT_TYPES", function() { return /* reexport */ INPUT_TYPES; });
688
- __webpack_require__.d(__webpack_exports__, "INPUT_SIZE_TYPES", function() { return /* reexport */ INPUT_SIZE_TYPES; });
689
- __webpack_require__.d(__webpack_exports__, "HsInputGroup", function() { return /* reexport */ input_group_input_group; });
690
- __webpack_require__.d(__webpack_exports__, "HsModal", function() { return /* reexport */ modal_modal; });
606
+ __webpack_require__.d(__webpack_exports__, "INPUT_SIZES", function() { return /* reexport */ INPUT_SIZES; });
607
+ __webpack_require__.d(__webpack_exports__, "DtInputGroup", function() { return /* reexport */ input_group_input_group; });
608
+ __webpack_require__.d(__webpack_exports__, "DtModal", function() { return /* reexport */ modal_modal; });
691
609
  __webpack_require__.d(__webpack_exports__, "MODAL_KIND_MODIFIERS", function() { return /* reexport */ MODAL_KIND_MODIFIERS; });
692
610
  __webpack_require__.d(__webpack_exports__, "MODAL_SIZE_MODIFIERS", function() { return /* reexport */ MODAL_SIZE_MODIFIERS; });
693
- __webpack_require__.d(__webpack_exports__, "HsLazyShow", function() { return /* reexport */ lazy_show; });
694
- __webpack_require__.d(__webpack_exports__, "HsListSection", function() { return /* reexport */ list_section; });
695
- __webpack_require__.d(__webpack_exports__, "HsListItem", function() { return /* reexport */ list_item; });
696
- __webpack_require__.d(__webpack_exports__, "HsNotice", function() { return /* reexport */ notice; });
611
+ __webpack_require__.d(__webpack_exports__, "DtLazyShow", function() { return /* reexport */ lazy_show; });
612
+ __webpack_require__.d(__webpack_exports__, "DtListSection", function() { return /* reexport */ list_section; });
613
+ __webpack_require__.d(__webpack_exports__, "DtListItem", function() { return /* reexport */ list_item; });
614
+ __webpack_require__.d(__webpack_exports__, "DtNotice", function() { return /* reexport */ notice; });
697
615
  __webpack_require__.d(__webpack_exports__, "NOTICE_KINDS", function() { return /* reexport */ NOTICE_KINDS; });
698
- __webpack_require__.d(__webpack_exports__, "HsPopover", function() { return /* reexport */ popover; });
616
+ __webpack_require__.d(__webpack_exports__, "DtPopover", function() { return /* reexport */ popover; });
699
617
  __webpack_require__.d(__webpack_exports__, "POPOVER_PADDING_CLASSES", function() { return /* reexport */ POPOVER_PADDING_CLASSES; });
700
618
  __webpack_require__.d(__webpack_exports__, "POPOVER_HORIZONTAL_ALIGNMENT", function() { return /* reexport */ POPOVER_HORIZONTAL_ALIGNMENT; });
701
619
  __webpack_require__.d(__webpack_exports__, "POPOVER_VERTICAL_ALIGNMENT", function() { return /* reexport */ POPOVER_VERTICAL_ALIGNMENT; });
702
620
  __webpack_require__.d(__webpack_exports__, "POPOVER_ROLES", function() { return /* reexport */ POPOVER_ROLES; });
703
- __webpack_require__.d(__webpack_exports__, "HsRadio", function() { return /* reexport */ radio_radio; });
704
- __webpack_require__.d(__webpack_exports__, "HsRadioGroup", function() { return /* reexport */ radio_group; });
705
- __webpack_require__.d(__webpack_exports__, "HsValidationMessages", function() { return /* reexport */ validation_messages; });
706
- __webpack_require__.d(__webpack_exports__, "HsCheckbox", function() { return /* reexport */ checkbox_checkbox; });
707
- __webpack_require__.d(__webpack_exports__, "HsCheckboxGroup", function() { return /* reexport */ checkbox_group; });
708
- __webpack_require__.d(__webpack_exports__, "HsInputMixin", function() { return /* reexport */ InputMixin; });
709
- __webpack_require__.d(__webpack_exports__, "HsCheckableInputMixin", function() { return /* reexport */ CheckableMixin; });
710
- __webpack_require__.d(__webpack_exports__, "HsGroupableInputMixin", function() { return /* reexport */ GroupableMixin; });
711
- __webpack_require__.d(__webpack_exports__, "HsInputGroupMixin", function() { return /* reexport */ InputGroupMixin; });
621
+ __webpack_require__.d(__webpack_exports__, "DtRadio", function() { return /* reexport */ radio_radio; });
622
+ __webpack_require__.d(__webpack_exports__, "DtRadioGroup", function() { return /* reexport */ radio_group; });
623
+ __webpack_require__.d(__webpack_exports__, "DtValidationMessages", function() { return /* reexport */ validation_messages; });
624
+ __webpack_require__.d(__webpack_exports__, "DtCheckbox", function() { return /* reexport */ checkbox_checkbox; });
625
+ __webpack_require__.d(__webpack_exports__, "DtCheckboxGroup", function() { return /* reexport */ checkbox_group; });
626
+ __webpack_require__.d(__webpack_exports__, "DtInputMixin", function() { return /* reexport */ InputMixin; });
627
+ __webpack_require__.d(__webpack_exports__, "DtCheckableInputMixin", function() { return /* reexport */ CheckableMixin; });
628
+ __webpack_require__.d(__webpack_exports__, "DtGroupableInputMixin", function() { return /* reexport */ GroupableMixin; });
629
+ __webpack_require__.d(__webpack_exports__, "DtInputGroupMixin", function() { return /* reexport */ InputGroupMixin; });
712
630
  __webpack_require__.d(__webpack_exports__, "VALIDATION_MESSAGE_TYPES", function() { return /* reexport */ VALIDATION_MESSAGE_TYPES; });
631
+ __webpack_require__.d(__webpack_exports__, "DESCRIPTION_SIZE_TYPES", function() { return /* reexport */ DESCRIPTION_SIZE_TYPES; });
713
632
  __webpack_require__.d(__webpack_exports__, "DEFAULT_VALIDATION_MESSAGE_TYPE", function() { return /* reexport */ DEFAULT_VALIDATION_MESSAGE_TYPE; });
714
633
  __webpack_require__.d(__webpack_exports__, "validationMessageValidator", function() { return /* reexport */ validationMessageValidator; });
715
634
  __webpack_require__.d(__webpack_exports__, "getUniqueString", function() { return /* reexport */ getUniqueString; });
@@ -733,21 +652,21 @@ if (typeof window !== 'undefined') {
733
652
  // Indicate to webpack that this file can be concatenated
734
653
  /* harmony default export */ var setPublicPath = (null);
735
654
 
736
- // 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&
737
- 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)])}
655
+ // 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&
656
+ 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)])}
738
657
  var staticRenderFns = []
739
658
 
740
659
 
741
- // CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=75ac8f82&
660
+ // CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=928dbcb4&
742
661
 
743
- // 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&
744
- 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()}
745
- var notice_iconvue_type_template_id_4b07a06f_staticRenderFns = []
662
+ // 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&
663
+ 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()}
664
+ var notice_iconvue_type_template_id_21baafec_staticRenderFns = []
746
665
 
747
666
 
748
- // CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=4b07a06f&
667
+ // CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=21baafec&
749
668
 
750
- // 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&
669
+ // 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&
751
670
  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"}})])}
752
671
  var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
753
672
 
@@ -873,7 +792,7 @@ var component = normalizeComponent(
873
792
  )
874
793
 
875
794
  /* harmony default export */ var IconInfo = (component.exports);
876
- // 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&
795
+ // 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&
877
796
  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"}})])}
878
797
  var IconWarningvue_type_template_id_0a24defa_staticRenderFns = []
879
798
 
@@ -899,7 +818,7 @@ var IconWarning_component = normalizeComponent(
899
818
  )
900
819
 
901
820
  /* harmony default export */ var IconWarning = (IconWarning_component.exports);
902
- // 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&
821
+ // 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&
903
822
  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"}})])}
904
823
  var IconErrorvue_type_template_id_4d9e3e9d_staticRenderFns = []
905
824
 
@@ -925,7 +844,7 @@ var IconError_component = normalizeComponent(
925
844
  )
926
845
 
927
846
  /* harmony default export */ var IconError = (IconError_component.exports);
928
- // 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&
847
+ // 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&
929
848
  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"}})])}
930
849
  var IconCheckmarkvue_type_template_id_00878f9c_staticRenderFns = []
931
850
 
@@ -952,7 +871,7 @@ var IconCheckmark_component = normalizeComponent(
952
871
 
953
872
  /* harmony default export */ var IconCheckmark = (IconCheckmark_component.exports);
954
873
  // CONCATENATED MODULE: ./components/notice/notice_constants.js
955
- const NOTICE_KINDS = ['base', 'info', 'warning', 'error', 'success'];
874
+ const NOTICE_KINDS = ['', 'info', 'warning', 'error', 'success'];
956
875
  /* harmony default export */ var notice_constants = ({
957
876
  NOTICE_KINDS
958
877
  });
@@ -976,7 +895,7 @@ const NOTICE_KINDS = ['base', 'info', 'warning', 'error', 'success'];
976
895
 
977
896
  const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckmark'], ['warning', 'IconWarning'], ['error', 'IconError'], ['base', null]]);
978
897
  /* harmony default export */ var notice_iconvue_type_script_lang_js_ = ({
979
- name: 'HsNoticeIcon',
898
+ name: 'DtNoticeIcon',
980
899
  components: {
981
900
  IconInfo: IconInfo,
982
901
  IconWarning: IconWarning,
@@ -1013,8 +932,8 @@ const kindToIcon = new Map([['info', 'IconInfo'], ['success', 'IconCheckmark'],
1013
932
 
1014
933
  var notice_icon_component = normalizeComponent(
1015
934
  notice_notice_iconvue_type_script_lang_js_,
1016
- notice_iconvue_type_template_id_4b07a06f_render,
1017
- notice_iconvue_type_template_id_4b07a06f_staticRenderFns,
935
+ notice_iconvue_type_template_id_21baafec_render,
936
+ notice_iconvue_type_template_id_21baafec_staticRenderFns,
1018
937
  false,
1019
938
  null,
1020
939
  null,
@@ -1023,12 +942,12 @@ var notice_icon_component = normalizeComponent(
1023
942
  )
1024
943
 
1025
944
  /* harmony default export */ var notice_icon = (notice_icon_component.exports);
1026
- // 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&
1027
- 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)])}
1028
- var notice_contentvue_type_template_id_30c035b7_staticRenderFns = []
945
+ // 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&
946
+ 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)])}
947
+ var notice_contentvue_type_template_id_153d0212_staticRenderFns = []
1029
948
 
1030
949
 
1031
- // CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=30c035b7&
950
+ // CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=153d0212&
1032
951
 
1033
952
  // 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&
1034
953
  //
@@ -1054,7 +973,7 @@ var notice_contentvue_type_template_id_30c035b7_staticRenderFns = []
1054
973
  //
1055
974
  //
1056
975
  /* harmony default export */ var notice_contentvue_type_script_lang_js_ = ({
1057
- name: 'HsNoticeContent',
976
+ name: 'DtNoticeContent',
1058
977
  props: {
1059
978
  title: {
1060
979
  type: String,
@@ -1082,8 +1001,8 @@ var notice_contentvue_type_template_id_30c035b7_staticRenderFns = []
1082
1001
 
1083
1002
  var notice_content_component = normalizeComponent(
1084
1003
  notice_notice_contentvue_type_script_lang_js_,
1085
- notice_contentvue_type_template_id_30c035b7_render,
1086
- notice_contentvue_type_template_id_30c035b7_staticRenderFns,
1004
+ notice_contentvue_type_template_id_153d0212_render,
1005
+ notice_contentvue_type_template_id_153d0212_staticRenderFns,
1087
1006
  false,
1088
1007
  null,
1089
1008
  null,
@@ -1092,14 +1011,14 @@ var notice_content_component = normalizeComponent(
1092
1011
  )
1093
1012
 
1094
1013
  /* harmony default export */ var notice_content = (notice_content_component.exports);
1095
- // 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&
1096
- 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)}
1097
- var notice_actionvue_type_template_id_dae74d26_staticRenderFns = []
1014
+ // 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&
1015
+ 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)}
1016
+ var notice_actionvue_type_template_id_5a25139e_staticRenderFns = []
1098
1017
 
1099
1018
 
1100
- // CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=dae74d26&
1019
+ // CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=5a25139e&
1101
1020
 
1102
- // 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&
1021
+ // 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&
1103
1022
  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"}})])}
1104
1023
  var IconClosevue_type_template_id_18642c39_staticRenderFns = []
1105
1024
 
@@ -1125,17 +1044,79 @@ var IconClose_component = normalizeComponent(
1125
1044
  )
1126
1045
 
1127
1046
  /* harmony default export */ var IconClose = (IconClose_component.exports);
1128
- // 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&
1129
- 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)}
1130
- var buttonvue_type_template_id_56cb54b2_staticRenderFns = []
1047
+ // 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&
1048
+ 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)])}
1049
+ var buttonvue_type_template_id_3fe946f4_staticRenderFns = []
1131
1050
 
1132
1051
 
1133
- // CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=56cb54b2&
1052
+ // CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=3fe946f4&
1134
1053
 
1135
1054
  // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
1136
1055
  var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
1137
1056
  var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
1138
1057
 
1058
+ // CONCATENATED MODULE: ./components/button/button_constants.js
1059
+ const BUTTON_SIZE_MODIFIERS = {
1060
+ xs: 'd-btn--xs',
1061
+ sm: 'd-btn--sm',
1062
+ md: '',
1063
+ lg: 'd-btn--lg',
1064
+ xl: 'd-btn--xl'
1065
+ };
1066
+ const BUTTON_KIND_MODIFIERS = {
1067
+ default: '',
1068
+ danger: 'd-btn--danger',
1069
+ inverted: 'd-btn--inverted'
1070
+ };
1071
+ const BUTTON_IMPORTANCE_MODIFIERS = {
1072
+ clear: '',
1073
+ primary: 'd-btn--primary',
1074
+ outlined: 'd-btn--outlined'
1075
+ };
1076
+ const BUTTON_TYPES = ['submit', 'reset', 'button'];
1077
+ const ICON_POSITION_MODIFIERS = {
1078
+ left: 'd-btn__icon--left',
1079
+ right: 'd-btn__icon--right'
1080
+ }; // TODO: Use LINK_KIND_MODIFIERS from the link component
1081
+ // rather than this one once it gets merged in.
1082
+
1083
+ const LINK_KIND_MODIFIERS = {
1084
+ default: 'd-link',
1085
+ warning: 'd-link--warning',
1086
+ danger: 'd-link--danger',
1087
+ success: 'd-link--success',
1088
+ muted: 'd-link--muted',
1089
+ inverted: 'd-link--inverted'
1090
+ };
1091
+ const INVALID_COMBINATION = [{
1092
+ circle: true,
1093
+ kind: 'default',
1094
+ importance: 'primary',
1095
+ message: _invalidCombinationMessage(true, 'default', 'primary')
1096
+ }, {
1097
+ circle: true,
1098
+ kind: 'danger',
1099
+ importance: 'outlined',
1100
+ message: _invalidCombinationMessage(true, 'danger', 'outlined')
1101
+ }];
1102
+
1103
+ function _invalidCombinationMessage(circle, kind, importance) {
1104
+ return `You cannot not have a ${circle ? 'circle ' : ''}button \
1105
+ with kind: ${kind} and importance: ${importance} as it \
1106
+ does not exist in our design system. \
1107
+ See https://dialpad.design/components/button for a \
1108
+ list of available button styles`;
1109
+ }
1110
+
1111
+ /* harmony default export */ var button_constants = ({
1112
+ BUTTON_SIZE_MODIFIERS,
1113
+ BUTTON_KIND_MODIFIERS,
1114
+ BUTTON_IMPORTANCE_MODIFIERS,
1115
+ BUTTON_TYPES,
1116
+ ICON_POSITION_MODIFIERS,
1117
+ LINK_KIND_MODIFIERS,
1118
+ INVALID_COMBINATION
1119
+ });
1139
1120
  // 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&
1140
1121
  //
1141
1122
  //
@@ -1165,45 +1146,21 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpac
1165
1146
  //
1166
1147
  //
1167
1148
  //
1149
+ //
1150
+
1168
1151
 
1169
- const BUTTON_SIZE_MODIFIERS = {
1170
- xs: '--xs',
1171
- sm: '--sm',
1172
- md: '',
1173
- lg: '--lg',
1174
- xl: '--xl'
1175
- };
1176
- const BUTTON_KIND_MODIFIERS = {
1177
- default: '',
1178
- danger: '--danger',
1179
- inverted: '--inverted'
1180
- };
1181
- const BUTTON_IMPORTANCE_MODIFIERS = {
1182
- clear: '',
1183
- primary: '--primary',
1184
- outlined: '--outlined'
1185
- };
1186
- const BUTTON_TYPES = ['submit', 'reset', 'button'];
1187
- const ICON_POSITIONS = ['left-align', 'split-left', 'center-align', 'right-align'];
1188
- const LINK_KIND_MODIFIERS = {
1189
- default: '',
1190
- warning: '--warning',
1191
- danger: '--danger',
1192
- success: '--success',
1193
- dark: '--dark'
1194
- };
1195
1152
  /**
1196
1153
  * Base Vue component for Dialtone Buttons.
1197
1154
  * @displayName HSButton
1198
1155
  */
1199
1156
 
1200
1157
  /* harmony default export */ var buttonvue_type_script_lang_js_ = ({
1201
- name: 'HsButton',
1158
+ name: 'DtButton',
1202
1159
  props: {
1203
1160
  /**
1204
1161
  * Whether the button is a circle or not.
1205
1162
  * @values true, false
1206
- * @see https://dialpad.design/components/buttons/
1163
+ * @see https://dialpad.design/components/button/
1207
1164
  */
1208
1165
  circle: {
1209
1166
  type: Boolean,
@@ -1212,19 +1169,19 @@ const LINK_KIND_MODIFIERS = {
1212
1169
 
1213
1170
  /**
1214
1171
  * The position of the icon slot within the button.
1215
- * @values left, split-left, center, right
1216
- * @see https://dialpad.design/components/buttons/
1172
+ * @values left, right
1173
+ * @see https://dialpad.design/components/button/
1217
1174
  */
1218
1175
  iconPosition: {
1219
1176
  type: String,
1220
- default: 'center-align',
1221
- validator: position => ICON_POSITIONS.includes(position)
1177
+ default: 'left',
1178
+ validator: position => Object.keys(ICON_POSITION_MODIFIERS).includes(position)
1222
1179
  },
1223
1180
 
1224
1181
  /**
1225
1182
  * The fill and outline of the button associated with its visual importance.
1226
1183
  * @values clear, outlined, primary
1227
- * @see https://dialpad.design/components/buttons/
1184
+ * @see https://dialpad.design/components/button/
1228
1185
  */
1229
1186
  importance: {
1230
1187
  type: String,
@@ -1235,27 +1192,17 @@ const LINK_KIND_MODIFIERS = {
1235
1192
  /**
1236
1193
  * Whether the button should be styled as a link or not.
1237
1194
  * @values true, false
1238
- * @see https://dialpad.design/components/links/#
1195
+ * @see https://dialpad.design/components/link
1239
1196
  */
1240
1197
  link: {
1241
1198
  type: Boolean,
1242
1199
  default: false
1243
1200
  },
1244
1201
 
1245
- /**
1246
- * Whether the link should be inverted if the button is styled as a link.
1247
- * @values true, false
1248
- * @see https://dialpad.design/components/links/#
1249
- */
1250
- linkInverted: {
1251
- type: Boolean,
1252
- default: false
1253
- },
1254
-
1255
1202
  /**
1256
1203
  * The color of the link and button if the button is styled as a link.
1257
1204
  * @values danger, dark, default, success, warning
1258
- * @see https://dialpad.design/components/links/#
1205
+ * @see https://dialpad.design/components/link
1259
1206
  */
1260
1207
  linkKind: {
1261
1208
  type: String,
@@ -1277,7 +1224,7 @@ const LINK_KIND_MODIFIERS = {
1277
1224
  /**
1278
1225
  * The size of the button.
1279
1226
  * @values xs, s, md, lg, xl
1280
- * @see https://dialpad.design/components/buttons/
1227
+ * @see https://dialpad.design/components/button
1281
1228
  */
1282
1229
  size: {
1283
1230
  type: String,
@@ -1288,7 +1235,7 @@ const LINK_KIND_MODIFIERS = {
1288
1235
  /**
1289
1236
  * Whether the button should display a loading animation or not.
1290
1237
  * @values true, false
1291
- * @see https://dialpad.design/components/buttons/
1238
+ * @see https://dialpad.design/components/button
1292
1239
  */
1293
1240
  loading: {
1294
1241
  type: Boolean,
@@ -1298,7 +1245,7 @@ const LINK_KIND_MODIFIERS = {
1298
1245
  /**
1299
1246
  * The color of the button.
1300
1247
  * @values default, danger, inverted
1301
- * kind - default, danger, or inverted (https://dialpad.design/components/buttons/)
1248
+ * @see https://dialpad.design/components/button
1302
1249
  */
1303
1250
  kind: {
1304
1251
  type: String,
@@ -1347,121 +1294,65 @@ const LINK_KIND_MODIFIERS = {
1347
1294
  },
1348
1295
 
1349
1296
  buttonClasses() {
1350
- const classes = this.link ? [this.buttonLinkClass] : [this.buttonMainClass, this.buttonSizeClass];
1351
- return [...classes, this.buttonIconPositionClass];
1352
- },
1353
-
1354
- buttonMainClass() {
1355
- const shape = this.circle ? '--circle' : '';
1356
- const kind = BUTTON_KIND_MODIFIERS[this.kind] || '';
1357
- const importance = BUTTON_IMPORTANCE_MODIFIERS[this.importance] || '';
1358
- const loading = this.loading ? '--loading' : ''; // Button class structure: .d-btn--shape--kind--importance--state
1359
-
1360
- return `d-btn${shape}${kind}${importance}${loading}`;
1361
- },
1362
-
1363
- buttonLinkClass() {
1364
- const inverted = this.linkInverted ? '--inverted' : '';
1365
- const linkKind = LINK_KIND_MODIFIERS[this.linkKind] || ''; // Link class structure: .d-link--inverted--kind
1366
-
1367
- return `d-link${inverted}${linkKind}`;
1368
- },
1369
-
1370
- buttonSizeClass() {
1371
- const shape = this.circle ? '--circle' : '';
1372
- const size = BUTTON_SIZE_MODIFIERS[this.size] || ''; // Size class structure: .d-btn--shape--size
1373
-
1374
- return `d-btn${shape}${size}`;
1375
- },
1376
-
1377
- buttonIconPositionClass() {
1378
- // Note(cormac): When it has an icon, a button only needs extra styling if its icon is positioned left-align.
1379
- if (this.hasIconSlot && this.iconPosition === 'left-align') {
1380
- return 'button__left-align';
1381
- }
1382
-
1383
- return '';
1384
- },
1385
-
1386
- hasIconSlot() {
1387
- return !!this.$slots.icon;
1388
- },
1389
-
1390
- iconPositionClass() {
1391
- // Note(cormac): When a button has an icon, the icon only needs extra styling when it's positioned right-align.
1392
- if (this.hasIconSlot && this.iconPosition === 'right-align') {
1393
- return 'd-btn__icon--last';
1297
+ if (this.link) {
1298
+ return ['d-link', LINK_KIND_MODIFIERS[this.linkKind], BUTTON_SIZE_MODIFIERS[this.size]];
1394
1299
  }
1395
1300
 
1396
- return '';
1301
+ return ['d-btn', BUTTON_IMPORTANCE_MODIFIERS[this.importance], BUTTON_KIND_MODIFIERS[this.kind], BUTTON_SIZE_MODIFIERS[this.size], {
1302
+ 'd-btn--circle': this.circle,
1303
+ 'd-btn--loading': this.loading
1304
+ }];
1397
1305
  },
1398
1306
 
1399
- labelPositionClasses() {
1400
- if (!this.hasIconSlot) {
1401
- return [];
1402
- }
1403
-
1404
- const classes = [];
1405
-
1406
- if (this.iconPosition === 'split-left' || this.iconPosition === 'right-align') {
1407
- classes.push('d-flex1');
1408
- }
1409
-
1410
- if (this.iconPosition === 'right-align') {
1411
- classes.push('button__label__right-align');
1412
- }
1413
-
1414
- return classes;
1307
+ iconClasses() {
1308
+ return ['d-btn__icon', ICON_POSITION_MODIFIERS[this.iconPosition]];
1415
1309
  }
1416
1310
 
1417
1311
  },
1418
- created: function () {
1419
- if (true) return;
1312
+ watch: {
1313
+ $props: {
1314
+ immediate: true,
1420
1315
 
1421
- if (this.isUnsupportedCircleButton()) {
1422
- 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);
1423
- }
1316
+ handler() {
1317
+ if (true) return;
1424
1318
 
1425
- if (this.isUnsupportedInvertedLink()) {
1426
- 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);
1427
- }
1319
+ if (this.circle && this.link) {
1320
+ external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('You cannot enable circle and link at the same time', this);
1321
+ }
1322
+
1323
+ this.isInvalidPropCombination(this.circle, this.kind, this.importance);
1324
+ }
1428
1325
 
1429
- if (this.circle && this.link) {
1430
- external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Unsupported link: circle d-link is not supported.', this);
1431
1326
  }
1432
1327
  },
1433
1328
  methods: {
1434
- isUnsupportedCircleButton() {
1435
- // Caveat: d-btn--circle can't be primary and d-btn--circle--danger can't be outlined.
1436
- const isBtnCirclePrimary = this.circle && this.kind === 'default' && this.importance === 'primary';
1437
- const isBtnCircleDangerOutlined = this.circle && this.kind === 'danger' && this.importance === 'outlined';
1438
- return isBtnCirclePrimary || isBtnCircleDangerOutlined;
1439
- },
1329
+ isInvalidPropCombination(circle, kind, importance) {
1330
+ for (const row of INVALID_COMBINATION) {
1331
+ if (circle === row.circle && kind === row.kind && importance === row.importance) {
1332
+ console.error(row.message);
1333
+ return false;
1334
+ }
1335
+ }
1440
1336
 
1441
- isUnsupportedInvertedLink() {
1442
- return this.linkInverted && this.linkKind !== 'danger' && this.linkKind !== 'default';
1337
+ return true;
1443
1338
  }
1444
1339
 
1445
1340
  }
1446
1341
  });
1447
1342
  // CONCATENATED MODULE: ./components/button/button.vue?vue&type=script&lang=js&
1448
1343
  /* harmony default export */ var button_buttonvue_type_script_lang_js_ = (buttonvue_type_script_lang_js_);
1449
- // EXTERNAL MODULE: ./components/button/button.vue?vue&type=style&index=0&lang=less&
1450
- var buttonvue_type_style_index_0_lang_less_ = __webpack_require__("84cc");
1451
-
1452
1344
  // CONCATENATED MODULE: ./components/button/button.vue
1453
1345
 
1454
1346
 
1455
1347
 
1456
1348
 
1457
1349
 
1458
-
1459
1350
  /* normalize component */
1460
1351
 
1461
1352
  var button_component = normalizeComponent(
1462
1353
  button_buttonvue_type_script_lang_js_,
1463
- buttonvue_type_template_id_56cb54b2_render,
1464
- buttonvue_type_template_id_56cb54b2_staticRenderFns,
1354
+ buttonvue_type_template_id_3fe946f4_render,
1355
+ buttonvue_type_template_id_3fe946f4_staticRenderFns,
1465
1356
  false,
1466
1357
  null,
1467
1358
  null,
@@ -1493,10 +1384,10 @@ var button_component = normalizeComponent(
1493
1384
 
1494
1385
 
1495
1386
  /* harmony default export */ var notice_actionvue_type_script_lang_js_ = ({
1496
- name: 'HsNoticeAction',
1387
+ name: 'DtNoticeAction',
1497
1388
  components: {
1498
1389
  IconClose: IconClose,
1499
- HsButton: button_button
1390
+ DtButton: button_button
1500
1391
  },
1501
1392
  props: {
1502
1393
  closeButtonProps: {
@@ -1546,8 +1437,8 @@ var button_component = normalizeComponent(
1546
1437
 
1547
1438
  var notice_action_component = normalizeComponent(
1548
1439
  notice_notice_actionvue_type_script_lang_js_,
1549
- notice_actionvue_type_template_id_dae74d26_render,
1550
- notice_actionvue_type_template_id_dae74d26_staticRenderFns,
1440
+ notice_actionvue_type_template_id_5a25139e_render,
1441
+ notice_actionvue_type_template_id_5a25139e_staticRenderFns,
1551
1442
  false,
1552
1443
  null,
1553
1444
  null,
@@ -1646,11 +1537,24 @@ const focusableElementsList = `button:${nonFocusableAttrs},
1646
1537
  }
1647
1538
  });
1648
1539
  // CONCATENATED MODULE: ./components/constants.js
1540
+ /* TODO: Move and sort these in a constants directory
1541
+
1542
+ Example:
1543
+ constants/
1544
+ forms.js
1545
+ defaults.js
1546
+ ...
1547
+ */
1649
1548
  // Types of messages, also dictates what is the current state of the input.
1650
1549
  const VALIDATION_MESSAGE_TYPES = {
1651
1550
  ERROR: 'error',
1652
1551
  WARNING: 'warning',
1653
1552
  SUCCESS: 'success'
1553
+ }; // Description size variants
1554
+
1555
+ const DESCRIPTION_SIZE_TYPES = {
1556
+ LARGE: 'lg',
1557
+ EXTRA_LARGE: 'xl'
1654
1558
  };
1655
1559
  /*
1656
1560
  * Any string message or message object in the messages prop that do not specify
@@ -1662,6 +1566,7 @@ const DEFAULT_VALIDATION_MESSAGE_TYPE = VALIDATION_MESSAGE_TYPES.ERROR; // Defau
1662
1566
  const DEFAULT_PREFIX = 'hs';
1663
1567
  /* harmony default export */ var constants = ({
1664
1568
  VALIDATION_MESSAGE_TYPES,
1569
+ DESCRIPTION_SIZE_TYPES,
1665
1570
  DEFAULT_VALIDATION_MESSAGE_TYPE,
1666
1571
  DEFAULT_PREFIX
1667
1572
  });
@@ -1778,6 +1683,8 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
1778
1683
  //
1779
1684
  //
1780
1685
  //
1686
+ //
1687
+ //
1781
1688
 
1782
1689
 
1783
1690
 
@@ -1785,16 +1692,17 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
1785
1692
 
1786
1693
 
1787
1694
  /* harmony default export */ var bannervue_type_script_lang_js_ = ({
1788
- name: 'HsBanner',
1695
+ name: 'DtBanner',
1789
1696
  components: {
1790
- HsNoticeIcon: notice_icon,
1791
- HsNoticeContent: notice_content,
1792
- HsNoticeAction: notice_action
1697
+ DtNoticeIcon: notice_icon,
1698
+ DtNoticeContent: notice_content,
1699
+ DtNoticeAction: notice_action
1793
1700
  },
1794
1701
  mixins: [modal],
1795
1702
  props: {
1796
1703
  /**
1797
- * 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.
1704
+ * Sets an ID on the title element of the component. Useful for aria-describedby
1705
+ * or aria-labelledby or any other reason you may need an id to refer to the title.
1798
1706
  */
1799
1707
  titleId: {
1800
1708
  type: String,
@@ -1806,7 +1714,8 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
1806
1714
  },
1807
1715
 
1808
1716
  /**
1809
- * 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.
1717
+ * Sets an ID on the content element of the component. Useful for aria-describedby
1718
+ * or aria-labelledby or any other reason you may need an id to refer to the content.
1810
1719
  */
1811
1720
  contentId: {
1812
1721
  type: String,
@@ -1826,7 +1735,8 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
1826
1735
  },
1827
1736
 
1828
1737
  /**
1829
- * Used in scenarios where the message needs to visually dominate the screen. This will also change the aria role from status to alertdialog.
1738
+ * Used in scenarios where the message needs to visually dominate the screen.
1739
+ * This will also change the aria role from status to alertdialog.
1830
1740
  * and will modally trap the keyboard focus in the dialog as soon as it displays.
1831
1741
  */
1832
1742
  important: {
@@ -1847,7 +1757,7 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
1847
1757
  */
1848
1758
  kind: {
1849
1759
  type: String,
1850
- default: 'base',
1760
+ default: '',
1851
1761
 
1852
1762
  validate(kind) {
1853
1763
  return NOTICE_KINDS.includes(kind);
@@ -1877,7 +1787,8 @@ function hasFormattedMessageOfType(formattedMessages, messageType) {
1877
1787
  },
1878
1788
 
1879
1789
  bannerClass() {
1880
- return ['d-banner', `d-banner--${this.kind}`, {
1790
+ return ['d-banner', {
1791
+ [`d-banner--${this.kind}`]: this.kind.length > 1,
1881
1792
  'd-banner--important': this.important,
1882
1793
  'd-banner--pinned': this.pinned
1883
1794
  }];
@@ -1926,12 +1837,12 @@ var banner_component = normalizeComponent(
1926
1837
 
1927
1838
  // CONCATENATED MODULE: ./components/button/index.js
1928
1839
 
1929
- // 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&
1930
- 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)}
1931
- var inputvue_type_template_id_76b0b9e3_staticRenderFns = []
1840
+ // 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&
1841
+ 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)}
1842
+ var inputvue_type_template_id_4ecb5bb6_staticRenderFns = []
1932
1843
 
1933
1844
 
1934
- // CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=76b0b9e3&
1845
+ // CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=4ecb5bb6&
1935
1846
 
1936
1847
  // CONCATENATED MODULE: ./components/input/input_constants.js
1937
1848
  // Valid input types, any other input types (for example: 'radio' or 'checkbox') should
@@ -1943,26 +1854,30 @@ const INPUT_TYPES = {
1943
1854
  EMAIL: 'email',
1944
1855
  NUMBER: 'number'
1945
1856
  };
1946
- const INPUT_SIZE_TYPES = {
1857
+ const INPUT_SIZES = {
1947
1858
  EXTRA_SMALL: 'xs',
1948
1859
  SMALL: 'sm',
1949
- DEFAULT: '',
1860
+ DEFAULT: 'md',
1950
1861
  LARGE: 'lg',
1951
1862
  EXTRA_LARGE: 'xl'
1952
1863
  };
1953
1864
  /* harmony default export */ var input_constants = ({
1954
1865
  INPUT_TYPES,
1955
- INPUT_SIZE_TYPES
1866
+ INPUT_SIZES
1956
1867
  });
1957
- // 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&
1958
- 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){
1868
+ // 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&
1869
+ 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){
1959
1870
  var message = ref.message;
1960
1871
  var type = ref.type;
1961
- 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()}
1962
- var validation_messagesvue_type_template_id_6f750976_staticRenderFns = []
1872
+ return _c('div',{key:_vm.getMessageKey(type, index),class:[
1873
+ 'base-input__message',
1874
+ 'd-validation-message',
1875
+ ("base-input__message--" + type),
1876
+ ("d-validation-message--" + type) ],attrs:{"role":"status","aria-live":"polite","data-qa":"validation-message"}},[_vm._v(" "+_vm._s(message)+" ")])}),0):_vm._e()}
1877
+ var validation_messagesvue_type_template_id_37c959ef_staticRenderFns = []
1963
1878
 
1964
1879
 
1965
- // CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=6f750976&
1880
+ // CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=37c959ef&
1966
1881
 
1967
1882
  // CONCATENATED MODULE: ./components/validators.js
1968
1883
 
@@ -2006,10 +1921,15 @@ function validationMessageValidator(rawMessages) {
2006
1921
  //
2007
1922
  //
2008
1923
  //
1924
+ //
1925
+ //
1926
+ //
1927
+ //
1928
+ //
2009
1929
 
2010
1930
 
2011
1931
  /* harmony default export */ var validation_messagesvue_type_script_lang_js_ = ({
2012
- name: 'HsValidationMessages',
1932
+ name: 'DtValidationMessages',
2013
1933
  props: {
2014
1934
  /**
2015
1935
  * The id of the validation message
@@ -2074,8 +1994,8 @@ function validationMessageValidator(rawMessages) {
2074
1994
 
2075
1995
  var validation_messages_component = normalizeComponent(
2076
1996
  validation_messages_validation_messagesvue_type_script_lang_js_,
2077
- validation_messagesvue_type_template_id_6f750976_render,
2078
- validation_messagesvue_type_template_id_6f750976_staticRenderFns,
1997
+ validation_messagesvue_type_template_id_37c959ef_render,
1998
+ validation_messagesvue_type_template_id_37c959ef_staticRenderFns,
2079
1999
  false,
2080
2000
  null,
2081
2001
  null,
@@ -2502,14 +2422,19 @@ const MessagesMixin = {
2502
2422
  //
2503
2423
  //
2504
2424
  //
2425
+ //
2426
+ //
2427
+ //
2428
+ //
2429
+
2505
2430
 
2506
2431
 
2507
2432
 
2508
2433
 
2509
2434
  /* harmony default export */ var inputvue_type_script_lang_js_ = ({
2510
- name: 'HsInput',
2435
+ name: 'DtInput',
2511
2436
  components: {
2512
- HsValidationMessages: validation_messages
2437
+ DtValidationMessages: validation_messages
2513
2438
  },
2514
2439
  mixins: [MessagesMixin],
2515
2440
  inheritAttrs: false,
@@ -2565,12 +2490,12 @@ const MessagesMixin = {
2565
2490
  },
2566
2491
 
2567
2492
  /**
2568
- * Size of the input, one of `xs`, `sm`, `''`, `lg`, `xl`
2493
+ * Size of the input, one of `xs`, `sm`, `md`, `lg`, `xl`
2569
2494
  */
2570
2495
  size: {
2571
2496
  type: String,
2572
- default: '',
2573
- validator: t => Object.values(INPUT_SIZE_TYPES).includes(t)
2497
+ default: INPUT_SIZES.DEFAULT,
2498
+ validator: t => Object.values(INPUT_SIZES).includes(t)
2574
2499
  }
2575
2500
  },
2576
2501
  emits: ['blur', 'input', 'clear'],
@@ -2579,6 +2504,10 @@ const MessagesMixin = {
2579
2504
  return this.type === INPUT_TYPES.TEXTAREA;
2580
2505
  },
2581
2506
 
2507
+ isDefaultSize() {
2508
+ return this.size === INPUT_SIZES.DEFAULT;
2509
+ },
2510
+
2582
2511
  inputComponent() {
2583
2512
  if (this.isTextarea) {
2584
2513
  return 'textarea';
@@ -2612,7 +2541,7 @@ const MessagesMixin = {
2612
2541
  },
2613
2542
 
2614
2543
  sizeModifierClass() {
2615
- if (!this.size || !Object.values(INPUT_SIZE_TYPES).includes(this.size)) {
2544
+ if (this.isDefaultSize || !Object.values(INPUT_SIZES).includes(this.size)) {
2616
2545
  return '';
2617
2546
  }
2618
2547
 
@@ -2620,7 +2549,7 @@ const MessagesMixin = {
2620
2549
  },
2621
2550
 
2622
2551
  labelSizeModifierClass() {
2623
- if (!this.size || !Object.values(INPUT_SIZE_TYPES).includes(this.size)) {
2552
+ if (this.isDefaultSize || !Object.values(INPUT_SIZES).includes(this.size)) {
2624
2553
  return '';
2625
2554
  }
2626
2555
 
@@ -2628,7 +2557,7 @@ const MessagesMixin = {
2628
2557
  },
2629
2558
 
2630
2559
  descriptionSizeModifierClass() {
2631
- if (!this.size || !Object.values(INPUT_SIZE_TYPES).includes(this.size)) {
2560
+ if (this.isDefaultSize || !Object.values(DESCRIPTION_SIZE_TYPES).includes(this.size)) {
2632
2561
  return '';
2633
2562
  }
2634
2563
 
@@ -2638,13 +2567,15 @@ const MessagesMixin = {
2638
2567
  },
2639
2568
  methods: {
2640
2569
  inputClasses() {
2641
- return [`d-${this.inputComponent}`, {
2570
+ return ['base-input__input', `d-${this.inputComponent}`, {
2642
2571
  [`d-${this.inputComponent}--${this.inputState} base-input__input--${this.inputState}`]: this.showInputState
2643
- }, {
2644
- 'd-pl32': this.$slots.innerLeft
2645
- }, {
2646
- 'd-pr32': this.$slots.innerRight
2647
- }, this.sizeModifierClass, 'base-input__input'];
2572
+ }, this.sizeModifierClass];
2573
+ },
2574
+
2575
+ inputIconClasses(side) {
2576
+ return [`base-input__icon--${side}`, 'd-input-icon', `d-input-icon--${side}`, {
2577
+ [`d-input-icon--${this.size}`]: !this.isDefaultSize
2578
+ }];
2648
2579
  },
2649
2580
 
2650
2581
  onBlur(e) {
@@ -2679,22 +2610,18 @@ const MessagesMixin = {
2679
2610
  });
2680
2611
  // CONCATENATED MODULE: ./components/input/input.vue?vue&type=script&lang=js&
2681
2612
  /* harmony default export */ var input_inputvue_type_script_lang_js_ = (inputvue_type_script_lang_js_);
2682
- // EXTERNAL MODULE: ./components/input/input.vue?vue&type=style&index=0&lang=less&
2683
- var inputvue_type_style_index_0_lang_less_ = __webpack_require__("2133");
2684
-
2685
2613
  // CONCATENATED MODULE: ./components/input/input.vue
2686
2614
 
2687
2615
 
2688
2616
 
2689
2617
 
2690
2618
 
2691
-
2692
2619
  /* normalize component */
2693
2620
 
2694
2621
  var input_component = normalizeComponent(
2695
2622
  input_inputvue_type_script_lang_js_,
2696
- inputvue_type_template_id_76b0b9e3_render,
2697
- inputvue_type_template_id_76b0b9e3_staticRenderFns,
2623
+ inputvue_type_template_id_4ecb5bb6_render,
2624
+ inputvue_type_template_id_4ecb5bb6_staticRenderFns,
2698
2625
  false,
2699
2626
  null,
2700
2627
  null,
@@ -2706,12 +2633,12 @@ var input_component = normalizeComponent(
2706
2633
  // CONCATENATED MODULE: ./components/input/index.js
2707
2634
 
2708
2635
 
2709
- // 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&
2710
- 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)}
2711
- var input_groupvue_type_template_id_d2491942_staticRenderFns = []
2636
+ // 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&
2637
+ 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)}
2638
+ var input_groupvue_type_template_id_34acc7c9_staticRenderFns = []
2712
2639
 
2713
2640
 
2714
- // CONCATENATED MODULE: ./components/input_group/input_group.vue?vue&type=template&id=d2491942&
2641
+ // CONCATENATED MODULE: ./components/input_group/input_group.vue?vue&type=template&id=34acc7c9&
2715
2642
 
2716
2643
  // CONCATENATED MODULE: ./components/mixins/input_group.js
2717
2644
 
@@ -2725,7 +2652,7 @@ var input_groupvue_type_template_id_d2491942_staticRenderFns = []
2725
2652
 
2726
2653
  const InputGroupMixin = {
2727
2654
  components: {
2728
- HsValidationMessages: validation_messages
2655
+ DtValidationMessages: validation_messages
2729
2656
  },
2730
2657
 
2731
2658
  // provide data to slotted components
@@ -2914,10 +2841,10 @@ const InputGroupMixin = {
2914
2841
 
2915
2842
 
2916
2843
  /* harmony default export */ var input_groupvue_type_script_lang_js_ = ({
2917
- name: 'HsInputGroup',
2844
+ name: 'DtInputGroup',
2918
2845
  mixins: [InputGroupMixin],
2919
2846
  components: {
2920
- HsValidationMessages: validation_messages
2847
+ DtValidationMessages: validation_messages
2921
2848
  },
2922
2849
  props: {
2923
2850
  /**
@@ -2989,8 +2916,8 @@ const InputGroupMixin = {
2989
2916
 
2990
2917
  var input_group_component = normalizeComponent(
2991
2918
  input_group_input_groupvue_type_script_lang_js_,
2992
- input_groupvue_type_template_id_d2491942_render,
2993
- input_groupvue_type_template_id_d2491942_staticRenderFns,
2919
+ input_groupvue_type_template_id_34acc7c9_render,
2920
+ input_groupvue_type_template_id_34acc7c9_staticRenderFns,
2994
2921
  false,
2995
2922
  null,
2996
2923
  null,
@@ -3001,12 +2928,12 @@ var input_group_component = normalizeComponent(
3001
2928
  /* harmony default export */ var input_group_input_group = (input_group_component.exports);
3002
2929
  // CONCATENATED MODULE: ./components/input_group/index.js
3003
2930
 
3004
- // 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&
3005
- 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)])}
3006
- var modalvue_type_template_id_094be3c8_staticRenderFns = []
2931
+ // 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&
2932
+ 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)])}
2933
+ var modalvue_type_template_id_7d597133_staticRenderFns = []
3007
2934
 
3008
2935
 
3009
- // CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=094be3c8&
2936
+ // CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=7d597133&
3010
2937
 
3011
2938
  // CONCATENATED MODULE: ./components/modal/modal_constants.js
3012
2939
  // Modal style modifiers
@@ -3101,13 +3028,13 @@ const MODAL_SIZE_MODIFIERS = {
3101
3028
 
3102
3029
  /**
3103
3030
  * Base Vue component for Dialtone Modal.
3104
- * @displayName HsModal
3031
+ * @displayName DtModal
3105
3032
  */
3106
3033
 
3107
3034
  /* harmony default export */ var modalvue_type_script_lang_js_ = ({
3108
- name: 'HsModal',
3035
+ name: 'DtModal',
3109
3036
  components: {
3110
- HsButton: button_button,
3037
+ DtButton: button_button,
3111
3038
  IconClose: IconClose
3112
3039
  },
3113
3040
  mixins: [modal],
@@ -3193,12 +3120,16 @@ const MODAL_SIZE_MODIFIERS = {
3193
3120
  * Can accept all of String, Object, and Array, i.e. has the
3194
3121
  * same api as Vue's built-in handling of the class attribute.
3195
3122
  */
3196
- contentClass: {
3123
+ modalClass: {
3197
3124
  type: [String, Object, Array],
3198
3125
  default: ''
3199
3126
  }
3200
3127
  },
3201
3128
  computed: {
3129
+ open() {
3130
+ return `${!this.show}`;
3131
+ },
3132
+
3202
3133
  hasFooterSlot() {
3203
3134
  return !!this.$slots.footer;
3204
3135
  },
@@ -3208,7 +3139,7 @@ const MODAL_SIZE_MODIFIERS = {
3208
3139
  'd-modal': true,
3209
3140
  [`d-modal--${this.kind}`]: this.kind,
3210
3141
  [`d-modal--${this.size}`]: this.size
3211
- }, this.contentClass];
3142
+ }, this.modalClass];
3212
3143
  }
3213
3144
 
3214
3145
  },
@@ -3269,8 +3200,8 @@ const MODAL_SIZE_MODIFIERS = {
3269
3200
 
3270
3201
  var modal_component = normalizeComponent(
3271
3202
  modal_modalvue_type_script_lang_js_,
3272
- modalvue_type_template_id_094be3c8_render,
3273
- modalvue_type_template_id_094be3c8_staticRenderFns,
3203
+ modalvue_type_template_id_7d597133_render,
3204
+ modalvue_type_template_id_7d597133_staticRenderFns,
3274
3205
  false,
3275
3206
  null,
3276
3207
  null,
@@ -3282,12 +3213,12 @@ var modal_component = normalizeComponent(
3282
3213
  // CONCATENATED MODULE: ./components/modal/index.js
3283
3214
 
3284
3215
 
3285
- // 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&
3286
- 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)])}
3287
- var lazy_showvue_type_template_id_fce94346_staticRenderFns = []
3216
+ // 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&
3217
+ 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)])}
3218
+ var lazy_showvue_type_template_id_25b42290_staticRenderFns = []
3288
3219
 
3289
3220
 
3290
- // CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=template&id=fce94346&
3221
+ // CONCATENATED MODULE: ./components/lazy_show/lazy_show.vue?vue&type=template&id=25b42290&
3291
3222
 
3292
3223
  // 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
3224
  //
@@ -3302,7 +3233,7 @@ var lazy_showvue_type_template_id_fce94346_staticRenderFns = []
3302
3233
  //
3303
3234
  //
3304
3235
  /* harmony default export */ var lazy_showvue_type_script_lang_js_ = ({
3305
- name: 'HsLazyShow',
3236
+ name: 'DtLazyShow',
3306
3237
 
3307
3238
  /******************
3308
3239
  * PROPS *
@@ -3353,8 +3284,8 @@ var lazy_showvue_type_template_id_fce94346_staticRenderFns = []
3353
3284
 
3354
3285
  var lazy_show_component = normalizeComponent(
3355
3286
  lazy_show_lazy_showvue_type_script_lang_js_,
3356
- lazy_showvue_type_template_id_fce94346_render,
3357
- lazy_showvue_type_template_id_fce94346_staticRenderFns,
3287
+ lazy_showvue_type_template_id_25b42290_render,
3288
+ lazy_showvue_type_template_id_25b42290_staticRenderFns,
3358
3289
  false,
3359
3290
  null,
3360
3291
  null,
@@ -3365,13 +3296,13 @@ var lazy_show_component = normalizeComponent(
3365
3296
  /* harmony default export */ var lazy_show = (lazy_show_component.exports);
3366
3297
  // CONCATENATED MODULE: ./components/lazy_show/index.js
3367
3298
 
3368
- // 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&
3369
- 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',
3370
- { '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)}
3371
- var list_sectionvue_type_template_id_4596c35a_staticRenderFns = []
3299
+ // 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&
3300
+ 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',
3301
+ { '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)}
3302
+ var list_sectionvue_type_template_id_2154a8d5_staticRenderFns = []
3372
3303
 
3373
3304
 
3374
- // CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=4596c35a&
3305
+ // CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=2154a8d5&
3375
3306
 
3376
3307
  // 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&
3377
3308
  //
@@ -3435,7 +3366,7 @@ var list_sectionvue_type_template_id_4596c35a_staticRenderFns = []
3435
3366
  functional: true,
3436
3367
  render: (h, ctx) => ctx.props.vnodes
3437
3368
  },
3438
- HsButton: button_button
3369
+ DtButton: button_button
3439
3370
  },
3440
3371
  props: {
3441
3372
  id: {
@@ -3464,12 +3395,12 @@ var list_sectionvue_type_template_id_4596c35a_staticRenderFns = []
3464
3395
  },
3465
3396
  textMore: {
3466
3397
  type: String,
3467
- // TODO needs to be translated, but handset can't do it.
3398
+ // TODO needs to be translated, but Dialtone Vue can't do it.
3468
3399
  default: 'Show more'
3469
3400
  },
3470
3401
  textLess: {
3471
3402
  type: String,
3472
- // TODO needs to be translated, but handset can't do it.
3403
+ // TODO needs to be translated, but Dialtone Vue can't do it.
3473
3404
  default: 'Show less'
3474
3405
  }
3475
3406
  },
@@ -3532,8 +3463,8 @@ var list_sectionvue_type_style_index_0_lang_less_ = __webpack_require__("fc89");
3532
3463
 
3533
3464
  var list_section_component = normalizeComponent(
3534
3465
  list_section_list_sectionvue_type_script_lang_js_,
3535
- list_sectionvue_type_template_id_4596c35a_render,
3536
- list_sectionvue_type_template_id_4596c35a_staticRenderFns,
3466
+ list_sectionvue_type_template_id_2154a8d5_render,
3467
+ list_sectionvue_type_template_id_2154a8d5_staticRenderFns,
3537
3468
  false,
3538
3469
  null,
3539
3470
  null,
@@ -3544,13 +3475,13 @@ var list_section_component = normalizeComponent(
3544
3475
  /* harmony default export */ var list_section = (list_section_component.exports);
3545
3476
  // CONCATENATED MODULE: ./components/list_section/index.js
3546
3477
 
3547
- // 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&
3548
- 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',
3549
- { '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)}
3550
- var list_itemvue_type_template_id_73dafd18_staticRenderFns = []
3478
+ // 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&
3479
+ 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',
3480
+ { '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)}
3481
+ var list_itemvue_type_template_id_6b1bb1b9_staticRenderFns = []
3551
3482
 
3552
3483
 
3553
- // CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=73dafd18&
3484
+ // CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=6b1bb1b9&
3554
3485
 
3555
3486
  // 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&
3556
3487
  //
@@ -3618,8 +3549,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__("51f5");
3618
3549
 
3619
3550
  var list_item_component = normalizeComponent(
3620
3551
  list_item_list_itemvue_type_script_lang_js_,
3621
- list_itemvue_type_template_id_73dafd18_render,
3622
- list_itemvue_type_template_id_73dafd18_staticRenderFns,
3552
+ list_itemvue_type_template_id_6b1bb1b9_render,
3553
+ list_itemvue_type_template_id_6b1bb1b9_staticRenderFns,
3623
3554
  false,
3624
3555
  null,
3625
3556
  null,
@@ -3630,12 +3561,12 @@ var list_item_component = normalizeComponent(
3630
3561
  /* harmony default export */ var list_item = (list_item_component.exports);
3631
3562
  // CONCATENATED MODULE: ./components/list_item/index.js
3632
3563
 
3633
- // 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&
3634
- 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)}
3635
- var noticevue_type_template_id_5b2bf016_staticRenderFns = []
3564
+ // 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&
3565
+ 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)}
3566
+ var noticevue_type_template_id_5dec1a72_staticRenderFns = []
3636
3567
 
3637
3568
 
3638
- // CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=5b2bf016&
3569
+ // CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=5dec1a72&
3639
3570
 
3640
3571
  // 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&
3641
3572
  //
@@ -3674,20 +3605,22 @@ var noticevue_type_template_id_5b2bf016_staticRenderFns = []
3674
3605
  //
3675
3606
  //
3676
3607
  //
3608
+ //
3677
3609
 
3678
3610
 
3679
3611
 
3680
3612
 
3681
3613
  /* harmony default export */ var noticevue_type_script_lang_js_ = ({
3682
- name: 'HsNotice',
3614
+ name: 'DtNotice',
3683
3615
  components: {
3684
- HsNoticeIcon: notice_icon,
3685
- HsNoticeContent: notice_content,
3686
- HsNoticeAction: notice_action
3616
+ DtNoticeIcon: notice_icon,
3617
+ DtNoticeContent: notice_content,
3618
+ DtNoticeAction: notice_action
3687
3619
  },
3688
3620
  props: {
3689
3621
  /**
3690
- * 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.
3622
+ * Sets an ID on the title element of the component. Useful for aria-describedby
3623
+ * or aria-labelledby or any other reason you may need an id to refer to the title.
3691
3624
  */
3692
3625
  titleId: {
3693
3626
  type: String,
@@ -3695,7 +3628,8 @@ var noticevue_type_template_id_5b2bf016_staticRenderFns = []
3695
3628
  },
3696
3629
 
3697
3630
  /**
3698
- * 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.
3631
+ * Sets an ID on the content element of the component. Useful for aria-describedby
3632
+ * or aria-labelledby or any other reason you may need an id to refer to the content.
3699
3633
  */
3700
3634
  contentId: {
3701
3635
  type: String,
@@ -3711,7 +3645,8 @@ var noticevue_type_template_id_5b2bf016_staticRenderFns = []
3711
3645
  },
3712
3646
 
3713
3647
  /**
3714
- * Used in scenarios where the message needs to visually dominate the screen. This will also change the aria role from status to alert.
3648
+ * Used in scenarios where the message needs to visually dominate the screen.
3649
+ * This will also change the aria role from status to alert.
3715
3650
  */
3716
3651
  important: {
3717
3652
  type: Boolean,
@@ -3772,8 +3707,8 @@ var noticevue_type_template_id_5b2bf016_staticRenderFns = []
3772
3707
 
3773
3708
  var notice_component = normalizeComponent(
3774
3709
  notice_noticevue_type_script_lang_js_,
3775
- noticevue_type_template_id_5b2bf016_render,
3776
- noticevue_type_template_id_5b2bf016_staticRenderFns,
3710
+ noticevue_type_template_id_5dec1a72_render,
3711
+ noticevue_type_template_id_5dec1a72_staticRenderFns,
3777
3712
  false,
3778
3713
  null,
3779
3714
  null,
@@ -3785,22 +3720,28 @@ var notice_component = normalizeComponent(
3785
3720
  // CONCATENATED MODULE: ./components/notice/index.js
3786
3721
 
3787
3722
 
3788
- // 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&
3789
- 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":{
3723
+ // 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&
3724
+ 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":{
3790
3725
  'aria-expanded': _vm.open.toString(),
3791
3726
  'aria-controls': _vm.id,
3792
3727
  'aria-haspopup': _vm.role,
3793
- }})],2),_c('hs-lazy-show',_vm._g({ref:"container",class:[
3794
- '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',
3795
- 'hs-popover__content',
3796
- ("hs-popover__content--align-" + _vm.alignment),
3797
- ("hs-popover__content--valign-" + _vm.verticalAlignment),
3798
- ("hs-popover__content--pad-" + _vm.padding),
3799
- _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)}
3800
- var popovervue_type_template_id_6195be96_staticRenderFns = []
3801
-
3802
-
3803
- // CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=6195be96&
3728
+ }})],2),_c('dt-lazy-show',_vm._g({ref:"container",class:[
3729
+ 'd-border',
3730
+ 'd-border-color--ash-dark',
3731
+ 'd-border-radius--sm',
3732
+ 'd-bgc-white d-box-shadow--md',
3733
+ 'd-mt4',
3734
+ 'd-ps-absolute',
3735
+ 'd-z-index--popover',
3736
+ 'dt-popover__content',
3737
+ ("dt-popover__content--align-" + _vm.alignment),
3738
+ ("dt-popover__content--valign-" + _vm.verticalAlignment),
3739
+ ("dt-popover__content--pad-" + _vm.padding),
3740
+ _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)}
3741
+ var popovervue_type_template_id_ec1d0844_staticRenderFns = []
3742
+
3743
+
3744
+ // CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=ec1d0844&
3804
3745
 
3805
3746
  // CONCATENATED MODULE: ./components/popover/popover_constants.js
3806
3747
  const POPOVER_PADDING_CLASSES = ['none', 'small', 'medium', 'large'];
@@ -3864,19 +3805,25 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
3864
3805
  //
3865
3806
  //
3866
3807
  //
3808
+ //
3809
+ //
3810
+ //
3811
+ //
3812
+ //
3813
+ //
3867
3814
 
3868
3815
 
3869
3816
 
3870
3817
 
3871
3818
 
3872
3819
  /* harmony default export */ var popovervue_type_script_lang_js_ = ({
3873
- name: 'HsPopover',
3820
+ name: 'DtPopover',
3874
3821
 
3875
3822
  /********************
3876
3823
  * CHILD COMPONENTS *
3877
3824
  ********************/
3878
3825
  components: {
3879
- HsLazyShow: lazy_show
3826
+ DtLazyShow: lazy_show
3880
3827
  },
3881
3828
  directives: {
3882
3829
  clickOutside: v_click_outside_umd_default.a.directive
@@ -3933,7 +3880,7 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
3933
3880
 
3934
3881
  /**
3935
3882
  * Named transition when the content display is toggled.
3936
- * @see HsLazyShow
3883
+ * @see DtLazyShow
3937
3884
  */
3938
3885
  transition: {
3939
3886
  type: String,
@@ -3978,7 +3925,7 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
3978
3925
  type: String,
3979
3926
 
3980
3927
  default() {
3981
- return utils.getUniqueString('HsPopover__content');
3928
+ return utils.getUniqueString('DtPopover__content');
3982
3929
  }
3983
3930
 
3984
3931
  },
@@ -4044,7 +3991,7 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
4044
3991
  labelledBy() {
4045
3992
  // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
4046
3993
  // there is no aria-label and the labelledby should point to the anchor.
4047
- return this.ariaLabelledby || !this.ariaLabel && utils.getUniqueString('HsPopover__anchor');
3994
+ return this.ariaLabelledby || !this.ariaLabel && utils.getUniqueString('DtPopover__anchor');
4048
3995
  },
4049
3996
 
4050
3997
  isDialog() {
@@ -4164,8 +4111,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__("e0bf");
4164
4111
 
4165
4112
  var popover_component = normalizeComponent(
4166
4113
  popover_popovervue_type_script_lang_js_,
4167
- popovervue_type_template_id_6195be96_render,
4168
- popovervue_type_template_id_6195be96_staticRenderFns,
4114
+ popovervue_type_template_id_ec1d0844_render,
4115
+ popovervue_type_template_id_ec1d0844_staticRenderFns,
4169
4116
  false,
4170
4117
  null,
4171
4118
  null,
@@ -4177,12 +4124,12 @@ var popover_component = normalizeComponent(
4177
4124
  // CONCATENATED MODULE: ./components/popover/index.js
4178
4125
 
4179
4126
 
4180
- // 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&
4181
- 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)])])}
4182
- var radiovue_type_template_id_fc460f50_staticRenderFns = []
4127
+ // 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&
4128
+ 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)])])}
4129
+ var radiovue_type_template_id_7572bdc7_staticRenderFns = []
4183
4130
 
4184
4131
 
4185
- // CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=fc460f50&
4132
+ // CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=7572bdc7&
4186
4133
 
4187
4134
  // CONCATENATED MODULE: ./components/radio/radio_constants.js
4188
4135
  const RADIO_INPUT_VALIDATION_CLASSES = {
@@ -4252,9 +4199,9 @@ const RADIO_DESCRIPTION_VALIDATION_CLASSES = {
4252
4199
 
4253
4200
 
4254
4201
  /* harmony default export */ var radiovue_type_script_lang_js_ = ({
4255
- name: 'HsRadio',
4202
+ name: 'DtRadio',
4256
4203
  components: {
4257
- HsValidationMessages: validation_messages
4204
+ DtValidationMessages: validation_messages
4258
4205
  },
4259
4206
  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
4260
4207
  inheritAttrs: false,
@@ -4337,8 +4284,8 @@ const RADIO_DESCRIPTION_VALIDATION_CLASSES = {
4337
4284
 
4338
4285
  var radio_component = normalizeComponent(
4339
4286
  radio_radiovue_type_script_lang_js_,
4340
- radiovue_type_template_id_fc460f50_render,
4341
- radiovue_type_template_id_fc460f50_staticRenderFns,
4287
+ radiovue_type_template_id_7572bdc7_render,
4288
+ radiovue_type_template_id_7572bdc7_staticRenderFns,
4342
4289
  false,
4343
4290
  null,
4344
4291
  null,
@@ -4352,7 +4299,7 @@ var radio_component = normalizeComponent(
4352
4299
  // 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&
4353
4300
 
4354
4301
  /* harmony default export */ var radio_groupvue_type_script_lang_js_ = ({
4355
- name: 'HsRadioGroup',
4302
+ name: 'DtRadioGroup',
4356
4303
  extends: input_group_input_group,
4357
4304
  props: {
4358
4305
  /**
@@ -4447,12 +4394,12 @@ var radio_group_component = normalizeComponent(
4447
4394
  /* harmony default export */ var radio_group = (radio_group_component.exports);
4448
4395
  // CONCATENATED MODULE: ./components/radio_group/index.js
4449
4396
 
4450
- // 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&
4451
- 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)])])}
4452
- var checkboxvue_type_template_id_6580f6ec_staticRenderFns = []
4397
+ // 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&
4398
+ 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)])])}
4399
+ var checkboxvue_type_template_id_13edc8c6_staticRenderFns = []
4453
4400
 
4454
4401
 
4455
- // CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=6580f6ec&
4402
+ // CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=13edc8c6&
4456
4403
 
4457
4404
  // CONCATENATED MODULE: ./components/checkbox/checkbox_constants.js
4458
4405
  const CHECKBOX_INPUT_VALIDATION_CLASSES = {
@@ -4523,9 +4470,9 @@ const CHECKBOX_DESCRIPTION_VALIDATION_CLASSES = {
4523
4470
 
4524
4471
 
4525
4472
  /* harmony default export */ var checkboxvue_type_script_lang_js_ = ({
4526
- name: 'HsCheckbox',
4473
+ name: 'DtCheckbox',
4527
4474
  components: {
4528
- HsValidationMessages: validation_messages
4475
+ DtValidationMessages: validation_messages
4529
4476
  },
4530
4477
  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
4531
4478
  inheritAttrs: false,
@@ -4599,8 +4546,8 @@ const CHECKBOX_DESCRIPTION_VALIDATION_CLASSES = {
4599
4546
 
4600
4547
  var checkbox_component = normalizeComponent(
4601
4548
  checkbox_checkboxvue_type_script_lang_js_,
4602
- checkboxvue_type_template_id_6580f6ec_render,
4603
- checkboxvue_type_template_id_6580f6ec_staticRenderFns,
4549
+ checkboxvue_type_template_id_13edc8c6_render,
4550
+ checkboxvue_type_template_id_13edc8c6_staticRenderFns,
4604
4551
  false,
4605
4552
  null,
4606
4553
  null,
@@ -4615,7 +4562,7 @@ var checkbox_component = normalizeComponent(
4615
4562
 
4616
4563
 
4617
4564
  /* harmony default export */ var checkbox_groupvue_type_script_lang_js_ = ({
4618
- name: 'HsCheckboxGroup',
4565
+ name: 'DtCheckboxGroup',
4619
4566
  extends: input_group_input_group,
4620
4567
  model: {
4621
4568
  prop: 'selectedValues'