@dialpad/dialtone-vue 2.28.0 → 2.29.0

package/dist/dialtone-vue.common.js

@@ -138,7 +138,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item:not(.dt-list-item--static){cursor:pointer}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-400-h),var(--black-400-s),var(--black-400-l),.15)}.dt-list-item:focus-visible{outline-color:var(--purple-500)}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item:not(.dt-list-item--static){cursor:pointer}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-500-h),var(--black-500-s),var(--black-500-l),.15)}.dt-list-item:focus-visible{outline-color:var(--purple-500)}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -258,7 +258,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color,var(--black-075));background:var(--placeholder-from-color,var(--black-075))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color,var(--black-075));background:var(--placeholder-from-color,var(--black-075))}50%{fill:var(--placeholder-to-color,var(--black-025));background:var(--placeholder-to-color,var(--black-025))}90%{fill:var(--placeholder-from-color,var(--black-075));background:var(--placeholder-from-color,var(--black-075))}}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color,var(--black-300));background:var(--placeholder-from-color,var(--black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color,var(--black-300));background:var(--placeholder-from-color,var(--black-300))}50%{fill:var(--placeholder-to-color,var(--black-100));background:var(--placeholder-to-color,var(--black-100))}90%{fill:var(--placeholder-from-color,var(--black-300));background:var(--placeholder-from-color,var(--black-300))}}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -1276,18 +1276,18 @@ const AVATAR_COLOR_MODIFIERS = {
   'orange-300': 'd-avatar--orange-300',
   'orange-400': 'd-avatar--orange-400',
   'orange-500': 'd-avatar--orange-500',
-  'pink-300': 'd-avatar--pink-300',
-  'pink-400': 'd-avatar--pink-400',
-  'pink-500': 'd-avatar--pink-500',
-  'pink-600': 'd-avatar--pink-600',
+  'magenta-100': 'd-avatar--magenta-100',
+  'magenta-200': 'd-avatar--magenta-200',
+  'magenta-300': 'd-avatar--magenta-300',
+  'magenta-400': 'd-avatar--magenta-400',
   'purple-200': 'd-avatar--purple-200',
   'purple-300': 'd-avatar--purple-300',
+  'purple-400': 'd-avatar--purple-400',
   'purple-500': 'd-avatar--purple-500',
-  'purple-600': 'd-avatar--purple-600',
-  'yellow-200': 'd-avatar--yellow-200',
-  'yellow-300': 'd-avatar--yellow-300',
-  'yellow-400': 'd-avatar--yellow-400',
-  'yellow-500': 'd-avatar--yellow-500'
+  'gold-100': 'd-avatar--gold-100',
+  'gold-200': 'd-avatar--gold-200',
+  'gold-300': 'd-avatar--gold-300',
+  'gold-500': 'd-avatar--gold-500'
 };
 /* harmony default export */ const avatar_constants = ({
   AVATAR_KIND_MODIFIERS,
@@ -1737,17 +1737,17 @@ const BADGE_COLOR_MODIFIERS = {
   'black-700': 'd-badge--black-700',
   'green-400': 'd-badge--green-400',
   'orange-400': 'd-badge--orange-400',
-  'pink-300': 'd-badge--pink-300',
-  'pink-500': 'd-badge--pink-500',
-  'pink-600': 'd-badge--pink-600',
-  'pink-700': 'd-badge--pink-700',
+  'magenta-100': 'd-badge--magenta-100',
+  'magenta-300': 'd-badge--magenta-300',
+  'magenta-400': 'd-badge--magenta-400',
+  'magenta-500': 'd-badge--magenta-500',
   'purple-100': 'd-badge--purple-100',
   'purple-300': 'd-badge--purple-300',
+  'purple-400': 'd-badge--purple-400',
   'purple-500': 'd-badge--purple-500',
-  'purple-700': 'd-badge--purple-700',
-  'red-500': 'd-badge--red-500',
+  'red-300': 'd-badge--red-300',
   white: 'd-badge--white',
-  'yellow-300': 'd-badge--yellow-300'
+  'gold-200': 'd-badge--gold-200'
 };
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/badge/badge.vue?vue&type=script&lang=js&
 //
@@ -3996,13 +3996,13 @@ var combobox_loading_listvue_type_template_id_07d9971d_render = function () {var
 var combobox_loading_listvue_type_template_id_07d9971d_staticRenderFns = []
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=f39797e6&
-var list_itemvue_type_template_id_f39797e6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none focus-visible', {
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=11a83550&
+var list_itemvue_type_template_id_11a83550_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({tag:"component",class:['dt-list-item d-ls-none focus-visible', {
     'dt-list-item--focusable': _vm.isFocusable,
     'dt-list-item--highlighted': _vm.isHighlighted,
     'dt-list-item--static': !_vm.isHoverable,
   }],attrs:{"id":_vm.id,"tabindex":_vm.isFocusable ? 0 : -1,"role":_vm.role,"aria-selected":_vm.isHighlighted}},_vm.listItemListeners),[(_vm.listItemType)?_c(_vm.listItemType,{tag:"component",scopedSlots:_vm._u([_vm._l((_vm.$slots),function(_,slotName){return {key:slotName,fn:function(){return [_vm._t(slotName)]},proxy:true}})],null,true)}):_vm._t("default")],2)}
-var list_itemvue_type_template_id_f39797e6_staticRenderFns = []
+var list_itemvue_type_template_id_11a83550_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
@@ -4019,9 +4019,9 @@ const LIST_ITEM_NAVIGATION_TYPES = {
   LIST_ITEM_TYPES,
   LIST_ITEM_NAVIGATION_TYPES
 });
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=template&id=4c89d4ed&
-var default_list_itemvue_type_template_id_4c89d4ed_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs14 d-lh4 d-py4 d-px12 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs12 d-fc-black-500', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e()])}
-var default_list_itemvue_type_template_id_4c89d4ed_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=template&id=27ccac89&
+var default_list_itemvue_type_template_id_27ccac89_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"dt-default-list-item d-fs-200 d-lh4 d-py4 d-px12 d-d-flex d-ai-center"},[(_vm.$slots.left)?_c('section',{staticClass:"dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",attrs:{"data-qa":"dt-default-list-item-left-wrapper"}},[_vm._t("left")],2):_vm._e(),_c('section',{staticClass:"d-fl-grow1"},[(_vm.$slots.default)?_c('div',[_vm._t("default")],2):_vm._e(),(_vm.$slots.subtitle)?_c('div',{class:['d-fs-100 d-fc-black-600', { 'd-mtn2': _vm.$slots.default }],attrs:{"data-qa":"dt-default-list-item-subtitle-wrapper"}},[_vm._t("subtitle")],2):_vm._e(),(_vm.$slots.bottom)?_c('div',{staticClass:"d-mt2",attrs:{"data-qa":"dt-default-list-item-bottom-wrapper"}},[_vm._t("bottom")],2):_vm._e()]),(_vm.$slots.right)?_c('section',{staticClass:"dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",attrs:{"data-qa":"dt-default-list-item-right-wrapper"}},[_vm._t("right")],2):_vm._e()])}
+var default_list_itemvue_type_template_id_27ccac89_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_item/default_list_item.vue?vue&type=script&lang=js&
@@ -4088,8 +4088,8 @@ var default_list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(986
 
 var default_list_item_component = normalizeComponent(
   list_item_default_list_itemvue_type_script_lang_js_,
-  default_list_itemvue_type_template_id_4c89d4ed_render,
-  default_list_itemvue_type_template_id_4c89d4ed_staticRenderFns,
+  default_list_itemvue_type_template_id_27ccac89_render,
+  default_list_itemvue_type_template_id_27ccac89_staticRenderFns,
   false,
   null,
   null,
@@ -4330,8 +4330,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(502);
 
 var list_item_component = normalizeComponent(
   list_item_list_itemvue_type_script_lang_js_,
-  list_itemvue_type_template_id_f39797e6_render,
-  list_itemvue_type_template_id_f39797e6_staticRenderFns,
+  list_itemvue_type_template_id_11a83550_render,
+  list_itemvue_type_template_id_11a83550_staticRenderFns,
   false,
   null,
   null,
@@ -4342,9 +4342,9 @@ var list_item_component = normalizeComponent(
 /* harmony default export */ const list_item = (list_item_component.exports);
 ;// CONCATENATED MODULE: ./components/list_item/index.js
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/skeleton/skeleton.vue?vue&type=template&id=6cda56f1&
-var skeletonvue_type_template_id_6cda56f1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"aria-busy":"true","role":"status","aria-label":_vm.ariaLabel}},[(_vm.listItemOption)?_c('dt-skeleton-list-item',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-list-item',_vm.listItemOption === true ? {} : _vm.listItemOption,false)):(_vm.shapeOption)?_c('dt-skeleton-shape',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-shape',_vm.shapeOption === true ? {} : _vm.shapeOption,false)):(_vm.paragraphOption)?_c('dt-skeleton-paragraph',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-paragraph',_vm.paragraphOption === true ? {} : _vm.paragraphOption,false)):_c('dt-skeleton-text',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-text',_vm.textOption || {},false))],1)}
-var skeletonvue_type_template_id_6cda56f1_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/skeleton/skeleton.vue?vue&type=template&id=47dbc65e&
+var skeletonvue_type_template_id_47dbc65e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"aria-busy":"true","role":"status","aria-label":_vm.ariaLabel}},[(_vm.listItemOption)?_c('dt-skeleton-list-item',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-list-item',_vm.listItemOption === true ? {} : _vm.listItemOption,false)):(_vm.shapeOption)?_c('dt-skeleton-shape',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-shape',_vm.shapeOption === true ? {} : _vm.shapeOption,false)):(_vm.paragraphOption)?_c('dt-skeleton-paragraph',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-paragraph',_vm.paragraphOption === true ? {} : _vm.paragraphOption,false)):_c('dt-skeleton-text',_vm._b({attrs:{"animation-duration":_vm.animationDuration,"animate":_vm.animate,"offset":_vm.offset}},'dt-skeleton-text',_vm.textOption || {},false))],1)}
+var skeletonvue_type_template_id_47dbc65e_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/skeleton/skeleton-shape.vue?vue&type=template&id=afabf0b6&
@@ -5242,8 +5242,8 @@ var skeletonvue_type_style_index_0_lang_less_ = __webpack_require__(315);
 
 var skeleton_component = normalizeComponent(
   skeleton_skeletonvue_type_script_lang_js_,
-  skeletonvue_type_template_id_6cda56f1_render,
-  skeletonvue_type_template_id_6cda56f1_staticRenderFns,
+  skeletonvue_type_template_id_47dbc65e_render,
+  skeletonvue_type_template_id_47dbc65e_staticRenderFns,
   false,
   null,
   null,
@@ -6392,8 +6392,8 @@ return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,
 var dropdownvue_type_template_id_0ddf9e89_staticRenderFns = []
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=b648cb8c&
-var popovervue_type_template_id_b648cb8c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--modal-opened': _vm.modal && _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":function($event){$event.preventDefault();return _vm.onContext.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=025312b0&
+var popovervue_type_template_id_025312b0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.modal && _vm.isOpen)?_c('portal',[_c('div',{staticClass:"d-modal--transparent",attrs:{"aria-hidden":_vm.modal && _vm.isOpen ? 'false' : 'true'},on:{"click":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--modal-opened': _vm.modal && _vm.isOpen }],attrs:{"data-qa":"dt-popover-container"}},_vm.$listeners),[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy,"data-qa":"dt-popover-anchor","tabindex":_vm.openOnContext ? 0 : undefined},on:{"!click":function($event){return _vm.defaultToggleOpen.apply(null, arguments)},"contextmenu":function($event){$event.preventDefault();return _vm.onContext.apply(null, arguments)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onArrowKeyPress.apply(null, arguments)}],"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); },"!keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.closePopover.apply(null, arguments)}}},[_vm._t("anchor",null,{"attrs":{
           'aria-expanded': _vm.isOpen.toString(),
           'aria-controls': _vm.id,
           'aria-haspopup': _vm.role,
@@ -6403,8 +6403,8 @@ var popovervue_type_template_id_b648cb8c_render = function () {var _vm=this;var
       }),attrs:{"id":_vm.id,"role":_vm.role,"data-qa":"dt-popover","aria-hidden":("" + (!_vm.isOpen)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":("" + (!_vm.modal)),"transition":_vm.transition,"show":_vm.isOpen,"tabindex":_vm.contentTabindex,"appear":""},on:{"!keydown":function($event){return _vm.onKeydown.apply(null, arguments)},"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},_vm.$listeners),[(_vm.$slots.headerContent || _vm.showCloseButton)?_c('popover-header-footer',{ref:"popover__header",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"content-class":_vm.headerClass,"type":"header","show-close-button":_vm.showCloseButton,"close-button-props":_vm.closeButtonProps},on:{"close":_vm.closePopover},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("headerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e(),_c('div',{ref:"popover__content",class:[
           'd-popover__content',
           _vm.POPOVER_PADDING_CLASSES[_vm.padding],
-          _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"}},[_vm._t("content",null,{"close":_vm.closePopover})],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{ref:"popover__footer",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"type":"footer","content-class":_vm.footerClass},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e()],1)],1)],1)}
-var popovervue_type_template_id_b648cb8c_staticRenderFns = []
+          _vm.contentClass ],attrs:{"data-qa":"dt-popover-content"}},[_vm._t("content",null,{"close":_vm.closePopover}),(_vm.visuallyHiddenClose)?_c('dt-button',{staticClass:"d-vi-visible-sr",attrs:{"data-qa":"dt-popover-sr-only-close","aria-label":_vm.visuallyHiddenCloseLabel},on:{"click":_vm.closePopover}},[_c('icon-close')],1):_vm._e()],2),(_vm.$slots.footerContent)?_c('popover-header-footer',{ref:"popover__footer",class:_vm.POPOVER_HEADER_FOOTER_PADDING_CLASSES[_vm.padding],attrs:{"type":"footer","content-class":_vm.footerClass},scopedSlots:_vm._u([{key:"content",fn:function(){return [_vm._t("footerContent",null,{"close":_vm.closePopover})]},proxy:true}],null,true)}):_vm._e()],1)],1)],1)}
+var popovervue_type_template_id_025312b0_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -11349,6 +11349,15 @@ var popover_header_footer_component = normalizeComponent(
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 /* eslint-disable max-lines */
 
@@ -11358,6 +11367,8 @@ var popover_header_footer_component = normalizeComponent(
 
 
 
+
+
 /**
  * A Popover displays a content overlay when its anchor element is activated.
  * @see https://dialpad.design/components/popover.html
@@ -11372,7 +11383,9 @@ var popover_header_footer_component = normalizeComponent(
   components: {
     DtLazyShow: lazy_show,
     PopoverHeaderFooter: popover_header_footer,
-    Portal: Portal
+    Portal: Portal,
+    DtButton: button_button,
+    IconClose: IconClose
   },
   mixins: [modal],
   props: {
@@ -11675,6 +11688,24 @@ var popover_header_footer_component = normalizeComponent(
     openWithArrowKeys: {
       type: Boolean,
       default: false
+    },
+
+    /**
+     * If true, a visually hidden close button its included in the popover.
+     * @values true, false
+     */
+    visuallyHiddenClose: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * Label for the visually hidden close button
+     * Required if visuallyHiddenClose is set to `true`
+     */
+    visuallyHiddenCloseLabel: {
+      type: String,
+      default: ''
     }
   },
   emits: [
@@ -11839,6 +11870,10 @@ var popover_header_footer_component = normalizeComponent(
       if (this.modal && this.initialFocusElement === 'none') {
         console.error('If the popover is modal you must set the ' + 'initialFocusElement prop. Possible values: "dialog", "first", HTMLElement');
       }
+
+      if (this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel) {
+        console.error('If visuallyHiddenClose prop is true (default), the popover includes a visually hidden ' + 'close button and you must set the visuallyHiddenCloseLabel prop.');
+      }
     },
 
     calculateAnchorZindex() {
@@ -12053,8 +12088,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(230);
 
 var popover_component = normalizeComponent(
   popover_popovervue_type_script_lang_js_,
-  popovervue_type_template_id_b648cb8c_render,
-  popovervue_type_template_id_b648cb8c_staticRenderFns,
+  popovervue_type_template_id_025312b0_render,
+  popovervue_type_template_id_025312b0_staticRenderFns,
   false,
   null,
   null,
@@ -14413,10 +14448,10 @@ var modal_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/modal/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=8857acea&
-var list_sectionvue_type_template_id_8857acea_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['dt-list-section', 'd-fs14', 'd-lh6', 'd-py6', 'd-bc-black-200',
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=61c229f2&
+var list_sectionvue_type_template_id_61c229f2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['dt-list-section', 'd-fs-200', 'd-lh6', 'd-py6', 'd-bc-black-400',
            { 'd-bb': _vm.separator }],attrs:{"id":_vm.id,"role":"group","aria-labelledby":(_vm.id + "-list-section-header"),"tabindex":"-1"}},[(_vm.header)?_c('h3',{staticClass:"d-pl12 d-mt6",attrs:{"id":(_vm.id + "-list-section-header")}},[_vm._v(" "+_vm._s(_vm.header)+" ")]):_vm._e(),(!_vm.isCollapsible || _vm.showAll)?_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_vm._t("default")],2):_c('ol',{attrs:{"id":(_vm.id + "-list-section-content")}},[_c('vnodes',{attrs:{"vnodes":_vm.displayedItems}})],1),_c('div',{staticClass:"d-d-flex"},[(_vm.isCollapsible)?_c('dt-button',{staticClass:"d-ml12 d-py6",attrs:{"id":(_vm.id + "-list-section-show-more-less"),"link":""},on:{"click":_vm.showMoreLessClicked}},[_vm._v(" "+_vm._s(_vm.showMoreLessText)+" ")]):_vm._e(),_vm._t("footer")],2)])}
