@dialpad/dialtone-vue 2.34.0 → 2.36.0

package/dist/dialtone-vue.common.js

@@ -1139,6 +1139,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtDropdownList": () => (/* reexport */ dropdown_list),
   "DtDropdownSeparator": () => (/* reexport */ dropdown_separator),
   "DtGroupableInputMixin": () => (/* reexport */ GroupableMixin),
+  "DtIcon": () => (/* reexport */ icon),
   "DtInput": () => (/* reexport */ input_input),
   "DtInputGroup": () => (/* reexport */ input_group_input_group),
   "DtInputGroupMixin": () => (/* reexport */ InputGroupMixin),
@@ -1148,6 +1149,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtLazyShow": () => (/* reexport */ lazy_show),
   "DtLink": () => (/* reexport */ link_link),
   "DtListItem": () => (/* reexport */ list_item),
+  "DtListItemGroup": () => (/* reexport */ list_item_group),
   "DtListSection": () => (/* reexport */ list_section),
   "DtModal": () => (/* reexport */ modal_modal),
   "DtNotice": () => (/* reexport */ notice),
@@ -1469,6 +1471,15 @@ const flushPromises = () => {
     scheduler(resolve);
   });
 };
+/**
+ * Transform a string from kebab-case to pascalCase
+ * @param string
+ * @returns {string}
+ */
+
+const kebabCaseToPascalCase = string => {
+  return string.toLowerCase().split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
+};
 /* harmony default export */ const utils = ({
   getUniqueString,
   formatMessages,
@@ -1476,7 +1487,8 @@ const flushPromises = () => {
   hasFormattedMessageOfType,
   getValidationState,
   htmlFragment,
-  flushPromises
+  flushPromises,
+  kebabCaseToPascalCase
 });
 ;// 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/avatar/avatar.vue?vue&type=script&lang=js&
 //
@@ -12800,9 +12812,9 @@ var dropdown_list_component = normalizeComponent(
 )
 
 /* harmony default export */ const dropdown_list = (dropdown_list_component.exports);
-;// 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=6a948a17&
-var dropdown_separatorvue_type_template_id_6a948a17_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-075 d-my8",attrs:{"aria-hidden":"true"}})}
-var dropdown_separatorvue_type_template_id_6a948a17_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/dropdown/dropdown_separator.vue?vue&type=template&id=703ad17c&
+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"}})}
+var dropdown_separatorvue_type_template_id_703ad17c_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/dropdown/dropdown_separator.vue?vue&type=script&lang=js&
@@ -12833,8 +12845,8 @@ var dropdown_separatorvue_type_style_index_0_lang_less_ = __webpack_require__(20
 
 var dropdown_separator_component = normalizeComponent(
   dropdown_dropdown_separatorvue_type_script_lang_js_,
-  dropdown_separatorvue_type_template_id_6a948a17_render,
-  dropdown_separatorvue_type_template_id_6a948a17_staticRenderFns,
+  dropdown_separatorvue_type_template_id_703ad17c_render,
+  dropdown_separatorvue_type_template_id_703ad17c_staticRenderFns,
   false,
   null,
   null,
@@ -14930,6 +14942,109 @@ var list_section_component = normalizeComponent(
 /* harmony default export */ const list_section = (list_section_component.exports);
 ;// CONCATENATED MODULE: ./components/list_section/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_item_group/list_item_group.vue?vue&type=template&id=f5aed6e8&
+var list_item_groupvue_type_template_id_f5aed6e8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{class:['d-ps-relative', 'd-px0', _vm.listClass],attrs:{"id":_vm.id,"role":"group","data-qa":"dt-dropdown-list-wrapper","aria-labelledby":(_vm.id + "-heading")}},[(_vm.heading)?_c('li',{class:['dt-dropdown-list--header', _vm.headingClass],attrs:{"id":(_vm.id + "-heading"),"role":"presentation","data-qa":"dt-dropdown-list-heading"}},[_vm._t("headingSlot",function(){return [_vm._v(" "+_vm._s(_vm.heading)+" ")]})],2):_vm._e(),_vm._t("default")],2)}
+var list_item_groupvue_type_template_id_f5aed6e8_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./components/list_item_group/list_item_group_constants.js
+const DEFAULT_CONSTANTS = null;
+/* harmony default export */ const list_item_group_constants = ({
+  DEFAULT_CONSTANTS
+});
+;// 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_group/list_item_group.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ const list_item_groupvue_type_script_lang_js_ = ({
+  name: 'DtListItemGroup',
+  props: {
+    /**
+     * Id of the List Item Group
+     */
+    id: {
+      type: String,
+
+      default() {
+        return getUniqueString();
+      }
+
+    },
+
+    /**
+     * List's heading.
+     */
+    heading: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Additional class to style the heading
+     */
+    headingClass: {
+      type: [String, Array, Object],
+      default: ''
+    },
+
+    /**
+     * Additional class for the wrapper list element.
+     */
+    listClass: {
+      type: [String, Array, Object],
+      default: ''
+    }
+  }
+});
+;// CONCATENATED MODULE: ./components/list_item_group/list_item_group.vue?vue&type=script&lang=js&
+ /* harmony default export */ const list_item_group_list_item_groupvue_type_script_lang_js_ = (list_item_groupvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./components/list_item_group/list_item_group.vue
+
+
+
+
+
+/* normalize component */
+;
+var list_item_group_component = normalizeComponent(
+  list_item_group_list_item_groupvue_type_script_lang_js_,
+  list_item_groupvue_type_template_id_f5aed6e8_render,
+  list_item_groupvue_type_template_id_f5aed6e8_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const list_item_group = (list_item_group_component.exports);
+;// CONCATENATED MODULE: ./components/list_item_group/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/notice/notice.vue?vue&type=template&id=e0e44b44&
 var noticevue_type_template_id_e0e44b44_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.noticeClass,attrs:{"data-qa":"notice"}},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps,"visually-hidden-close":_vm.visuallyHiddenClose,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel}},_vm.$listeners),[_vm._t("action")],2)],1)}
 var noticevue_type_template_id_e0e44b44_staticRenderFns = []
