@dialpad/dialtone-vue 3.10.0 → 3.13.0

package/dist/dialtone-vue.umd.js

@@ -11,7 +11,7 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 881:
+/***/ 403:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -59,7 +59,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-default-list-item,.dt-default-list
 
 /***/ }),
 
-/***/ 854:
+/***/ 954:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -83,7 +83,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item--focusable:focus,.dt-lis
 
 /***/ }),
 
-/***/ 789:
+/***/ 522:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -107,7 +107,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-section[tabindex=\"-1\"]:focu
 
 /***/ }),
 
-/***/ 500:
+/***/ 980:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -203,7 +203,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".skeleton-placeholder{display:flex;str
 
 /***/ }),
 
-/***/ 775:
+/***/ 269:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -370,17 +370,6 @@ module.exports = function (i) {
   return i[1];
 };
 
-/***/ }),
-
-/***/ 809:
-/***/ ((module) => {
-
-module.exports = () => {
-	// https://mths.be/emoji
-	return /(?:[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26D3\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26F9(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC3\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEDD-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC08(?:\u200D\u2B1B)?|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE])))?))?|\uDC6F(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDD75(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF6](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE74\uDE78-\uDE7C\uDE80-\uDE86\uDE90-\uDEAC\uDEB0-\uDEBA\uDEC0-\uDEC2\uDED0-\uDED9\uDEE0-\uDEE7]|\uDD3C(?:\u200D[\u2640\u2642]\uFE0F?|\uD83C[\uDFFB-\uDFFF])?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF-\uDDB3\uDDBC\uDDBD]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?))/g;
-};
-
-
 /***/ }),
 
 /***/ 744:
@@ -409,7 +398,7 @@ exports.Z = (sfc, props) => {
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(881);
+var content = __webpack_require__(403);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
@@ -435,51 +424,51 @@ var update = add("463815e5", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 770:
+/***/ 241:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(854);
+var content = __webpack_require__(954);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(402)/* ["default"] */ .Z)
-var update = add("f006c8fc", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("5d0b15ad", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
-/***/ 749:
+/***/ 665:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(789);
+var content = __webpack_require__(522);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(402)/* ["default"] */ .Z)
-var update = add("06b601f1", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("2344e8ee", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
-/***/ 403:
+/***/ 243:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(500);
+var content = __webpack_require__(980);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(402)/* ["default"] */ .Z)
-var update = add("0dcf6c93", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("32d1927c", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -531,19 +520,19 @@ var update = add("537a95a4", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 831:
+/***/ 212:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(775);
+var content = __webpack_require__(269);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(402)/* ["default"] */ .Z)
-var update = add("1a0736ac", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("a2a81a74", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -863,9 +852,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__203__;
 /******/ 		return module.exports;
 /******/ 	}
 /******/ 	
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = __webpack_modules__;
-/******/ 	
 /************************************************************************/
 /******/ 	/* webpack/runtime/compat get default export */
 /******/ 	(() => {
@@ -879,36 +865,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__203__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/create fake namespace object */
-/******/ 	(() => {
-/******/ 		var getProto = Object.getPrototypeOf ? (obj) => (Object.getPrototypeOf(obj)) : (obj) => (obj.__proto__);
-/******/ 		var leafPrototypes;
-/******/ 		// create a fake namespace object
-/******/ 		// mode & 1: value is a module id, require it
-/******/ 		// mode & 2: merge all properties of value into the ns
-/******/ 		// mode & 4: return value when already ns object
-/******/ 		// mode & 16: return value when it's Promise-like
-/******/ 		// mode & 8|1: behave like require
-/******/ 		__webpack_require__.t = function(value, mode) {
-/******/ 			if(mode & 1) value = this(value);
-/******/ 			if(mode & 8) return value;
-/******/ 			if(typeof value === 'object' && value) {
-/******/ 				if((mode & 4) && value.__esModule) return value;
-/******/ 				if((mode & 16) && typeof value.then === 'function') return value;
-/******/ 			}
-/******/ 			var ns = Object.create(null);
-/******/ 			__webpack_require__.r(ns);
-/******/ 			var def = {};
-/******/ 			leafPrototypes = leafPrototypes || [null, getProto({}), getProto([]), getProto(getProto)];
-/******/ 			for(var current = mode & 2 && value; typeof current == 'object' && !~leafPrototypes.indexOf(current); current = getProto(current)) {
-/******/ 				Object.getOwnPropertyNames(current).forEach((key) => (def[key] = () => (value[key])));
-/******/ 			}
-/******/ 			def['default'] = () => (value);
-/******/ 			__webpack_require__.d(ns, def);
-/******/ 			return ns;
-/******/ 		};
-/******/ 	})();
-/******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
@@ -921,79 +877,11 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__203__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/ensure chunk */
-/******/ 	(() => {
-/******/ 		__webpack_require__.f = {};
-/******/ 		// This file contains only the entry chunk.
-/******/ 		// The chunk loading function for additional chunks
-/******/ 		__webpack_require__.e = (chunkId) => {
-/******/ 			return Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {
-/******/ 				__webpack_require__.f[key](chunkId, promises);
-/******/ 				return promises;
-/******/ 			}, []));
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/get javascript chunk filename */
-/******/ 	(() => {
-/******/ 		// This function allow to reference async chunks
-/******/ 		__webpack_require__.u = (chunkId) => {
-/******/ 			// return url for filenames based on template
-/******/ 			return "dialtone-vue.umd." + chunkId + ".js";
-/******/ 		};
-/******/ 	})();
-/******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
 /******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/load script */
-/******/ 	(() => {
-/******/ 		var inProgress = {};
-/******/ 		var dataWebpackPrefix = "dialtone-vue:";
-/******/ 		// loadScript function to load a script via script tag
-/******/ 		__webpack_require__.l = (url, done, key, chunkId) => {
-/******/ 			if(inProgress[url]) { inProgress[url].push(done); return; }
-/******/ 			var script, needAttach;
-/******/ 			if(key !== undefined) {
-/******/ 				var scripts = document.getElementsByTagName("script");
-/******/ 				for(var i = 0; i < scripts.length; i++) {
-/******/ 					var s = scripts[i];
-/******/ 					if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
-/******/ 				}
-/******/ 			}
-/******/ 			if(!script) {
-/******/ 				needAttach = true;
-/******/ 				script = document.createElement('script');
-/******/ 		
-/******/ 				script.charset = 'utf-8';
-/******/ 				script.timeout = 120;
-/******/ 				if (__webpack_require__.nc) {
-/******/ 					script.setAttribute("nonce", __webpack_require__.nc);
-/******/ 				}
-/******/ 				script.setAttribute("data-webpack", dataWebpackPrefix + key);
-/******/ 				script.src = url;
-/******/ 			}
-/******/ 			inProgress[url] = [done];
-/******/ 			var onScriptComplete = (prev, event) => {
-/******/ 				// avoid mem leaks in IE.
-/******/ 				script.onerror = script.onload = null;
-/******/ 				clearTimeout(timeout);
-/******/ 				var doneFns = inProgress[url];
-/******/ 				delete inProgress[url];
-/******/ 				script.parentNode && script.parentNode.removeChild(script);
-/******/ 				doneFns && doneFns.forEach((fn) => (fn(event)));
-/******/ 				if(prev) return prev(event);
-/******/ 			}
-/******/ 			;
-/******/ 			var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
-/******/ 			script.onerror = onScriptComplete.bind(null, script.onerror);
-/******/ 			script.onload = onScriptComplete.bind(null, script.onload);
-/******/ 			needAttach && document.head.appendChild(script);
-/******/ 		};
-/******/ 	})();
-/******/ 	
 /******/ 	/* webpack/runtime/make namespace object */
 /******/ 	(() => {
 /******/ 		// define __esModule on exports
@@ -1010,98 +898,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__203__;
 /******/ 		__webpack_require__.p = "";
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/jsonp chunk loading */
-/******/ 	(() => {
-/******/ 		// no baseURI
-/******/ 		
-/******/ 		// object to store loaded and loading chunks
-/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = {
-/******/ 			862: 0
-/******/ 		};
-/******/ 		
-/******/ 		__webpack_require__.f.j = (chunkId, promises) => {
-/******/ 				// JSONP chunk loading for javascript
-/******/ 				var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;
-/******/ 				if(installedChunkData !== 0) { // 0 means "already installed".
-/******/ 		
-/******/ 					// a Promise means "currently loading".
-/******/ 					if(installedChunkData) {
-/******/ 						promises.push(installedChunkData[2]);
-/******/ 					} else {
-/******/ 						if(true) { // all chunks have JS
-/******/ 							// setup Promise in chunk cache
-/******/ 							var promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));
-/******/ 							promises.push(installedChunkData[2] = promise);
-/******/ 		
-/******/ 							// start chunk loading
-/******/ 							var url = __webpack_require__.p + __webpack_require__.u(chunkId);
-/******/ 							// create error before stack unwound to get useful stacktrace later
-/******/ 							var error = new Error();
-/******/ 							var loadingEnded = (event) => {
-/******/ 								if(__webpack_require__.o(installedChunks, chunkId)) {
-/******/ 									installedChunkData = installedChunks[chunkId];
-/******/ 									if(installedChunkData !== 0) installedChunks[chunkId] = undefined;
-/******/ 									if(installedChunkData) {
-/******/ 										var errorType = event && (event.type === 'load' ? 'missing' : event.type);
-/******/ 										var realSrc = event && event.target && event.target.src;
-/******/ 										error.message = 'Loading chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
-/******/ 										error.name = 'ChunkLoadError';
-/******/ 										error.type = errorType;
-/******/ 										error.request = realSrc;
-/******/ 										installedChunkData[1](error);
-/******/ 									}
-/******/ 								}
-/******/ 							};
-/******/ 							__webpack_require__.l(url, loadingEnded, "chunk-" + chunkId, chunkId);
-/******/ 						} else installedChunks[chunkId] = 0;
-/******/ 					}
-/******/ 				}
-/******/ 		};
-/******/ 		
-/******/ 		// no prefetching
-/******/ 		
-/******/ 		// no preloaded
-/******/ 		
-/******/ 		// no HMR
-/******/ 		
-/******/ 		// no HMR manifest
-/******/ 		
-/******/ 		// no on chunks loaded
-/******/ 		
-/******/ 		// install a JSONP callback for chunk loading
-/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
-/******/ 			var chunkIds = data[0];
-/******/ 			var moreModules = data[1];
-/******/ 			var runtime = data[2];
-/******/ 			// add "moreModules" to the modules object,
-/******/ 			// then flag all "chunkIds" as loaded and fire callback
-/******/ 			var moduleId, chunkId, i = 0;
-/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
-/******/ 				for(moduleId in moreModules) {
-/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
-/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
-/******/ 					}
-/******/ 				}
-/******/ 				if(runtime) var result = runtime(__webpack_require__);
-/******/ 			}
-/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
-/******/ 			for(;i < chunkIds.length; i++) {
-/******/ 				chunkId = chunkIds[i];
-/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
-/******/ 					installedChunks[chunkId][0]();
-/******/ 				}
-/******/ 				installedChunks[chunkId] = 0;
-/******/ 			}
-/******/ 		
-/******/ 		}
-/******/ 		
-/******/ 		var chunkLoadingGlobal = (typeof self !== 'undefined' ? self : this)["webpackChunkdialtone_vue"] = (typeof self !== 'undefined' ? self : this)["webpackChunkdialtone_vue"] || [];
-/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
-/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
-/******/ 	})();
-/******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
 // This entry need to be wrapped in an IIFE because it need to be in strict mode.
@@ -1136,8 +932,6 @@ __webpack_require__.d(__webpack_exports__, {
   "DtChip": () => (/* reexport */ chip),
   "DtCombobox": () => (/* reexport */ combobox),
   "DtDropdown": () => (/* reexport */ dropdown),
-  "DtEmoji": () => (/* reexport */ emoji),
-  "DtEmojiTextWrapper": () => (/* reexport */ emoji_text_wrapper),
   "DtGroupableInputMixin": () => (/* reexport */ GroupableMixin),
   "DtInput": () => (/* reexport */ input_input),
   "DtInputGroup": () => (/* reexport */ input_group_input_group),
@@ -1151,6 +945,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtListSection": () => (/* reexport */ list_section),
   "DtModal": () => (/* reexport */ modal_modal),
   "DtNotice": () => (/* reexport */ notice),
+  "DtPagination": () => (/* reexport */ pagination),
   "DtPopover": () => (/* reexport */ popover),
   "DtRadio": () => (/* reexport */ radio_radio),
   "DtRadioGroup": () => (/* reexport */ radio_group),
@@ -1172,7 +967,6 @@ __webpack_require__.d(__webpack_exports__, {
   "DtToggle": () => (/* reexport */ toggle),
   "DtTooltip": () => (/* reexport */ tooltip),
   "DtValidationMessages": () => (/* reexport */ validation_messages),
-  "EMOJI_SIZES": () => (/* reexport */ EMOJI_SIZES),
   "INPUT_SIZES": () => (/* reexport */ INPUT_SIZES),
   "INPUT_TYPES": () => (/* reexport */ INPUT_TYPES),
   "LINK_KIND_MODIFIERS": () => (/* reexport */ LINK_KIND_MODIFIERS),
@@ -1209,32 +1003,10 @@ __webpack_require__.d(__webpack_exports__, {
   "TOOLTIP_STICKY_VALUES": () => (/* reexport */ TOOLTIP_STICKY_VALUES),
   "USER_STATUS_COLOR_MODIFIERS": () => (/* reexport */ USER_STATUS_COLOR_MODIFIERS),
   "VALIDATION_MESSAGE_TYPES": () => (/* reexport */ VALIDATION_MESSAGE_TYPES),
-  "codeToEmojiData": () => (/* reexport */ codeToEmojiData),
-  "customEmojiAssetUrl": () => (/* reexport */ customEmojiAssetUrl),
-  "defaultEmojiAssetUrl": () => (/* reexport */ defaultEmojiAssetUrl),
-  "emojiFileExtensionLarge": () => (/* reexport */ emojiFileExtensionLarge),
-  "emojiFileExtensionSmall": () => (/* reexport */ emojiFileExtensionSmall),
-  "emojiImageUrlLarge": () => (/* reexport */ emojiImageUrlLarge),
-  "emojiImageUrlSmall": () => (/* reexport */ emojiImageUrlSmall),
-  "emojiJson": () => (/* reexport */ emojiJson),
-  "emojiVersion": () => (/* reexport */ emojiVersion),
   "filterFormattedMessages": () => (/* reexport */ filterFormattedMessages),
-  "filterValidShortCodes": () => (/* reexport */ filterValidShortCodes),
-  "findEmojis": () => (/* reexport */ findEmojis),
-  "findShortCodes": () => (/* reexport */ findShortCodes),
   "formatMessages": () => (/* reexport */ formatMessages),
-  "getEmojiData": () => (/* reexport */ getEmojiData),
-  "getEmojiJson": () => (/* reexport */ getEmojiJson),
   "getUniqueString": () => (/* reexport */ getUniqueString),
   "getValidationState": () => (/* reexport */ getValidationState),
-  "setCustomEmojiJson": () => (/* reexport */ setCustomEmojiJson),
-  "setCustomEmojiUrl": () => (/* reexport */ setCustomEmojiUrl),
-  "setEmojiAssetUrlLarge": () => (/* reexport */ setEmojiAssetUrlLarge),
-  "setEmojiAssetUrlSmall": () => (/* reexport */ setEmojiAssetUrlSmall),
-  "shortcodeToEmojiData": () => (/* reexport */ shortcodeToEmojiData),
-  "stringToUnicode": () => (/* reexport */ stringToUnicode),
-  "unicodeToString": () => (/* reexport */ unicodeToString),
-  "validateCustomEmojiJson": () => (/* reexport */ validateCustomEmojiJson),
   "validationMessageValidator": () => (/* reexport */ validationMessageValidator)
 });
 
@@ -1655,11 +1427,11 @@ const badge_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(badgevue_typ
 ;// CONCATENATED MODULE: ./components/badge/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/banner/banner.vue?vue&type=template&id=3f66397b
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/banner/banner.vue?vue&type=template&id=5c7f46e2
 
-const bannervue_type_template_id_3f66397b_hoisted_1 = ["role"];
+const bannervue_type_template_id_5c7f46e2_hoisted_1 = ["role"];
 const _hoisted_2 = ["aria-labelledby", "aria-describedby"];
-function bannervue_type_template_id_3f66397b_render(_ctx, _cache, $props, $setup, $data, $options) {
+function bannervue_type_template_id_5c7f46e2_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_notice_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-icon");
 
   const _component_dt_notice_content = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-content");
@@ -1696,9 +1468,9 @@ function bannervue_type_template_id_3f66397b_render(_ctx, _cache, $props, $setup
   }, {
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "action")]),
     _: 3
-  }, 8, ["hide-close", "close-button-props"])], 8, _hoisted_2)], 42, bannervue_type_template_id_3f66397b_hoisted_1);
+  }, 8, ["hide-close", "close-button-props"])], 8, _hoisted_2)], 42, bannervue_type_template_id_5c7f46e2_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=3f66397b
+;// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=5c7f46e2
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb
 
