@dialpad/dialtone-vue 3.34.0 → 3.35.0

package/dist/dialtone-vue.common.js

@@ -193,7 +193,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-section[tabindex=\"-1\"]:focu
 
 /***/ }),
 
-/***/ 865:
+/***/ 53:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1684,19 +1684,19 @@ var update = add("4d925410", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 160:
+/***/ 825:
 /***/ ((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__(865);
+var content = __webpack_require__(53);
 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("b3a916a4", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("1ea8ef45", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -7401,11 +7401,11 @@ function dropdownvue_type_template_id_d36ba644_render(_ctx, _cache, $props, $set
 }
 ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=d36ba644
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=1c311181
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=68f0a8f5
 
-const popovervue_type_template_id_1c311181_hoisted_1 = ["aria-hidden"];
-const popovervue_type_template_id_1c311181_hoisted_2 = ["id", "tabindex"];
-function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setup, $data, $options) {
+const popovervue_type_template_id_68f0a8f5_hoisted_1 = ["aria-hidden"];
+const popovervue_type_template_id_68f0a8f5_hoisted_2 = ["id", "tabindex"];
+function popovervue_type_template_id_68f0a8f5_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("popover-header-footer");
 
   const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
@@ -7418,9 +7418,8 @@ function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setu
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     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_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"])),
-    onWheel: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
-  }, null, 40, popovervue_type_template_id_1c311181_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
+    onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
+  }, null, 8, popovervue_type_template_id_68f0a8f5_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
     ref: "popover",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover', {
       'd-popover__anchor--opened': $data.isOpen
@@ -7432,18 +7431,18 @@ function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setu
       ref: "anchor",
       "data-qa": "dt-popover-anchor",
       tabindex: $props.openOnContext ? 0 : undefined,
-      onClickCapture: _cache[2] || (_cache[2] = function () {
+      onClickCapture: _cache[1] || (_cache[1] = function () {
         return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
       }),
-      onContextmenu: _cache[3] || (_cache[3] = function () {
+      onContextmenu: _cache[2] || (_cache[2] = function () {
         return $options.onContext && $options.onContext(...arguments);
       }),
-      onKeydown: [_cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(function () {
+      onKeydown: [_cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(function () {
         return $options.onArrowKeyPress && $options.onArrowKeyPress(...arguments);
-      }, ["prevent"]), ["up"])), _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(function () {
+      }, ["prevent"]), ["up"])), _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(function () {
         return $options.onArrowKeyPress && $options.onArrowKeyPress(...arguments);
-      }, ["prevent"]), ["down"])), _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)($event => _ctx.$emit('keydown', $event), ["enter"])), _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)($event => _ctx.$emit('keydown', $event), ["space"]))],
-      onKeydownCapture: _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
+      }, ["prevent"]), ["down"])), _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)($event => _ctx.$emit('keydown', $event), ["enter"])), _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)($event => _ctx.$emit('keydown', $event), ["space"]))],
+      onKeydownCapture: _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
         return $options.closePopover && $options.closePopover(...arguments);
       }, ["escape"]))
     }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "anchor", {
@@ -7452,7 +7451,7 @@ function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setu
         'aria-controls': $props.id,
         'aria-haspopup': $props.role
       }
-    })], 40, popovervue_type_template_id_1c311181_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    })], 40, popovervue_type_template_id_68f0a8f5_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
       id: $props.id,
       ref: "content",
       role: $props.role,
@@ -7473,9 +7472,7 @@ function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setu
       },
       css: _ctx.$attrs.css,
       tabindex: $props.contentTabindex
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.popoverListeners), {
-      onWheel: _cache[9] || (_cache[9] = e => $data.isOpen && $props.modal && e.preventDefault())
-    }), {
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.popoverListeners)), {
       default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.headerContent || $props.showCloseButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_popover_header_footer, {
         key: 0,
         ref: "popover__header",
@@ -7517,7 +7514,7 @@ function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setu
     _: 3
   }, 8, ["class"]))]);
 }
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=1c311181
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=68f0a8f5
 
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
 function getWindow(node) {
@@ -12653,6 +12650,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 
     isOpen(isOpen, isPrev) {
       if (isOpen) {
+        window.addEventListener('wheel', this.preventScrolling, {
+          passive: false
+        });
         this.tip.setProps({
           zIndex: this.modal ? 650 : this.calculateAnchorZindex()
         });
@@ -12661,6 +12661,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
       } else if (!isOpen && isPrev !== isOpen) {
         this.removeClosePopoverEventListener();
         this.tip.hide();
+        window.removeEventListener('wheel', this.preventScrolling, {
+          passive: false
+        });
       }
     }
 
@@ -12807,6 +12810,14 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
       this.isOpen = false;
     },
 