@@ -18975,6 +19090,111 @@ var root_layout_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/root_layout/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/icon/icon.vue?vue&type=template&id=1ca37c55&
+var iconvue_type_template_id_1ca37c55_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.currentIcon,{tag:"component",class:_vm.iconSize,attrs:{"data-qa":"dt-icon"}})}
+var iconvue_type_template_id_1ca37c55_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./components/icon/icon_constants.js
+const ICON_SIZE_MODIFIERS = {
+  100: 'd-icon--size-100',
+  200: 'd-icon--size-200',
+  300: 'd-icon--size-300',
+  400: 'd-icon--size-400',
+  500: 'd-icon--size-500',
+  600: 'd-icon--size-600',
+  700: 'd-icon--size-700',
+  800: 'd-icon--size-800'
+};
+/* harmony default export */ const icon_constants = ({
+  ICON_SIZE_MODIFIERS
+});
+;// CONCATENATED MODULE: external "@dialpad/dialtone-icons"
+const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
+;// 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/icon/icon.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/**
+ * The Icon component provides a set of glyphs and sizes to provide context your application.
+ * @see https://dialpad.design/components/icon.html
+ */
+
+/* harmony default export */ const iconvue_type_script_lang_js_ = ({
+  name: 'DtIcon',
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: '500',
+      validator: s => Object.keys(ICON_SIZE_MODIFIERS).includes(s)
+    },
+
+    /**
+     * The icon name in kebab-case
+     */
+    name: {
+      type: String,
+      required: true
+    }
+  },
+
+  data() {
+    return {
+      dialtoneIcons: dialtone_icons_namespaceObject
+    };
+  },
+
+  computed: {
+    iconSize() {
+      return ICON_SIZE_MODIFIERS[this.size];
+    },
+
+    iconName() {
+      return kebabCaseToPascalCase(this.name);
+    },
+
+    currentIcon() {
+      return this.dialtoneIcons[this.iconName];
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=script&lang=js&
+ /* harmony default export */ const icon_iconvue_type_script_lang_js_ = (iconvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./components/icon/icon.vue
+
+
+
+
+
+/* normalize component */
+;
+var icon_component = normalizeComponent(
+  icon_iconvue_type_script_lang_js_,
+  iconvue_type_template_id_1ca37c55_render,
+  iconvue_type_template_id_1ca37c55_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const icon = (icon_component.exports);
+;// CONCATENATED MODULE: ./components/icon/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/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=96ff85ec&
 var combobox_with_popovervue_type_template_id_96ff85ec_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-combobox',_vm._g({ref:"combobox",attrs:{"loading":_vm.loading,"empty-list":_vm.emptyList,"empty-state-message":_vm.emptyStateMessage,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-aria-label":_vm.listAriaLabel,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
 var inputProps = ref.inputProps;
@@ -21563,6 +21783,8 @@ var grouped_chip_component = normalizeComponent(
 
 
 
+
+
 
 
 

package/dist/dialtone-vue.umd.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("vue"));
+		module.exports = factory();
 	else if(typeof define === 'function' && define.amd)
 		define([], factory);
 	else if(typeof exports === 'object')
-		exports["dialtone-vue"] = factory(require("vue"));
+		exports["dialtone-vue"] = factory();
 	else
-		root["dialtone-vue"] = factory(root["Vue"]);
-})((typeof self !== 'undefined' ? self : this), (__WEBPACK_EXTERNAL_MODULE__203__) => {
+		root["dialtone-vue"] = factory();
+})((typeof self !== 'undefined' ? self : this), () => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -1036,14 +1036,6 @@ function applyToTag (styleElement, obj) {
 }
 
 
-/***/ }),
-
-/***/ 203:
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__203__;
-
 /***/ })
 
 /******/ 	});