@@ -2005,10 +1777,10 @@ const IconClose_script = {}
 const IconClose_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconClose_script, [['render',IconClosevue_type_template_id_18642c39_render]])
 
 /* harmony default export */ const IconClose = (IconClose_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/button/button.vue?vue&type=template&id=fbd46c92
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/button/button.vue?vue&type=template&id=88189b5a
 
-const buttonvue_type_template_id_fbd46c92_hoisted_1 = ["type", "aria-live", "aria-label"];
-function buttonvue_type_template_id_fbd46c92_render(_ctx, _cache, $props, $setup, $data, $options) {
+const buttonvue_type_template_id_88189b5a_hoisted_1 = ["type", "aria-live", "aria-label"];
+function buttonvue_type_template_id_88189b5a_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     class: ['base-button__button', $options.buttonClasses()],
     "data-qa": "dt-button",
@@ -2023,9 +1795,9 @@ function buttonvue_type_template_id_fbd46c92_render(_ctx, _cache, $props, $setup
     key: 1,
     "data-qa": "dt-button-label",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-w100p', 'd-btn__label', 'base-button__label', $props.labelClass])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 16, buttonvue_type_template_id_fbd46c92_hoisted_1);
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 16, buttonvue_type_template_id_88189b5a_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=fbd46c92
+;// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=88189b5a
 
 ;// CONCATENATED MODULE: ./components/button/button_constants.js
 const BUTTON_SIZE_MODIFIERS = {
@@ -2076,7 +1848,7 @@ const INVALID_COMBINATION = [{
 }];
 
 function _invalidCombinationMessage(circle, kind, importance) {
-  return "You cannot not have a ".concat(circle ? 'circle ' : '', "button with kind: ").concat(kind, " and importance: ").concat(importance, " as it does not exist in our design system. See https://dialpad.design/components/button for a list of available button styles");
+  return "You cannot have a ".concat(circle ? 'circle ' : '', "button with kind: ").concat(kind, " and importance: ").concat(importance, " as it does not exist in our design system. See https://dialpad.design/components/button for a list of available button styles");
 }
 
 /* harmony default export */ const button_constants = ({
@@ -2109,6 +1881,8 @@ const LINK_KIND_MODIFIERS = {
 /**
  * Base Vue component for Dialtone Buttons.
  * @displayName DtButton
+ * @property {Boolean} disabled attribute
+ * @property {String} width attribute
  */
 
 /* harmony default export */ const buttonvue_type_script_lang_js = ({
@@ -2240,7 +2014,28 @@ const LINK_KIND_MODIFIERS = {
       default: false
     }
   },
-  emits: ['click', 'focusin', 'focusout'],
+  emits: [
+  /**
+   * Native button click event
+   *
+   * @event click
+   * @type {PointerEvent | KeyboardEvent}
+   */
+  'click',
+  /**
+   * Native button focus in event
+   *
+   * @event focusin
+   * @type {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native button focus out event
+   *
+   * @event focusout
+   * @type {FocusEvent}
+   */
+  'focusout'],
 
   data() {
     return {
@@ -2335,7 +2130,7 @@ const LINK_KIND_MODIFIERS = {
 
 
 ;
-const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_type_script_lang_js, [['render',buttonvue_type_template_id_fbd46c92_render]])
+const button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(buttonvue_type_script_lang_js, [['render',buttonvue_type_template_id_88189b5a_render]])
 
 /* harmony default export */ const button_button = (button_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice_action.vue?vue&type=script&lang=js
@@ -2605,7 +2400,13 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
       default: false
     }
   },
-  emits: ['close'],
+  emits: [
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close'],
   computed: {
     role() {
       return this.important ? 'alertdialog' : 'status';
@@ -2650,7 +2451,7 @@ const focusableElementsList = "button,[href],input,select,textarea,details,[tabi
 
 
 ;
-const banner_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(bannervue_type_script_lang_js, [['render',bannervue_type_template_id_3f66397b_render]])
+const banner_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(bannervue_type_script_lang_js, [['render',bannervue_type_template_id_5c7f46e2_render]])
 
 /* harmony default export */ const banner = (banner_exports_);
 ;// CONCATENATED MODULE: ./components/banner/index.js
@@ -2700,18 +2501,23 @@ function breadcrumb_itemvue_type_template_id_6f97ec8a_render(_ctx, _cache, $prop
 }
 ;// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/link/link.vue?vue&type=template&id=6af78110
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/link/link.vue?vue&type=template&id=742199aa
 
-function linkvue_type_template_id_6af78110_render(_ctx, _cache, $props, $setup, $data, $options) {
+function linkvue_type_template_id_742199aa_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-link', $data.LINK_KIND_MODIFIERS[$props.kind]]),
     "data-qa": "dt-link"
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 2);
 }
-;// CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=6af78110
+;// CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=742199aa
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/link/link.vue?vue&type=script&lang=js
 
+/**
+ * @property {String} href attribute
+ * @property {String} rel attribute
+ */
+
 /* harmony default export */ const linkvue_type_script_lang_js = ({
   name: 'DtLink',
   props: {
@@ -2744,7 +2550,7 @@ function linkvue_type_template_id_6af78110_render(_ctx, _cache, $props, $setup,
 
 
 ;
-const link_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(linkvue_type_script_lang_js, [['render',linkvue_type_template_id_6af78110_render]])
+const link_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(linkvue_type_script_lang_js, [['render',linkvue_type_template_id_742199aa_render]])
 
 /* harmony default export */ const link_link = (link_exports_);
 ;// CONCATENATED MODULE: ./components/link/index.js
@@ -2942,13 +2748,13 @@ const button_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(butto
 ;// CONCATENATED MODULE: ./components/button_group/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=83040a60
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/combobox/combobox.vue?vue&type=template&id=1b1d987e
 
-const comboboxvue_type_template_id_83040a60_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
-const comboboxvue_type_template_id_83040a60_hoisted_2 = {
+const comboboxvue_type_template_id_1b1d987e_hoisted_1 = ["aria-expanded", "aria-controls", "aria-owns"];
+const comboboxvue_type_template_id_1b1d987e_hoisted_2 = {
   "data-qa": "dt-combobox-input-wrapper"
 };
-function comboboxvue_type_template_id_83040a60_render(_ctx, _cache, $props, $setup, $data, $options) {
+function comboboxvue_type_template_id_1b1d987e_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-loading-list");
 
   const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-empty-list");
@@ -2960,7 +2766,7 @@ function comboboxvue_type_template_id_83040a60_render(_ctx, _cache, $props, $set
     "aria-owns": $props.listId,
     "aria-haspopup": "listbox",
     onKeydown: [_cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onEscapeKey'), ["stop"]), ["esc"])), _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onEnterKey'), ["exact"]), ["enter"])), _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onUpKey'), ["stop", "prevent"]), ["up"])), _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onDownKey'), ["stop", "prevent"]), ["down"])), _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onHomeKey'), ["stop", "prevent"]), ["home"])), _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($event => $options.onKeyValidation($event, 'onEndKey'), ["stop", "prevent"]), ["end"]))]
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", comboboxvue_type_template_id_83040a60_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "input", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", comboboxvue_type_template_id_1b1d987e_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "input", {
     inputProps: $options.inputProps
   })]), $props.showList ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 0,
@@ -2988,9 +2794,9 @@ function comboboxvue_type_template_id_83040a60_render(_ctx, _cache, $props, $set
     clearHighlightIndex: $options.clearHighlightIndex,
     isLoading: $data.isLoading,
     isListEmpty: $data.isListEmpty
-  })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_83040a60_hoisted_1);
+  })], 544)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 40, comboboxvue_type_template_id_1b1d987e_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=83040a60
+;// CONCATENATED MODULE: ./components/combobox/combobox.vue?vue&type=template&id=1b1d987e
 
 ;// CONCATENATED MODULE: ./common/mixins/dom.js
 /* harmony default export */ const dom = ({
@@ -3394,9 +3200,9 @@ function combobox_loading_listvue_type_template_id_07d9971d_render(_ctx, _cache,
 }
 ;// CONCATENATED MODULE: ./components/combobox/combobox_loading-list.vue?vue&type=template&id=07d9971d
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=template&id=237d2c10
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=template&id=7d7cfe61
 
-function list_itemvue_type_template_id_237d2c10_render(_ctx, _cache, $props, $setup, $data, $options) {
+function list_itemvue_type_template_id_7d7cfe61_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.elementType), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     id: $props.id,
     class: ['dt-list-item d-ls-none focus-visible', {
@@ -3422,7 +3228,7 @@ function list_itemvue_type_template_id_237d2c10_render(_ctx, _cache, $props, $se
     _: 3
   }, 16, ["id", "class", "tabindex", "role", "aria-selected"]);
 }
-;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=237d2c10
+;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=7d7cfe61
 
 ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
 const LIST_ITEM_TYPES = {
@@ -3564,7 +3370,34 @@ const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
       validator: t => Object.values(LIST_ITEM_NAVIGATION_TYPES).includes(t)
     }
   },
-  emits: ['keydown', 'mousemove', 'mouseleave', 'mousedown'],
+  emits: [
+  /**
+   * Key down event
+   *
+   * @event keydown
+   * @type {KeyboardEvent}
+   */
+  'keydown',
+  /**
+   * Native mouse move event
+   *
+   * @event mousemove
+   * @type {MouseEvent}
+   */
+  'mousemove',
+  /**
+   * Native mouse leave event
+   *
+   * @event mouseleave
+   * @type {MouseEvent}
+   */
+  'mouseleave',
+  /**
+   * Mouse down event
+   *
+   * @event mousedown
+   */
+  'mousedown'],
 
   data() {
     return {
@@ -3655,9 +3488,9 @@ const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
 });
 ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=style&index=0&id=237d2c10&lang=less
-var list_itemvue_type_style_index_0_id_237d2c10_lang_less = __webpack_require__(770);
-;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=style&index=0&id=237d2c10&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=style&index=0&id=7d7cfe61&lang=less
+var list_itemvue_type_style_index_0_id_7d7cfe61_lang_less = __webpack_require__(241);
+;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=style&index=0&id=7d7cfe61&lang=less
 
 ;// CONCATENATED MODULE: ./components/list_item/list_item.vue
 
@@ -3667,7 +3500,7 @@ var list_itemvue_type_style_index_0_id_237d2c10_lang_less = __webpack_require__(
 ;
 
 
-const list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_itemvue_type_script_lang_js, [['render',list_itemvue_type_template_id_237d2c10_render]])
+const list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_itemvue_type_script_lang_js, [['render',list_itemvue_type_template_id_7d7cfe61_render]])
 
 /* harmony default export */ const list_item = (list_item_exports_);
 ;// CONCATENATED MODULE: ./components/list_item/index.js
@@ -4424,7 +4257,34 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
       default: ''
     }
   },
-  emits: ['select', 'escape', 'highlight', 'opened'],
+  emits: [
+  /**
+   * Event fired when item selected
+   *
+   * @event select
+   * @type {Number}
+   */
+  'select',
+  /**
+   * Event fired when pressing escape
+   *
+   * @event escape
+   */
+  'escape',
+  /**
+   * Event fired when the highlight changes
+   *
+   * @event highlight
+   * @type {Number}
+   */
+  'highlight',
+  /**
+   * Event fired when list is shown or hidden
+   *
+   * @event opened
+   * @type {Boolean}
+   */
+  'opened'],
 
   data() {
     return {
@@ -4477,6 +4337,7 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
     },
 
     activeItemEl() {
+      if (!this.highlightId) return '';
       return this.getListElement().querySelector('#' + this.highlightId);
     }
 
@@ -4524,9 +4385,9 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
     },
 
     getListElement() {
-      var _this$outsideRendered;
+      var _this$outsideRendered, _this$$refs$listWrapp;
 
-      return (_this$outsideRendered = this.outsideRenderedListRef) !== null && _this$outsideRendered !== void 0 ? _this$outsideRendered : this.$refs.listWrapper.querySelector("#".concat(this.listId));
+      return (_this$outsideRendered = this.outsideRenderedListRef) !== null && _this$outsideRendered !== void 0 ? _this$outsideRendered : (_this$$refs$listWrapp = this.$refs.listWrapper) === null || _this$$refs$listWrapp === void 0 ? void 0 : _this$$refs$listWrapp.querySelector("#".concat(this.listId));
     },
 
     clearHighlightIndex() {
@@ -4596,15 +4457,15 @@ const combobox_empty_list_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z
 
 
 ;
-const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_83040a60_render]])
+const combobox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(comboboxvue_type_script_lang_js, [['render',comboboxvue_type_template_id_1b1d987e_render]])
 
 /* harmony default export */ const combobox = (combobox_exports_);
 ;// CONCATENATED MODULE: ./components/combobox/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown.vue?vue&type=template&id=b0e1f8ba
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/dropdown/dropdown.vue?vue&type=template&id=2335f54b
 
-const dropdownvue_type_template_id_b0e1f8ba_hoisted_1 = ["id"];
-function dropdownvue_type_template_id_b0e1f8ba_render(_ctx, _cache, $props, $setup, $data, $options) {
+const dropdownvue_type_template_id_2335f54b_hoisted_1 = ["id"];
+function dropdownvue_type_template_id_2335f54b_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_popover = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-popover");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_popover, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
@@ -4649,18 +4510,18 @@ function dropdownvue_type_template_id_b0e1f8ba_render(_ctx, _cache, $props, $set
         })
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "list", {
         close: close
-      })], 42, dropdownvue_type_template_id_b0e1f8ba_hoisted_1)];
+      })], 42, dropdownvue_type_template_id_2335f54b_hoisted_1)];
     }),
     _: 3
   }, 16, ["content-width", "open", "placement", "initial-focus-element", "fallback-placements", "modal", "max-height", "max-width", "onOpened", "onKeydown"]);
 }
-;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=b0e1f8ba
+;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=2335f54b
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=582f9c98
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=template&id=0fe0a777
 