+    /*
+    * Prevents scrolling only when the popover is set to modal
+    **/
+    preventScrolling(e) {
+      if (!this.modal) return;
+      e.preventDefault();
+    },
+
     removeReferences() {
       this.anchorEl = null;
       this.popoverContentEl = null;
@@ -12934,9 +12945,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-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=1c311181&lang=less
-var popovervue_type_style_index_0_id_1c311181_lang_less = __webpack_require__(160);
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=1c311181&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/popover/popover.vue?vue&type=style&index=0&id=68f0a8f5&lang=less
+var popovervue_type_style_index_0_id_68f0a8f5_lang_less = __webpack_require__(825);
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=68f0a8f5&lang=less
 
 ;// CONCATENATED MODULE: ./components/popover/popover.vue
 
@@ -12946,7 +12957,7 @@ var popovervue_type_style_index_0_id_1c311181_lang_less = __webpack_require__(16
 ;
 
 
-const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_1c311181_render]])
+const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_68f0a8f5_render]])
 
 /* harmony default export */ const popover = (popover_exports_);
 ;// CONCATENATED MODULE: ./components/popover/index.js
@@ -15694,65 +15705,73 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
 ;// CONCATENATED MODULE: ./components/notice/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=0f3daac1
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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=57c28750
 
-const paginationvue_type_template_id_0f3daac1_hoisted_1 = ["aria-label"];
-const paginationvue_type_template_id_0f3daac1_hoisted_2 = {
+const paginationvue_type_template_id_57c28750_hoisted_1 = ["aria-label"];
+const paginationvue_type_template_id_57c28750_hoisted_2 = {
   key: 0,
-  "data-qa": "dt-pagination-separator",
-  class: "d-h32 d-w32 d-d-flex d-ai-center d-jc-center"
+  class: "d-fc-tertiary d-w24 d-ta-center",
+  "data-qa": "dt-pagination-separator"
 };
-function paginationvue_type_template_id_0f3daac1_render(_ctx, _cache, $props, $setup, $data, $options) {
+function paginationvue_type_template_id_57c28750_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
 
   const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("nav", {
     "aria-label": $props.ariaLabel,
-    class: "d-d-flex d-fd-row d-gg2 d-ai-center"
+    class: "d-d-flex d-fd-row d-gg4 d-ai-center"
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
-    class: "d-h32 d-w32",
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["d-px8", $options.isFirstPage ? 'd-fc-black-300 h:d-fc-black-300 d-bgc-transparent' : 'd-fc-tertiary']),
     "data-qa": "dt-pagination-prev",
     "aria-label": $props.prevAriaLabel,
+    kind: "muted",
     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_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
       name: "chevron-left",
-      size: "200"
+      size: "300"
     })]),
     _: 1
-  }, 8, ["aria-label", "importance", "disabled"]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.pages, (page, index) => {
+  }, 8, ["aria-label", "importance", "disabled", "class"]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.pages, (page, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
-      key: `page-${page}-${index}`
-    }, [isNaN(Number(page)) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", paginationvue_type_template_id_0f3daac1_hoisted_2, " … ")) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, {
+      key: `page-${page}-${index}`,
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)({
+        'd-as-flex-end': isNaN(Number(page))
+      })
+    }, [isNaN(Number(page)) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", paginationvue_type_template_id_57c28750_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
+      name: "more-horizontal",
+      size: "300"
+    })])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, {
       key: 1,
       "aria-label": $props.pageNumberAriaLabel(page),
+      kind: $data.currentPage === page ? 'default' : 'muted',
       importance: $data.currentPage === page ? 'primary' : 'clear',
-      class: "d-h32 d-w32",
-      "label-class": "d-fs-200",
+      "label-class": "",
       onClick: $event => $options.changePage(page)
     }, {
       default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(page), 1)]),
       _: 2