-var list_sectionvue_type_template_id_8857acea_staticRenderFns = []
+var list_sectionvue_type_template_id_61c229f2_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/list_section/list_section.vue?vue&type=script&lang=js&
@@ -14584,8 +14619,8 @@ var list_sectionvue_type_style_index_0_lang_less_ = __webpack_require__(132);
 
 var list_section_component = normalizeComponent(
   list_section_list_sectionvue_type_script_lang_js_,
-  list_sectionvue_type_template_id_8857acea_render,
-  list_sectionvue_type_template_id_8857acea_staticRenderFns,
+  list_sectionvue_type_template_id_61c229f2_render,
+  list_sectionvue_type_template_id_61c229f2_staticRenderFns,
   false,
   null,
   null,
@@ -14789,9 +14824,9 @@ var notice_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/notice/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/pagination/pagination.vue?vue&type=template&id=6164a229&
-var paginationvue_type_template_id_6164a229_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"d-d-flex d-fd-row d-gg2 d-ai-center",attrs:{"aria-label":_vm.ariaLabel}},[_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-prev","aria-label":_vm.prevAriaLabel,"importance":_vm.isFirstPage ? 'primary' : 'clear',"disabled":_vm.isFirstPage},on:{"click":function($event){return _vm.changePage(_vm.currentPage - 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-left')],1)],2),_vm._l((_vm.pages),function(page,index){return _c('div',{key:("page-" + page + "-" + index)},[(isNaN(Number(page)))?_c('div',{staticClass:"d-h32 d-w32 d-d-flex d-ai-center d-jc-center",attrs:{"data-qa":"dt-pagination-separator"}},[_vm._v(" … ")]):_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"aria-label":_vm.pageNumberAriaLabel(page),"importance":_vm.currentPage === page ? 'primary' : 'clear',"label-class":"d-fs14"},on:{"click":function($event){return _vm.changePage(page)}}},[_vm._v(" "+_vm._s(page)+" ")])],1)}),_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-next","aria-label":_vm.nextAriaLabel,"disabled":_vm.isLastPage,"importance":_vm.isLastPage ? 'primary' : 'clear'},on:{"click":function($event){return _vm.changePage(_vm.currentPage + 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-right')],1)],2)],2)}
-var paginationvue_type_template_id_6164a229_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/pagination/pagination.vue?vue&type=template&id=20c2fb6b&
+var paginationvue_type_template_id_20c2fb6b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"d-d-flex d-fd-row d-gg2 d-ai-center",attrs:{"aria-label":_vm.ariaLabel}},[_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-prev","aria-label":_vm.prevAriaLabel,"importance":_vm.isFirstPage ? 'primary' : 'clear',"disabled":_vm.isFirstPage},on:{"click":function($event){return _vm.changePage(_vm.currentPage - 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-left')],1)],2),_vm._l((_vm.pages),function(page,index){return _c('div',{key:("page-" + page + "-" + index)},[(isNaN(Number(page)))?_c('div',{staticClass:"d-h32 d-w32 d-d-flex d-ai-center d-jc-center",attrs:{"data-qa":"dt-pagination-separator"}},[_vm._v(" … ")]):_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"aria-label":_vm.pageNumberAriaLabel(page),"importance":_vm.currentPage === page ? 'primary' : 'clear',"label-class":"d-fs-200"},on:{"click":function($event){return _vm.changePage(page)}}},[_vm._v(" "+_vm._s(page)+" ")])],1)}),_c('dt-button',{staticClass:"d-h32 d-w32",attrs:{"data-qa":"dt-pagination-next","aria-label":_vm.nextAriaLabel,"disabled":_vm.isLastPage,"importance":_vm.isLastPage ? 'primary' : 'clear'},on:{"click":function($event){return _vm.changePage(_vm.currentPage + 1)}}},[_c('template',{slot:"icon"},[_c('icon-chevron-right')],1)],2)],2)}
+var paginationvue_type_template_id_20c2fb6b_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconChevronLeft.vue?vue&type=template&id=dc01e37a&
@@ -15057,8 +15092,8 @@ var IconChevronRight_component = normalizeComponent(
 ;
 var pagination_component = normalizeComponent(
   pagination_paginationvue_type_script_lang_js_,
-  paginationvue_type_template_id_6164a229_render,
-  paginationvue_type_template_id_6164a229_staticRenderFns,
+  paginationvue_type_template_id_20c2fb6b_render,
+  paginationvue_type_template_id_20c2fb6b_staticRenderFns,
   false,
   null,
   null,
@@ -17897,8 +17932,8 @@ var tooltip_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/tooltip/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=4f25b952&
-var keyboard_shortcutvue_type_template_id_4f25b952_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('kbd',{class:[
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/keyboard_shortcut/keyboard_shortcut.vue?vue&type=template&id=742c4ef7&
+var keyboard_shortcutvue_type_template_id_742c4ef7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('kbd',{class:[
     'd-d-inline-flex',
     'd-ff-custom',
     'd-ai-center',
@@ -17907,14 +17942,14 @@ var keyboard_shortcutvue_type_template_id_4f25b952_render = function () {var _vm
     'd-px4',
     'd-ba',
     'd-bar4',
-    'd-fs12',
-    _vm.inverted ? 'd-bc-black-400' : 'd-bc-black-100' ]},[(_vm.screenReaderText)?_c('span',{staticClass:"sr-only"},[_vm._v(" "+_vm._s(_vm.screenReaderText)+" ")]):_vm._e(),_vm._l((_vm.formattedShortcutSplit),function(item,i){return [(_vm.icons[item])?_c(_vm.icons[item],{key:(i + "-" + item),tag:"component",class:[
+    'd-fs-100',
+    _vm.inverted ? 'd-bc-black-500' : 'd-bc-black-400' ]},[(_vm.screenReaderText)?_c('span',{staticClass:"sr-only"},[_vm._v(" "+_vm._s(_vm.screenReaderText)+" ")]):_vm._e(),_vm._l((_vm.formattedShortcutSplit),function(item,i){return [(_vm.icons[item])?_c(_vm.icons[item],{key:(i + "-" + item),tag:"component",class:[
         'dt-keyboard-shortcut__svg',
-        _vm.inverted ? 'd-fc-black-075' : 'd-fc-black-500',
+        _vm.inverted ? 'd-fc-black-300' : 'd-fc-black-600',
         'd-mr2' ],attrs:{"aria-hidden":"true"}}):_c('span',{key:(i + "-" + item),class:[
-        _vm.inverted ? 'd-fc-black-075' : 'd-fc-black-500',
+        _vm.inverted ? 'd-fc-black-300' : 'd-fc-black-600',
         'd-mr2' ],attrs:{"aria-hidden":"true"},domProps:{"innerHTML":_vm._s(item)}})]})],2)}
-var keyboard_shortcutvue_type_template_id_4f25b952_staticRenderFns = []
+var keyboard_shortcutvue_type_template_id_742c4ef7_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWindows.vue?vue&type=template&id=04be6782&
@@ -18234,8 +18269,8 @@ var keyboard_shortcutvue_type_style_index_0_lang_less_ = __webpack_require__(245
 
 var keyboard_shortcut_component = normalizeComponent(
   keyboard_shortcut_keyboard_shortcutvue_type_script_lang_js_,
-  keyboard_shortcutvue_type_template_id_4f25b952_render,
-  keyboard_shortcutvue_type_template_id_4f25b952_staticRenderFns,
+  keyboard_shortcutvue_type_template_id_742c4ef7_render,
+  keyboard_shortcutvue_type_template_id_742c4ef7_staticRenderFns,
   false,
   null,
   null,
@@ -20210,9 +20245,9 @@ var contact_infovue_type_template_id_466e560c_staticRenderFns = []
 ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
 const USER_STATUS_COLOR_MODIFIERS = {
   none: '',
-  green: 'd-bgc-green-400',
-  yellow: 'd-bgc-yellow-400',
-  red: 'd-bgc-red-400'
+  green: 'd-bgc-green-300',
+  gold: 'd-bgc-gold-200',
+  red: 'd-bgc-red-200'
 };
 /* harmony default export */ const contact_info_constants = ({
   USER_STATUS_COLOR_MODIFIERS
@@ -20409,13 +20444,13 @@ var contact_info_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=d3832134&
-var top_banner_infovue_type_template_id_d3832134_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-fs11 d-d-flex d-top-banner-info d-jc-space-between d-ai-center",class:_vm.bannerInfoClass,attrs:{"data-qa":"banner-info"}},[_c('div',{staticClass:"d-top-banner-info__left"},[_vm._t("left")],2),_c('div',{staticClass:"d-top-banner-info__middle d-my4"},[_vm._t("default")],2),_c('div',{staticClass:"d-top-banner-info__right d-ta-right"},[_vm._t("right")],2)])}
-var top_banner_infovue_type_template_id_d3832134_staticRenderFns = []
+;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=1996f46e&
+var top_banner_infovue_type_template_id_1996f46e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center",class:_vm.bannerInfoClass,attrs:{"data-qa":"banner-info"}},[_c('div',{staticClass:"d-top-banner-info__left"},[_vm._t("left")],2),_c('div',{staticClass:"d-top-banner-info__middle d-my4"},[_vm._t("default")],2),_c('div',{staticClass:"d-top-banner-info__right d-ta-right"},[_vm._t("right")],2)])}
+var top_banner_infovue_type_template_id_1996f46e_staticRenderFns = []
 
 
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info_constants.js
-const COLOR_CODES = ['green400', 'green200', 'red200', 'red100', 'yellow200', 'yellow400', 'yellow050', 'black100', 'white'];
+const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100', 'gold200', 'black100', 'white'];
 /* harmony default export */ const top_banner_info_constants = ({
   COLOR_CODES
 });
@@ -20449,7 +20484,7 @@ const COLOR_CODES = ['green400', 'green200', 'red200', 'red100', 'yellow200', 'y
      */
     colorCode: {
       type: String,
-      default: 'green400',
+      default: 'green300',
       validator: function (kind) {
         return COLOR_CODES.includes(kind);
       }
@@ -20458,13 +20493,13 @@ const COLOR_CODES = ['green400', 'green200', 'red200', 'red100', 'yellow200', 'y
   computed: {
     bannerInfoClass() {
       const bgColors = {
-        green400: 'd-bgc-green-400',
-        green200: 'd-bgc-green-200',
+        green300: 'd-bgc-green-300',
+        green100: 'd-bgc-green-100',
         red200: 'd-bgc-red-200',
         red100: 'd-bgc-red-100',
-        yellow400: 'd-bgc-yellow-400',
-        yellow200: 'd-bgc-yellow-200',
-        black100: 'd-bgc-black-100',
+        gold200: 'd-bgc-gold-200',
+        gold100: 'd-bgc-gold-100',
+        black100: 'd-bgc-black-400',
         white: 'd-bgc-white'
       };
       return [bgColors[this.colorCode]];
@@ -20489,8 +20524,8 @@ var top_banner_infovue_type_style_index_0_lang_less_ = __webpack_require__(9);
 
 var top_banner_info_component = normalizeComponent(
   top_banner_info_top_banner_infovue_type_script_lang_js_,
-  top_banner_infovue_type_template_id_d3832134_render,
-  top_banner_infovue_type_template_id_d3832134_staticRenderFns,
+  top_banner_infovue_type_template_id_1996f46e_render,
+  top_banner_infovue_type_template_id_1996f46e_staticRenderFns,
   false,
   null,
   null,