-const popovervue_type_template_id_582f9c98_hoisted_1 = ["aria-hidden"];
-const popovervue_type_template_id_582f9c98_hoisted_2 = ["id"];
-function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setup, $data, $options) {
+const popovervue_type_template_id_0fe0a777_hoisted_1 = ["aria-hidden"];
+const popovervue_type_template_id_0fe0a777_hoisted_2 = ["id"];
+function popovervue_type_template_id_0fe0a777_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("popover-header-footer");
 
   const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-lazy-show");
@@ -4672,13 +4533,13 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
     class: "d-modal--transparent",
     "aria-hidden": $props.modal && $data.isOpen ? 'false' : 'true',
     onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(() => {}, ["prevent", "stop"]))
-  }, null, 8, popovervue_type_template_id_582f9c98_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.elementType), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }, null, 8, popovervue_type_template_id_0fe0a777_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.elementType), {
     ref: "popover",
-    class: ['d-popover', {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-popover', {
       'd-popover__anchor--modal-opened': $props.modal && $data.isOpen
-    }],
+    }]),
     "data-qa": "dt-popover-container"
-  }, _ctx.$attrs), {
+  }, {
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
       id: !$props.ariaLabelledby && $options.labelledBy,
       ref: "anchor",
@@ -4701,7 +4562,7 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
         'aria-controls': $props.id,
         'aria-haspopup': $props.role
       }
-    })], 40, popovervue_type_template_id_582f9c98_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+    })], 40, popovervue_type_template_id_0fe0a777_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_lazy_show, {
       id: $props.id,
       ref: "content",
       role: $props.role,
@@ -4713,19 +4574,19 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
       transition: $props.transition,
       show: $data.isOpen,
       appear: "",
-      class: ['d-popover__dialog', {
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-popover__dialog', {
         'd-popover__dialog--modal': $props.modal
-      }, $props.dialogClass],
-      style: {
+      }, $props.dialogClass]),
+      style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)({
         'max-height': $props.maxHeight,
         'max-width': $props.maxWidth
-      },
-      tabindex: $props.contentTabindex
-    }, _ctx.$attrs, {
+      }),
+      css: _ctx.$attrs.css,
+      tabindex: $props.contentTabindex,
       onKeydownCapture: $options.onKeydown,
       onAfterLeave: $options.onLeaveTransitionComplete,
       onAfterEnter: $options.onEnterTransitionComplete
-    }), {
+    }, {
       default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [_ctx.$slots.headerContent || $props.showCloseButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_popover_header_footer, {
         key: 0,
         ref: "popover__header",
@@ -4759,11 +4620,11 @@ function popovervue_type_template_id_582f9c98_render(_ctx, _cache, $props, $setu
         _: 3
       }, 8, ["class", "content-class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
       _: 3
-    }, 16, ["id", "role", "aria-hidden", "aria-labelledby", "aria-label", "aria-modal", "transition", "show", "class", "style", "tabindex", "onKeydownCapture", "onAfterLeave", "onAfterEnter"])]),
+    }, 8, ["id", "role", "aria-hidden", "aria-labelledby", "aria-label", "aria-modal", "transition", "show", "class", "style", "css", "tabindex", "onKeydownCapture", "onAfterLeave", "onAfterEnter"])]),
     _: 3
-  }, 16, ["class"]))]);
+  }, 8, ["class"]))]);
 }
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=582f9c98
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=0fe0a777
 
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
 function getWindow(node) {
@@ -9232,7 +9093,10 @@ const getPopperOptions = function () {
     boundary = 'clippingParents',
     fallbackPlacements = [],
     onChangePlacement = () => {},
-    hasHideModifierEnabled = false
+    hasHideModifierEnabled = false,
+    // If set to false the dialog will display over top of the anchor when there is insufficient space.
+    // if set to true it will never move from its position relative to the anchor and will clip instead.
+    tether = true
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
     modifiers: [{
@@ -9244,6 +9108,12 @@ const getPopperOptions = function () {
     }, {
       name: 'hide',
       enabled: hasHideModifierEnabled
+    }, {
+      name: 'preventOverflow',
+      options: {
+        altAxis: !tether,
+        tether
+      }
     }, getArrowDetected(_ref => {
       let {
         state
@@ -9493,7 +9363,6 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
     PopoverHeaderFooter: popover_header_footer
   },
   mixins: [modal],
-  inheritAttrs: false,
   props: {
     /**
      * Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.
@@ -9668,6 +9537,15 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
       default: 'bottom-end'
     },
 
+    /**
+     * If set to false the dialog will display over top of the anchor when there is insufficient space.
+     * If set to true it will never move from its position relative to the anchor and will clip instead.
+     */
+    tether: {
+      type: Boolean,
+      default: true
+    },
+
     /**
      * If the popover sticks to the anchor. This is usually not needed, but can be needed
      * if the reference element's position is animating, or to automatically update the popover
@@ -9757,7 +9635,14 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
       default: false
     }
   },
-  emits: ['update:open', 'opened'],
+  emits: ['update:open',
+  /**
+   * Emitted when popover is shown or hidden
+   *
+   * @event opened
+   * @type {Boolean | Array}
+   */
+  'opened'],
 
   data() {
     return {
@@ -9806,12 +9691,15 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
       });
     },
 
-    fallbackPlacements(fallbackPlacements) {
+    fallbackPlacements() {
       this.tip.setProps({
-        popperOptions: getPopperOptions({
-          fallbackPlacements,
-          hasHideModifierEnabled: true
-        })
+        popperOptions: this.popperOptions()
+      });
+    },
+
+    tether() {
+      this.tip.setProps({
+        popperOptions: this.popperOptions()
       });
     },
 
@@ -9855,10 +9743,7 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
     }
 
     this.tip = tippy_utils_createTippy(this.anchorEl, {
-      popperOptions: getPopperOptions({
-        fallbackPlacements: this.fallbackPlacements,
-        hasHideModifierEnabled: true
-      }),
+      popperOptions: this.popperOptions(),
       contentElement: this.popoverContentEl,
       placement: this.placement,
       offset: this.offset,
@@ -9893,6 +9778,14 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
    *     METHODS    *
    ******************/
   methods: {
+    popperOptions() {
+      return getPopperOptions({
+        fallbackPlacements: this.fallbackPlacements,
+        tether: this.tether,
+        hasHideModifierEnabled: true
+      });
+    },
+
     validateProps() {
       if (this.modal && this.initialFocusElement === 'none') {
         console.error('If the popover is modal you must set the ' + 'initialFocusElement prop. Possible values: "dialog", "first", HTMLElement');
@@ -10075,9 +9968,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 });
 ;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=582f9c98&lang=less
-var popovervue_type_style_index_0_id_582f9c98_lang_less = __webpack_require__(403);
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=582f9c98&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=0fe0a777&lang=less
+var popovervue_type_style_index_0_id_0fe0a777_lang_less = __webpack_require__(243);
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=0fe0a777&lang=less
 
 ;// CONCATENATED MODULE: ./components/popover/popover.vue
 
@@ -10087,7 +9980,7 @@ var popovervue_type_style_index_0_id_582f9c98_lang_less = __webpack_require__(40
 ;
 
 
-const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_582f9c98_render]])
+const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_0fe0a777_render]])
 
 /* harmony default export */ const popover = (popover_exports_);
 ;// CONCATENATED MODULE: ./components/popover/index.js
@@ -10248,7 +10141,21 @@ const DROPDOWN_PADDING_CLASSES = {
       default: ''
     }
   },
-  emits: ['highlight', 'update:open', 'opened'],
+  emits: [
+  /**
+   * Event fired when the highlight changes
+   *
+   * @event highlight
+   * @type {Number}
+   */
+  'highlight', 'update:open',
+  /**
+   * Event fired when dropdown is shown or hidden
+   *
+   * @event opened
+   * @type {Boolean | Array}
+   */
+  'opened'],
 
   data() {
     return {
@@ -10393,661 +10300,165 @@ const DROPDOWN_PADDING_CLASSES = {
 
 
 ;
-const dropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(dropdownvue_type_script_lang_js, [['render',dropdownvue_type_template_id_b0e1f8ba_render]])
+const dropdown_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(dropdownvue_type_script_lang_js, [['render',dropdownvue_type_template_id_2335f54b_render]])
 
 /* harmony default export */ const dropdown = (dropdown_exports_);
 ;// CONCATENATED MODULE: ./components/dropdown/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/emoji/emoji.vue?vue&type=template&id=85307cb0
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=9d954110
 
-const emojivue_type_template_id_85307cb0_hoisted_1 = ["aria-label", "alt", "title", "src"];
-function emojivue_type_template_id_85307cb0_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_skeleton = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-skeleton");
+const inputvue_type_template_id_9d954110_hoisted_1 = {
+  ref: "container",
+  class: "base-input",
+  "data-qa": "dt-input"
+};
+const inputvue_type_template_id_9d954110_hoisted_2 = ["aria-details"];
+const inputvue_type_template_id_9d954110_hoisted_3 = ["id"];
+const inputvue_type_template_id_9d954110_hoisted_4 = {
+  key: 0
+};
+const inputvue_type_template_id_9d954110_hoisted_5 = {
+  key: 1,
+  "data-qa": "dt-input-length-description",
+  class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-mb2'])
+};
+const inputvue_type_template_id_9d954110_hoisted_6 = {
+  class: "d-input__wrapper"
+};
+const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
+const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
+function inputvue_type_template_id_9d954110_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-validation-messages");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.skeletonSizeClass)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_skeleton, {
-    offset: 0,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.skeletonSizeClass),
-    "shape-option": {
-      shape: 'square',
-      contentClass: $options.skeletonSizeClass,
-      size: 'auto'
-    }
-  }, null, 8, ["class", "shape-option"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $data.emojiDataLoading || $data.imgLoading]]), !$data.emojiDataLoading ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("img", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_9d954110_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
+    class: "base-input__label",
+    "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
+    "data-qa": "dt-input-label-wrapper"
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "labelSlot", {}, () => [$props.label ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 0,
-    ref: "emojiImg",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)([$props.size, $props.imgClass]),
-    "aria-label": $options.emojiLabel,
-    alt: $options.emojiAlt,
-    title: $options.emojiLabel,
-    src: $options.emojiSrc,
-    onLoad: _cache[0] || (_cache[0] = function () {
-      return $options.imageLoaded && $options.imageLoaded(...arguments);
-    }),
-    onError: _cache[1] || (_cache[1] = function () {
-      return $options.imageErrored && $options.imageErrored(...arguments);
+    ref: "label",
+    "data-qa": "dt-input-label",
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['base-input__label-text', 'd-label', $data.labelSizeClasses[$props.size]])
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), _ctx.$slots.description || $props.description || $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+    key: 0,
+    id: $options.descriptionKey,
+    ref: "description",
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
+    "data-qa": "dt-input-description"
+  }, [_ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_9d954110_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_9d954110_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, inputvue_type_template_id_9d954110_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", inputvue_type_template_id_9d954110_hoisted_6, [_ctx.$slots.leftIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
+    key: 0,
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.inputIconClasses('left')),
+    "data-qa": "dt-input-left-icon-wrapper",
+    onFocusout: _cache[0] || (_cache[0] = function () {
+      return $options.onBlur && $options.onBlur(...arguments);
+    })
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "leftIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.isTextarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("textarea", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+    key: 1,
+    ref: "input",
+    value: $props.modelValue,
+    name: $props.name,
+    disabled: $props.disabled,
+    class: $options.inputClasses(),
+    maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
+    "data-qa": "dt-input-input"
+  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, _hoisted_7)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+    key: 2,
+    ref: "input",
+    value: $props.modelValue,
+    name: $props.name,
+    type: $props.type,
+    disabled: $props.disabled,
+    class: $options.inputClasses(),
+    maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
+    "data-qa": "dt-input-input"
+  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, _hoisted_8)), _ctx.$slots.rightIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
+    key: 3,
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.inputIconClasses('right')),
+    "data-qa": "dt-input-right-icon-wrapper",
+    onFocusout: _cache[1] || (_cache[1] = function () {
+      return $options.onBlur && $options.onBlur(...arguments);
     })
-  }, null, 42, emojivue_type_template_id_85307cb0_hoisted_1)), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, !$data.imgLoading]]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2);
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 8, inputvue_type_template_id_9d954110_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+    "validation-messages": $options.validationMessages,
+    "show-messages": _ctx.showMessages,
+    class: _ctx.messagesClass
+  }, _ctx.messagesChildProps, {
+    "data-qa": "dt-input-messages"
+  }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
 }
-;// CONCATENATED MODULE: ./components/emoji/emoji.vue?vue&type=template&id=85307cb0
-
-;// CONCATENATED MODULE: ./components/emoji/emoji_constants.js
-const EMOJI_SIZES = {
-  SIZE_14: 'd-svg--size14',
-  SIZE_16: 'd-svg--size16',
-  SIZE_18: 'd-svg--size18',
-  SIZE_20: 'd-svg--size20',
-  SIZE_24: 'd-svg--size24',
-  SIZE_32: 'd-svg--size32',
-  SIZE_48: 'd-svg--size48',
-  SIZE_64: 'd-svg--size64',
-  SIZE_100p: 'd-svg--size100p'
+;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=9d954110
+
+;// CONCATENATED MODULE: ./components/input/input_constants.js
+// Valid input types, any other input types (for example: 'radio' or 'checkbox') should
+// use the respective base vue components (radio.vue and checkout.vue).
+const INPUT_TYPES = {
+  TEXT: 'text',
+  TEXTAREA: 'textarea',
+  PASSWORD: 'password',
+  EMAIL: 'email',
+  NUMBER: 'number'
+};
+const INPUT_SIZES = {
+  EXTRA_SMALL: 'xs',
+  SMALL: 'sm',
+  DEFAULT: 'md',
+  LARGE: 'lg',
+  EXTRA_LARGE: 'xl'
 };
-/* harmony default export */ const emoji_constants = ({
-  EMOJI_SIZES
+/* harmony default export */ const input_constants = ({
+  INPUT_TYPES,
+  INPUT_SIZES
 });
-// EXTERNAL MODULE: ./node_modules/emoji-regex/index.js
-var emoji_regex = __webpack_require__(809);
-var emoji_regex_default = /*#__PURE__*/__webpack_require__.n(emoji_regex);
-;// CONCATENATED MODULE: ./common/emoji.js
-
-const emojiVersion = '6.6';
-const defaultEmojiAssetUrl = 'https://cdn.jsdelivr.net/joypixels/assets/' + emojiVersion + '/png/unicode/32/';
-let customEmojiAssetUrl = null; // Used for emoji 16px and smaller
-
-let emojiImageUrlSmall = defaultEmojiAssetUrl;
-let emojiFileExtensionSmall = '.png'; // Used for emoji larger than 16px
-
-let emojiImageUrlLarge = defaultEmojiAssetUrl;
-let emojiFileExtensionLarge = '.png';
-let emojiJson = null;
-async function getEmojiJson() {
-  if (emojiJson) return;
-  emojiJson = await __webpack_require__.e(/* import() */ 370).then(__webpack_require__.t.bind(__webpack_require__, 370, 19));
-}
-function getEmojiData() {
-  return emojiJson;
-}
-function setEmojiAssetUrlSmall(url) {
-  let fileExtension = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '.png';
-
-  if (!url.endsWith('/')) {
-    url = url + '/';
-  }
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/validation_messages/validation_messages.vue?vue&type=template&id=e7311664
 
-  emojiImageUrlSmall = url;
-  emojiFileExtensionSmall = fileExtension;
+const validation_messagesvue_type_template_id_e7311664_hoisted_1 = {
+  key: 0,
+  class: "base-input__messages d-d-flex d-fd-column",
+  "data-qa": "validation-messages-container"
+};
+const validation_messagesvue_type_template_id_e7311664_hoisted_2 = ["innerHTML"];
+function validation_messagesvue_type_template_id_e7311664_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return $props.showMessages && !$options.isFilteredValidationMessagesEmpty ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", validation_messagesvue_type_template_id_e7311664_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.filteredValidationMessages, (_ref, index) => {
+    let {
+      message,
+      type
+    } = _ref;
+    return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      key: $options.getMessageKey(type, index),
+      role: "status",
+      "aria-live": "polite",
+      "data-qa": "validation-message",
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['base-input__message', 'd-validation-message', $options.messageTypeClass(type)])
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
+      innerHTML: message
+    }, null, 8, validation_messagesvue_type_template_id_e7311664_hoisted_2)], 2);
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true);
 }