-    }, 1032, ["aria-label", "importance", "onClick"]))]);
+    }, 1032, ["aria-label", "kind", "importance", "onClick"]))], 2);
   }), 128)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
-    class: "d-h32 d-w32",
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["d-px8", $options.isLastPage ? 'd-fc-black-300 h:d-fc-black-300 d-bgc-transparent' : 'd-fc-tertiary']),
     "data-qa": "dt-pagination-next",
     "aria-label": $props.nextAriaLabel,
     disabled: $options.isLastPage,
+    kind: "muted",
     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_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
       name: "chevron-right",
-      size: "200"
+      size: "300"
     })]),
     _: 1
-  }, 8, ["aria-label", "disabled", "importance"])], 8, paginationvue_type_template_id_0f3daac1_hoisted_1);
+  }, 8, ["aria-label", "disabled", "importance", "class"])], 8, paginationvue_type_template_id_57c28750_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=template&id=0f3daac1
+;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=template&id=57c28750
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/pagination/pagination.vue?vue&type=script&lang=js
 
@@ -15907,7 +15926,7 @@ function paginationvue_type_template_id_0f3daac1_render(_ctx, _cache, $props, $s
 
 
 ;
-const pagination_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(paginationvue_type_script_lang_js, [['render',paginationvue_type_template_id_0f3daac1_render]])
+const pagination_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(paginationvue_type_script_lang_js, [['render',paginationvue_type_template_id_57c28750_render]])
 
 /* harmony default export */ const pagination = (pagination_exports_);
 ;// CONCATENATED MODULE: ./components/pagination/index.js

package/dist/dialtone-vue.umd.js

@@ -203,7 +203,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-section[tabindex=\"-1\"]:focu
 
 /***/ }),
 
-/***/ 854:
+/***/ 838:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1694,19 +1694,19 @@ var update = add("2b02cf58", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 198:
+/***/ 568:
 /***/ ((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__(838);
 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("12209e2c", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("6f6d2b81", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -1822,7 +1822,7 @@ var update = add("2cc23047", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 190:
+/***/ 198:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
@@ -7411,11 +7411,11 @@ function dropdownvue_type_template_id_d36ba644_render(_ctx, _cache, $props, $set
 }
 ;// CONCATENATED MODULE: ./components/dropdown/dropdown.vue?vue&type=template&id=d36ba644
 
-;// 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=1c311181
+;// 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=68f0a8f5
 
-const popovervue_type_template_id_1c311181_hoisted_1 = ["aria-hidden"];
-const popovervue_type_template_id_1c311181_hoisted_2 = ["id", "tabindex"];
-function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setup, $data, $options) {
+const popovervue_type_template_id_68f0a8f5_hoisted_1 = ["aria-hidden"];
+const popovervue_type_template_id_68f0a8f5_hoisted_2 = ["id", "tabindex"];
+function popovervue_type_template_id_68f0a8f5_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_popover_header_footer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("popover-header-footer");
 
   const _component_sr_only_close_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("sr-only-close-button");
@@ -7428,9 +7428,8 @@ function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setu
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     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_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"])),
-    onWheel: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
-  }, null, 40, popovervue_type_template_id_1c311181_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
+    onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent", "stop"]))
+  }, null, 8, popovervue_type_template_id_68f0a8f5_hoisted_1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), {
     ref: "popover",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-popover', {
       'd-popover__anchor--opened': $data.isOpen
@@ -7442,18 +7441,18 @@ function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setu
       ref: "anchor",
       "data-qa": "dt-popover-anchor",
       tabindex: $props.openOnContext ? 0 : undefined,
-      onClickCapture: _cache[2] || (_cache[2] = function () {
+      onClickCapture: _cache[1] || (_cache[1] = function () {
         return $options.defaultToggleOpen && $options.defaultToggleOpen(...arguments);
       }),
-      onContextmenu: _cache[3] || (_cache[3] = function () {
+      onContextmenu: _cache[2] || (_cache[2] = function () {
         return $options.onContext && $options.onContext(...arguments);
       }),
-      onKeydown: [_cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(function () {
+      onKeydown: [_cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(function () {
         return $options.onArrowKeyPress && $options.onArrowKeyPress(...arguments);
-      }, ["prevent"]), ["up"])), _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(function () {
+      }, ["prevent"]), ["up"])), _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(function () {
         return $options.onArrowKeyPress && $options.onArrowKeyPress(...arguments);
-      }, ["prevent"]), ["down"])), _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)($event => _ctx.$emit('keydown', $event), ["enter"])), _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)($event => _ctx.$emit('keydown', $event), ["space"]))],
-      onKeydownCapture: _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
+      }, ["prevent"]), ["down"])), _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)($event => _ctx.$emit('keydown', $event), ["enter"])), _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)($event => _ctx.$emit('keydown', $event), ["space"]))],
+      onKeydownCapture: _cache[5] || (_cache[5] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)(function () {
         return $options.closePopover && $options.closePopover(...arguments);
       }, ["escape"]))
     }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "anchor", {
@@ -7462,7 +7461,7 @@ function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setu
         'aria-controls': $props.id,
         'aria-haspopup': $props.role
       }