@@ -1157,6 +1149,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtDropdownList": () => (/* reexport */ dropdown_list),
   "DtDropdownSeparator": () => (/* reexport */ dropdown_separator),
   "DtGroupableInputMixin": () => (/* reexport */ GroupableMixin),
+  "DtIcon": () => (/* reexport */ icon),
   "DtInput": () => (/* reexport */ input_input),
   "DtInputGroup": () => (/* reexport */ input_group_input_group),
   "DtInputGroupMixin": () => (/* reexport */ InputGroupMixin),
@@ -1166,6 +1159,7 @@ __webpack_require__.d(__webpack_exports__, {
   "DtLazyShow": () => (/* reexport */ lazy_show),
   "DtLink": () => (/* reexport */ link_link),
   "DtListItem": () => (/* reexport */ list_item),
+  "DtListItemGroup": () => (/* reexport */ list_item_group),
   "DtListSection": () => (/* reexport */ list_section),
   "DtModal": () => (/* reexport */ modal_modal),
   "DtNotice": () => (/* reexport */ notice),
@@ -1275,9 +1269,9 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
 var staticRenderFns = []
 
 
-// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
-var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(203);
-var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
+;// CONCATENATED MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
+const external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject = require("vue");
+var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject);
 ;// CONCATENATED MODULE: ./components/avatar/avatar_constants.js
 const AVATAR_KIND_MODIFIERS = {
   default: '',
@@ -1487,6 +1481,15 @@ const flushPromises = () => {
     scheduler(resolve);
   });
 };
