@dialpad/dialtone-vue 2.47.0 → 2.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +17 -8
  2. package/dist/dialtone-vue.common.js +40 -39
  3. package/dist/dialtone-vue.umd.js +38 -37
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +8 -3
package/README.md CHANGED
@@ -11,12 +11,6 @@ Dialtone Vue is available in Vue 2 as well as Vue 3:
11
11
  [dialtone-vue]: https://vue.dialpad.design
12
12
  [dialtone-vue3]: https://vue.dialpad.design/vue3
13
13
 
14
- ## Project Status
15
-
16
- Dialtone Vue is a new project, and as such it is under constant development as we add new components and refine existing ones. Please refer to the [jira board][jira] to see the status of Dialtone Vue components and request new components that should be in the Dialtone Vue library.
17
-
18
- [jira]: https://switchcomm.atlassian.net/secure/RapidBoard.jspa?rapidView=246
19
-
20
14
  ## Installation
21
15
 
22
16
  You can install the Dialtone Vue library into your project via the following commands:
@@ -60,8 +54,6 @@ import { getEmojiData } from '@dialpad/dialtone-vue/emoji'
60
54
  const emojiData = getEmojiData();
61
55
  ```
62
56
 
63
-
64
-
65
57
  ## Contributing
66
58
 
67
59
  If you would like to contribute to Dialtone Vue the first step is to get the project running locally. Follow the below quickstart to do so.
@@ -72,3 +64,20 @@ If you would like to contribute to Dialtone Vue the first step is to get the pro
72
64
  4. Visit local dev server at http://localhost:9011/
73
65
 
74
66
  Next read the more detailed contributor documentation in [CONTRIBUTING.md](.github/CONTRIBUTING.md).
67
+
68
+ ## Project Status
69
+
70
+ Dialtone Vue is a new project, and as such it is under constant development as we add new components and refine existing ones. Please refer to the [jira board][jira] to see what we are currently working on and what we have planned for the future.
71
+
72
+ [jira]: https://dialpad.atlassian.net/browse/DT
73
+ [request]: https://dialpad.atlassian.net/secure/CreateIssue.jspa?issuetype=10901&pid=12428
74
+ [report]: https://dialpad.atlassian.net/secure/CreateIssue.jspa?issuetype=10878&pid=12428
75
+
76
+ ## Requesting features / reporting bugs
77
+
78
+ Requesting a feature or reporting a bug? Please do so at the below links:
79
+
80
+ - [Request Feature](https://dialpad.atlassian.net/secure/CreateIssue.jspa?issuetype=10901&pid=12428)
81
+ - [Report Bug](https://dialpad.atlassian.net/secure/CreateIssue.jspa?issuetype=10878&pid=12428)
82
+
83
+ Please also feel free to contact us via the [#dialtone slack channel](https://dialpad.slack.com/messages/dialtone/) with any questions
package/dist/dialtone-vue.common.js CHANGED
@@ -90,7 +90,7 @@ __webpack_require__.r(__webpack_exports__);
90
90
 
91
91
  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()));
92
92
  // Module
93
- ___CSS_LOADER_EXPORT___.push([module.id, ".d-context-menu-list{width:24rem}", ""]);
93
+ ___CSS_LOADER_EXPORT___.push([module.id, ".d-context-menu-list{width:calc(var(--size-300)*48)}", ""]);
94
94
  // Exports
95
95
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
96
96
 
@@ -114,7 +114,7 @@ __webpack_require__.r(__webpack_exports__);
114
114
 
115
115
  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()));
116
116
  // Module
117
- ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-separator{height:1px;list-style:none}", ""]);
117
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item[role=menuitem]{border-radius:var(--size-300)}.dt-list-separator{height:var(--size-100);list-style:none}", ""]);
118
118
  // Exports
119
119
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
120
120
 
@@ -162,7 +162,7 @@ __webpack_require__.r(__webpack_exports__);
162
162
 
163
163
  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()));
164
164
  // Module
165
- ___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{border-radius:var(--br4);outline:none;box-shadow:inset 0 0 0 var(--su2) var(--focus-ring)}", ""]);
165
+ ___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-900-h),var(--black-900-s),var(--black-900-l),.05)}.dt-list-item--highlighted:active{background-color:hsla(var(--black-900-h),var(--black-900-s),var(--black-900-l),.1)}.dt-list-item:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--su2) var(--focus-ring)}", ""]);
166
166
  // Exports
167
167
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
168
168
 
@@ -563,7 +563,7 @@ var xorwow = __webpack_require__(801);
563
563
  // with 256 bits, that passes BigCrush with no systmatic failures.
564
564
  // Period 2^256-1.
565
565
  // No systematic BigCrush failures reported.
566
- var xorshift7 = __webpack_require__(30);
566
+ var xorshift7 = __webpack_require__(674);
567
567
 
568
568
  // xor4096, by Richard Brent, is a 4096-bit xor-shift with a
569
569
  // very long period that also adds a Weyl generator. It also passes
@@ -1077,7 +1077,7 @@ if (module && module.exports) {
1077
1077
 
1078
1078
  /***/ }),
1079
1079
 
1080
- /***/ 30:
1080
+ /***/ 674:
1081
1081
  /***/ (function(module, exports, __webpack_require__) {
1082
1082
 
1083
1083
  /* module decorator */ module = __webpack_require__.nmd(module);
@@ -5563,13 +5563,13 @@ var combobox_loading_listvue_type_template_id_07d9971d_render = function () {var
5563
5563
  var combobox_loading_listvue_type_template_id_07d9971d_staticRenderFns = []
5564
5564
 
5565
5565
 
5566
- ;// 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=2554ff00&
5567
- var list_itemvue_type_template_id_2554ff00_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', {
5566
+ ;// 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=8f7f45ce&
5567
+ var list_itemvue_type_template_id_8f7f45ce_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', {
5568
5568
  'dt-list-item--focusable': _vm.isFocusable,
5569
5569
  'dt-list-item--highlighted': _vm.isHighlighted,
5570
5570
  'dt-list-item--static': !_vm.isHoverable,
5571
5571
  }],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)}
5572
- var list_itemvue_type_template_id_2554ff00_staticRenderFns = []
5572
+ var list_itemvue_type_template_id_8f7f45ce_staticRenderFns = []
5573
5573
 
5574
5574
 
5575
5575
  ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
@@ -5586,9 +5586,9 @@ const LIST_ITEM_NAVIGATION_TYPES = {
5586
5586
  LIST_ITEM_TYPES,
5587
5587
  LIST_ITEM_NAVIGATION_TYPES
5588
5588
  });
5589
- ;// 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=2006c592&
5590
- var default_list_itemvue_type_template_id_2006c592_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 d-of-hidden"},[(_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()])}
5591
- var default_list_itemvue_type_template_id_2006c592_staticRenderFns = []
5589
+ ;// 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=19664905&
5590
+ var default_list_itemvue_type_template_id_19664905_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-lh-300 d-py4 d-px8 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 d-of-hidden"},[(_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()])}
5591
+ var default_list_itemvue_type_template_id_19664905_staticRenderFns = []
5592
5592
 
5593
5593
 
5594
5594
  ;// 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&
@@ -5655,8 +5655,8 @@ var default_list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(986
5655
5655
 
5656
5656
  var default_list_item_component = normalizeComponent(
5657
5657
  list_item_default_list_itemvue_type_script_lang_js_,
5658
- default_list_itemvue_type_template_id_2006c592_render,
5659
- default_list_itemvue_type_template_id_2006c592_staticRenderFns,
5658
+ default_list_itemvue_type_template_id_19664905_render,
5659
+ default_list_itemvue_type_template_id_19664905_staticRenderFns,
5660
5660
  false,
5661
5661
  null,
5662
5662
  null,
@@ -5897,8 +5897,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(502);
5897
5897
 
5898
5898
  var list_item_component = normalizeComponent(
5899
5899
  list_item_list_itemvue_type_script_lang_js_,
5900
- list_itemvue_type_template_id_2554ff00_render,
5901
- list_itemvue_type_template_id_2554ff00_staticRenderFns,
5900
+ list_itemvue_type_template_id_8f7f45ce_render,
5901
+ list_itemvue_type_template_id_8f7f45ce_staticRenderFns,
5902
5902
  false,
5903
5903
  null,
5904
5904
  null,
@@ -7990,28 +7990,28 @@ var collapsible_component = normalizeComponent(
7990
7990
  /* harmony default export */ const collapsible = (collapsible_component.exports);
7991
7991
  ;// CONCATENATED MODULE: ./components/collapsible/index.js
7992
7992
 
7993
- ;// 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/dropdown/dropdown.vue?vue&type=template&id=1b8b46fc&
7994
- var dropdownvue_type_template_id_1b8b46fc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-popover',_vm._g({ref:"popover",attrs:{"content-width":_vm.contentWidth,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.openedWithKeyboard ? 'first' : 'dialog',"fallback-placements":_vm.fallbackPlacements,"padding":"none","role":"menu","modal":_vm.modal,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"open-with-arrow-keys":true,"open-on-context":_vm.openOnContext},scopedSlots:_vm._u([{key:"anchor",fn:function(ref){
7993
+ ;// 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/dropdown/dropdown.vue?vue&type=template&id=70cb2bdc&
7994
+ var dropdownvue_type_template_id_70cb2bdc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-popover',_vm._g({ref:"popover",attrs:{"content-width":_vm.contentWidth,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.openedWithKeyboard ? 'first' : 'dialog',"fallback-placements":_vm.fallbackPlacements,"padding":"none","role":"menu","modal":_vm.modal,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"open-with-arrow-keys":true,"open-on-context":_vm.openOnContext},scopedSlots:_vm._u([{key:"anchor",fn:function(ref){
7995
7995
  var attrs = ref.attrs;
7996
7996
  return [_vm._t("anchor",null,null,attrs)]}},{key:"content",fn:function(ref){
7997
7997
  var close = ref.close;
7998
7998
  return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,"data-qa":"dt-dropdown-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[_vm._t("list",null,{"close":close}),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"tabindex":_vm.isArrowKeyNav ? -1 : 0},on:{"close":close}}):_vm._e()],2)]}}],null,true)},_vm.dropdownListeners))}
7999
- var dropdownvue_type_template_id_1b8b46fc_staticRenderFns = []
7999
+ var dropdownvue_type_template_id_70cb2bdc_staticRenderFns = []
8000
8000
 
8001
8001
 
8002
- ;// 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=7c55e742&
8003
- var popovervue_type_template_id_7c55e742_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--opened': _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":_vm.onContext,"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":{
8002
+ ;// 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=72eb20e1&
8003
+ var popovervue_type_template_id_72eb20e1_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();},"wheel":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--opened': _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":_vm.onContext,"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)}],"!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":{
8004
8004
  'aria-expanded': _vm.isOpen.toString(),
8005
8005
  'aria-controls': _vm.id,
8006
8006
  'aria-haspopup': _vm.role,
8007
8007
  }})],2),_c('dt-lazy-show',_vm._g({ref:"content",class:['d-popover__dialog', { 'd-popover__dialog--modal': _vm.modal }, _vm.dialogClass],style:({
8008
8008
  'max-height': _vm.maxHeight,
8009
8009
  'max-width': _vm.maxWidth,
8010
- }),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":""}},_vm.popoverListeners),[(_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:[
8010
+ }),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:{"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); }}},_vm.popoverListeners),[(_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:[
8011
8011
  'd-popover__content',
8012
8012
  _vm.POPOVER_PADDING_CLASSES[_vm.padding],
8013
8013
  _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(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.closePopover}}):_vm._e()],1)],1)],1)}
8014
- var popovervue_type_template_id_7c55e742_staticRenderFns = []
8014
+ var popovervue_type_template_id_72eb20e1_staticRenderFns = []
8015
8015
 
8016
8016
 
8017
8017
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -12960,6 +12960,7 @@ var popover_header_footer_component = normalizeComponent(
12960
12960
  //
12961
12961
  //
12962
12962
  //
12963
+ //
12963
12964
 
12964
12965
  /* eslint-disable max-lines */
12965
12966
 
@@ -13698,8 +13699,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(230);
13698
13699
 
13699
13700
  var popover_component = normalizeComponent(
13700
13701
  popover_popovervue_type_script_lang_js_,
13701
- popovervue_type_template_id_7c55e742_render,
13702
- popovervue_type_template_id_7c55e742_staticRenderFns,
13702
+ popovervue_type_template_id_72eb20e1_render,
13703
+ popovervue_type_template_id_72eb20e1_staticRenderFns,
13703
13704
  false,
13704
13705
  null,
13705
13706
  null,
@@ -13714,8 +13715,8 @@ var popover_component = normalizeComponent(
13714
13715
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown_constants.js
13715
13716
  const DROPDOWN_PADDING_CLASSES = {
13716
13717
  none: undefined,
13717
- small: 'd-py6',
13718
- large: 'd-py12'
13718
+ small: 'd-py4',
13719
+ large: 'd-py8'
13719
13720
  };
13720
13721
  ;// 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/dropdown/dropdown.vue?vue&type=script&lang=js&
13721
13722
  //
@@ -14032,7 +14033,7 @@ const DROPDOWN_PADDING_CLASSES = {
14032
14033
  },
14033
14034
 
14034
14035
  listClasses() {
14035
- return ['d-ps-relative', 'd-px0', DROPDOWN_PADDING_CLASSES[this.padding], this.listClass, {
14036
+ return ['d-ps-relative', 'd-stack2', 'd-m4', 'd-px0', DROPDOWN_PADDING_CLASSES[this.padding], this.listClass, {
14036
14037
  'd-context-menu-list': this.openOnContext
14037
14038
  }];
14038
14039
  }
@@ -14167,8 +14168,8 @@ var dropdownvue_type_style_index_0_lang_less_ = __webpack_require__(782);
14167
14168
 
14168
14169
  var dropdown_component = normalizeComponent(
14169
14170
  dropdown_dropdownvue_type_script_lang_js_,
14170
- dropdownvue_type_template_id_1b8b46fc_render,
14171
- dropdownvue_type_template_id_1b8b46fc_staticRenderFns,
14171
+ dropdownvue_type_template_id_70cb2bdc_render,
14172
+ dropdownvue_type_template_id_70cb2bdc_staticRenderFns,
14172
14173
  false,
14173
14174
  null,
14174
14175
  null,
@@ -14177,9 +14178,9 @@ var dropdown_component = normalizeComponent(
14177
14178
  )
14178
14179
 
14179
14180
  /* harmony default export */ const dropdown = (dropdown_component.exports);
14180
- ;// 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/dropdown/dropdown_list.vue?vue&type=template&id=55a3b3f2&
14181
- var dropdown_listvue_type_template_id_55a3b3f2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[(_vm.heading)?_c('div',{staticClass:"dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12 d-d-flex d-ai-center"},[_c('span',[_vm._v(_vm._s(_vm.heading))])]):_vm._e(),_c('ul',{class:['d-ps-relative', 'd-px0', _vm.listClass],attrs:{"data-qa":"dt-dropdown-list-wrapper"}},[_vm._t("default")],2)])}
14182
- var dropdown_listvue_type_template_id_55a3b3f2_staticRenderFns = []
14181
+ ;// 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/dropdown/dropdown_list.vue?vue&type=template&id=c83c6b9a&
14182
+ var dropdown_listvue_type_template_id_c83c6b9a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[(_vm.heading)?_c('div',{staticClass:"dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12 d-d-flex d-ai-center"},[_c('span',[_vm._v(_vm._s(_vm.heading))])]):_vm._e(),_c('ul',{class:['d-ps-relative', 'd-stack2', 'd-px0', _vm.listClass],attrs:{"data-qa":"dt-dropdown-list-wrapper"}},[_vm._t("default")],2)])}
14183
+ var dropdown_listvue_type_template_id_c83c6b9a_staticRenderFns = []
14183
14184
 
14184
14185
 
14185
14186
  ;// 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/dropdown/dropdown_list.vue?vue&type=script&lang=js&
@@ -14234,8 +14235,8 @@ var dropdown_listvue_type_template_id_55a3b3f2_staticRenderFns = []
14234
14235
  ;
14235
14236
  var dropdown_list_component = normalizeComponent(
14236
14237
  dropdown_dropdown_listvue_type_script_lang_js_,
14237
- dropdown_listvue_type_template_id_55a3b3f2_render,
14238
- dropdown_listvue_type_template_id_55a3b3f2_staticRenderFns,
14238
+ dropdown_listvue_type_template_id_c83c6b9a_render,
14239
+ dropdown_listvue_type_template_id_c83c6b9a_staticRenderFns,
14239
14240
  false,
14240
14241
  null,
14241
14242
  null,
@@ -14244,9 +14245,9 @@ var dropdown_list_component = normalizeComponent(
14244
14245
  )
14245
14246
 
14246
14247
  /* harmony default export */ const dropdown_list = (dropdown_list_component.exports);
14247
- ;// 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/dropdown/dropdown_separator.vue?vue&type=template&id=703ad17c&
14248
- var dropdown_separatorvue_type_template_id_703ad17c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"dt-list-separator d-bgc-black-300 d-my8",attrs:{"aria-hidden":"true"}})}
14249
- var dropdown_separatorvue_type_template_id_703ad17c_staticRenderFns = []
14248
+ ;// 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/dropdown/dropdown_separator.vue?vue&type=template&id=7efcdecb&
14249
+ var dropdown_separatorvue_type_template_id_7efcdecb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"dt-list-separator d-bgc-black-300 d-my4 d-mxn4",attrs:{"aria-hidden":"true"}})}
14250
+ var dropdown_separatorvue_type_template_id_7efcdecb_staticRenderFns = []
14250
14251
 
14251
14252
 
14252
14253
  ;// 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/dropdown/dropdown_separator.vue?vue&type=script&lang=js&
@@ -14277,8 +14278,8 @@ var dropdown_separatorvue_type_style_index_0_lang_less_ = __webpack_require__(20
14277
14278
 
14278
14279
  var dropdown_separator_component = normalizeComponent(
14279
14280
  dropdown_dropdown_separatorvue_type_script_lang_js_,
14280
- dropdown_separatorvue_type_template_id_703ad17c_render,
14281
- dropdown_separatorvue_type_template_id_703ad17c_staticRenderFns,
14281
+ dropdown_separatorvue_type_template_id_7efcdecb_render,
14282
+ dropdown_separatorvue_type_template_id_7efcdecb_staticRenderFns,
14282
14283
  false,
14283
14284
  null,
14284
14285
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -100,7 +100,7 @@ __webpack_require__.r(__webpack_exports__);
100
100
 
101
101
  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()));
102
102
  // Module
103
- ___CSS_LOADER_EXPORT___.push([module.id, ".d-context-menu-list{width:24rem}", ""]);
103
+ ___CSS_LOADER_EXPORT___.push([module.id, ".d-context-menu-list{width:calc(var(--size-300)*48)}", ""]);
104
104
  // Exports
105
105
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
106
106
 
@@ -124,7 +124,7 @@ __webpack_require__.r(__webpack_exports__);
124
124
 
125
125
  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()));
126
126
  // Module
127
- ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-separator{height:1px;list-style:none}", ""]);
127
+ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item[role=menuitem]{border-radius:var(--size-300)}.dt-list-separator{height:var(--size-100);list-style:none}", ""]);
128
128
  // Exports
129
129
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
130
130
 
@@ -172,7 +172,7 @@ __webpack_require__.r(__webpack_exports__);
172
172
 
173
173
  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()));
174
174
  // Module
175
- ___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{border-radius:var(--br4);outline:none;box-shadow:inset 0 0 0 var(--su2) var(--focus-ring)}", ""]);
175
+ ___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-900-h),var(--black-900-s),var(--black-900-l),.05)}.dt-list-item--highlighted:active{background-color:hsla(var(--black-900-h),var(--black-900-s),var(--black-900-l),.1)}.dt-list-item:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--su2) var(--focus-ring)}", ""]);
176
176
  // Exports
177
177
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
178
178
 
@@ -5573,13 +5573,13 @@ var combobox_loading_listvue_type_template_id_07d9971d_render = function () {var
5573
5573
  var combobox_loading_listvue_type_template_id_07d9971d_staticRenderFns = []
5574
5574
 
5575
5575
 
5576
- ;// 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=2554ff00&
5577
- var list_itemvue_type_template_id_2554ff00_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', {
5576
+ ;// 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=8f7f45ce&
5577
+ var list_itemvue_type_template_id_8f7f45ce_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', {
5578
5578
  'dt-list-item--focusable': _vm.isFocusable,
5579
5579
  'dt-list-item--highlighted': _vm.isHighlighted,
5580
5580
  'dt-list-item--static': !_vm.isHoverable,
5581
5581
  }],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)}
5582
- var list_itemvue_type_template_id_2554ff00_staticRenderFns = []
5582
+ var list_itemvue_type_template_id_8f7f45ce_staticRenderFns = []
5583
5583
 
5584
5584
 
5585
5585
  ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
@@ -5596,9 +5596,9 @@ const LIST_ITEM_NAVIGATION_TYPES = {
5596
5596
  LIST_ITEM_TYPES,
5597
5597
  LIST_ITEM_NAVIGATION_TYPES
5598
5598
  });
5599
- ;// 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=2006c592&
5600
- var default_list_itemvue_type_template_id_2006c592_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 d-of-hidden"},[(_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()])}
5601
- var default_list_itemvue_type_template_id_2006c592_staticRenderFns = []
5599
+ ;// 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=19664905&
5600
+ var default_list_itemvue_type_template_id_19664905_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-lh-300 d-py4 d-px8 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 d-of-hidden"},[(_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()])}
5601
+ var default_list_itemvue_type_template_id_19664905_staticRenderFns = []
5602
5602
 
5603
5603
 
5604
5604
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[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&
@@ -5665,8 +5665,8 @@ var default_list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(737
5665
5665
 
5666
5666
  var default_list_item_component = normalizeComponent(
5667
5667
  list_item_default_list_itemvue_type_script_lang_js_,
5668
- default_list_itemvue_type_template_id_2006c592_render,
5669
- default_list_itemvue_type_template_id_2006c592_staticRenderFns,
5668
+ default_list_itemvue_type_template_id_19664905_render,
5669
+ default_list_itemvue_type_template_id_19664905_staticRenderFns,
5670
5670
  false,
5671
5671
  null,
5672
5672
  null,
@@ -5907,8 +5907,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__(285);
5907
5907
 
5908
5908
  var list_item_component = normalizeComponent(
5909
5909
  list_item_list_itemvue_type_script_lang_js_,
5910
- list_itemvue_type_template_id_2554ff00_render,
5911
- list_itemvue_type_template_id_2554ff00_staticRenderFns,
5910
+ list_itemvue_type_template_id_8f7f45ce_render,
5911
+ list_itemvue_type_template_id_8f7f45ce_staticRenderFns,
5912
5912
  false,
5913
5913
  null,
5914
5914
  null,
@@ -8000,28 +8000,28 @@ var collapsible_component = normalizeComponent(
8000
8000
  /* harmony default export */ const collapsible = (collapsible_component.exports);
8001
8001
  ;// CONCATENATED MODULE: ./components/collapsible/index.js
8002
8002
 
8003
- ;// 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/dropdown/dropdown.vue?vue&type=template&id=1b8b46fc&
8004
- var dropdownvue_type_template_id_1b8b46fc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-popover',_vm._g({ref:"popover",attrs:{"content-width":_vm.contentWidth,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.openedWithKeyboard ? 'first' : 'dialog',"fallback-placements":_vm.fallbackPlacements,"padding":"none","role":"menu","modal":_vm.modal,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"open-with-arrow-keys":true,"open-on-context":_vm.openOnContext},scopedSlots:_vm._u([{key:"anchor",fn:function(ref){
8003
+ ;// 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/dropdown/dropdown.vue?vue&type=template&id=70cb2bdc&
8004
+ var dropdownvue_type_template_id_70cb2bdc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-popover',_vm._g({ref:"popover",attrs:{"content-width":_vm.contentWidth,"open":_vm.open,"placement":_vm.placement,"initial-focus-element":_vm.openedWithKeyboard ? 'first' : 'dialog',"fallback-placements":_vm.fallbackPlacements,"padding":"none","role":"menu","modal":_vm.modal,"max-height":_vm.maxHeight,"max-width":_vm.maxWidth,"open-with-arrow-keys":true,"open-on-context":_vm.openOnContext},scopedSlots:_vm._u([{key:"anchor",fn:function(ref){
8005
8005
  var attrs = ref.attrs;
8006
8006
  return [_vm._t("anchor",null,null,attrs)]}},{key:"content",fn:function(ref){
8007
8007
  var close = ref.close;
8008
8008
  return [_c('ul',{ref:"listWrapper",class:_vm.listClasses,attrs:{"id":_vm.listId,"data-qa":"dt-dropdown-list-wrapper"},on:{"mouseleave":_vm.clearHighlightIndex,"!mousemove":function($event){return _vm.onMouseHighlight.apply(null, arguments)}}},[_vm._t("list",null,{"close":close}),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel,"tabindex":_vm.isArrowKeyNav ? -1 : 0},on:{"close":close}}):_vm._e()],2)]}}],null,true)},_vm.dropdownListeners))}
8009
- var dropdownvue_type_template_id_1b8b46fc_staticRenderFns = []
8009
+ var dropdownvue_type_template_id_70cb2bdc_staticRenderFns = []
8010
8010
 
8011
8011
 
8012
- ;// 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=7c55e742&
8013
- var popovervue_type_template_id_7c55e742_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--opened': _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":_vm.onContext,"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":{
8012
+ ;// 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=72eb20e1&
8013
+ var popovervue_type_template_id_72eb20e1_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();},"wheel":function($event){$event.preventDefault();$event.stopPropagation();}}})]):_vm._e(),_c(_vm.elementType,_vm._g({ref:"popover",tag:"component",class:['d-popover', { 'd-popover__anchor--opened': _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":_vm.onContext,"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)}],"!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":{
8014
8014
  'aria-expanded': _vm.isOpen.toString(),
8015
8015
  'aria-controls': _vm.id,
8016
8016
  'aria-haspopup': _vm.role,
8017
8017
  }})],2),_c('dt-lazy-show',_vm._g({ref:"content",class:['d-popover__dialog', { 'd-popover__dialog--modal': _vm.modal }, _vm.dialogClass],style:({
8018
8018
  'max-height': _vm.maxHeight,
8019
8019
  'max-width': _vm.maxWidth,
8020
- }),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":""}},_vm.popoverListeners),[(_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:[
8020
+ }),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:{"wheel":function (e) { return (_vm.isOpen && _vm.modal) && e.preventDefault(); }}},_vm.popoverListeners),[(_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:[
8021
8021
  'd-popover__content',
8022
8022
  _vm.POPOVER_PADDING_CLASSES[_vm.padding],
8023
8023
  _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(),(_vm.showVisuallyHiddenClose)?_c('sr-only-close-button',{attrs:{"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel},on:{"close":_vm.closePopover}}):_vm._e()],1)],1)],1)}
8024
- var popovervue_type_template_id_7c55e742_staticRenderFns = []
8024
+ var popovervue_type_template_id_72eb20e1_staticRenderFns = []
8025
8025
 
8026
8026
 
8027
8027
  ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
@@ -12970,6 +12970,7 @@ var popover_header_footer_component = normalizeComponent(
12970
12970
  //
12971
12971
  //
12972
12972
  //
12973
+ //
12973
12974
 
12974
12975
  /* eslint-disable max-lines */
12975
12976
 
@@ -13708,8 +13709,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__(532);
13708
13709
 
13709
13710
  var popover_component = normalizeComponent(
13710
13711
  popover_popovervue_type_script_lang_js_,
13711
- popovervue_type_template_id_7c55e742_render,
13712
- popovervue_type_template_id_7c55e742_staticRenderFns,
13712
+ popovervue_type_template_id_72eb20e1_render,
13713
+ popovervue_type_template_id_72eb20e1_staticRenderFns,
13713
13714
  false,
13714
13715
  null,
13715
13716
  null,
@@ -13724,8 +13725,8 @@ var popover_component = normalizeComponent(
13724
13725
  ;// CONCATENATED MODULE: ./components/dropdown/dropdown_constants.js
13725
13726
  const DROPDOWN_PADDING_CLASSES = {
13726
13727
  none: undefined,
13727
- small: 'd-py6',
13728
- large: 'd-py12'
13728
+ small: 'd-py4',
13729
+ large: 'd-py8'
13729
13730
  };
13730
13731
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/dropdown/dropdown.vue?vue&type=script&lang=js&
13731
13732
  //
@@ -14042,7 +14043,7 @@ const DROPDOWN_PADDING_CLASSES = {
14042
14043
  },
14043
14044
 
14044
14045
  listClasses() {
14045
- return ['d-ps-relative', 'd-px0', DROPDOWN_PADDING_CLASSES[this.padding], this.listClass, {
14046
+ return ['d-ps-relative', 'd-stack2', 'd-m4', 'd-px0', DROPDOWN_PADDING_CLASSES[this.padding], this.listClass, {
14046
14047
  'd-context-menu-list': this.openOnContext
14047
14048
  }];
14048
14049
  }
@@ -14177,8 +14178,8 @@ var dropdownvue_type_style_index_0_lang_less_ = __webpack_require__(774);
14177
14178
 
14178
14179
  var dropdown_component = normalizeComponent(
14179
14180
  dropdown_dropdownvue_type_script_lang_js_,
14180
- dropdownvue_type_template_id_1b8b46fc_render,
14181
- dropdownvue_type_template_id_1b8b46fc_staticRenderFns,
14181
+ dropdownvue_type_template_id_70cb2bdc_render,
14182
+ dropdownvue_type_template_id_70cb2bdc_staticRenderFns,
14182
14183
  false,
14183
14184
  null,
14184
14185
  null,
@@ -14187,9 +14188,9 @@ var dropdown_component = normalizeComponent(
14187
14188
  )
14188
14189
 
14189
14190
  /* harmony default export */ const dropdown = (dropdown_component.exports);
14190
- ;// 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/dropdown/dropdown_list.vue?vue&type=template&id=55a3b3f2&
14191
- var dropdown_listvue_type_template_id_55a3b3f2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[(_vm.heading)?_c('div',{staticClass:"dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12 d-d-flex d-ai-center"},[_c('span',[_vm._v(_vm._s(_vm.heading))])]):_vm._e(),_c('ul',{class:['d-ps-relative', 'd-px0', _vm.listClass],attrs:{"data-qa":"dt-dropdown-list-wrapper"}},[_vm._t("default")],2)])}
14192
- var dropdown_listvue_type_template_id_55a3b3f2_staticRenderFns = []
14191
+ ;// 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/dropdown/dropdown_list.vue?vue&type=template&id=c83c6b9a&
14192
+ var dropdown_listvue_type_template_id_c83c6b9a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[(_vm.heading)?_c('div',{staticClass:"dt-dropdown-list--header d-fs12 d-fc-black-400 d-fw-bold d-lh4 d-py4 d-px12 d-d-flex d-ai-center"},[_c('span',[_vm._v(_vm._s(_vm.heading))])]):_vm._e(),_c('ul',{class:['d-ps-relative', 'd-stack2', 'd-px0', _vm.listClass],attrs:{"data-qa":"dt-dropdown-list-wrapper"}},[_vm._t("default")],2)])}
14193
+ var dropdown_listvue_type_template_id_c83c6b9a_staticRenderFns = []
14193
14194
 
14194
14195
 
14195
14196
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/dropdown/dropdown_list.vue?vue&type=script&lang=js&
@@ -14244,8 +14245,8 @@ var dropdown_listvue_type_template_id_55a3b3f2_staticRenderFns = []
14244
14245
  ;
14245
14246
  var dropdown_list_component = normalizeComponent(
14246
14247
  dropdown_dropdown_listvue_type_script_lang_js_,
14247
- dropdown_listvue_type_template_id_55a3b3f2_render,
14248
- dropdown_listvue_type_template_id_55a3b3f2_staticRenderFns,
14248
+ dropdown_listvue_type_template_id_c83c6b9a_render,
14249
+ dropdown_listvue_type_template_id_c83c6b9a_staticRenderFns,
14249
14250
  false,
14250
14251
  null,
14251
14252
  null,
@@ -14254,9 +14255,9 @@ var dropdown_list_component = normalizeComponent(
14254
14255
  )
14255
14256
 
14256
14257
  /* harmony default export */ const dropdown_list = (dropdown_list_component.exports);
14257
- ;// 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/dropdown/dropdown_separator.vue?vue&type=template&id=703ad17c&
14258
- var dropdown_separatorvue_type_template_id_703ad17c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"dt-list-separator d-bgc-black-300 d-my8",attrs:{"aria-hidden":"true"}})}
14259
- var dropdown_separatorvue_type_template_id_703ad17c_staticRenderFns = []
14258
+ ;// 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/dropdown/dropdown_separator.vue?vue&type=template&id=7efcdecb&
14259
+ var dropdown_separatorvue_type_template_id_7efcdecb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"dt-list-separator d-bgc-black-300 d-my4 d-mxn4",attrs:{"aria-hidden":"true"}})}
14260
+ var dropdown_separatorvue_type_template_id_7efcdecb_staticRenderFns = []
14260
14261
 
14261
14262
 
14262
14263
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/dropdown/dropdown_separator.vue?vue&type=script&lang=js&
@@ -14287,8 +14288,8 @@ var dropdown_separatorvue_type_style_index_0_lang_less_ = __webpack_require__(17
14287
14288
 
14288
14289
  var dropdown_separator_component = normalizeComponent(
14289
14290
  dropdown_dropdown_separatorvue_type_script_lang_js_,
14290
- dropdown_separatorvue_type_template_id_703ad17c_render,
14291
- dropdown_separatorvue_type_template_id_703ad17c_staticRenderFns,
14291
+ dropdown_separatorvue_type_template_id_7efcdecb_render,
14292
+ dropdown_separatorvue_type_template_id_7efcdecb_staticRenderFns,
14292
14293
  false,
14293
14294
  null,
14294
14295
  null,