-    })], 40, popovervue_type_template_id_1c311181_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    })], 40, popovervue_type_template_id_68f0a8f5_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
       id: $props.id,
       ref: "content",
       role: $props.role,
@@ -7483,9 +7482,7 @@ function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setu
       },
       css: _ctx.$attrs.css,
       tabindex: $props.contentTabindex
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.popoverListeners), {
-      onWheel: _cache[9] || (_cache[9] = e => $data.isOpen && $props.modal && e.preventDefault())
-    }), {
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.popoverListeners)), {
       default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [_ctx.$slots.headerContent || $props.showCloseButton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_popover_header_footer, {
         key: 0,
         ref: "popover__header",
@@ -7527,7 +7524,7 @@ function popovervue_type_template_id_1c311181_render(_ctx, _cache, $props, $setu
     _: 3
   }, 8, ["class"]))]);
 }
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=1c311181
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=68f0a8f5
 
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
 function getWindow(node) {
@@ -12663,6 +12660,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 
     isOpen(isOpen, isPrev) {
       if (isOpen) {
+        window.addEventListener('wheel', this.preventScrolling, {
+          passive: false
+        });
         this.tip.setProps({
           zIndex: this.modal ? 650 : this.calculateAnchorZindex()
         });
@@ -12671,6 +12671,9 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
       } else if (!isOpen && isPrev !== isOpen) {
         this.removeClosePopoverEventListener();
         this.tip.hide();
+        window.removeEventListener('wheel', this.preventScrolling, {
+          passive: false
+        });
       }
     }
 
@@ -12817,6 +12820,14 @@ const popover_header_footer_exports_ = /*#__PURE__*/(0,exportHelper/* default */
       this.isOpen = false;
     },
 
+    /*
+    * Prevents scrolling only when the popover is set to modal
+    **/
+    preventScrolling(e) {
+      if (!this.modal) return;
+      e.preventDefault();
+    },
+
     removeReferences() {
       this.anchorEl = null;
       this.popoverContentEl = null;
@@ -12944,9 +12955,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=1c311181&lang=less
-var popovervue_type_style_index_0_id_1c311181_lang_less = __webpack_require__(198);
-;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=1c311181&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=68f0a8f5&lang=less
+var popovervue_type_style_index_0_id_68f0a8f5_lang_less = __webpack_require__(568);
+;// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=style&index=0&id=68f0a8f5&lang=less
 
 ;// CONCATENATED MODULE: ./components/popover/popover.vue
 
@@ -12956,7 +12967,7 @@ var popovervue_type_style_index_0_id_1c311181_lang_less = __webpack_require__(19
 ;
 
 
-const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_1c311181_render]])
+const popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(popovervue_type_script_lang_js, [['render',popovervue_type_template_id_68f0a8f5_render]])
 
 /* harmony default export */ const popover = (popover_exports_);
 ;// CONCATENATED MODULE: ./components/popover/index.js