+/**
+ * Transform a string from kebab-case to pascalCase
+ * @param string
+ * @returns {string}
+ */
+
+const kebabCaseToPascalCase = string => {
+  return string.toLowerCase().split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
+};
 /* harmony default export */ const utils = ({
   getUniqueString,
   formatMessages,
@@ -1494,7 +1497,8 @@ const flushPromises = () => {
   hasFormattedMessageOfType,
   getValidationState,
   htmlFragment,
-  flushPromises
+  flushPromises,
+  kebabCaseToPascalCase
 });
 ;// 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/avatar/avatar.vue?vue&type=script&lang=js&
 //
@@ -12818,9 +12822,9 @@ var dropdown_list_component = normalizeComponent(
 )
 
 /* harmony default export */ const dropdown_list = (dropdown_list_component.exports);
-;// 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=6a948a17&
-var dropdown_separatorvue_type_template_id_6a948a17_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-075 d-my8",attrs:{"aria-hidden":"true"}})}
-var dropdown_separatorvue_type_template_id_6a948a17_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/dropdown/dropdown_separator.vue?vue&type=template&id=703ad17c&
+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"}})}
+var dropdown_separatorvue_type_template_id_703ad17c_staticRenderFns = []
 
 
 ;// 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&
@@ -12851,8 +12855,8 @@ var dropdown_separatorvue_type_style_index_0_lang_less_ = __webpack_require__(17
 
 var dropdown_separator_component = normalizeComponent(
   dropdown_dropdown_separatorvue_type_script_lang_js_,
-  dropdown_separatorvue_type_template_id_6a948a17_render,
-  dropdown_separatorvue_type_template_id_6a948a17_staticRenderFns,
+  dropdown_separatorvue_type_template_id_703ad17c_render,
+  dropdown_separatorvue_type_template_id_703ad17c_staticRenderFns,
   false,
   null,
   null,
@@ -14948,6 +14952,109 @@ var list_section_component = normalizeComponent(
 /* harmony default export */ const list_section = (list_section_component.exports);
 ;// CONCATENATED MODULE: ./components/list_section/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_item_group/list_item_group.vue?vue&type=template&id=f5aed6e8&
+var list_item_groupvue_type_template_id_f5aed6e8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{class:['d-ps-relative', 'd-px0', _vm.listClass],attrs:{"id":_vm.id,"role":"group","data-qa":"dt-dropdown-list-wrapper","aria-labelledby":(_vm.id + "-heading")}},[(_vm.heading)?_c('li',{class:['dt-dropdown-list--header', _vm.headingClass],attrs:{"id":(_vm.id + "-heading"),"role":"presentation","data-qa":"dt-dropdown-list-heading"}},[_vm._t("headingSlot",function(){return [_vm._v(" "+_vm._s(_vm.heading)+" ")]})],2):_vm._e(),_vm._t("default")],2)}
+var list_item_groupvue_type_template_id_f5aed6e8_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./components/list_item_group/list_item_group_constants.js
+const DEFAULT_CONSTANTS = null;
+/* harmony default export */ const list_item_group_constants = ({
+  DEFAULT_CONSTANTS
+});
+;// 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_group/list_item_group.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ const list_item_groupvue_type_script_lang_js_ = ({
+  name: 'DtListItemGroup',
+  props: {
+    /**
+     * Id of the List Item Group
+     */
+    id: {
+      type: String,
+
+      default() {
+        return getUniqueString();
+      }
+
+    },
+
+    /**
+     * List's heading.
+     */
+    heading: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Additional class to style the heading
+     */
+    headingClass: {
+      type: [String, Array, Object],
+      default: ''
+    },
+
+    /**
+     * Additional class for the wrapper list element.
+     */
+    listClass: {
+      type: [String, Array, Object],
+      default: ''
+    }
+  }
+});
+;// CONCATENATED MODULE: ./components/list_item_group/list_item_group.vue?vue&type=script&lang=js&
+ /* harmony default export */ const list_item_group_list_item_groupvue_type_script_lang_js_ = (list_item_groupvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./components/list_item_group/list_item_group.vue
+
+
+
+
+
+/* normalize component */
+;
+var list_item_group_component = normalizeComponent(
+  list_item_group_list_item_groupvue_type_script_lang_js_,
+  list_item_groupvue_type_template_id_f5aed6e8_render,
+  list_item_groupvue_type_template_id_f5aed6e8_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const list_item_group = (list_item_group_component.exports);
+;// CONCATENATED MODULE: ./components/list_item_group/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/notice/notice.vue?vue&type=template&id=e0e44b44&
 var noticevue_type_template_id_e0e44b44_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.noticeClass,attrs:{"data-qa":"notice"}},[_c('dt-notice-icon',_vm._g({attrs:{"kind":_vm.kind}},_vm.$listeners),[_vm._t("icon")],2),_c('dt-notice-content',_vm._g({attrs:{"title-id":_vm.titleId,"content-id":_vm.contentId,"title":_vm.title,"role":_vm.role},scopedSlots:_vm._u([{key:"titleOverride",fn:function(){return [_vm._t("titleOverride")]},proxy:true}],null,true)},_vm.$listeners),[_vm._t("default")],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps,"visually-hidden-close":_vm.visuallyHiddenClose,"visually-hidden-close-label":_vm.visuallyHiddenCloseLabel}},_vm.$listeners),[_vm._t("action")],2)],1)}
 var noticevue_type_template_id_e0e44b44_staticRenderFns = []
@@ -18993,6 +19100,111 @@ var root_layout_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./components/root_layout/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/icon/icon.vue?vue&type=template&id=1ca37c55&
+var iconvue_type_template_id_1ca37c55_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.currentIcon,{tag:"component",class:_vm.iconSize,attrs:{"data-qa":"dt-icon"}})}
+var iconvue_type_template_id_1ca37c55_staticRenderFns = []
+
+
+;// CONCATENATED MODULE: ./components/icon/icon_constants.js
+const ICON_SIZE_MODIFIERS = {
+  100: 'd-icon--size-100',
+  200: 'd-icon--size-200',
+  300: 'd-icon--size-300',
+  400: 'd-icon--size-400',
+  500: 'd-icon--size-500',
+  600: 'd-icon--size-600',
+  700: 'd-icon--size-700',
+  800: 'd-icon--size-800'
+};
+/* harmony default export */ const icon_constants = ({
+  ICON_SIZE_MODIFIERS
+});
+;// CONCATENATED MODULE: external "@dialpad/dialtone-icons"
+const dialtone_icons_namespaceObject = require("@dialpad/dialtone-icons");
+;// 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/icon/icon.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/**
+ * The Icon component provides a set of glyphs and sizes to provide context your application.
+ * @see https://dialpad.design/components/icon.html
+ */
+
+/* harmony default export */ const iconvue_type_script_lang_js_ = ({
+  name: 'DtIcon',
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: '500',
+      validator: s => Object.keys(ICON_SIZE_MODIFIERS).includes(s)
+    },
+
+    /**
+     * The icon name in kebab-case
+     */
+    name: {
+      type: String,
+      required: true
+    }
+  },
+
+  data() {
+    return {
+      dialtoneIcons: dialtone_icons_namespaceObject
+    };
+  },
+
+  computed: {
+    iconSize() {
+      return ICON_SIZE_MODIFIERS[this.size];
+    },
+
+    iconName() {
+      return kebabCaseToPascalCase(this.name);
+    },
+
+    currentIcon() {
+      return this.dialtoneIcons[this.iconName];
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./components/icon/icon.vue?vue&type=script&lang=js&
+ /* harmony default export */ const icon_iconvue_type_script_lang_js_ = (iconvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./components/icon/icon.vue
+
+
+
+
+
+/* normalize component */
+;
+var icon_component = normalizeComponent(
+  icon_iconvue_type_script_lang_js_,
+  iconvue_type_template_id_1ca37c55_render,
+  iconvue_type_template_id_1ca37c55_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const icon = (icon_component.exports);
+;// CONCATENATED MODULE: ./components/icon/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/comboboxes/combobox_with_popover/combobox_with_popover.vue?vue&type=template&id=96ff85ec&
 var combobox_with_popovervue_type_template_id_96ff85ec_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-combobox',_vm._g({ref:"combobox",attrs:{"loading":_vm.loading,"empty-list":_vm.emptyList,"empty-state-message":_vm.emptyStateMessage,"show-list":_vm.isListShown,"on-beginning-of-list":_vm.onBeginningOfList,"on-end-of-list":_vm.onEndOfList,"list-aria-label":_vm.listAriaLabel,"list-rendered-outside":true,"list-id":_vm.listId,"data-qa":"dt-combobox"},scopedSlots:_vm._u([{key:"input",fn:function(ref){
 var inputProps = ref.inputProps;
@@ -21581,6 +21793,8 @@ var grouped_chip_component = normalizeComponent(
 
 
 
+
+