-function setEmojiAssetUrlLarge(url) {
-  let fileExtension = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '.svg';
+;// CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=e7311664
+
+;// CONCATENATED MODULE: ./common/validators.js
 
-  if (!url.endsWith('/')) {
-    url = url + '/';
+function validationMessageValidator(rawMessages) {
+  if (!rawMessages) {
+    return true;
   }
 
-  emojiImageUrlLarge = url;
-  emojiFileExtensionLarge = fileExtension;
-}
-function setCustomEmojiUrl(url) {
-  customEmojiAssetUrl = url;
-}
-function setCustomEmojiJson(json) {
-  validateCustomEmojiJson(json);
-}
-/**
- * Validate custom emoji json
- */
+  return rawMessages.every(message => {
+    if (typeof message === 'string') {
+      return true;
+    }
 
-async function validateCustomEmojiJson(json) {
-  await getEmojiJson();
-  const customEmojiProps = ['extension', 'custom'];
-  const customEmojiRequiredProps = ['name', 'category', 'shortname', 'extension', 'custom'];
-  /**
-   * Update single emoji properties.
-   * If the property exists in emojiData, it'll add the values if the property is an array, otherwise will overwrite.
-   * If not exists, will add the property to the emojiData object.
-   */
+    if (typeof message === 'object') {
+      return Object.values(VALIDATION_MESSAGE_TYPES).includes(message === null || message === void 0 ? void 0 : message.type);
+    }
 
-  const _updateNativeEmojiData = (emojiData, propName, propValue) => {
-    if (emojiData[propName] === undefined) {
-      if (!customEmojiProps.includes(propName)) {
-        return;
-      } // new property to add
-
-
-      emojiData[propName] = propValue;
-    } else {
-      if (Array.isArray(emojiData[propName])) {
-        emojiData[propName] = emojiData[propName].concat(propValue);
-      } else {
-        emojiData[propName] = propValue;
-      }
-    }
-  };
-
-  Object.entries(json).forEach(item => {
-    const [customEmojiKey, customEmojiValue] = item;
-
-    if (customEmojiKey in emojiJson) {
-      // custom emoji exists in emoji json which means to update some data in the native emoji
-      const emojiData = emojiJson[customEmojiKey];
-
-      for (const customEmojiPropertyName in customEmojiValue) {
-        const customEmojiPropertyValue = customEmojiValue[customEmojiPropertyName];
-
-        _updateNativeEmojiData(emojiData, customEmojiPropertyName, customEmojiPropertyValue);
-      }
-    } else {
-      // new custom emoji
-      const _validateRequiredProps = () => customEmojiRequiredProps.every(val => {
-        return customEmojiValue[val] !== undefined;
-      });
-
-      if (_validateRequiredProps()) {
-        emojiJson[customEmojiKey] = customEmojiValue;
-      } else {
-        console.error('The following custom emoji doesn\'t contain the required properties:', customEmojiValue);
-      }
-    }
-  });
-} // recursively searches the emoji data object containing data for all emojis
-// and returns the object with the specified shortcode.
-
-function shortcodeToEmojiData(shortcode) {
-  // eslint-disable-next-line complexity
-  function f(o, key) {
-    if (!o || typeof o !== 'object') {
-      return;
-    }
-
-    if ('shortname' in o) {
-      if (o.shortname === shortcode || o.shortname_alternates.includes(shortcode)) {
-        o.key = key;
-        reference = o;
-        return true;
-      }
-    }
-
-    Object.keys(o).some(function (k) {
-      return f(o[k], k);
-    });
-  }
-
-  let reference;
-  f(getEmojiData(), null);
-  return reference;
-} // Takes in an emoji unicode character(s) and converts it to an emoji string in the format the emoji data object expects
-// as a key. There can be multiple unicode characters in an emoji to denote the emoji itself, skin tone, gender
-// and such.
-//
-// Example:
-// return value for smile emoji (no skin tone): 1f600
-// return value for left facing fist (light skin tone): 1f91b-1f3fb
-
-function unicodeToString(emoji) {
-  let key = '';
-
-  for (const codePoint of emoji) {
-    if (key !== '') {
-      key = key + '-';
-    }
-
-    key = key + codePoint.codePointAt(0).toString(16);
-  }
-
-  return key;
-} // Takes in unicode in string form ex: '1f91b-1f3fb' and converts it to an actual unicode character.
-
-function stringToUnicode(str) {
-  const uChars = str.split('-');
-  let result = '';
-  uChars.forEach(uChar => {
-    result = result + String.fromCodePoint(parseInt(uChar, 16));
-  });
-  return result;
-} // Takes in a code (which could be unicode or shortcode) and returns the emoji data for it.
-
-async function codeToEmojiData(code) {
-  await getEmojiJson();
-
-  if (code.startsWith(':') && code.endsWith(':')) {
-    return shortcodeToEmojiData(code);
-  } else {
-    const unicodeString = unicodeToString(code);
-    const result = emojiJson[unicodeString];
-    if (result) result.key = unicodeString;
-    return result;
-  }
-} // Finds every shortcode in slot text
-// filters only the existing codes in emojiJson
-// removes duplicates.
-// @returns {string[]}
-
-function findShortCodes(textContent) {
-  const shortcodes = textContent.match(/:\w+:/g);
-  return filterValidShortCodes(shortcodes);
-}
-function filterValidShortCodes(shortcodes) {
-  const filtered = shortcodes ? shortcodes.filter(code => shortcodeToEmojiData(code)) : [];
-  return new Set(filtered);
-} // Finds every emoji in slot text
-// removes duplicates
-// @returns {string[]}
-
-function findEmojis(textContent) {
-  const matches = [...textContent.matchAll(emoji_regex_default()())];
-  const emojis = matches.length ? matches.map(match => match[0]) : [];
-  return new Set(emojis);
-}
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/emoji/emoji.vue?vue&type=script&lang=js
-
-
-
-/* harmony default export */ const emojivue_type_script_lang_js = ({
-  name: 'DtEmoji',
-  components: {
-    DtSkeleton: skeleton_skeleton
-  },
-  props: {
-    /**
-      * Supports shortcode ex: :smile: or unicode ex: 😄. Will display the resulting emoji.
-      * See https://emojipedia.org/joypixels/ for all supported shortcode/unicode or the docs
-      * for setting up custom emojis.
-      */
-    code: {
-      type: String,
-      default: null
-    },
-
-    /**
-      * The size of the emoji. Can be any of the svg size utility
-      * classes from https://dialpad.design/utilities/svg/size
-      */
-    size: {
-      type: String,
-      default: EMOJI_SIZES.SIZE_20,
-      validator: t => Object.values(EMOJI_SIZES).includes(t)
-    },
-
-    /**
-     * Additional class name for the emoji img element.
-     * Can accept all of String, Object, and Array, i.e. has the
-     * same api as Vue's built-in handling of the class attribute.
-     */
-    imgClass: {
-      type: [String, Object, Array],
-      default: ''
-    },
-
-    /**
-     * Will be read out on a screenreader for this emoji. You must use this prop if you want your emoji to be i18n
-     * Compatible as Dialtone Vue will not translate it by itself. If you do not set this prop the aria-label will
-     * be set to the english description of the emoji. You can retrieve the description for an emoji yourself via the
-     * getEmojiJson() function
-     */
-    ariaLabel: {
-      type: String,
-      default: null
-    }
-  },
-
-  data() {
-    return {
-      emojiData: null,
-      imgLoading: false,
-      emojiDataLoading: false
-    };
-  },
-
-  computed: {
-    emojiDataValid() {
-      return !!this.emojiData;
-    },
-
-    emojiSrc() {
-      var _this$emojiData;
-
-      if (!this.emojiDataValid) {
-        return 'invalid';
-      } // custom emoji
-
-
-      if ((_this$emojiData = this.emojiData) !== null && _this$emojiData !== void 0 && _this$emojiData.custom) {
-        return customEmojiAssetUrl + this.emojiData.key + this.emojiData.extension;
-      }
-
-      if (['d-svg--size14', 'd-svg--size16'].includes(this.size)) {
-        return emojiImageUrlSmall + this.emojiData.key + emojiFileExtensionSmall;
-      } else {
-        return emojiImageUrlLarge + this.emojiData.key + emojiFileExtensionLarge;
-      }
-    },
-
-    emojiAlt() {
-      if (!this.emojiDataValid) {
-        return undefined;
-      }
-
-      return this.emojiData.unicode_output ? stringToUnicode(this.emojiData.unicode_output) : this.emojiData.name;
-    },
-
-    emojiLabel() {
-      if (!this.emojiDataValid) {
-        return 'Invalid Emoji';
-      }
-
-      return this.ariaLabel ? this.ariaLabel : this.emojiData.name;
-    },
-
-    skeletonSizeClass() {
-      return this.size === 'd-svg--size100p' ? ['d-h100p', 'd-w100p'] : this.size;
-    }
-
-  },
-  watch: {
-    code: {
-      handler: async function () {
-        this.emojiDataLoading = true;
-        await this.getEmojiData();
-        this.emojiDataLoading = false;
-      },
-      immediate: true
-    },
-    emojiSrc: {
-      handler: async function () {
-        this.imgLoading = true;
-      }
-    }
-  },
-  methods: {
-    async getEmojiData() {
-      this.emojiData = await codeToEmojiData(this.code);
-    },
-
-    imageLoaded() {
-      this.imgLoading = false;
-    },
-
-    imageErrored() {
-      this.imgLoading = false;
-    }
-
-  }
-});
-;// CONCATENATED MODULE: ./components/emoji/emoji.vue?vue&type=script&lang=js
- 
-;// CONCATENATED MODULE: ./components/emoji/emoji.vue
-
-
-
-
-;
-const emoji_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(emojivue_type_script_lang_js, [['render',emojivue_type_template_id_85307cb0_render]])
-
-/* harmony default export */ const emoji = (emoji_exports_);
-;// CONCATENATED MODULE: ./components/emoji/index.js
-
-
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/emoji_text_wrapper/emoji_text_wrapper.vue?vue&type=script&lang=js
-
-
-
-/* harmony default export */ const emoji_text_wrappervue_type_script_lang_js = ({
-  name: 'DtEmojiTextWrapper',
-  components: {
-    DtEmoji: emoji
-  },
-  inheritAttrs: false,
-  props: {
-    /**
-     * The type of element to use for the wrapper.
-     */
-    elementType: {
-      type: String,
-      default: 'div'
-    }
-  },
-
-  data() {
-    return {
-      loadingEmojiJson: true
-    };
-  },
-
-  async created() {
-    await getEmojiJson();
-    this.loadingEmojiJson = false;
-  },
-
-  methods: {
-    /**
-     * Replaces the valid codes from the text content with a DtEmoji component.
-     * @returns {Array<VNode|string>}
-     */
-    replaceDtEmojis(replaceList, textContent) {
-      const regexp = new RegExp("(".concat(replaceList.join('|'), ")"), 'g');
-      const split = textContent.split(regexp);
-      return split.map(item => {
-        if (replaceList.includes(item)) {
-          return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(emoji, { ...this.$attrs,
-            class: 'd-mx4 d-d-inline-block',
-            code: item
-          });
-        }
-
-        return item;
-      });
-    },
-
-    /**
-     * Recursively search the Vue virtual DOM to find text
-     * @param VNode
-     * @returns {VNode|*}
-     */
-    searchVNodes(VNode) {
-      var _VNode$props;
-
-      if (typeof VNode === 'string') return this.searchCodes(VNode);
-      if (typeof VNode.type === 'symbol') return this.searchCodes(VNode.children);
-      if ((_VNode$props = VNode.props) !== null && _VNode$props !== void 0 && _VNode$props.innerHTML) return this.searchVNodes(VNode.props.innerHTML);
-      const children = Array.isArray(VNode.children) ? VNode.children : [VNode.children];
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(VNode.type, VNode.props, children.map(VNodeChild => this.searchVNodes(VNodeChild)));
-    },
-
-    // TODO: Find a way to crawl vue components
-    replaceVueComponentVNodeContent(VNode) {//
-    },
-
-    /**
-     * Find codes in text.
-     * @param textContent string
-     * @returns {Array<VNode|string>|string}
-     */
-    searchCodes(textContent) {
-      const shortcodes = findShortCodes(textContent);
-      const emojis = findEmojis(textContent);
-      const replaceList = [...shortcodes, ...emojis];
-      if (replaceList.length === 0) return textContent;
-      return this.replaceDtEmojis(replaceList, textContent);
-    }
-
-  },
-
-  render() {
-    const defaultSlotContent = this.$slots.default ? this.$slots.default() : [];
-    return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)(this.elementType, {
-      'data-qa': 'emoji-text-wrapper',
-      class: this.$attrs.class
-    }, this.loadingEmojiJson ? defaultSlotContent : defaultSlotContent.map(VNode => this.searchVNodes(VNode)));
-  }
-
-});
-;// CONCATENATED MODULE: ./components/emoji_text_wrapper/emoji_text_wrapper.vue?vue&type=script&lang=js
- 
-;// CONCATENATED MODULE: ./components/emoji_text_wrapper/emoji_text_wrapper.vue
-
-
-
-const emoji_text_wrapper_exports_ = emoji_text_wrappervue_type_script_lang_js;
-
-/* harmony default export */ const emoji_text_wrapper = (emoji_text_wrapper_exports_);
-;// CONCATENATED MODULE: ./components/emoji_text_wrapper/index.js
-
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/input/input.vue?vue&type=template&id=1204d99d
-
-const inputvue_type_template_id_1204d99d_hoisted_1 = {
-  ref: "container",
-  class: "base-input",
-  "data-qa": "dt-input"
-};
-const inputvue_type_template_id_1204d99d_hoisted_2 = ["aria-details"];
-const inputvue_type_template_id_1204d99d_hoisted_3 = ["id"];
-const inputvue_type_template_id_1204d99d_hoisted_4 = {
-  key: 0
-};
-const inputvue_type_template_id_1204d99d_hoisted_5 = {
-  key: 1,
-  "data-qa": "dt-input-length-description",
-  class: /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-mb2'])
-};
-const inputvue_type_template_id_1204d99d_hoisted_6 = {
-  class: "d-input__wrapper"
-};
-const _hoisted_7 = ["value", "name", "disabled", "maxlength"];
-const _hoisted_8 = ["value", "name", "type", "disabled", "maxlength"];
-function inputvue_type_template_id_1204d99d_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-validation-messages");
-
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", {
-    class: "base-input__label",
-    "aria-details": _ctx.$slots.description || $props.description ? $options.descriptionKey : undefined,
-    "data-qa": "dt-input-label-wrapper"
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "labelSlot", {}, () => [$props.label ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
-    key: 0,
-    ref: "label",
-    "data-qa": "dt-input-label",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['base-input__label-text', 'd-label', $data.labelSizeClasses[$props.size]])
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), _ctx.$slots.description || $props.description || $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
-    key: 0,
-    id: $options.descriptionKey,
-    ref: "description",
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['base-input__description', 'd-description', 'd-fd-column', $data.descriptionSizeClasses[$props.size]]),
-    "data-qa": "dt-input-description"
-  }, [_ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.shouldValidateLength ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", inputvue_type_template_id_1204d99d_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.validationProps.length.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, inputvue_type_template_id_1204d99d_hoisted_3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", inputvue_type_template_id_1204d99d_hoisted_6, [_ctx.$slots.leftIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
-    key: 0,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.inputIconClasses('left')),
-    "data-qa": "dt-input-left-icon-wrapper",
-    onFocusout: _cache[0] || (_cache[0] = function () {
-      return $options.onBlur && $options.onBlur(...arguments);
-    })
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "leftIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $options.isTextarea ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("textarea", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
-    key: 1,
-    ref: "input",
-    value: $props.modelValue,
-    name: $props.name,
-    disabled: $props.disabled,
-    class: $options.inputClasses(),
-    maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
-    "data-qa": "dt-input-input"
-  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, _hoisted_7)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
-    key: 2,
-    ref: "input",
-    value: $props.modelValue,
-    name: $props.name,
-    type: $props.type,
-    disabled: $props.disabled,
-    class: $options.inputClasses(),
-    maxlength: $options.shouldLimitMaxLength ? $options.validationProps.length.max : null,
-    "data-qa": "dt-input-input"
-  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, _hoisted_8)), _ctx.$slots.rightIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
-    key: 3,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($options.inputIconClasses('right')),
-    "data-qa": "dt-input-right-icon-wrapper",
-    onFocusout: _cache[1] || (_cache[1] = function () {
-      return $options.onBlur && $options.onBlur(...arguments);
-    })
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "rightIcon")], 34)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])], 8, inputvue_type_template_id_1204d99d_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
-    "validation-messages": $options.validationMessages,
-    "show-messages": _ctx.showMessages,
-    class: _ctx.messagesClass
-  }, _ctx.messagesChildProps, {
-    "data-qa": "dt-input-messages"
-  }), null, 16, ["validation-messages", "show-messages", "class"])], 512);
-}
-;// CONCATENATED MODULE: ./components/input/input.vue?vue&type=template&id=1204d99d
-
-;// CONCATENATED MODULE: ./components/input/input_constants.js
-// Valid input types, any other input types (for example: 'radio' or 'checkbox') should
-// use the respective base vue components (radio.vue and checkout.vue).
-const INPUT_TYPES = {
-  TEXT: 'text',
-  TEXTAREA: 'textarea',
-  PASSWORD: 'password',
-  EMAIL: 'email',
-  NUMBER: 'number'
-};
-const INPUT_SIZES = {
-  EXTRA_SMALL: 'xs',
-  SMALL: 'sm',
-  DEFAULT: 'md',
-  LARGE: 'lg',
-  EXTRA_LARGE: 'xl'
-};
-/* harmony default export */ const input_constants = ({
-  INPUT_TYPES,
-  INPUT_SIZES
-});
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/validation_messages/validation_messages.vue?vue&type=template&id=e7311664
-
-const validation_messagesvue_type_template_id_e7311664_hoisted_1 = {
-  key: 0,
-  class: "base-input__messages d-d-flex d-fd-column",
-  "data-qa": "validation-messages-container"
-};
-const validation_messagesvue_type_template_id_e7311664_hoisted_2 = ["innerHTML"];
-function validation_messagesvue_type_template_id_e7311664_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return $props.showMessages && !$options.isFilteredValidationMessagesEmpty ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", validation_messagesvue_type_template_id_e7311664_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.filteredValidationMessages, (_ref, index) => {
-    let {
-      message,
-      type
-    } = _ref;
-    return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
-      key: $options.getMessageKey(type, index),
-      role: "status",
-      "aria-live": "polite",
-      "data-qa": "validation-message",
-      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['base-input__message', 'd-validation-message', $options.messageTypeClass(type)])
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", {
-      innerHTML: message
-    }, null, 8, validation_messagesvue_type_template_id_e7311664_hoisted_2)], 2);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true);
-}
-;// CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=e7311664
-
-;// CONCATENATED MODULE: ./common/validators.js
-
-function validationMessageValidator(rawMessages) {
-  if (!rawMessages) {
-    return true;
-  }
-
-  return rawMessages.every(message => {
-    if (typeof message === 'string') {
-      return true;
-    }
-
-    if (typeof message === 'object') {
-      return Object.values(VALIDATION_MESSAGE_TYPES).includes(message === null || message === void 0 ? void 0 : message.type);
-    }
-
-    return false;
-  });
-}
-/* harmony default export */ const validators = ({
-  validationMessageValidator
-});
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/validation_messages/validation_messages.vue?vue&type=script&lang=js
+    return false;
+  });
+}
+/* harmony default export */ const validators = ({
+  validationMessageValidator
+});
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/validation_messages/validation_messages.vue?vue&type=script&lang=js
 
 
 /* harmony default export */ const validation_messagesvue_type_script_lang_js = ({
@@ -11156,6 +10567,7 @@ const InputMixin = {
 
     /**
      * The value of the input
+     * @model value
      */
     value: {
       type: [String, Number, Boolean, Object],
@@ -11280,6 +10692,7 @@ const CheckableMixin = {
   props: {
     /**
      * Used to set the state of the checkable input
+     * @model checked
      */
     checked: {
       type: Boolean,
@@ -11492,6 +10905,10 @@ const MessagesMixin = {
 
 
 
+/**
+ * @property {Boolean} placeholder attribute
+ */
+
 /* harmony default export */ const inputvue_type_script_lang_js = ({
   name: 'DtInput',
   components: {
@@ -11601,7 +11018,62 @@ const MessagesMixin = {
       default: null
     }
   },
-  emits: ['input', 'blur', 'clear', 'focus', 'focusin', 'focusout', 'update:modelValue', 'update:length', 'update:invalid'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String}
+   */
+  'input',
+  /**
+   * Native input blur event
+   *
+   * @event blur
+   * @type {FocusEvent}
+   */
+  'blur',
+  /**
+   * Input clear event
+   *
+   * @event clear
+   */
+  'clear',
+  /**
+   * Native input focus event
+   *
+   * @event focus
+   * @type {FocusEvent}
+   */
+  'focus',
+  /**
+   * Native input focusin event
+   *
+   * @event focusin
+   * @type {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native input focusout event
+   *
+   * @event focusout
+   * @type {FocusEvent}
+   */
+  'focusout', 'update:modelValue',
+  /**
+   * Length of the input when currentLength prop is not passed
+   *
+   * @event update:length
+   * @type {Number}
+   */
+  'update:length',
+  /**
+   * Result of the input validation
+   *
+   * @event update:invalid
+   * @type {Boolean}
+   */
+  'update:invalid'],
 
   data() {
     return {
@@ -11878,7 +11350,7 @@ const MessagesMixin = {
 
 
 ;
-const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_1204d99d_render]])
+const input_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(inputvue_type_script_lang_js, [['render',inputvue_type_template_id_9d954110_render]])
 
 /* harmony default export */ const input_input = (input_exports_);
 ;// CONCATENATED MODULE: ./components/input/index.js
@@ -12160,26 +11632,26 @@ const input_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(input_
 /* harmony default export */ const input_group_input_group = (input_group_exports_);
 ;// CONCATENATED MODULE: ./components/input_group/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/modal/modal.vue?vue&type=template&id=72de2e42
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/modal/modal.vue?vue&type=template&id=e3e205ea
 
-const modalvue_type_template_id_72de2e42_hoisted_1 = ["aria-describedby", "aria-labelledby"];
-const modalvue_type_template_id_72de2e42_hoisted_2 = ["id"];
-const modalvue_type_template_id_72de2e42_hoisted_3 = ["id"];
-const modalvue_type_template_id_72de2e42_hoisted_4 = {
+const modalvue_type_template_id_e3e205ea_hoisted_1 = ["aria-describedby", "aria-labelledby"];
+const modalvue_type_template_id_e3e205ea_hoisted_2 = ["id"];
+const modalvue_type_template_id_e3e205ea_hoisted_3 = ["id"];
+const modalvue_type_template_id_e3e205ea_hoisted_4 = {
   key: 2,
   class: "d-modal__content",
   "data-qa": "dt-modal-copy"
 };
-const modalvue_type_template_id_72de2e42_hoisted_5 = {
+const modalvue_type_template_id_e3e205ea_hoisted_5 = {
   key: 3,
   class: "d-modal__content",
   "data-qa": "dt-modal-copy"
 };
-const modalvue_type_template_id_72de2e42_hoisted_6 = {
+const modalvue_type_template_id_e3e205ea_hoisted_6 = {
   key: 4,
   class: "d-modal__footer"
 };
-function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup, $data, $options) {
+function modalvue_type_template_id_e3e205ea_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_icon_close = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("icon-close");
 
   const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-button");
@@ -12196,7 +11668,11 @@ function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup,
     onKeydown: [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)($options.close, ["esc"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)($options.trapFocus, ["tab"])],
     onAfterEnter: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)($options.setFocusAfterTransition, ["self"])
   }, {
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(external_commonjs_vue_commonjs2_vue_root_Vue_.Transition, {
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [$props.show && (_ctx.$slots.banner || $props.bannerTitle) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      key: 0,
+      "data-qa": "dt-modal-banner",
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-modal__banner', $props.bannerClass])
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "banner", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.bannerTitle), 1)])], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(external_commonjs_vue_commonjs2_vue_root_Vue_.Transition, {
       appear: "",
       name: "d-modal__dialog"
     }, {
@@ -12213,12 +11689,12 @@ function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup,
         id: $props.labelledById,
         class: "d-modal__header",
         "data-qa": "dt-modal-title"
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_72de2e42_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("h2", {
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")], 8, modalvue_type_template_id_e3e205ea_hoisted_2)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("h2", {
         key: 1,
         id: $props.labelledById,
         class: "d-modal__header",
         "data-qa": "dt-modal-title"
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 9, modalvue_type_template_id_72de2e42_hoisted_3)), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", modalvue_type_template_id_72de2e42_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", modalvue_type_template_id_72de2e42_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.copy), 1)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("footer", modalvue_type_template_id_72de2e42_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.title), 9, modalvue_type_template_id_e3e205ea_hoisted_3)), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", modalvue_type_template_id_e3e205ea_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", modalvue_type_template_id_e3e205ea_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.copy), 1)), $options.hasFooterSlot ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("footer", modalvue_type_template_id_e3e205ea_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
         key: 5,
         class: "d-modal__close",
         circle: "",
@@ -12231,13 +11707,13 @@ function modalvue_type_template_id_72de2e42_render(_ctx, _cache, $props, $setup,
       }), {
         icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_icon_close)]),
         _: 1
-      }, 16, ["aria-label", "kind", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, modalvue_type_template_id_72de2e42_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $props.show]])]),
+      }, 16, ["aria-label", "kind", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, modalvue_type_template_id_e3e205ea_hoisted_1), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $props.show]])]),
       _: 3
     })]),
     _: 3
   }, 8, ["show", "class", "aria-hidden", "onClick", "onKeydown", "onAfterEnter"]);
 }
-;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=72de2e42
+;// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=e3e205ea
 
 ;// CONCATENATED MODULE: ./components/modal/modal_constants.js
 // Modal style modifiers
@@ -12325,6 +11801,14 @@ const MODAL_SIZE_MODIFIERS = {
       default: ''
     },
 
+    /**
+     * Title text to display in the modal banner.
+     */
+    bannerTitle: {
+      type: String,
+      default: ''
+    },
+
     /**
      * The theme of the modal.
      * @values default or danger
@@ -12367,6 +11851,16 @@ const MODAL_SIZE_MODIFIERS = {
       default: ''
     },
 
+    /**
+     * Additional class name for the banner element within the modal.
+     * Can accept all of String, Object, and Array, i.e. has the
+     * same api as Vue's built-in handling of the class attribute.
+     */
+    bannerClass: {
+      type: [String, Object, Array],
+      default: ''
+    },
+
     /**
      * Hides the close button on the modal
      */
@@ -12383,7 +11877,15 @@ const MODAL_SIZE_MODIFIERS = {
       default: true
     }
   },
-  emits: ['update:show'],
+  emits: [
+  /**
+   * The modal will emit a "false" boolean value for this event when the user performs a modal-closing action.
+   * Parent components can sync on this value to create a 2-way binding to control modal visibility.
+   *
+   * @event update:show
+   * @type {Boolean}
+   */
+  'update:show'],
 
   data() {
     return {
@@ -12446,7 +11948,7 @@ const MODAL_SIZE_MODIFIERS = {
 
 
 ;
-const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_72de2e42_render]])
+const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_e3e205ea_render]])
 
 /* harmony default export */ const modal_modal = (modal_exports_);
 ;// CONCATENATED MODULE: ./components/modal/index.js
@@ -12454,16 +11956,16 @@ const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(modalvue_typ
 
 ;// CONCATENATED MODULE: ./components/lazy_show/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_section/list_section.vue?vue&type=template&id=11f85ef1
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_section/list_section.vue?vue&type=template&id=0edadf84
 
-const list_sectionvue_type_template_id_11f85ef1_hoisted_1 = ["id", "aria-labelledby"];
-const list_sectionvue_type_template_id_11f85ef1_hoisted_2 = ["id"];
-const list_sectionvue_type_template_id_11f85ef1_hoisted_3 = ["id"];
-const list_sectionvue_type_template_id_11f85ef1_hoisted_4 = ["id"];
-const list_sectionvue_type_template_id_11f85ef1_hoisted_5 = {
+const list_sectionvue_type_template_id_0edadf84_hoisted_1 = ["id", "aria-labelledby"];
+const list_sectionvue_type_template_id_0edadf84_hoisted_2 = ["id"];
+const list_sectionvue_type_template_id_0edadf84_hoisted_3 = ["id"];
+const list_sectionvue_type_template_id_0edadf84_hoisted_4 = ["id"];
+const list_sectionvue_type_template_id_0edadf84_hoisted_5 = {
   class: "d-d-flex"
 };
-function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props, $setup, $data, $options) {
+function list_sectionvue_type_template_id_0edadf84_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_vnodes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("vnodes");
 
   const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-button");
@@ -12480,15 +11982,15 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
     key: 0,
     id: "".concat($props.id, "-list-section-header"),
     class: "d-pl12 d-mt6"
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.header), 9, list_sectionvue_type_template_id_11f85ef1_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$options.isCollapsible || $data.showAll ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("ol", {
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.header), 9, list_sectionvue_type_template_id_0edadf84_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$options.isCollapsible || $data.showAll ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("ol", {
     key: 1,
     id: "".concat($props.id, "-list-section-content")
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 8, list_sectionvue_type_template_id_11f85ef1_hoisted_3)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("ol", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 8, list_sectionvue_type_template_id_0edadf84_hoisted_3)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("ol", {
     key: 2,
     id: "".concat($props.id, "-list-section-content")
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_vnodes, {
     vnodes: $options.displayedItems
-  }, null, 8, ["vnodes"])], 8, list_sectionvue_type_template_id_11f85ef1_hoisted_4)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", list_sectionvue_type_template_id_11f85ef1_hoisted_5, [$options.isCollapsible ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, {
+  }, null, 8, ["vnodes"])], 8, list_sectionvue_type_template_id_0edadf84_hoisted_4)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", list_sectionvue_type_template_id_0edadf84_hoisted_5, [$options.isCollapsible ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, {
     key: 0,
     id: "".concat($props.id, "-list-section-show-more-less"),
     link: "",
@@ -12497,9 +11999,9 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
   }, {
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($options.showMoreLessText), 1)]),
     _: 1
-  }, 8, ["id", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])], 10, list_sectionvue_type_template_id_11f85ef1_hoisted_1);
+  }, 8, ["id", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "footer")])], 10, list_sectionvue_type_template_id_0edadf84_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=11f85ef1
+;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=0edadf84
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_section/list_section.vue?vue&type=script&lang=js
 /* Sections a group of list items within a list. Useful for
@@ -12583,13 +12085,19 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
       return this.itemCount - this.displayedItems.length;
     },
 
+    defaultSlotItems() {
+      return Array.isArray(this.$slots.default()[0].children) ? this.$slots.default()[0].children : this.$slots.default();
+    },
+
     itemCount() {
-      return this.$slots.default().length;
+      return this.defaultSlotItems.length;
     },
 
     displayedItems() {
+      var _this$defaultSlotItem;
+
       // filtering the slot v-nodes to only display up to maxDisplayed items
-      return this.$slots.default().filter((item, index) => index <= this.maxDisplayed - 1);
+      return (_this$defaultSlotItem = this.defaultSlotItems) === null || _this$defaultSlotItem === void 0 ? void 0 : _this$defaultSlotItem.filter((item, index) => index <= this.maxDisplayed - 1);
     }
 
   },
@@ -12602,9 +12110,9 @@ function list_sectionvue_type_template_id_11f85ef1_render(_ctx, _cache, $props,
 });
 ;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_section/list_section.vue?vue&type=style&index=0&id=11f85ef1&lang=less
-var list_sectionvue_type_style_index_0_id_11f85ef1_lang_less = __webpack_require__(749);
-;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=style&index=0&id=11f85ef1&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_section/list_section.vue?vue&type=style&index=0&id=0edadf84&lang=less
+var list_sectionvue_type_style_index_0_id_0edadf84_lang_less = __webpack_require__(665);
+;// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=style&index=0&id=0edadf84&lang=less
 
 ;// CONCATENATED MODULE: ./components/list_section/list_section.vue
 
@@ -12614,14 +12122,14 @@ var list_sectionvue_type_style_index_0_id_11f85ef1_lang_less = __webpack_require
 ;
 
 
-const list_section_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_sectionvue_type_script_lang_js, [['render',list_sectionvue_type_template_id_11f85ef1_render]])
+const list_section_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_sectionvue_type_script_lang_js, [['render',list_sectionvue_type_template_id_0edadf84_render]])
 
 /* harmony default export */ const list_section = (list_section_exports_);
 ;// CONCATENATED MODULE: ./components/list_section/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice.vue?vue&type=template&id=d82fa1b0
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice.vue?vue&type=template&id=9503ac34
 
-function noticevue_type_template_id_d82fa1b0_render(_ctx, _cache, $props, $setup, $data, $options) {
+function noticevue_type_template_id_9503ac34_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_notice_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-icon");
 
   const _component_dt_notice_content = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-content");
@@ -12654,7 +12162,7 @@ function noticevue_type_template_id_d82fa1b0_render(_ctx, _cache, $props, $setup
     _: 3
   }, 8, ["hide-close", "close-button-props"])], 2);
 }
-;// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=d82fa1b0
+;// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=9503ac34
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/notice/notice.vue?vue&type=script&lang=js
 
@@ -12748,7 +12256,13 @@ function noticevue_type_template_id_d82fa1b0_render(_ctx, _cache, $props, $setup
       default: false
     }
   },
-  emits: ['close', 'click'],
+  emits: [
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close', 'click'],
   computed: {
     noticeClass() {
       const noticeKinds = {
@@ -12773,37 +12287,303 @@ function noticevue_type_template_id_d82fa1b0_render(_ctx, _cache, $props, $setup
 
 
 ;
-const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_type_script_lang_js, [['render',noticevue_type_template_id_d82fa1b0_render]])
+const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_type_script_lang_js, [['render',noticevue_type_template_id_9503ac34_render]])
 
 /* harmony default export */ const notice = (notice_exports_);
 ;// CONCATENATED MODULE: ./components/notice/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/radio/radio.vue?vue&type=template&id=36afe768
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/pagination/pagination.vue?vue&type=template&id=294973d0
+
+const paginationvue_type_template_id_294973d0_hoisted_1 = ["aria-label"];
+const paginationvue_type_template_id_294973d0_hoisted_2 = {
+  key: 0,
+  "data-qa": "dt-pagination-separator",
+  class: "d-h32 d-w32 d-d-flex d-ai-center d-jc-center"
+};
+function paginationvue_type_template_id_294973d0_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_icon_chevron_left = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("icon-chevron-left");
+
+  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-button");
+
+  const _component_icon_chevron_right = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("icon-chevron-right");
+
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("nav", {
+    "aria-label": $props.ariaLabel,
+    class: "d-d-flex d-fd-row d-gg2 d-ai-center"
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_button, {
+    class: "d-h32 d-w32",
+    "data-qa": "dt-pagination-prev",
+    "aria-label": $props.prevAriaLabel,
+    importance: $options.isFirstPage ? 'primary' : 'clear',
+    disabled: $options.isFirstPage,
+    onClick: _cache[0] || (_cache[0] = $event => $options.changePage($data.currentPage - 1))
+  }, {
+    icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_icon_chevron_left)]),
+    _: 1
+  }, 8, ["aria-label", "importance", "disabled"]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($options.pages, (page, index) => {
+    return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      key: "page-".concat(page, "-").concat(index)
+    }, [isNaN(Number(page)) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", paginationvue_type_template_id_294973d0_hoisted_2, " … ")) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, {
+      key: 1,
+      "aria-label": $props.pageNumberAriaLabel(page),
+      importance: $data.currentPage === page ? 'primary' : 'clear',
+      class: "d-h32 d-w32",
+      "label-class": "d-fs14",
+      onClick: $event => $options.changePage(page)
+    }, {
+      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(page), 1)]),
+      _: 2
+    }, 1032, ["aria-label", "importance", "onClick"]))]);
+  }), 128)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_button, {
+    class: "d-h32 d-w32",
+    "data-qa": "dt-pagination-next",
+    "aria-label": $props.nextAriaLabel,
+    disabled: $options.isLastPage,
+    importance: $options.isLastPage ? 'primary' : 'clear',
+    onClick: _cache[1] || (_cache[1] = $event => $options.changePage($data.currentPage + 1))
+  }, {
+    icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_icon_chevron_right)]),
+    _: 1
+  }, 8, ["aria-label", "disabled", "importance"])], 8, paginationvue_type_template_id_294973d0_hoisted_1);
+}
+;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=template&id=294973d0
+
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue?vue&type=template&id=bdbc37f6
+
+
+const IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_1 = {
+  "aria-hidden": "true",
+  "aria-label": "Chevron Left",
+  class: "d-svg d-svg--system d-svg__chevronLeft",
+  viewBox: "0 0 24 24"
+}
+const IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z" }, null, -1)
+const IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_3 = [
+  IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_2
+]
+
+function IconChevronLeftvue_type_template_id_bdbc37f6_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_1, IconChevronLeftvue_type_template_id_bdbc37f6_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue?vue&type=template&id=bdbc37f6
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue
+
+const IconChevronLeft_script = {}
+
+;
+const IconChevronLeft_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconChevronLeft_script, [['render',IconChevronLeftvue_type_template_id_bdbc37f6_render]])
+
+/* harmony default export */ const IconChevronLeft = (IconChevronLeft_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronRight.vue?vue&type=template&id=c72b3d10
+
+
+const IconChevronRightvue_type_template_id_c72b3d10_hoisted_1 = {
+  "aria-hidden": "true",
+  "aria-label": "Chevron Right",
+  class: "d-svg d-svg--system d-svg__chevronRight",
+  viewBox: "0 0 24 24"
+}
+const IconChevronRightvue_type_template_id_c72b3d10_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z" }, null, -1)
+const IconChevronRightvue_type_template_id_c72b3d10_hoisted_3 = [
+  IconChevronRightvue_type_template_id_c72b3d10_hoisted_2
+]
+
+function IconChevronRightvue_type_template_id_c72b3d10_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("svg", IconChevronRightvue_type_template_id_c72b3d10_hoisted_1, IconChevronRightvue_type_template_id_c72b3d10_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronRight.vue?vue&type=template&id=c72b3d10
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronRight.vue
+
+const IconChevronRight_script = {}
+
+;
+const IconChevronRight_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconChevronRight_script, [['render',IconChevronRightvue_type_template_id_c72b3d10_render]])
+
+/* harmony default export */ const IconChevronRight = (IconChevronRight_exports_);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/pagination/pagination.vue?vue&type=script&lang=js
+
+
+
+/* harmony default export */ const paginationvue_type_script_lang_js = ({
+  name: 'DtPagination',
+  components: {
+    DtButton: button_button,
+    IconChevronLeft: IconChevronLeft,
+    IconChevronRight: IconChevronRight
+  },
+  props: {
+    /**
+     * Descriptive label for the pagination content.
+     */
+    ariaLabel: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * The total number of the pages
+     */
+    totalPages: {
+      type: Number,
+      required: true
+    },
+
+    /**
+     * Descriptive label for the previous button.
+     */
+    prevAriaLabel: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * Descriptive label for the next button.
+     */
+    nextAriaLabel: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * A method that will be called to get the aria label of each page.
+     */
+    pageNumberAriaLabel: {
+      type: Function,
+      required: true
+    },
+
+    /**
+     * The active current page in the list of pages, defaults to the first page
+     */
+    activePage: {
+      type: Number,
+      default: 1
+    },
+
+    /**
+     * Determines the max pages to be shown in the list. Using an odd number is recommended.
+     * If an even number is given, then it will be rounded down to the nearest odd number to always
+     * keep current page in the middle when current page is in the mid-range.
+     */
+    maxVisible: {
+      type: Number,
+      default: 5
+    }
+  },
+  emits: [
+  /**
+   * Page change event
+   *
+   * @event change
+   * @type {Number}
+   */
+  'change'],
+
+  data() {
+    return {
+      currentPage: this.activePage
+    };
+  },
+
+  computed: {
+    isFirstPage() {
+      return this.currentPage === 1;
+    },
+
+    isLastPage() {
+      return this.currentPage === this.totalPages;
+    },
+
+    pages() {
+      if (this.maxVisible === 0) {
+        return [];
+      }
+
+      if (this.totalPages <= this.maxVisible) {
+        return this.range(1, this.totalPages);
+      }
+
+      const start = this.maxVisible - 1;
+      const end = this.totalPages - start + 1;
+
+      if (this.currentPage < start) {
+        return [...this.range(1, start), '...', this.totalPages];
+      }
+
+      if (this.currentPage > end) {
+        return [1, '...', ...this.range(end, this.totalPages)];
+      } // rounding to the nearest odd according to the maxlength to always show the page number in the middle.
+
+
+      const total = this.maxVisible - (3 - this.maxVisible % 2);
+      const centerIndex = Math.floor(total / 2);
+      const left = this.currentPage - centerIndex;
+      const right = this.currentPage + centerIndex;
+      return [1, '...', ...this.range(left, right), '...', this.totalPages];
+    }
+
+  },
+  watch: {},
+  methods: {
+    range(from, to) {
+      const range = [];
+      from = from > 0 ? from : 1;
+
+      for (let i = from; i <= to; i++) {
+        range.push(i);
+      }
+
+      return range;
+    },
+
+    changePage(page) {
+      this.currentPage = page;
+      this.$emit('change', this.currentPage);
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=script&lang=js
+ 
+;// CONCATENATED MODULE: ./components/pagination/pagination.vue
+
+
+
+
+;
+const pagination_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(paginationvue_type_script_lang_js, [['render',paginationvue_type_template_id_294973d0_render]])
+
+/* harmony default export */ const pagination = (pagination_exports_);
+;// CONCATENATED MODULE: ./components/pagination/index.js
 
-const radiovue_type_template_id_36afe768_hoisted_1 = {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/radio/radio.vue?vue&type=template&id=acb64ede
+
+const radiovue_type_template_id_acb64ede_hoisted_1 = {
   class: "d-radio__input"
 };
-const radiovue_type_template_id_36afe768_hoisted_2 = ["checked", "name", "value", "disabled"];
-const radiovue_type_template_id_36afe768_hoisted_3 = {
+const radiovue_type_template_id_acb64ede_hoisted_2 = ["checked", "name", "value", "disabled"];
+const radiovue_type_template_id_acb64ede_hoisted_3 = {
   class: "d-radio__copy d-radio__label",
   "data-qa": "radio-label-description-container"
 };
-function radiovue_type_template_id_36afe768_render(_ctx, _cache, $props, $setup, $data, $options) {
+function radiovue_type_template_id_acb64ede_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-validation-messages");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-radio-group', {
       'd-radio-group--disabled': _ctx.internalDisabled
     }])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", radiovue_type_template_id_36afe768_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", radiovue_type_template_id_acb64ede_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     checked: _ctx.internalChecked,
     name: _ctx.internalName,
     value: $props.value,
     disabled: _ctx.internalDisabled,
     type: "radio",
     class: ['d-radio', $options.inputValidationClass, _ctx.inputClass]
-  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, radiovue_type_template_id_36afe768_hoisted_2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", radiovue_type_template_id_36afe768_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }, _ctx.$attrs, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, radiovue_type_template_id_acb64ede_hoisted_2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", radiovue_type_template_id_acb64ede_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     class: _ctx.labelClass
   }, _ctx.labelChildProps, {
     "data-qa": "radio-label"
@@ -12820,7 +12600,7 @@ function radiovue_type_template_id_36afe768_render(_ctx, _cache, $props, $setup,
     "data-qa": "dt-radio-validation-messages"
   }), null, 16, ["validation-messages", "show-messages", "class"])])], 2)]);
 }
-;// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=36afe768
+;// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=acb64ede
 
 ;// CONCATENATED MODULE: ./components/radio/radio_constants.js
 const RADIO_INPUT_VALIDATION_CLASSES = {
@@ -12851,7 +12631,28 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
       default: ''
     }
   },
-  emits: ['input', 'focus', 'focusin', 'focusout', 'click'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String | Number}
+   */
+  'input', 'focus',
+  /**
+   * Native input focusin event
+   *
+   * @event focusin
+   * @property {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native input focusout event
+   *
+   * @event focusout
+   * @property {FocusEvent}
+   */
+  'focusout', 'click'],
   computed: {
     inputValidationClass() {
       return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
@@ -12910,7 +12711,7 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
 
 
 ;
-const radio_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(radiovue_type_script_lang_js, [['render',radiovue_type_template_id_36afe768_render]])
+const radio_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(radiovue_type_script_lang_js, [['render',radiovue_type_template_id_acb64ede_render]])
 
 /* harmony default export */ const radio_radio = (radio_exports_);
 ;// CONCATENATED MODULE: ./components/radio/index.js
@@ -12923,6 +12724,7 @@ const radio_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(radiovue_typ
   props: {
     /**
      * A provided value for the radio group
+     * @model value
      */
     value: {
       type: [String, Number],
@@ -12953,7 +12755,14 @@ const radio_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(radiovue_typ
       default: 'radio-group-messages'
     }
   },
-  emits: ['input'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String | Number}
+   */
+  'input'],
 
   data() {
     return {
@@ -13006,14 +12815,14 @@ const radio_group_exports_ = radio_groupvue_type_script_lang_js;
 /* harmony default export */ const radio_group = (radio_group_exports_);
 ;// CONCATENATED MODULE: ./components/radio_group/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tabs/tab_group.vue?vue&type=template&id=3595079a
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tabs/tab_group.vue?vue&type=template&id=1038dbea
 
-const tab_groupvue_type_template_id_3595079a_hoisted_1 = {
+const tab_groupvue_type_template_id_1038dbea_hoisted_1 = {
   "data-qa": "dt-tab-group"
 };
-const tab_groupvue_type_template_id_3595079a_hoisted_2 = ["aria-label"];
-function tab_groupvue_type_template_id_3595079a_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", tab_groupvue_type_template_id_3595079a_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+const tab_groupvue_type_template_id_1038dbea_hoisted_2 = ["aria-label"];
+function tab_groupvue_type_template_id_1038dbea_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", tab_groupvue_type_template_id_1038dbea_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     ref: "tabs",
     class: ['d-tablist', $data.TAB_LIST_SIZE_MODIFIERS[$props.size], {
       [$data.TAB_LIST_KIND_MODIFIERS.inverted]: $props.inverted,
@@ -13036,9 +12845,9 @@ function tab_groupvue_type_template_id_3595079a_render(_ctx, _cache, $props, $se
     }, ["home"])), _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withKeys)(function () {
       return $options.onEndButton && $options.onEndButton(...arguments);
     }, ["end"]))]
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "tabs")], 16, tab_groupvue_type_template_id_3595079a_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")]);
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "tabs")], 16, tab_groupvue_type_template_id_1038dbea_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")]);
 }
-;// CONCATENATED MODULE: ./components/tabs/tab_group.vue?vue&type=template&id=3595079a
+;// CONCATENATED MODULE: ./components/tabs/tab_group.vue?vue&type=template&id=1038dbea
 
 ;// CONCATENATED MODULE: ./components/tabs/tabs_constants.js
 const TAB_LIST_SIZES = ['default', 'sm'];
@@ -13137,7 +12946,14 @@ const TAB_IMPORTANCE_MODIFIERS = {
       default: () => ({})
     }
   },
-  emits: ['change'],
+  emits: [
+  /**
+   * Change tab event with the arguments: selected id of the current tab and disabled value
+   *
+   * @event change
+   * @type {Object}
+   */
+  'change'],
 
   data() {
     return {
@@ -13310,7 +13126,7 @@ const TAB_IMPORTANCE_MODIFIERS = {
 
 
 ;
-const tab_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tab_groupvue_type_script_lang_js, [['render',tab_groupvue_type_template_id_3595079a_render]])
+const tab_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tab_groupvue_type_script_lang_js, [['render',tab_groupvue_type_template_id_1038dbea_render]])
 
 /* harmony default export */ const tab_group = (tab_group_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tabs/tab.vue?vue&type=template&id=0bc212ec
@@ -13523,25 +13339,25 @@ const tab_panel_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tab_pane
 
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/checkbox/checkbox.vue?vue&type=template&id=0e841fdd
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/checkbox/checkbox.vue?vue&type=template&id=06a6bc3e
 
-const checkboxvue_type_template_id_0e841fdd_hoisted_1 = {
+const checkboxvue_type_template_id_06a6bc3e_hoisted_1 = {
   class: "d-checkbox__input"
 };
-const checkboxvue_type_template_id_0e841fdd_hoisted_2 = ["checked", "name", "value", "disabled", ".indeterminate"];
-const checkboxvue_type_template_id_0e841fdd_hoisted_3 = {
+const checkboxvue_type_template_id_06a6bc3e_hoisted_2 = ["checked", "name", "value", "disabled", ".indeterminate"];
+const checkboxvue_type_template_id_06a6bc3e_hoisted_3 = {
   key: 0,
   class: "d-checkbox__copy d-checkbox__label",
   "data-qa": "checkbox-label-description-container"
 };
-function checkboxvue_type_template_id_0e841fdd_render(_ctx, _cache, $props, $setup, $data, $options) {
+function checkboxvue_type_template_id_06a6bc3e_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-validation-messages");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-checkbox-group', {
       'd-checkbox-group--disabled': _ctx.internalDisabled
     }])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", checkboxvue_type_template_id_0e841fdd_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", checkboxvue_type_template_id_06a6bc3e_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     type: "checkbox",
     checked: _ctx.internalChecked,
     name: _ctx.internalName,
@@ -13550,7 +13366,7 @@ function checkboxvue_type_template_id_0e841fdd_render(_ctx, _cache, $props, $set
     class: ['d-checkbox', $options.inputValidationClass, _ctx.inputClass]
   }, _ctx.$attrs, {
     ".indeterminate": _ctx.internalIndeterminate
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, checkboxvue_type_template_id_0e841fdd_hoisted_2)]), $options.hasLabelOrDescription ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", checkboxvue_type_template_id_0e841fdd_hoisted_3, [$options.hasLabel ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.inputListeners)), null, 16, checkboxvue_type_template_id_06a6bc3e_hoisted_2)]), $options.hasLabelOrDescription ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", checkboxvue_type_template_id_06a6bc3e_hoisted_3, [$options.hasLabel ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     key: 0,
     class: _ctx.labelClass
   }, _ctx.labelChildProps, {
@@ -13568,7 +13384,7 @@ function checkboxvue_type_template_id_0e841fdd_render(_ctx, _cache, $props, $set
     "data-qa": "dt-checkbox-validation-messages"
   }), null, 16, ["validation-messages", "show-messages", "class"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 2)]);
 }
-;// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=0e841fdd
+;// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=06a6bc3e
 
 ;// CONCATENATED MODULE: ./components/checkbox/checkbox_constants.js
 const CHECKBOX_INPUT_VALIDATION_CLASSES = {
@@ -13591,7 +13407,28 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
   },
   mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
   inheritAttrs: false,
-  emits: ['input', 'focusin', 'focusout'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {Boolean}
+   */
+  'input',
+  /**
+   * Native input focusin event
+   *
+   * @event focusin
+   * @type {FocusEvent}
+   */
+  'focusin',
+  /**
+   * Native input focusout event
+   *
+   * @event focusout
+   * @type {FocusEvent}
+   */
+  'focusout'],
   computed: {
     inputValidationClass() {
       return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];
@@ -13682,7 +13519,7 @@ const CHECKBOX_INPUT_VALIDATION_CLASSES = {
 
 
 ;
-const checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(checkboxvue_type_script_lang_js, [['render',checkboxvue_type_template_id_0e841fdd_render]])
+const checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(checkboxvue_type_script_lang_js, [['render',checkboxvue_type_template_id_06a6bc3e_render]])
 
 /* harmony default export */ const checkbox_checkbox = (checkbox_exports_);
 ;// CONCATENATED MODULE: ./components/checkbox/index.js
@@ -13715,6 +13552,7 @@ const checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(checkboxv
 
     /**
      * A provided list of selected values(s) for the checkbox group
+     * @model selectedValues
      */
     selectedValues: {
       type: Array,
@@ -13749,7 +13587,14 @@ const checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(checkboxv
       default: 'checkbox-group-messages'
     }
   },
-  emits: ['input'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {Array}
+   */
+  'input'],
 
   data() {
     return {
@@ -13808,27 +13653,27 @@ const checkbox_group_exports_ = checkbox_groupvue_type_script_lang_js;
 /* harmony default export */ const checkbox_group = (checkbox_group_exports_);
 ;// CONCATENATED MODULE: ./components/checkbox_group/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/chip/chip.vue?vue&type=template&id=1805ca4d
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/chip/chip.vue?vue&type=template&id=7c802724
 
-const chipvue_type_template_id_1805ca4d_hoisted_1 = {
+const chipvue_type_template_id_7c802724_hoisted_1 = {
   class: "d-chip"
 };
-const chipvue_type_template_id_1805ca4d_hoisted_2 = {
+const chipvue_type_template_id_7c802724_hoisted_2 = {
   key: 0,
   "data-qa": "dt-chip-icon",
   class: "d-chip__icon"
 };
-const chipvue_type_template_id_1805ca4d_hoisted_3 = {
+const chipvue_type_template_id_7c802724_hoisted_3 = {
   key: 1,
   "data-qa": "dt-chip-avatar"
 };
-const chipvue_type_template_id_1805ca4d_hoisted_4 = ["id"];
-function chipvue_type_template_id_1805ca4d_render(_ctx, _cache, $props, $setup, $data, $options) {
+const chipvue_type_template_id_7c802724_hoisted_4 = ["id"];
+function chipvue_type_template_id_7c802724_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_icon_close = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("icon-close");
 
   const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-button");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_1805ca4d_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.interactive ? 'button' : 'span'), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_7c802724_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveDynamicComponent)($props.interactive ? 'button' : 'span'), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     id: $props.id,
     type: $props.interactive && 'button',
     class: $options.chipClasses(),
@@ -13836,12 +13681,12 @@ function chipvue_type_template_id_1805ca4d_render(_ctx, _cache, $props, $setup,
     "aria-labelledby": $props.ariaLabel ? undefined : "".concat($props.id, "-content"),
     "aria-label": $props.ariaLabel
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.chipListeners)), {
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [_ctx.$slots.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_1805ca4d_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon")])) : _ctx.$slots.avatar ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_1805ca4d_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "avatar")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [_ctx.$slots.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_7c802724_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon")])) : _ctx.$slots.avatar ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", chipvue_type_template_id_7c802724_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "avatar")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", {
       key: 2,
       id: "".concat($props.id, "-content"),
       "data-qa": "dt-chip-label",
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-truncate', 'd-chip__text', $props.contentClass])
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 10, chipvue_type_template_id_1805ca4d_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 10, chipvue_type_template_id_7c802724_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
     _: 3
   }, 16, ["id", "type", "class", "aria-labelledby", "aria-label"])), !$props.hideClose ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_button, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     key: 0
@@ -13855,7 +13700,7 @@ function chipvue_type_template_id_1805ca4d_render(_ctx, _cache, $props, $setup,
     _: 1
   }, 16, ["class", "aria-label"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
 }
-;// CONCATENATED MODULE: ./components/chip/chip.vue?vue&type=template&id=1805ca4d
+;// CONCATENATED MODULE: ./components/chip/chip.vue?vue&type=template&id=7c802724
 
 ;// CONCATENATED MODULE: ./components/chip/chip_constants.js
 const CHIP_SIZE_MODIFIERS = {
@@ -13954,7 +13799,27 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
       default: ''
     }
   },
-  emits: ['click', 'close', 'keyup'],
+  emits: [
+  /**
+   * Native chip click event
+   *
+   * @event click
+   * @type {PointerEvent | KeyboardEvent}
+   */
+  'click',
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close',
+  /**
+   * Native chip key up event
+   *
+   * @event keyup
+   * @type {KeyboardEvent}
+   */
+  'keyup'],
 
   data() {
     return {
@@ -14006,19 +13871,19 @@ const CHIP_CLOSE_BUTTON_SIZE_MODIFIERS = {
 
 
 ;
-const chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(chipvue_type_script_lang_js, [['render',chipvue_type_template_id_1805ca4d_render]])
+const chip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(chipvue_type_script_lang_js, [['render',chipvue_type_template_id_7c802724_render]])
 
 /* harmony default export */ const chip = (chip_exports_);
 ;// CONCATENATED MODULE: ./components/chip/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/select_menu/select_menu.vue?vue&type=template&id=6294300e
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/select_menu/select_menu.vue?vue&type=template&id=f0e00a1a
 
-const select_menuvue_type_template_id_6294300e_hoisted_1 = ["aria-details"];
-const select_menuvue_type_template_id_6294300e_hoisted_2 = ["id"];
-const select_menuvue_type_template_id_6294300e_hoisted_3 = ["disabled"];
-const select_menuvue_type_template_id_6294300e_hoisted_4 = ["value"];
-function select_menuvue_type_template_id_6294300e_render(_ctx, _cache, $props, $setup, $data, $options) {
+const select_menuvue_type_template_id_f0e00a1a_hoisted_1 = ["aria-details"];
+const select_menuvue_type_template_id_f0e00a1a_hoisted_2 = ["id"];
+const select_menuvue_type_template_id_f0e00a1a_hoisted_3 = ["disabled"];
+const select_menuvue_type_template_id_f0e00a1a_hoisted_4 = ["value"];
+function select_menuvue_type_template_id_f0e00a1a_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_validation_messages = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-validation-messages");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("label", null, [_ctx.$slots.label || $props.label ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
@@ -14027,13 +13892,13 @@ function select_menuvue_type_template_id_6294300e_render(_ctx, _cache, $props, $
     class: ['d-label', $data.LABEL_SIZE_MODIFIERS[$props.size], $props.labelClass]
   }, $props.labelChildProps, {
     "data-qa": "dt-select-label"
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "label", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1)])], 16, select_menuvue_type_template_id_6294300e_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "label", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 1)])], 16, select_menuvue_type_template_id_f0e00a1a_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), _ctx.$slots.description || $props.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     key: 1,
     id: $options.descriptionKey,
     class: ['d-description', $data.DESCRIPTION_SIZE_MODIFIERS[$props.size], $props.descriptionClass]
   }, $props.descriptionChildProps, {
     "data-qa": "dt-select-description"
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)])], 16, select_menuvue_type_template_id_6294300e_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "description", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.description), 1)])], 16, select_menuvue_type_template_id_f0e00a1a_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-select', $data.SELECT_SIZE_MODIFIERS[$props.size], $props.selectClass, {
       'd-select--disabled': $props.disabled
     }]),
@@ -14048,8 +13913,8 @@ function select_menuvue_type_template_id_6294300e_render(_ctx, _cache, $props, $
       key: $options.getOptionKey(option.value),
       value: option.value,
       class: $props.optionClass
-    }, $props.optionChildProps), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(option.label), 17, select_menuvue_type_template_id_6294300e_hoisted_4);
-  }), 128))])], 16, select_menuvue_type_template_id_6294300e_hoisted_3)], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+    }, $props.optionChildProps), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(option.label), 17, select_menuvue_type_template_id_f0e00a1a_hoisted_4);
+  }), 128))])], 16, select_menuvue_type_template_id_f0e00a1a_hoisted_3)], 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_validation_messages, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     "validation-messages": _ctx.formattedMessages,
     "show-messages": _ctx.showMessages,
     class: _ctx.messagesClass
@@ -14057,7 +13922,7 @@ function select_menuvue_type_template_id_6294300e_render(_ctx, _cache, $props, $
     "data-qa": "dt-select-messages"
   }), null, 16, ["validation-messages", "show-messages", "class"])]);
 }
-;// CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=template&id=6294300e
+;// CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=template&id=f0e00a1a
 
 ;// CONCATENATED MODULE: ./components/select_menu/select_menu_constants.js
 const SELECT_SIZE_MODIFIERS = {
@@ -14124,6 +13989,12 @@ const optionsValidator = options => {
 
 
 
+/**
+ * @property {Boolean} disabled attribute
+ * @property {String} name attribute
+ * @property {String} value attribute
+ */
+
 /* harmony default export */ const select_menuvue_type_script_lang_js = ({
   name: 'DtSelectMenu',
   components: {
@@ -14237,7 +14108,21 @@ const optionsValidator = options => {
       default: false
     }
   },
-  emits: ['change', 'input'],
+  emits: [
+  /**
+   * Native input event
+   *
+   * @event input
+   * @type {String | Number}
+   */
+  'input',
+  /**
+   * Native change event
+   *
+   * @event change
+   * @type {String | Number}
+   */
+  'change'],
 
   data() {
     return {
@@ -14319,19 +14204,19 @@ const optionsValidator = options => {
 
 
 ;
-const select_menu_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(select_menuvue_type_script_lang_js, [['render',select_menuvue_type_template_id_6294300e_render]])
+const select_menu_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(select_menuvue_type_script_lang_js, [['render',select_menuvue_type_template_id_f0e00a1a_render]])
 
 /* harmony default export */ const select_menu = (select_menu_exports_);
 ;// CONCATENATED MODULE: ./components/select_menu/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toast/toast.vue?vue&type=template&id=b9998f6e
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toast/toast.vue?vue&type=template&id=3112261d
 
-const toastvue_type_template_id_b9998f6e_hoisted_1 = ["aria-hidden"];
-const toastvue_type_template_id_b9998f6e_hoisted_2 = {
+const toastvue_type_template_id_3112261d_hoisted_1 = ["aria-hidden"];
+const toastvue_type_template_id_3112261d_hoisted_2 = {
   class: "d-toast__dialog"
 };
-function toastvue_type_template_id_b9998f6e_render(_ctx, _cache, $props, $setup, $data, $options) {
+function toastvue_type_template_id_3112261d_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_notice_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-icon");
 
   const _component_dt_notice_content = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-notice-content");
@@ -14345,7 +14230,7 @@ function toastvue_type_template_id_b9998f6e_render(_ctx, _cache, $props, $setup,
     }]),
     "data-qa": "dt-toast",
     "aria-hidden": (!$data.isShown).toString()
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", toastvue_type_template_id_b9998f6e_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_notice_icon, {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", toastvue_type_template_id_3112261d_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_notice_icon, {
     kind: $props.kind
   }, {
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "icon")]),
@@ -14366,9 +14251,9 @@ function toastvue_type_template_id_b9998f6e_render(_ctx, _cache, $props, $setup,
   }, {
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "action")]),
     _: 3
-  }, 8, ["hide-close", "close-button-props", "onClose"])])], 10, toastvue_type_template_id_b9998f6e_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true);
+  }, 8, ["hide-close", "close-button-props", "onClose"])])], 10, toastvue_type_template_id_3112261d_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true);
 }
-;// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=b9998f6e
+;// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=3112261d
 
 ;// CONCATENATED MODULE: ./components/toast/toast_constants.js
 const TOAST_ROLES = ['status', 'alert'];
@@ -14505,7 +14390,13 @@ const TOAST_MIN_DURATION = 6000;
       }
     }
   },
-  emits: ['close', 'click', 'update:show'],
+  emits: [
+  /**
+   * Close button click event
+   *
+   * @event close
+   */
+  'close', 'click', 'update:show'],
 
   data() {
     return {
@@ -14575,33 +14466,33 @@ const TOAST_MIN_DURATION = 6000;
 
 
 ;
-const toast_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(toastvue_type_script_lang_js, [['render',toastvue_type_template_id_b9998f6e_render]])
+const toast_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(toastvue_type_script_lang_js, [['render',toastvue_type_template_id_3112261d_render]])
 
 /* harmony default export */ const toast = (toast_exports_);
 ;// CONCATENATED MODULE: ./components/toast/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toggle/toggle.vue?vue&type=template&id=65986f84
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toggle/toggle.vue?vue&type=template&id=af9425e2
 
-const togglevue_type_template_id_65986f84_hoisted_1 = {
+const togglevue_type_template_id_af9425e2_hoisted_1 = {
   class: "d-d-flex d-ai-center"
 };
-const togglevue_type_template_id_65986f84_hoisted_2 = ["for"];
-const togglevue_type_template_id_65986f84_hoisted_3 = ["id", "aria-checked", "disabled", "aria-disabled"];
+const togglevue_type_template_id_af9425e2_hoisted_2 = ["for"];
+const togglevue_type_template_id_af9425e2_hoisted_3 = ["id", "aria-checked", "disabled", "aria-disabled"];
 
-const togglevue_type_template_id_65986f84_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
+const togglevue_type_template_id_af9425e2_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
   class: "d-toggle__inner"
 }, null, -1);
 
-const togglevue_type_template_id_65986f84_hoisted_5 = [togglevue_type_template_id_65986f84_hoisted_4];
-function togglevue_type_template_id_65986f84_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", togglevue_type_template_id_65986f84_hoisted_1, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+const togglevue_type_template_id_af9425e2_hoisted_5 = [togglevue_type_template_id_af9425e2_hoisted_4];
+function togglevue_type_template_id_af9425e2_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", togglevue_type_template_id_af9425e2_hoisted_1, [_ctx.$slots.default ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     key: 0,
     class: $props.labelClass,
     for: $props.id
   }, $props.labelChildProps, {
     "data-qa": "toggle-label"
-  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_65986f84_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+  }), [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")], 16, togglevue_type_template_id_af9425e2_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("button", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
     id: $props.id,
     role: "switch",
     type: "button",
@@ -14612,9 +14503,9 @@ function togglevue_type_template_id_65986f84_render(_ctx, _cache, $props, $setup
       'd-toggle--checked': $data.internalChecked,
       'd-toggle--disabled': $props.disabled
     }]
-  }, $options.inputListeners), togglevue_type_template_id_65986f84_hoisted_5, 16, togglevue_type_template_id_65986f84_hoisted_3)]);
+  }, $options.inputListeners), togglevue_type_template_id_af9425e2_hoisted_5, 16, togglevue_type_template_id_af9425e2_hoisted_3)]);
 }
-;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=65986f84
+;// CONCATENATED MODULE: ./components/toggle/toggle.vue?vue&type=template&id=af9425e2
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/toggle/toggle.vue?vue&type=script&lang=js
 
@@ -14639,6 +14530,10 @@ function togglevue_type_template_id_65986f84_render(_ctx, _cache, $props, $setup
       type: Boolean,
       default: false
     },
+
+    /**
+     * @model checked
+     */
     checked: {
       type: Boolean,
       default: false
@@ -14652,7 +14547,15 @@ function togglevue_type_template_id_65986f84_render(_ctx, _cache, $props, $setup
       default: () => ({})
     }
   },
-  emits: ['change'],
+  emits: [
+  /**
+   * Toggle change event
+   *
+   * @event change
+   * @type {Boolean}
+   * @model change
+   */
+  'change'],
 
   data() {
     return {
@@ -14709,20 +14612,20 @@ function togglevue_type_template_id_65986f84_render(_ctx, _cache, $props, $setup
 
 
 ;
-const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_65986f84_render]])
+const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_type_script_lang_js, [['render',togglevue_type_template_id_af9425e2_render]])
 
 /* harmony default export */ const toggle = (toggle_exports_);
 ;// CONCATENATED MODULE: ./components/toggle/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=46955932
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=30019e74
 
-const tooltipvue_type_template_id_46955932_hoisted_1 = {
+const tooltipvue_type_template_id_30019e74_hoisted_1 = {
   "data-qa": "dt-tooltip-container"
 };
-function tooltipvue_type_template_id_46955932_render(_ctx, _cache, $props, $setup, $data, $options) {
+function tooltipvue_type_template_id_30019e74_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-lazy-show");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", tooltipvue_type_template_id_46955932_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", tooltipvue_type_template_id_30019e74_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     ref: "anchor",
     "data-qa": "dt-tooltip-anchor",
     onFocusin: _cache[0] || (_cache[0] = function () {
@@ -14759,7 +14662,7 @@ function tooltipvue_type_template_id_46955932_render(_ctx, _cache, $props, $setu
     _: 3
   }, 8, ["id", "show", "transition", "class", "onAfterLeave", "onAfterEnter"])]);
 }
-;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=46955932
+;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=30019e74
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
 /*
@@ -14892,7 +14795,14 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
       default: 'fade'
     }
   },
-  emits: ['update:show', 'shown'],
+  emits: ['update:show',
+  /**
+   * Emitted when tooltip is shown or hidden
+   *
+   * @event shown
+   * @type {Boolean}
+   */
+  'shown'],
 
   data() {
     return {
@@ -15058,9 +14968,9 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
 });
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=46955932&lang=less
-var tooltipvue_type_style_index_0_id_46955932_lang_less = __webpack_require__(831);
-;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=46955932&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=30019e74&lang=less
+var tooltipvue_type_style_index_0_id_30019e74_lang_less = __webpack_require__(212);
+;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=30019e74&lang=less
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
 
@@ -15070,7 +14980,7 @@ var tooltipvue_type_style_index_0_id_46955932_lang_less = __webpack_require__(83
 ;
 
 
-const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_46955932_render]])
+const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_30019e74_render]])
 
 /* harmony default export */ const tooltip = (tooltip_exports_);
 ;// CONCATENATED MODULE: ./components/tooltip/index.js
@@ -15635,11 +15545,11 @@ const root_layout_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(root_l
 ;// CONCATENATED MODULE: ./components/root_layout/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=37048598
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=01d7fb04
 
-const combobox_with_popovervue_type_template_id_37048598_hoisted_1 = ["id"];
-const combobox_with_popovervue_type_template_id_37048598_hoisted_2 = ["onMouseleave", "onFocusout"];
-function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache, $props, $setup, $data, $options) {
+const combobox_with_popovervue_type_template_id_01d7fb04_hoisted_1 = ["id"];
+const combobox_with_popovervue_type_template_id_01d7fb04_hoisted_2 = ["onMouseleave", "onFocusout"];
+function combobox_with_popovervue_type_template_id_01d7fb04_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_combobox_loading_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-loading-list");
 
   const _component_combobox_empty_list = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("combobox-empty-list");
@@ -15676,7 +15586,7 @@ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache,
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "input", {
         inputProps: inputProps,
         onInput: $options.handleDisplayList
-      })], 40, combobox_with_popovervue_type_template_id_37048598_hoisted_1)];
+      })], 40, combobox_with_popovervue_type_template_id_01d7fb04_hoisted_1)];
     }),
     list: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(_ref2 => {
       let {
@@ -15722,7 +15632,7 @@ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache,
         }), null, 16, ["message"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "list", {
           key: 2,
           listProps: listProps
-        })], 42, combobox_with_popovervue_type_template_id_37048598_hoisted_2)]),
+        })], 42, combobox_with_popovervue_type_template_id_01d7fb04_hoisted_2)]),
         _: 2
       }, [_ctx.$slots.header ? {
         name: "headerContent",
@@ -15745,7 +15655,7 @@ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache,
     _: 3
   }, 16, ["loading", "show-list", "on-beginning-of-list", "on-end-of-list", "list-aria-label", "list-id"]);
 }
-;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=37048598
+;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=01d7fb04
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=script&lang=js
 
@@ -15753,6 +15663,7 @@ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache,
 
 
 
+
 /* harmony default export */ const combobox_with_popovervue_type_script_lang_js = ({
   name: 'DtRecipeComboboxWithPopover',
   components: {
@@ -16036,7 +15947,7 @@ function combobox_with_popovervue_type_template_id_37048598_render(_ctx, _cache,
 
 
 ;
-const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_37048598_render]])
+const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_with_popovervue_type_script_lang_js, [['render',combobox_with_popovervue_type_template_id_01d7fb04_render]])
 
 /* harmony default export */ const combobox_with_popover = (combobox_with_popover_exports_);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
@@ -16671,26 +16582,26 @@ const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=7091b031
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=3f590359
 
-const contact_infovue_type_template_id_7091b031_hoisted_1 = {
+const contact_infovue_type_template_id_3f590359_hoisted_1 = {
   class: "d-ps-relative",
   "data-qa": "contact-info-left"
 };
-const contact_infovue_type_template_id_7091b031_hoisted_2 = ["src", "alt"];
-const contact_infovue_type_template_id_7091b031_hoisted_3 = {
+const contact_infovue_type_template_id_3f590359_hoisted_2 = ["src", "alt"];
+const contact_infovue_type_template_id_3f590359_hoisted_3 = {
   "data-qa": "contact-info-header"
 };
-const contact_infovue_type_template_id_7091b031_hoisted_4 = {
+const contact_infovue_type_template_id_3f590359_hoisted_4 = {
   "data-qa": "contact-info-subtitle"
 };
-const contact_infovue_type_template_id_7091b031_hoisted_5 = {
+const contact_infovue_type_template_id_3f590359_hoisted_5 = {
   "data-qa": "contact-info-bottom"
 };
-const contact_infovue_type_template_id_7091b031_hoisted_6 = {
+const contact_infovue_type_template_id_3f590359_hoisted_6 = {
   "data-qa": "contact-info-right"
 };
-function contact_infovue_type_template_id_7091b031_render(_ctx, _cache, $props, $setup, $data, $options) {
+function contact_infovue_type_template_id_3f590359_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_avatar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-avatar");
 
   const _component_dt_list_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-list-item");
@@ -16701,9 +16612,8 @@ function contact_infovue_type_template_id_7091b031_render(_ctx, _cache, $props,
     "element-type": "div",
     "data-qa": "contact-info"
   }, {
-    left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_7091b031_hoisted_1, [$props.avatarSrc ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
+    left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_3f590359_hoisted_1, [$props.avatarSrc ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
       key: 0,
-      kind: "default",
       size: "lg",
       "avatar-class": "d-bar2"
     }, {
@@ -16711,7 +16621,7 @@ function contact_infovue_type_template_id_7091b031_render(_ctx, _cache, $props,
         "data-qa": "dt-contact-avatar",
         src: $props.avatarSrc,
         alt: $props.avatarInitials
-      }, null, 8, contact_infovue_type_template_id_7091b031_hoisted_2)]),
+      }, null, 8, contact_infovue_type_template_id_3f590359_hoisted_2)]),
       _: 1
     })) : $props.avatarInitials ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
       key: 1,
@@ -16726,14 +16636,14 @@ function contact_infovue_type_template_id_7091b031_render(_ctx, _cache, $props,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-ba', 'd-bc-white', 'd-baw2', 'd-bar2', 'd-ps-absolute', 'd-bn1', 'd-rn1', 'd-w20p', 'd-h20p', $data.USER_STATUS_COLOR_MODIFIERS[$props.userStatusColor]]),
       "data-qa": "contact-info-user-status"
     }, "   ", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]),
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_7091b031_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")])]),
-    subtitle: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_7091b031_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "subtitle")])]),
-    bottom: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_7091b031_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "bottom")])]),
-    right: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_7091b031_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "right")])]),
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_3f590359_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")])]),
+    subtitle: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_3f590359_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "subtitle")])]),
+    bottom: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_3f590359_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "bottom")])]),
+    right: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_3f590359_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "right")])]),
     _: 3
   }, 8, ["id", "role"]);
 }
-;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=7091b031
+;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=3f590359
 
 ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
 const USER_STATUS_COLOR_MODIFIERS = {
@@ -16838,7 +16748,7 @@ const USER_STATUS_COLOR_MODIFIERS = {
 
 
 ;
-const contact_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_infovue_type_script_lang_js, [['render',contact_infovue_type_template_id_7091b031_render]])
+const contact_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_infovue_type_script_lang_js, [['render',contact_infovue_type_template_id_3f590359_render]])
 
 /* harmony default export */ const contact_info = (contact_info_exports_);
 ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js
@@ -16956,7 +16866,6 @@ const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(to
 
 
 
-
 
 
  /// Recipes
@@ -16966,8 +16875,6 @@ const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(to
 
  // Mixins
 
- // Emoji
-
  // Constants
 
  // Validators