@@ -15704,65 +15715,73 @@ const notice_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(noticevue_t
 ;// 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/pagination/pagination.vue?vue&type=template&id=0f3daac1
+;// 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=57c28750
 
-const paginationvue_type_template_id_0f3daac1_hoisted_1 = ["aria-label"];
-const paginationvue_type_template_id_0f3daac1_hoisted_2 = {
+const paginationvue_type_template_id_57c28750_hoisted_1 = ["aria-label"];
+const paginationvue_type_template_id_57c28750_hoisted_2 = {
   key: 0,
-  "data-qa": "dt-pagination-separator",
-  class: "d-h32 d-w32 d-d-flex d-ai-center d-jc-center"
+  class: "d-fc-tertiary d-w24 d-ta-center",
+  "data-qa": "dt-pagination-separator"
 };
-function paginationvue_type_template_id_0f3daac1_render(_ctx, _cache, $props, $setup, $data, $options) {
+function paginationvue_type_template_id_57c28750_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-icon");
 
   const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
 
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("nav", {
     "aria-label": $props.ariaLabel,
-    class: "d-d-flex d-fd-row d-gg2 d-ai-center"
+    class: "d-d-flex d-fd-row d-gg4 d-ai-center"
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
-    class: "d-h32 d-w32",
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["d-px8", $options.isFirstPage ? 'd-fc-black-300 h:d-fc-black-300 d-bgc-transparent' : 'd-fc-tertiary']),
     "data-qa": "dt-pagination-prev",
     "aria-label": $props.prevAriaLabel,
+    kind: "muted",
     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_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
       name: "chevron-left",
-      size: "200"
+      size: "300"
     })]),
     _: 1
-  }, 8, ["aria-label", "importance", "disabled"]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.pages, (page, index) => {
+  }, 8, ["aria-label", "importance", "disabled", "class"]), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($options.pages, (page, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
-      key: `page-${page}-${index}`
-    }, [isNaN(Number(page)) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", paginationvue_type_template_id_0f3daac1_hoisted_2, " … ")) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, {
+      key: `page-${page}-${index}`,
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)({
+        'd-as-flex-end': isNaN(Number(page))
+      })
+    }, [isNaN(Number(page)) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", paginationvue_type_template_id_57c28750_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
+      name: "more-horizontal",
+      size: "300"
+    })])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_button, {
       key: 1,
       "aria-label": $props.pageNumberAriaLabel(page),
+      kind: $data.currentPage === page ? 'default' : 'muted',
       importance: $data.currentPage === page ? 'primary' : 'clear',
-      class: "d-h32 d-w32",
-      "label-class": "d-fs-200",
+      "label-class": "",
       onClick: $event => $options.changePage(page)
     }, {
       default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(page), 1)]),
       _: 2
-    }, 1032, ["aria-label", "importance", "onClick"]))]);
+    }, 1032, ["aria-label", "kind", "importance", "onClick"]))], 2);
   }), 128)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
-    class: "d-h32 d-w32",
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["d-px8", $options.isLastPage ? 'd-fc-black-300 h:d-fc-black-300 d-bgc-transparent' : 'd-fc-tertiary']),
     "data-qa": "dt-pagination-next",
     "aria-label": $props.nextAriaLabel,
     disabled: $options.isLastPage,
+    kind: "muted",
     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_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_icon, {
       name: "chevron-right",
-      size: "200"
+      size: "300"
     })]),
     _: 1
-  }, 8, ["aria-label", "disabled", "importance"])], 8, paginationvue_type_template_id_0f3daac1_hoisted_1);
+  }, 8, ["aria-label", "disabled", "importance", "class"])], 8, paginationvue_type_template_id_57c28750_hoisted_1);
 }
-;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=template&id=0f3daac1
+;// CONCATENATED MODULE: ./components/pagination/pagination.vue?vue&type=template&id=57c28750
 
 ;// 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
 
@@ -15917,7 +15936,7 @@ function paginationvue_type_template_id_0f3daac1_render(_ctx, _cache, $props, $s
 
 
 ;
-const pagination_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(paginationvue_type_script_lang_js, [['render',paginationvue_type_template_id_0f3daac1_render]])
+const pagination_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(paginationvue_type_script_lang_js, [['render',paginationvue_type_template_id_57c28750_render]])
 
 /* harmony default export */ const pagination = (pagination_exports_);
 ;// CONCATENATED MODULE: ./components/pagination/index.js
@@ -20860,7 +20879,7 @@ const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100', 'gol
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.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]!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=style&index=0&id=1996f46e&lang=less
-var top_banner_infovue_type_style_index_0_id_1996f46e_lang_less = __webpack_require__(190);
+var top_banner_infovue_type_style_index_0_id_1996f46e_lang_less = __webpack_require__(198);
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=style&index=0&id=1996f46e&lang=less
 
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue