@dialpad/dialtone-vue 1.0.0-beta.4 → 1.0.0-beta.7

package/dist/dialtone-vue.umd.js

@@ -218,7 +218,7 @@ module.exports = exports;
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".dt-list-item[tabindex=\"-1\"]:focus{outline:none}.dt-list-item-clickable:focus,.dt-list-item-clickable:hover{background-color:hsla(var(--primary-color--h),var(--primary-color--s),var(--primary-color--l),.1);cursor:pointer}", ""]);
+exports.push([module.i, ".dt-list-item[tabindex=\"-1\"]:focus{outline:none}.dt-list-item-clickable:focus,.dt-list-item-clickable:hover{background-color:hsla(var(--primary-color-h),var(--primary-color-s),var(--primary-color-l),.1);cursor:pointer}", ""]);
 // Exports
 module.exports = exports;
 
@@ -599,9 +599,17 @@ var update = add("572d8ba2", content, true, {"sourceMap":false,"shadowMode":fals
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
+__webpack_require__.d(__webpack_exports__, "DtAvatar", function() { return /* reexport */ avatar; });
+__webpack_require__.d(__webpack_exports__, "AVATAR_SIZE_MODIFIERS", function() { return /* reexport */ AVATAR_SIZE_MODIFIERS; });
+__webpack_require__.d(__webpack_exports__, "AVATAR_KIND_MODIFIERS", function() { return /* reexport */ AVATAR_KIND_MODIFIERS; });
+__webpack_require__.d(__webpack_exports__, "AVATAR_COLOR_MODIFIERS", function() { return /* reexport */ AVATAR_COLOR_MODIFIERS; });
 __webpack_require__.d(__webpack_exports__, "DtBadge", function() { return /* reexport */ badge; });
 __webpack_require__.d(__webpack_exports__, "BADGE_COLOR_MODIFIERS", function() { return /* reexport */ BADGE_COLOR_MODIFIERS; });
 __webpack_require__.d(__webpack_exports__, "DtBanner", function() { return /* reexport */ banner; });
+__webpack_require__.d(__webpack_exports__, "DtBreadcrumbs", function() { return /* reexport */ breadcrumbs; });
+__webpack_require__.d(__webpack_exports__, "DtBreadcrumbItem", function() { return /* reexport */ breadcrumb_item; });
+__webpack_require__.d(__webpack_exports__, "BREADCRUMB_ITEM_SELECTED_MODIFIER", function() { return /* reexport */ BREADCRUMB_ITEM_SELECTED_MODIFIER; });
+__webpack_require__.d(__webpack_exports__, "BREADCRUMBS_INVERTED_MODIFIER", function() { return /* reexport */ BREADCRUMBS_INVERTED_MODIFIER; });
 __webpack_require__.d(__webpack_exports__, "DtButton", function() { return /* reexport */ button_button; });
 __webpack_require__.d(__webpack_exports__, "DtInput", function() { return /* reexport */ input_input; });
 __webpack_require__.d(__webpack_exports__, "INPUT_TYPES", function() { return /* reexport */ INPUT_TYPES; });
@@ -625,12 +633,24 @@ __webpack_require__.d(__webpack_exports__, "POPOVER_VERTICAL_ALIGNMENT", functio
 __webpack_require__.d(__webpack_exports__, "POPOVER_ROLES", function() { return /* reexport */ POPOVER_ROLES; });
 __webpack_require__.d(__webpack_exports__, "DtRadio", function() { return /* reexport */ radio_radio; });
 __webpack_require__.d(__webpack_exports__, "DtRadioGroup", function() { return /* reexport */ radio_group; });
+__webpack_require__.d(__webpack_exports__, "DtTabGroup", function() { return /* reexport */ tab_group; });
+__webpack_require__.d(__webpack_exports__, "DtTab", function() { return /* reexport */ tab; });
+__webpack_require__.d(__webpack_exports__, "DtTabPanel", function() { return /* reexport */ tab_panel; });
+__webpack_require__.d(__webpack_exports__, "TAB_LIST_KIND_MODIFIERS", function() { return /* reexport */ TAB_LIST_KIND_MODIFIERS; });
+__webpack_require__.d(__webpack_exports__, "TAB_LIST_SIZES", function() { return /* reexport */ TAB_LIST_SIZES; });
+__webpack_require__.d(__webpack_exports__, "TAB_LIST_IMPORTANCE_MODIFIERS", function() { return /* reexport */ TAB_LIST_IMPORTANCE_MODIFIERS; });
+__webpack_require__.d(__webpack_exports__, "TAB_IMPORTANCE_MODIFIERS", function() { return /* reexport */ TAB_IMPORTANCE_MODIFIERS; });
 __webpack_require__.d(__webpack_exports__, "DtValidationMessages", function() { return /* reexport */ validation_messages; });
 __webpack_require__.d(__webpack_exports__, "DtCheckbox", function() { return /* reexport */ checkbox_checkbox; });
 __webpack_require__.d(__webpack_exports__, "DtCheckboxGroup", function() { return /* reexport */ checkbox_group; });
 __webpack_require__.d(__webpack_exports__, "DtSelectMenu", function() { return /* reexport */ select_menu; });
 __webpack_require__.d(__webpack_exports__, "SELECT_SIZE_MODIFIERS", function() { return /* reexport */ SELECT_SIZE_MODIFIERS; });
 __webpack_require__.d(__webpack_exports__, "SELECT_STATE_MODIFIERS", function() { return /* reexport */ SELECT_STATE_MODIFIERS; });
+__webpack_require__.d(__webpack_exports__, "DtToast", function() { return /* reexport */ toast; });
+__webpack_require__.d(__webpack_exports__, "TOAST_ROLES", function() { return /* reexport */ TOAST_ROLES; });
+__webpack_require__.d(__webpack_exports__, "DtTooltip", function() { return /* reexport */ tooltip; });
+__webpack_require__.d(__webpack_exports__, "TOOLTIP_DIRECTION_MODIFIERS", function() { return /* reexport */ TOOLTIP_DIRECTION_MODIFIERS; });
+__webpack_require__.d(__webpack_exports__, "TOOLTIP_KIND_MODIFIERS", function() { return /* reexport */ TOOLTIP_KIND_MODIFIERS; });
 __webpack_require__.d(__webpack_exports__, "DtInputMixin", function() { return /* reexport */ InputMixin; });
 __webpack_require__.d(__webpack_exports__, "DtCheckableInputMixin", function() { return /* reexport */ CheckableMixin; });
 __webpack_require__.d(__webpack_exports__, "DtGroupableInputMixin", function() { return /* reexport */ GroupableMixin; });
@@ -660,34 +680,197 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=8281dbe6&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:[
-    'd-badge',
-    _vm.BADGE_COLOR_MODIFIERS[_vm.color] ],attrs:{"data-qa":"dt-badge"}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.text)+" ")])],2)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=3c007948&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
+    'd-avatar',
+    _vm.AVATAR_KIND_MODIFIERS[_vm.kind],
+    _vm.AVATAR_SIZE_MODIFIERS[_vm.size],
+    _vm.AVATAR_COLOR_MODIFIERS[_vm.color],
+    _vm.avatarClass ],attrs:{"id":_vm.id,"data-qa":"dt-avatar"}},[_vm._t("default",[_c('img',_vm._b({attrs:{"data-qa":"dt-avatar-image","alt":_vm.$attrs.alt}},'img',_vm.$attrs,false))])],2)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=template&id=8281dbe6&
+// CONCATENATED MODULE: ./components/avatar/avatar.vue?vue&type=template&id=3c007948&
 
-// CONCATENATED MODULE: ./components/badge/badge_constants.js
-const BADGE_COLOR_MODIFIERS = {
+// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
+var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
+var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
+
+// CONCATENATED MODULE: ./components/avatar/avatar_constants.js
+const AVATAR_KIND_MODIFIERS = {
+  default: '',
+  icon: 'd-avatar--icon',
+  initials: 'd-avatar--initials'
+};
+const AVATAR_SIZE_MODIFIERS = {
+  sm: 'd-avatar--sm',
+  md: 'd-avatar--md',
+  lg: 'd-avatar--lg'
+};
+const AVATAR_COLOR_MODIFIERS = {
   base: '',
-  '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',
-  'purple-100': 'd-badge--purple-100',
-  'purple-300': 'd-badge--purple-300',
-  'purple-500': 'd-badge--purple-500',
-  'purple-700': 'd-badge--purple-700',
-  'red-500': 'd-badge--red-500',
-  white: 'd-badge--white',
-  'yellow-300': 'd-badge--yellow-300'
+  'orange-200': 'd-avatar--orange-200',
+  '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',
+  'purple-200': 'd-avatar--purple-200',
+  'purple-300': 'd-avatar--purple-300',
+  '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'
 };
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=script&lang=js&
+/* harmony default export */ var avatar_constants = ({
+  AVATAR_KIND_MODIFIERS,
+  AVATAR_SIZE_MODIFIERS,
+  AVATAR_COLOR_MODIFIERS
+});
+// CONCATENATED MODULE: ./components/constants.js
+/* TODO: Move and sort these in a constants directory
+
+Example:
+  constants/
+    forms.js
+    defaults.js
+    ...
+*/
+// Types of messages, also dictates what is the current state of the input.
+const VALIDATION_MESSAGE_TYPES = {
+  ERROR: 'error',
+  WARNING: 'warning',
+  SUCCESS: 'success'
+}; // Description size variants
+
+const DESCRIPTION_SIZE_TYPES = {
+  LARGE: 'lg',
+  EXTRA_LARGE: 'xl'
+}; // Description size variants
+
+const DESCRIPTION_SIZE_MODIFIERS = {
+  xs: '',
+  sm: '',
+  md: '',
+  lg: 'd-description--lg',
+  xl: 'd-description--xl'
+}; // Label size variants
+
+const LABEL_SIZE_MODIFIERS = {
+  xs: 'd-label--xs',
+  sm: 'd-label--sm',
+  md: '',
+  lg: 'd-label--lg',
+  xl: 'd-label--xl'
+};
+/*
+ * Any string message or message object in the messages prop that do not specify
+ * a 'type' attributes will default to 'DEFAULT_MESSAGE_TYPE'.
+ */
+
+const DEFAULT_VALIDATION_MESSAGE_TYPE = VALIDATION_MESSAGE_TYPES.ERROR; // Default prefix used for ids
+
+const DEFAULT_PREFIX = 'hs';
+/* harmony default export */ var constants = ({
+  VALIDATION_MESSAGE_TYPES,
+  DESCRIPTION_SIZE_TYPES,
+  DEFAULT_VALIDATION_MESSAGE_TYPE,
+  DEFAULT_PREFIX
+});
+// CONCATENATED MODULE: ./components/utils.js
+
+let UNIQUE_ID_COUNTER = 0; // selector to find focusable not hidden inputs
+
+const FOCUSABLE_SELECTOR_NOT_HIDDEN = 'input:not([type=hidden]):not(:disabled)'; // selector to find focusable not disables elements
+
+const FOCUSABLE_SELECTOR_NOT_DISABLED = 'select:not(:disabled),textarea:not(:disabled),button:not(:disabled)'; // // selector to find focusable not hidden and disabled elements
+
+const FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED = `${FOCUSABLE_SELECTOR_NOT_HIDDEN},${FOCUSABLE_SELECTOR_NOT_DISABLED}`; // selector to find focusable elements
+
+const FOCUSABLE_SELECTOR = `a,frame,iframe,${FOCUSABLE_SELECTOR_NOT_HIDDEN_DISABLED},*[tabindex]`;
+function getUniqueString(prefix = DEFAULT_PREFIX) {
+  return `${prefix}${UNIQUE_ID_COUNTER++}`;
+}
+function formatMessages(messages) {
+  if (!messages) {
+    return [];
+  }
+
+  return messages.map(message => {
+    if (typeof message === 'string') {
+      return {
+        message,
+        type: DEFAULT_VALIDATION_MESSAGE_TYPE
+      };
+    }
+
+    return message;
+  });
+}
+function filterFormattedMessages(formattedMessages) {
+  const validationState = getValidationState(formattedMessages);
+
+  if (!formattedMessages || !validationState) {
+    return [];
+  }
+
+  return formattedMessages.filter(message => message.type === validationState);
+}
+/*
+ * The priority order of message types is as flows: 'error' > 'warning' > 'success'.
+ * If any message of type 'error' is present in messages, the input state is considered
+ * to be 'error', then 'warning' and lastly 'success'.
+ */
+
+function getValidationState(formattedMessages) {
+  if (!formattedMessages) {
+    return null;
+  }
+
+  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.ERROR)) {
+    return VALIDATION_MESSAGE_TYPES.ERROR;
+  }
+
+  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.WARNING)) {
+    return VALIDATION_MESSAGE_TYPES.WARNING;
+  }
+
+  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.SUCCESS)) {
+    return VALIDATION_MESSAGE_TYPES.SUCCESS;
+  }
+
+  return null;
+}
+function hasFormattedMessageOfType(formattedMessages, messageType) {
+  if (!formattedMessages || !messageType) {
+    return false;
+  }
+
+  return formattedMessages.some(message => (message === null || message === void 0 ? void 0 : message.type) === messageType);
+}
+function findFirstFocusableNode(element) {
+  return element === null || element === void 0 ? void 0 : element.querySelector(FOCUSABLE_SELECTOR);
+}
+/* harmony default export */ var utils = ({
+  getUniqueString,
+  formatMessages,
+  filterFormattedMessages,
+  hasFormattedMessageOfType,
+  getValidationState
+});
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/avatar/avatar.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -704,36 +887,90 @@ const BADGE_COLOR_MODIFIERS = {
 //
 //
 
-/* harmony default export */ var badgevue_type_script_lang_js_ = ({
-  name: 'DtBadge',
+
+
+/* harmony default export */ var avatarvue_type_script_lang_js_ = ({
+  name: 'DtAvatar',
+  inheritAttrs: false,
   props: {
     /**
-     * Text for the badge content
+     * Id of the avatar content wrapper element
      */
-    text: {
+    id: {
       type: String,
-      default: ''
+
+      default() {
+        return getUniqueString();
+      }
+
     },
 
     /**
-     * Color for the badge background
+     * Applies variant class to the avatar
+     */
+    kind: {
+      type: String,
+      default: 'default',
+      validator: kind => Object.keys(AVATAR_KIND_MODIFIERS).includes(kind)
+    },
+
+    /**
+     * The size of the avatar
+     */
+    size: {
+      type: String,
+      default: 'md',
+      validator: size => Object.keys(AVATAR_SIZE_MODIFIERS).includes(size)
+    },
+
+    /**
+     * The color of the avatar
      */
     color: {
       type: String,
       default: 'base',
-      validator: color => Object.keys(BADGE_COLOR_MODIFIERS).includes(color)
+      validator: color => Object.keys(AVATAR_COLOR_MODIFIERS).includes(color)
+    },
+
+    /**
+     * Used to customize the avatar container
+     */
+    avatarClass: {
+      type: [String, Array, Object],
+      default: ''
     }
   },
 
   data() {
     return {
-      BADGE_COLOR_MODIFIERS: BADGE_COLOR_MODIFIERS
+      AVATAR_SIZE_MODIFIERS: AVATAR_SIZE_MODIFIERS,
+      AVATAR_COLOR_MODIFIERS: AVATAR_COLOR_MODIFIERS,
+      AVATAR_KIND_MODIFIERS: AVATAR_KIND_MODIFIERS
     };
-  }
+  },
+
+  mounted() {
+    this.validateImageAttrsPresence();
+  },
+
+  beforeUpdate() {
+    this.validateImageAttrsPresence();
+  },
+
+  methods: {
+    validateImageAttrsPresence() {
+      if (this.kind === 'default' && !this.$slots.default) {
+        // Check that default slot image required attributes are provided
+        if (!this.$attrs.src || !this.$attrs.alt) {
+          external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('src and alt attributes are required for image avatars', this);
+        }
+      }
+    }
 
+  }
 });
-// CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=script&lang=js&
- /* harmony default export */ var badge_badgevue_type_script_lang_js_ = (badgevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/avatar/avatar.vue?vue&type=script&lang=js&
+ /* harmony default export */ var avatar_avatarvue_type_script_lang_js_ = (avatarvue_type_script_lang_js_); 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
 
@@ -834,7 +1071,7 @@ function normalizeComponent (
   }
 }
 
-// CONCATENATED MODULE: ./components/badge/badge.vue
+// CONCATENATED MODULE: ./components/avatar/avatar.vue
 
 
 
@@ -843,7 +1080,7 @@ function normalizeComponent (
 /* normalize component */
 
 var component = normalizeComponent(
-  badge_badgevue_type_script_lang_js_,
+  avatar_avatarvue_type_script_lang_js_,
   render,
   staticRenderFns,
   false,
@@ -853,53 +1090,150 @@ var component = normalizeComponent(
   
 )
 
-/* harmony default export */ var badge = (component.exports);
-// CONCATENATED MODULE: ./components/badge/index.js
-
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/banner/banner.vue?vue&type=template&id=928dbcb4&
-var bannervue_type_template_id_928dbcb4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}}},[_c('div',{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[_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},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}},_vm.$listeners),[_vm._t("action")],2)],1)])}
-var bannervue_type_template_id_928dbcb4_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=928dbcb4&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
-var notice_iconvue_type_template_id_58ae40bb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.defaultIcon || _vm.$slots.default)?_c('div',{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[_vm._t("default",[_c(_vm.defaultIcon,{tag:"component"})])],2):_vm._e()}
-var notice_iconvue_type_template_id_58ae40bb_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
-var IconLightbulbvue_type_template_id_07d1b1af_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__lightbulb",attrs:{"aria-hidden":"true","aria-label":"Lightbulb","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z"}})])}
-var IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns = []
+/* harmony default export */ var avatar = (component.exports);
+// CONCATENATED MODULE: ./components/avatar/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
-
-// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue
-
-var script = {}
-
-
-/* normalize component */
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=template&id=8281dbe6&
+var badgevue_type_template_id_8281dbe6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{class:[
+    'd-badge',
+    _vm.BADGE_COLOR_MODIFIERS[_vm.color] ],attrs:{"data-qa":"dt-badge"}},[_vm._t("default",[_vm._v(" "+_vm._s(_vm.text)+" ")])],2)}
+var badgevue_type_template_id_8281dbe6_staticRenderFns = []
 
-var IconLightbulb_component = normalizeComponent(
-  script,
-  IconLightbulbvue_type_template_id_07d1b1af_render,
-  IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
 
-/* harmony default export */ var IconLightbulb = (IconLightbulb_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
-var IconInfovue_type_template_id_d1105ee6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__info",attrs:{"aria-hidden":"true","aria-label":"Info","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}})])}
-var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
+// CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=template&id=8281dbe6&
+
+// CONCATENATED MODULE: ./components/badge/badge_constants.js
+const BADGE_COLOR_MODIFIERS = {
+  base: '',
+  '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',
+  'purple-100': 'd-badge--purple-100',
+  'purple-300': 'd-badge--purple-300',
+  'purple-500': 'd-badge--purple-500',
+  'purple-700': 'd-badge--purple-700',
+  'red-500': 'd-badge--red-500',
+  white: 'd-badge--white',
+  'yellow-300': 'd-badge--yellow-300'
+};
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/badge/badge.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var badgevue_type_script_lang_js_ = ({
+  name: 'DtBadge',
+  props: {
+    /**
+     * Text for the badge content
+     */
+    text: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Color for the badge background
+     */
+    color: {
+      type: String,
+      default: 'base',
+      validator: color => Object.keys(BADGE_COLOR_MODIFIERS).includes(color)
+    }
+  },
+
+  data() {
+    return {
+      BADGE_COLOR_MODIFIERS: BADGE_COLOR_MODIFIERS
+    };
+  }
+
+});
+// CONCATENATED MODULE: ./components/badge/badge.vue?vue&type=script&lang=js&
+ /* harmony default export */ var badge_badgevue_type_script_lang_js_ = (badgevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/badge/badge.vue
+
+
+
+
+
+/* normalize component */
+
+var badge_component = normalizeComponent(
+  badge_badgevue_type_script_lang_js_,
+  badgevue_type_template_id_8281dbe6_render,
+  badgevue_type_template_id_8281dbe6_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var badge = (badge_component.exports);
+// CONCATENATED MODULE: ./components/badge/index.js
+
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/banner/banner.vue?vue&type=template&id=928dbcb4&
+var bannervue_type_template_id_928dbcb4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{class:_vm.bannerClass,attrs:{"role":_vm.role},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}}},[_c('div',{staticClass:"d-banner__dialog",attrs:{"aria-labelledby":_vm.titleId,"aria-describedby":_vm.contentId}},[_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},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}},_vm.$listeners),[_vm._t("action")],2)],1)])}
+var bannervue_type_template_id_928dbcb4_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/banner/banner.vue?vue&type=template&id=928dbcb4&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
+var notice_iconvue_type_template_id_58ae40bb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.defaultIcon || _vm.$slots.default)?_c('div',{staticClass:"d-notice__icon",attrs:{"aria-hidden":"true"}},[_vm._t("default",[_c(_vm.defaultIcon,{tag:"component"})])],2):_vm._e()}
+var notice_iconvue_type_template_id_58ae40bb_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/notice/notice_icon.vue?vue&type=template&id=58ae40bb&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
+var IconLightbulbvue_type_template_id_07d1b1af_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__lightbulb",attrs:{"aria-hidden":"true","aria-label":"Lightbulb","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zm3-19C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z"}})])}
+var IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue?vue&type=template&id=07d1b1af&
+
+// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconLightbulb.vue
+
+var script = {}
+
+
+/* normalize component */
+
+var IconLightbulb_component = normalizeComponent(
+  script,
+  IconLightbulbvue_type_template_id_07d1b1af_render,
+  IconLightbulbvue_type_template_id_07d1b1af_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var IconLightbulb = (IconLightbulb_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
+var IconInfovue_type_template_id_d1105ee6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__info",attrs:{"aria-hidden":"true","aria-label":"Info","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"}})])}
+var IconInfovue_type_template_id_d1105ee6_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconInfo.vue?vue&type=template&id=d1105ee6&
@@ -923,7 +1257,7 @@ var IconInfo_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconInfo = (IconInfo_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconWarning.vue?vue&type=template&id=0a24defa&
 var IconWarningvue_type_template_id_0a24defa_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__warning",attrs:{"aria-hidden":"true","aria-label":"Warning","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}})])}
 var IconWarningvue_type_template_id_0a24defa_staticRenderFns = []
 
@@ -949,7 +1283,7 @@ var IconWarning_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconWarning = (IconWarning_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconError.vue?vue&type=template&id=4d9e3e9d&
 var IconErrorvue_type_template_id_4d9e3e9d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__error",attrs:{"aria-hidden":"true","aria-label":"Error","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"}})])}
 var IconErrorvue_type_template_id_4d9e3e9d_staticRenderFns = []
 
@@ -975,7 +1309,7 @@ var IconError_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconError = (IconError_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue?vue&type=template&id=016c7d48&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCheckCircle.vue?vue&type=template&id=016c7d48&
 var IconCheckCirclevue_type_template_id_016c7d48_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__checkCircle",attrs:{"aria-hidden":"true","aria-label":"Check Circle","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}})])}
 var IconCheckCirclevue_type_template_id_016c7d48_staticRenderFns = []
 
@@ -1079,12 +1413,12 @@ var notice_icon_component = normalizeComponent(
 )
 
 /* harmony default export */ var notice_icon = (notice_icon_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=template&id=4ce704f6&
-var notice_contentvue_type_template_id_4ce704f6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__content",attrs:{"data-qa":"notice-content"}},[(_vm.title || this.$slots.titleOverride)?_c('h1',{staticClass:"d-notice__title",attrs:{"id":_vm.titleId,"data-qa":"notice-content-title"}},[_vm._t("titleOverride",[_vm._v(" "+_vm._s(_vm.title)+" ")])],2):_vm._e(),_c('p',{staticClass:"d-notice__message",attrs:{"id":_vm.contentId,"data-qa":"notice-content-message"}},[_vm._t("default")],2)])}
-var notice_contentvue_type_template_id_4ce704f6_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=template&id=24cf95e4&
+var notice_contentvue_type_template_id_24cf95e4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__content",attrs:{"data-qa":"notice-content"}},[(_vm.title || this.$slots.titleOverride)?_c('p',{staticClass:"d-notice__title",attrs:{"id":_vm.titleId,"data-qa":"notice-content-title"}},[_vm._t("titleOverride",[_vm._v(" "+_vm._s(_vm.title)+" ")])],2):_vm._e(),_c('p',{staticClass:"d-notice__message",attrs:{"id":_vm.contentId,"data-qa":"notice-content-message"}},[_vm._t("default")],2)])}
+var notice_contentvue_type_template_id_24cf95e4_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=4ce704f6&
+// CONCATENATED MODULE: ./components/notice/notice_content.vue?vue&type=template&id=24cf95e4&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_content.vue?vue&type=script&lang=js&
 //
@@ -1141,8 +1475,8 @@ var notice_contentvue_type_template_id_4ce704f6_staticRenderFns = []
 
 var notice_content_component = normalizeComponent(
   notice_notice_contentvue_type_script_lang_js_,
-  notice_contentvue_type_template_id_4ce704f6_render,
-  notice_contentvue_type_template_id_4ce704f6_staticRenderFns,
+  notice_contentvue_type_template_id_24cf95e4_render,
+  notice_contentvue_type_template_id_24cf95e4_staticRenderFns,
   false,
   null,
   null,
@@ -1151,14 +1485,14 @@ var notice_content_component = normalizeComponent(
 )
 
 /* harmony default export */ var notice_content = (notice_content_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_action.vue?vue&type=template&id=279e5f84&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice_action.vue?vue&type=template&id=279e5f84&
 var notice_actionvue_type_template_id_279e5f84_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-notice__actions",attrs:{"data-qa":"notice-content-actions"}},[_vm._t("default"),(!_vm.hideClose)?_c('dt-button',_vm._b({ref:"closeButton",attrs:{"size":"sm","importance":"clear","circle":"","aria-label":_vm.closeButtonProps.ariaLabel ? _vm.closeButtonProps.ariaLabel : 'Close'},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}],null,false,4267981299)},'dt-button',_vm.closeButtonProps,false)):_vm._e()],2)}
 var notice_actionvue_type_template_id_279e5f84_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./components/notice/notice_action.vue?vue&type=template&id=279e5f84&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconClose.vue?vue&type=template&id=18642c39&
 var IconClosevue_type_template_id_18642c39_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"d-svg d-svg--system d-svg__close",attrs:{"aria-hidden":"true","aria-label":"Close","viewBox":"0 0 24 24"}},[_c('path',{attrs:{"d":"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"}})])}
 var IconClosevue_type_template_id_18642c39_staticRenderFns = []
 
@@ -1184,16 +1518,17 @@ var IconClose_component = normalizeComponent(
 )
 
 /* harmony default export */ var IconClose = (IconClose_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button/button.vue?vue&type=template&id=5e4841a0&
-var buttonvue_type_template_id_5e4841a0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:['base-button__button', _vm.buttonClasses],attrs:{"data-qa":"dt-button","type":_vm.type,"aria-live":_vm.computedAriaLive,"aria-label":_vm.loading ? 'loading' : _vm.$attrs['aria-label']}},_vm.buttonListeners),[(_vm.$slots.icon && !_vm.link)?_c('span',{class:['base-button__icon', _vm.iconClasses],attrs:{"data-qa":"dt-button-icon"}},[_vm._t("icon")],2):_vm._e(),_c('span',{class:['base-button__label', 'd-btn__label'],attrs:{"data-qa":"dt-button-label"}},[_vm._t("default")],2)])}
-var buttonvue_type_template_id_5e4841a0_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/button/button.vue?vue&type=template&id=50f25d54&
+var buttonvue_type_template_id_50f25d54_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({class:[
+    'base-button__button',
+    _vm.buttonClasses ],attrs:{"data-qa":"dt-button","type":_vm.type,"aria-live":_vm.computedAriaLive,"aria-label":_vm.loading ? 'loading' : _vm.$attrs['aria-label']}},_vm.buttonListeners),[(_vm.$slots.icon && !_vm.link)?_c('span',{class:[
+      'base-button__icon',
+      'd-btn__icon',
+      _vm.ICON_POSITION_MODIFIERS[_vm.iconPosition] ],attrs:{"data-qa":"dt-button-icon"}},[_vm._t("icon")],2):_vm._e(),_c('span',{class:['base-button__label', 'd-btn__label'],attrs:{"data-qa":"dt-button-label"}},[_vm._t("default")],2)])}
+var buttonvue_type_template_id_50f25d54_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=5e4841a0&
-
-// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
-var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
-var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
+// CONCATENATED MODULE: ./components/button/button.vue?vue&type=template&id=50f25d54&
 
 // CONCATENATED MODULE: ./components/button/button_constants.js
 const BUTTON_SIZE_MODIFIERS = {
@@ -1292,6 +1627,13 @@ const LINK_KIND_MODIFIERS = {
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -1414,6 +1756,7 @@ const LINK_KIND_MODIFIERS = {
 
   data() {
     return {
+      ICON_POSITION_MODIFIERS: ICON_POSITION_MODIFIERS,
       // whether the button is currently in focus
       isInFocus: false
     };
@@ -1448,10 +1791,6 @@ const LINK_KIND_MODIFIERS = {
         'd-btn--circle': this.circle,
         'd-btn--loading': this.loading
       }];
-    },
-
-    iconClasses() {
-      return ['d-btn__icon', ICON_POSITION_MODIFIERS[this.iconPosition]];
     }
 
   },
@@ -1497,8 +1836,8 @@ const LINK_KIND_MODIFIERS = {
 
 var button_component = normalizeComponent(
   button_buttonvue_type_script_lang_js_,
-  buttonvue_type_template_id_5e4841a0_render,
-  buttonvue_type_template_id_5e4841a0_staticRenderFns,
+  buttonvue_type_template_id_50f25d54_render,
+  buttonvue_type_template_id_50f25d54_staticRenderFns,
   false,
   null,
   null,
@@ -1705,126 +2044,6 @@ const focusableElementsList = `button:${nonFocusableAttrs},
 
   }
 });
-// CONCATENATED MODULE: ./components/constants.js
-/* TODO: Move and sort these in a constants directory
-
-Example:
-  constants/
-    forms.js
-    defaults.js
-    ...
-*/
-// Types of messages, also dictates what is the current state of the input.
-const VALIDATION_MESSAGE_TYPES = {
-  ERROR: 'error',
-  WARNING: 'warning',
-  SUCCESS: 'success'
-}; // Description size variants
-
-const DESCRIPTION_SIZE_TYPES = {
-  LARGE: 'lg',
-  EXTRA_LARGE: 'xl'
-}; // Description size variants
-
-const DESCRIPTION_SIZE_MODIFIERS = {
-  xs: '',
-  sm: '',
-  md: '',
-  lg: 'd-description--lg',
-  xl: 'd-description--xl'
-}; // Label size variants
-
-const LABEL_SIZE_MODIFIERS = {
-  xs: 'd-label--xs',
-  sm: 'd-label--sm',
-  md: '',
-  lg: 'd-label--lg',
-  xl: 'd-label--xl'
-};
-/*
- * Any string message or message object in the messages prop that do not specify
- * a 'type' attributes will default to 'DEFAULT_MESSAGE_TYPE'.
- */
-
-const DEFAULT_VALIDATION_MESSAGE_TYPE = VALIDATION_MESSAGE_TYPES.ERROR; // Default prefix used for ids
-
-const DEFAULT_PREFIX = 'hs';
-/* harmony default export */ var constants = ({
-  VALIDATION_MESSAGE_TYPES,
-  DESCRIPTION_SIZE_TYPES,
-  DEFAULT_VALIDATION_MESSAGE_TYPE,
-  DEFAULT_PREFIX
-});
-// CONCATENATED MODULE: ./components/utils.js
-
-let UNIQUE_ID_COUNTER = 0;
-function getUniqueString(prefix = DEFAULT_PREFIX) {
-  return `${prefix}${UNIQUE_ID_COUNTER++}`;
-}
-function formatMessages(messages) {
-  if (!messages) {
-    return [];
-  }
-
-  return messages.map(message => {
-    if (typeof message === 'string') {
-      return {
-        message,
-        type: DEFAULT_VALIDATION_MESSAGE_TYPE
-      };
-    }
-
-    return message;
-  });
-}
-function filterFormattedMessages(formattedMessages) {
-  const validationState = getValidationState(formattedMessages);
-
-  if (!formattedMessages || !validationState) {
-    return [];
-  }
-
-  return formattedMessages.filter(message => message.type === validationState);
-}
-/*
- * The priority order of message types is as flows: 'error' > 'warning' > 'success'.
- * If any message of type 'error' is present in messages, the input state is considered
- * to be 'error', then 'warning' and lastly 'success'.
- */
-
-function getValidationState(formattedMessages) {
-  if (!formattedMessages) {
-    return null;
-  }
-
-  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.ERROR)) {
-    return VALIDATION_MESSAGE_TYPES.ERROR;
-  }
-
-  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.WARNING)) {
-    return VALIDATION_MESSAGE_TYPES.WARNING;
-  }
-
-  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.SUCCESS)) {
-    return VALIDATION_MESSAGE_TYPES.SUCCESS;
-  }
-
-  return null;
-}
-function hasFormattedMessageOfType(formattedMessages, messageType) {
-  if (!formattedMessages || !messageType) {
-    return false;
-  }
-
-  return formattedMessages.some(message => (message === null || message === void 0 ? void 0 : message.type) === messageType);
-}
-/* harmony default export */ var utils = ({
-  getUniqueString,
-  formatMessages,
-  filterFormattedMessages,
-  hasFormattedMessageOfType,
-  getValidationState
-});
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/banner/banner.vue?vue&type=script&lang=js&
 //
 //
@@ -2020,9 +2239,310 @@ var banner_component = normalizeComponent(
 /* harmony default export */ var banner = (banner_component.exports);
 // CONCATENATED MODULE: ./components/banner/index.js
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumbs.vue?vue&type=template&id=b762e354&
+var breadcrumbsvue_type_template_id_b762e354_render = function () {
+var _obj;
+var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{class:[
+    'd-breadcrumbs',
+    ( _obj = {}, _obj[_vm.BREADCRUMBS_INVERTED_MODIFIER] = _vm.inverted, _obj ) ],attrs:{"aria-label":_vm.ariaLabel,"data-qa":"dt-breadcrumbs"}},[_c('ol',[_vm._t("default",_vm._l((_vm.breadcrumbs),function(item,index){return _c('dt-breadcrumb-item',_vm._b({key:_vm.getBreadcrumbItemKey(index),attrs:{"inverted":_vm.inverted}},'dt-breadcrumb-item',item,false))}))],2)])}
+var breadcrumbsvue_type_template_id_b762e354_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumbs.vue?vue&type=template&id=b762e354&
+
+// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumbs_constants.js
+const BREADCRUMB_ITEM_SELECTED_MODIFIER = 'd-breadcrumbs__item--selected';
+const BREADCRUMBS_INVERTED_MODIFIER = 'd-breadcrumbs--inverted';
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
+var breadcrumb_itemvue_type_template_id_6f97ec8a_render = function () {
+var _obj;
+var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:[
+    'd-breadcrumbs__item',
+    ( _obj = {}, _obj[_vm.BREADCRUMB_ITEM_SELECTED_MODIFIER] = _vm.selected, _obj ) ],attrs:{"data-qa":"dt-breadcrumb-item"}},[_c('dt-link',_vm._b({attrs:{"kind":_vm.linkKind,"aria-current":_vm.ariaCurrent,"data-qa":"breadcrumb-item"}},'dt-link',_vm.$attrs,false),[_vm._t("default",[_vm._v(" "+_vm._s(_vm.label)+" ")])],2)],1)}
+var breadcrumb_itemvue_type_template_id_6f97ec8a_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=6f97ec8a&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=template&id=6af78110&
+var linkvue_type_template_id_6af78110_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:[
+    'd-link',
+    _vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},[_vm._t("default")],2)}
+var linkvue_type_template_id_6af78110_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=6af78110&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var linkvue_type_script_lang_js_ = ({
+  name: 'DtLink',
+  props: {
+    /**
+     * Applies the link variant styles
+     */
+    kind: {
+      type: String,
+      default: '',
+
+      validator(kind) {
+        return LINK_VARIANTS.includes(kind);
+      }
+
+    }
+  },
+
+  data() {
+    return {
+      LINK_KIND_MODIFIERS: LINK_KIND_MODIFIERS
+    };
+  }
+
+});
+// CONCATENATED MODULE: ./components/link/link.vue?vue&type=script&lang=js&
+ /* harmony default export */ var link_linkvue_type_script_lang_js_ = (linkvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/link/link.vue
+
+
+
+
+
+/* normalize component */
+
+var link_component = normalizeComponent(
+  link_linkvue_type_script_lang_js_,
+  linkvue_type_template_id_6af78110_render,
+  linkvue_type_template_id_6af78110_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var link_link = (link_component.exports);
+// CONCATENATED MODULE: ./components/link/index.js
+
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumb_item.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var breadcrumb_itemvue_type_script_lang_js_ = ({
+  name: 'DtBreadcrumbItem',
+  components: {
+    DtLink: link_link
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * Applies the inverted styles to the link
+     */
+    inverted: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Applies selected styles to the breadcrumb
+     */
+    selected: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Describes the breadcrumb. Overridden by default slot
+     * */
+    label: {
+      type: String,
+      default: ''
+    }
+  },
+
+  data() {
+    return {
+      BREADCRUMB_ITEM_SELECTED_MODIFIER: BREADCRUMB_ITEM_SELECTED_MODIFIER
+    };
+  },
+
+  computed: {
+    linkKind() {
+      return this.inverted ? INVERTED : MUTED;
+    },
+
+    ariaCurrent() {
+      return this.selected ? 'location' : undefined;
+    }
+
+  }
+});
+// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue?vue&type=script&lang=js&
+ /* harmony default export */ var breadcrumbs_breadcrumb_itemvue_type_script_lang_js_ = (breadcrumb_itemvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue
+
+
+
+
+
+/* normalize component */
+
+var breadcrumb_item_component = normalizeComponent(
+  breadcrumbs_breadcrumb_itemvue_type_script_lang_js_,
+  breadcrumb_itemvue_type_template_id_6f97ec8a_render,
+  breadcrumb_itemvue_type_template_id_6f97ec8a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var breadcrumb_item = (breadcrumb_item_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/breadcrumbs/breadcrumbs.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var breadcrumbsvue_type_script_lang_js_ = ({
+  name: 'DtBreadcrumbs',
+  components: {
+    DtBreadcrumbItem: breadcrumb_item
+  },
+  props: {
+    /**
+     * A provided list of breadcrumbs. Overridden by default slot
+     */
+    breadcrumbs: {
+      type: Array,
+      default: () => [],
+
+      validate(breadcrumbs) {
+        return breadcrumbs.every(({
+          href,
+          label
+        }) => {
+          return href !== undefined && label !== undefined;
+        });
+      }
+
+    },
+
+    /**
+     * Passed through to link. If true, applies inverted styles to the link.
+     */
+    inverted: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Descriptive label for the navigation content.
+     */
+    ariaLabel: {
+      type: String,
+      default: 'breadcrumb'
+    }
+  },
+
+  data() {
+    return {
+      BREADCRUMBS_INVERTED_MODIFIER: BREADCRUMBS_INVERTED_MODIFIER
+    };
+  },
+
+  methods: {
+    getBreadcrumbItemKey(index) {
+      return `breadcrumbs-item-${index}-${utils.getUniqueString()}`;
+    }
+
+  }
+});
+// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumbs.vue?vue&type=script&lang=js&
+ /* harmony default export */ var breadcrumbs_breadcrumbsvue_type_script_lang_js_ = (breadcrumbsvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumbs.vue
+
+
+
+
+
+/* normalize component */
+
+var breadcrumbs_component = normalizeComponent(
+  breadcrumbs_breadcrumbsvue_type_script_lang_js_,
+  breadcrumbsvue_type_template_id_b762e354_render,
+  breadcrumbsvue_type_template_id_b762e354_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var breadcrumbs = (breadcrumbs_component.exports);
+// CONCATENATED MODULE: ./components/breadcrumbs/index.js
+
+
+
 // CONCATENATED MODULE: ./components/button/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=template&id=4e7e7271&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input/input.vue?vue&type=template&id=4e7e7271&
 var inputvue_type_template_id_4e7e7271_render = function () {
 var _obj, _obj$1;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",[_c('div',{class:[
@@ -2058,19 +2578,19 @@ const INPUT_SIZES = {
   INPUT_TYPES,
   INPUT_SIZES
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/validation_messages/validation_messages.vue?vue&type=template&id=37c959ef&
-var validation_messagesvue_type_template_id_37c959ef_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showMessages && !_vm.isFilteredValidationMessagesEmpty)?_c('div',{staticClass:"base-input__messages d-d-flex d-fd-column",attrs:{"data-qa":"validation-messages-container"}},_vm._l((_vm.filteredValidationMessages),function(ref,index){
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/validation_messages/validation_messages.vue?vue&type=template&id=7d26d3bb&
+var validation_messagesvue_type_template_id_7d26d3bb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.showMessages && !_vm.isFilteredValidationMessagesEmpty)?_c('div',{staticClass:"base-input__messages d-d-flex d-fd-column",attrs:{"data-qa":"validation-messages-container"}},_vm._l((_vm.filteredValidationMessages),function(ref,index){
 var message = ref.message;
 var type = ref.type;
 return _c('div',{key:_vm.getMessageKey(type, index),class:[
       'base-input__message',
       'd-validation-message',
       ("base-input__message--" + type),
-      ("d-validation-message--" + type) ],attrs:{"role":"status","aria-live":"polite","data-qa":"validation-message"}},[_vm._v(" "+_vm._s(message)+" ")])}),0):_vm._e()}
-var validation_messagesvue_type_template_id_37c959ef_staticRenderFns = []
+      ("d-validation-message--" + type) ],attrs:{"role":"status","aria-live":"polite","data-qa":"validation-message"}},[_c('p',{domProps:{"innerHTML":_vm._s(message)}})])}),0):_vm._e()}
+var validation_messagesvue_type_template_id_7d26d3bb_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=37c959ef&
+// CONCATENATED MODULE: ./components/validation_messages/validation_messages.vue?vue&type=template&id=7d26d3bb&
 
 // CONCATENATED MODULE: ./components/validators.js
 
@@ -2187,8 +2707,8 @@ function validationMessageValidator(rawMessages) {
 
 var validation_messages_component = normalizeComponent(
   validation_messages_validation_messagesvue_type_script_lang_js_,
-  validation_messagesvue_type_template_id_37c959ef_render,
-  validation_messagesvue_type_template_id_37c959ef_staticRenderFns,
+  validation_messagesvue_type_template_id_7d26d3bb_render,
+  validation_messagesvue_type_template_id_7d26d3bb_staticRenderFns,
   false,
   null,
   null,
@@ -2828,7 +3348,7 @@ var input_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/input/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input_group/input_group.vue?vue&type=template&id=34acc7c9&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/input_group/input_group.vue?vue&type=template&id=34acc7c9&
 var input_groupvue_type_template_id_34acc7c9_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('fieldset',{attrs:{"data-qa":_vm.dataQaGroup}},[(_vm.$slots.legend || _vm.legend)?_c('legend',_vm._b({class:['d-label', _vm.legendClass],attrs:{"data-qa":_vm.dataQaGroupLegend}},'legend',_vm.legendChildProps,false),[_vm._t("legend",[_vm._v(" "+_vm._s(_vm.legend)+" ")])],2):_vm._e(),_vm._t("default"),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":_vm.dataQaGroupMessages}},'dt-validation-messages',_vm.messagesChildProps,false))],2)}
 var input_groupvue_type_template_id_34acc7c9_staticRenderFns = []
 
@@ -3123,23 +3643,27 @@ var input_group_component = normalizeComponent(
 /* harmony default export */ var input_group_input_group = (input_group_component.exports);
 // CONCATENATED MODULE: ./components/input_group/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=7d597133&
-var modalvue_type_template_id_7d597133_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.modalClasses,attrs:{"data-qa":"dt-modal","aria-hidden":_vm.open},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}],"transitionend":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition($event)}}},[_c('div',{staticClass:"d-modal__dialog",attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel,"kind":_vm.kind},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}])},'dt-button',_vm.closeButtonProps,false)),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e()],1)])}
-var modalvue_type_template_id_7d597133_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=template&id=055b70f4&
+var modalvue_type_template_id_055b70f4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
+    'd-modal',
+    _vm.MODAL_KIND_MODIFIERS[_vm.kind],
+    _vm.MODAL_SIZE_MODIFIERS[_vm.size],
+    _vm.modalClass ],attrs:{"data-qa":"dt-modal","aria-hidden":_vm.open},on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.close($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.close($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"tab",9,$event.key,"Tab")){ return null; }return _vm.trapFocus($event)}],"transitionend":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.setFocusAfterTransition($event)}}},[_c('div',{staticClass:"d-modal__dialog",attrs:{"role":"dialog","aria-modal":"true","aria-describedby":_vm.describedById,"aria-labelledby":_vm.labelledById}},[(_vm.$slots.header)?_c('div',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._t("header")],2):_c('h2',{staticClass:"d-modal__header",attrs:{"id":_vm.labelledById,"data-qa":"dt-modal-title"}},[_vm._v(" "+_vm._s(_vm.title)+" ")]),_c('dt-button',_vm._b({staticClass:"d-modal__close",attrs:{"circle":"","size":"lg","importance":"clear","aria-label":_vm.closeButtonProps.ariaLabel,"kind":_vm.kind},on:{"click":_vm.close},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-close')]},proxy:true}])},'dt-button',_vm.closeButtonProps,false)),(_vm.$slots.default)?_c('div',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._t("default")],2):_c('p',{staticClass:"d-modal__content",attrs:{"data-qa":"dt-modal-copy"}},[_vm._v(" "+_vm._s(_vm.copy)+" ")]),(_vm.hasFooterSlot)?_c('footer',{staticClass:"d-modal__footer"},[_vm._t("footer")],2):_vm._e()],1)])}
+var modalvue_type_template_id_055b70f4_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=7d597133&
+// CONCATENATED MODULE: ./components/modal/modal.vue?vue&type=template&id=055b70f4&
 
 // CONCATENATED MODULE: ./components/modal/modal_constants.js
 // Modal style modifiers
 const MODAL_KIND_MODIFIERS = {
   default: '',
-  danger: 'danger'
+  danger: 'd-modal--danger'
 }; // Modal size modifiers
 
 const MODAL_SIZE_MODIFIERS = {
   default: '',
-  full: 'full'
+  full: 'd-modal--full'
 };
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/modal/modal.vue?vue&type=script&lang=js&
 //
@@ -3216,6 +3740,11 @@ const MODAL_SIZE_MODIFIERS = {
 //
 //
 //
+//
+//
+//
+//
+//
 
 
 
@@ -3295,8 +3824,8 @@ const MODAL_SIZE_MODIFIERS = {
      */
     kind: {
       type: String,
-      default: '',
-      validator: k => Object.values(MODAL_KIND_MODIFIERS).includes(k)
+      default: 'default',
+      validator: k => Object.keys(MODAL_KIND_MODIFIERS).includes(k)
     },
 
     /**
@@ -3306,8 +3835,8 @@ const MODAL_SIZE_MODIFIERS = {
      */
     size: {
       type: String,
-      default: '',
-      validator: s => Object.values(MODAL_SIZE_MODIFIERS).includes(s)
+      default: 'default',
+      validator: s => Object.keys(MODAL_SIZE_MODIFIERS).includes(s)
     },
 
     /**
@@ -3320,6 +3849,14 @@ const MODAL_SIZE_MODIFIERS = {
       default: ''
     }
   },
+
+  data() {
+    return {
+      MODAL_KIND_MODIFIERS: MODAL_KIND_MODIFIERS,
+      MODAL_SIZE_MODIFIERS: MODAL_SIZE_MODIFIERS
+    };
+  },
+
   computed: {
     open() {
       return `${!this.show}`;
@@ -3327,14 +3864,6 @@ const MODAL_SIZE_MODIFIERS = {
 
     hasFooterSlot() {
       return !!this.$slots.footer;
-    },
-
-    modalClasses() {
-      return [{
-        'd-modal': true,
-        [`d-modal--${this.kind}`]: this.kind,
-        [`d-modal--${this.size}`]: this.size
-      }, this.modalClass];
     }
 
   },
@@ -3395,8 +3924,8 @@ const MODAL_SIZE_MODIFIERS = {
 
 var modal_component = normalizeComponent(
   modal_modalvue_type_script_lang_js_,
-  modalvue_type_template_id_7d597133_render,
-  modalvue_type_template_id_7d597133_staticRenderFns,
+  modalvue_type_template_id_055b70f4_render,
+  modalvue_type_template_id_055b70f4_staticRenderFns,
   false,
   null,
   null,
@@ -3408,7 +3937,7 @@ var modal_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/modal/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/lazy_show/lazy_show.vue?vue&type=template&id=25b42290&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/lazy_show/lazy_show.vue?vue&type=template&id=25b42290&
 var lazy_showvue_type_template_id_25b42290_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.transition}},[_c('div',_vm._g({directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}]},_vm.$listeners),[(_vm.initialized)?_vm._t("default"):_vm._e()],2)])}
 var lazy_showvue_type_template_id_25b42290_staticRenderFns = []
 
@@ -3491,13 +4020,13 @@ var lazy_show_component = normalizeComponent(
 /* harmony default export */ var lazy_show = (lazy_show_component.exports);
 // CONCATENATED MODULE: ./components/lazy_show/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=2154a8d5&
-var list_sectionvue_type_template_id_2154a8d5_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-border-color--ash-darker',
-           { 'd-border-bottom': _vm.separator }],attrs:{"id":_vm.id,"role":"group","aria-labelledby":(_vm.id + "-list-section-header"),"tabindex":"-1"}},[(_vm.header)?_c('h3',{staticClass:"d-pl16 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),(_vm.isCollapsible)?_c('dt-button',{staticClass:"d-ml16 d-py6",attrs:{"id":(_vm.id + "-list-section-show-more-less"),"link":""},on:{"click":_vm.showMoreLessClicked}},[_vm._v(" "+_vm._s(_vm.showMoreLessText)+" ")]):_vm._e()],1)}
-var list_sectionvue_type_template_id_2154a8d5_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=template&id=2493c7b1&
+var list_sectionvue_type_template_id_2493c7b1_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',
+           { '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-pl16 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),(_vm.isCollapsible)?_c('dt-button',{staticClass:"d-ml16 d-py6",attrs:{"id":(_vm.id + "-list-section-show-more-less"),"link":""},on:{"click":_vm.showMoreLessClicked}},[_vm._v(" "+_vm._s(_vm.showMoreLessText)+" ")]):_vm._e()],1)}
+var list_sectionvue_type_template_id_2493c7b1_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=2154a8d5&
+// CONCATENATED MODULE: ./components/list_section/list_section.vue?vue&type=template&id=2493c7b1&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_section/list_section.vue?vue&type=script&lang=js&
 //
@@ -3658,8 +4187,8 @@ var list_sectionvue_type_style_index_0_lang_less_ = __webpack_require__("fc89");
 
 var list_section_component = normalizeComponent(
   list_section_list_sectionvue_type_script_lang_js_,
-  list_sectionvue_type_template_id_2154a8d5_render,
-  list_sectionvue_type_template_id_2154a8d5_staticRenderFns,
+  list_sectionvue_type_template_id_2493c7b1_render,
+  list_sectionvue_type_template_id_2493c7b1_staticRenderFns,
   false,
   null,
   null,
@@ -3670,13 +4199,13 @@ var list_section_component = normalizeComponent(
 /* harmony default export */ var list_section = (list_section_component.exports);
 // CONCATENATED MODULE: ./components/list_section/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=6b1bb1b9&
-var list_itemvue_type_template_id_6b1bb1b9_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:['dt-list-item', 'd-fs14', 'd-lh6', 'd-py6', 'd-px16', 'd-d-flex', 'd-ai-center',
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=template&id=4ae41e30&
+var list_itemvue_type_template_id_4ae41e30_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:['dt-list-item', 'd-fs14', 'd-lh6', 'd-py6', 'd-px16', 'd-d-flex', 'd-ai-center',
            { 'dt-list-item-clickable': _vm.clickable, 'd-jc-space-between': this.$slots.iconRight }],attrs:{"id":_vm.id,"tabindex":_vm.clickable ? 0 : -1},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.clicked($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.clicked($event)}],"click":_vm.clicked}},[_vm._t("iconLeft"),_vm._t("default"),_vm._t("iconRight")],2)}
-var list_itemvue_type_template_id_6b1bb1b9_staticRenderFns = []
+var list_itemvue_type_template_id_4ae41e30_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=6b1bb1b9&
+// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=4ae41e30&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/list_item/list_item.vue?vue&type=script&lang=js&
 //
@@ -3744,8 +4273,8 @@ var list_itemvue_type_style_index_0_lang_less_ = __webpack_require__("51f5");
 
 var list_item_component = normalizeComponent(
   list_item_list_itemvue_type_script_lang_js_,
-  list_itemvue_type_template_id_6b1bb1b9_render,
-  list_itemvue_type_template_id_6b1bb1b9_staticRenderFns,
+  list_itemvue_type_template_id_4ae41e30_render,
+  list_itemvue_type_template_id_4ae41e30_staticRenderFns,
   false,
   null,
   null,
@@ -3756,86 +4285,14 @@ var list_item_component = normalizeComponent(
 /* harmony default export */ var list_item = (list_item_component.exports);
 // CONCATENATED MODULE: ./components/list_item/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=template&id=6af78110&
-var linkvue_type_template_id_6af78110_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:[
-    'd-link',
-    _vm.LINK_KIND_MODIFIERS[_vm.kind] ],attrs:{"data-qa":"dt-link"}},[_vm._t("default")],2)}
-var linkvue_type_template_id_6af78110_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=template&id=f94c040c&
+var noticevue_type_template_id_f94c040c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"data-qa":"notice"}},_vm.$listeners),[_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}},_vm.$listeners),[_vm._t("action")],2)],1)}
+var noticevue_type_template_id_f94c040c_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/link/link.vue?vue&type=template&id=6af78110&
+// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=f94c040c&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/link/link.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ var linkvue_type_script_lang_js_ = ({
-  name: 'DtLink',
-  props: {
-    /**
-     * Applies the link variant styles
-     */
-    kind: {
-      type: String,
-      default: '',
-
-      validator(kind) {
-        return LINK_VARIANTS.includes(kind);
-      }
-
-    }
-  },
-
-  data() {
-    return {
-      LINK_KIND_MODIFIERS: LINK_KIND_MODIFIERS
-    };
-  }
-
-});
-// CONCATENATED MODULE: ./components/link/link.vue?vue&type=script&lang=js&
- /* harmony default export */ var link_linkvue_type_script_lang_js_ = (linkvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./components/link/link.vue
-
-
-
-
-
-/* normalize component */
-
-var link_component = normalizeComponent(
-  link_linkvue_type_script_lang_js_,
-  linkvue_type_template_id_6af78110_render,
-  linkvue_type_template_id_6af78110_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var link_link = (link_component.exports);
-// CONCATENATED MODULE: ./components/link/index.js
-
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=template&id=40200ccc&
-var noticevue_type_template_id_40200ccc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',_vm._g({class:_vm.noticeClass,attrs:{"data-qa":"notice"}},_vm.$listeners),[_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}},_vm.$listeners),[_vm._t("action")],2)],1)}
-var noticevue_type_template_id_40200ccc_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./components/notice/notice.vue?vue&type=template&id=40200ccc&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=script&lang=js&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/notice/notice.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -3986,8 +4443,8 @@ var noticevue_type_template_id_40200ccc_staticRenderFns = []
 
 var notice_component = normalizeComponent(
   notice_noticevue_type_script_lang_js_,
-  noticevue_type_template_id_40200ccc_render,
-  noticevue_type_template_id_40200ccc_staticRenderFns,
+  noticevue_type_template_id_f94c040c_render,
+  noticevue_type_template_id_f94c040c_staticRenderFns,
   false,
   null,
   null,
@@ -3999,28 +4456,29 @@ var notice_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/notice/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=ec1d0844&
-var popovervue_type_template_id_ec1d0844_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{directives:[{name:"click-outside",rawName:"v-click-outside",value:(function () { return _vm.close('click-outside'); }),expression:"() => close('click-outside')"}],tag:"component",staticClass:"d-p-relative dt-popover"},[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy}},[_vm._t("anchor",null,{"attrs":{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/popover/popover.vue?vue&type=template&id=34e0d8ea&
+var popovervue_type_template_id_34e0d8ea_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,{directives:[{name:"click-outside",rawName:"v-click-outside",value:(function () { return _vm.close('click-outside'); }),expression:"() => close('click-outside')"}],tag:"component",staticClass:"d-ps-relative dt-popover"},[_c('div',{ref:"anchor",attrs:{"id":!_vm.ariaLabelledby && _vm.labelledBy}},[_vm._t("anchor",null,{"attrs":{
         'aria-expanded': _vm.open.toString(),
         'aria-controls': _vm.id,
         'aria-haspopup': _vm.role,
       }})],2),_c('dt-lazy-show',_vm._g({ref:"container",class:[
-      'd-border',
-      'd-border-color--ash-dark',
-      'd-border-radius--sm',
-      'd-bgc-white d-box-shadow--md',
+      'd-ba',
+      'd-bc-black-075',
+      'd-bar4',
+      'd-bgc-white',
+      'd-bs-md',
       'd-mt4',
       'd-ps-absolute',
-      'd-z-index--popover',
+      'd-zi-popover',
       'dt-popover__content',
       ("dt-popover__content--align-" + _vm.alignment),
       ("dt-popover__content--valign-" + _vm.verticalAlignment),
       ("dt-popover__content--pad-" + _vm.padding),
-      _vm.contentClass ],attrs:{"id":_vm.id,"role":_vm.role,"aria-hidden":!_vm.open,"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":_vm.isDialog,"transition":_vm.transition,"show":_vm.open,"tabindex":"-1"}},_vm.dialogListeners),[_vm._t("content"),(_vm.hasCaret)?_c('div',{staticClass:"d-bgc-white d-mtn4 d-border-top d-border-left d-border-color--ash-dark dt-popover__caret"}):_vm._e()],2)],1)}
-var popovervue_type_template_id_ec1d0844_staticRenderFns = []
+      _vm.contentClass ],attrs:{"id":_vm.id,"role":_vm.role,"aria-hidden":!_vm.open,"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"aria-modal":_vm.isDialog,"transition":_vm.transition,"show":_vm.open,"tabindex":"-1"}},_vm.dialogListeners),[_vm._t("content"),(_vm.hasCaret)?_c('div',{staticClass:"d-bgc-white d-mtn4 d-bt d-bl d-bc-black-075 dt-popover__caret"}):_vm._e()],2)],1)}
+var popovervue_type_template_id_34e0d8ea_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=ec1d0844&
+// CONCATENATED MODULE: ./components/popover/popover.vue?vue&type=template&id=34e0d8ea&
 
 // CONCATENATED MODULE: ./components/popover/popover_constants.js
 const POPOVER_PADDING_CLASSES = ['none', 'small', 'medium', 'large'];
@@ -4090,6 +4548,7 @@ var v_click_outside_umd_default = /*#__PURE__*/__webpack_require__.n(v_click_out
 //
 //
 //
+//
 
 
 
@@ -4390,8 +4849,8 @@ var popovervue_type_style_index_0_lang_less_ = __webpack_require__("e0bf");
 
 var popover_component = normalizeComponent(
   popover_popovervue_type_script_lang_js_,
-  popovervue_type_template_id_ec1d0844_render,
-  popovervue_type_template_id_ec1d0844_staticRenderFns,
+  popovervue_type_template_id_34e0d8ea_render,
+  popovervue_type_template_id_34e0d8ea_staticRenderFns,
   false,
   null,
   null,
@@ -4403,12 +4862,12 @@ var popover_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/popover/index.js
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/radio/radio.vue?vue&type=template&id=7572bdc7&
-var radiovue_type_template_id_7572bdc7_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-radio-group', { 'd-radio-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-radio__input"},[_c('input',_vm._g(_vm._b({class:['d-radio', _vm.inputValidationClass, _vm.inputClass],attrs:{"name":_vm.internalName,"disabled":_vm.internalDisabled,"type":"radio"},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"radio-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-radio__description', _vm.descriptionValidationClass, _vm.descriptionClass],attrs:{"data-qa":"radio-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-radio-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
-var radiovue_type_template_id_7572bdc7_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/radio/radio.vue?vue&type=template&id=6ab0a459&
+var radiovue_type_template_id_6ab0a459_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-radio-group', { 'd-radio-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-radio__input"},[_c('input',_vm._g(_vm._b({class:['d-radio', _vm.inputValidationClass, _vm.inputClass],attrs:{"name":_vm.internalName,"disabled":_vm.internalDisabled,"type":"radio"},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-radio__copy d-radio__label",attrs:{"data-qa":"radio-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"radio-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"radio-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-radio-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
+var radiovue_type_template_id_6ab0a459_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=7572bdc7&
+// CONCATENATED MODULE: ./components/radio/radio.vue?vue&type=template&id=6ab0a459&
 
 // CONCATENATED MODULE: ./components/radio/radio_constants.js
 const RADIO_INPUT_VALIDATION_CLASSES = {
@@ -4416,14 +4875,8 @@ const RADIO_INPUT_VALIDATION_CLASSES = {
   error: 'd-radio--error',
   success: 'd-radio--success'
 };
-const RADIO_DESCRIPTION_VALIDATION_CLASSES = {
-  warning: 'd-radio__description--warning',
-  error: 'd-radio__description--error',
-  success: 'd-radio__description--success'
-};
 /* harmony default export */ var radio_constants = ({
-  RADIO_INPUT_VALIDATION_CLASSES,
-  RADIO_DESCRIPTION_VALIDATION_CLASSES
+  RADIO_INPUT_VALIDATION_CLASSES
 });
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/radio/radio.vue?vue&type=script&lang=js&
 //
@@ -4498,10 +4951,6 @@ const RADIO_DESCRIPTION_VALIDATION_CLASSES = {
       return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];
     },
 
-    descriptionValidationClass() {
-      return RADIO_DESCRIPTION_VALIDATION_CLASSES[this.internalValidationState];
-    },
-
     radioGroupValue() {
       var _this$groupContext;
 
@@ -4563,8 +5012,8 @@ const RADIO_DESCRIPTION_VALIDATION_CLASSES = {
 
 var radio_component = normalizeComponent(
   radio_radiovue_type_script_lang_js_,
-  radiovue_type_template_id_7572bdc7_render,
-  radiovue_type_template_id_7572bdc7_staticRenderFns,
+  radiovue_type_template_id_6ab0a459_render,
+  radiovue_type_template_id_6ab0a459_staticRenderFns,
   false,
   null,
   null,
@@ -4673,47 +5122,33 @@ var radio_group_component = normalizeComponent(
 /* harmony default export */ var radio_group = (radio_group_component.exports);
 // CONCATENATED MODULE: ./components/radio_group/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=template&id=13edc8c6&
-var checkboxvue_type_template_id_13edc8c6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-checkbox-group', { 'd-checkbox-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-checkbox__input"},[_c('input',_vm._g(_vm._b({class:['d-checkbox', _vm.inputValidationClass, _vm.inputClass],attrs:{"type":"checkbox","name":_vm.internalName,"disabled":_vm.internalDisabled},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"checkbox-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-checkbox__description', _vm.descriptionValidationClass, _vm.descriptionClass],attrs:{"data-qa":"checkbox-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-checkbox-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
-var checkboxvue_type_template_id_13edc8c6_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_group.vue?vue&type=template&id=27640e10&
+var tab_groupvue_type_template_id_27640e10_render = function () {
+var _obj;
+var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"data-qa":"dt-tab-group"}},[_c('div',{class:[
+      'd-tablist',
+      _vm.TAB_LIST_SIZE_MODIFIERS[_vm.size],
+      ( _obj = {}, _obj[_vm.TAB_LIST_KIND_MODIFIERS.inverted] = _vm.inverted, _obj[_vm.TAB_LIST_IMPORTANCE_MODIFIERS.borderless] = _vm.borderless, _obj ) ],attrs:{"role":"tablist","aria-label":_vm.label},on:{"keyup":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }return _vm.tabLeft($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"right",39,$event.key,["Right","ArrowRight"])){ return null; }if('button' in $event && $event.button !== 2){ return null; }return _vm.tabRight($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.selectTab($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }return _vm.selectTab($event)}],"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"home",undefined,$event.key,undefined)){ return null; }return _vm.onHomeButton($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"end",undefined,$event.key,undefined)){ return null; }return _vm.onEndButton($event)}]}},[_vm._t("tabs")],2),_vm._t("default")],2)}
+var tab_groupvue_type_template_id_27640e10_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=13edc8c6&
+// CONCATENATED MODULE: ./components/tabs/tab_group.vue?vue&type=template&id=27640e10&
 
-// CONCATENATED MODULE: ./components/checkbox/checkbox_constants.js
-const CHECKBOX_INPUT_VALIDATION_CLASSES = {
-  error: 'd-checkbox--error',
-  warning: 'd-checkbox--warning',
-  success: 'd-checkbox--success'
+// CONCATENATED MODULE: ./components/tabs/tabs_constants.js
+const TAB_LIST_SIZES = ['', 'sm'];
+const TAB_LIST_SIZE_MODIFIERS = {
+  sm: 'd-tablist--sm'
 };
-const CHECKBOX_DESCRIPTION_VALIDATION_CLASSES = {
-  error: 'd-checkbox__description--error',
-  warning: 'd-checkbox__description--warning',
-  success: 'd-checkbox__description--success'
+const TAB_LIST_KIND_MODIFIERS = {
+  inverted: 'd-tablist--inverted'
 };
-/* harmony default export */ var checkbox_constants = ({
-  CHECKBOX_INPUT_VALIDATION_CLASSES,
-  CHECKBOX_DESCRIPTION_VALIDATION_CLASSES
-});
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+const TAB_LIST_IMPORTANCE_MODIFIERS = {
+  borderless: 'd-tablist--no-border'
+};
+const TAB_IMPORTANCE_MODIFIERS = {
+  selected: 'd-tab--selected'
+};
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_group.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -4744,78 +5179,228 @@ const CHECKBOX_DESCRIPTION_VALIDATION_CLASSES = {
 //
 //
 //
-// Imports
 
+/* harmony default export */ var tab_groupvue_type_script_lang_js_ = ({
+  name: 'DtTabGroup',
 
-
-/* harmony default export */ var checkboxvue_type_script_lang_js_ = ({
-  name: 'DtCheckbox',
-  components: {
-    DtValidationMessages: validation_messages
+  provide() {
+    return {
+      groupContext: this.provideObj,
+      changeContentPanel: this.changeContentPanel,
+      setFocus: this.setFocus
+    };
   },
-  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
-  inheritAttrs: false,
-  computed: {
-    inputValidationClass() {
-      return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];
+
+  props: {
+    /**
+     * Identifies the tab group
+     */
+    label: {
+      type: String,
+      default: ''
     },
 
-    descriptionValidationClass() {
-      return CHECKBOX_DESCRIPTION_VALIDATION_CLASSES[this.internalValidationState];
+    /**
+     * The id of the selected tab panel which should be displayed
+     */
+    selected: {
+      type: String,
+      default: ''
     },
 
-    checkboxGroupValueChecked() {
-      var _this$groupContext$se, _this$groupContext, _this$groupContext$se2;
+    /**
+     * If true, disables the tab group
+     */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
 
-      return (_this$groupContext$se = (_this$groupContext = this.groupContext) === null || _this$groupContext === void 0 ? void 0 : (_this$groupContext$se2 = _this$groupContext.selectedValues) === null || _this$groupContext$se2 === void 0 ? void 0 : _this$groupContext$se2.includes(this.value)) !== null && _this$groupContext$se !== void 0 ? _this$groupContext$se : false;
+    /**
+     * If true, applies inverted styles to the tab group
+     */
+    inverted: {
+      type: Boolean,
+      default: false
     },
 
-    inputListeners() {
-      return {
-        /* TODO
-            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
-            and migration prior to upgrading to Vue 3.x
-        */
-        // eslint-disable-next-line vue/no-deprecated-dollar-listeners-api
-        ...this.$listeners,
+    /**
+     * If true, applies borderless styles to the tab group
+     */
+    borderless: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * If provided, applies size styles to the tab group
+     */
+    size: {
+      type: String,
+      default: '',
+
+      validate(size) {
+        return TAB_LIST_SIZES.includes(size);
+      }
 
-        /*
-         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
-         * element which will result in the hander being called twice (once on the input element and once by the emitted
-         * input event by the change listener).
-        */
-        input: () => {},
-        change: event => this.emitValue(event.target.value, event.target.checked)
-      };
     }
+  },
 
+  data() {
+    return {
+      provideObj: {
+        selected: '',
+        // the currently displayed tab id
+        disabled: false // disable group
+
+      },
+      focusId: null,
+      tabs: [],
+      TAB_LIST_SIZE_MODIFIERS: TAB_LIST_SIZE_MODIFIERS,
+      TAB_LIST_KIND_MODIFIERS: TAB_LIST_KIND_MODIFIERS,
+      TAB_LIST_IMPORTANCE_MODIFIERS: TAB_LIST_IMPORTANCE_MODIFIERS
+    };
   },
+
   watch: {
-    checkboxGroupValueChecked: {
+    disabled: {
       immediate: true,
 
-      handler(newCheckboxGroupValueChecked) {
-        if (this.hasGroup) {
-          // update internal value when the checkbox group value changes
-          this.internalChecked = newCheckboxGroupValueChecked;
-        }
+      handler() {
+        this.provideObj.disabled = this.disabled;
       }
 
     }
   },
+
+  mounted() {
+    this.updateSelected();
+  },
+
+  beforeUpdate() {
+    this.updateSelected();
+  },
+
   methods: {
-    emitValue(value, checked) {
-      // update provided value if injected
-      this.setGroupValue(value, checked); // emit the state of the checkbox
+    updateSelected() {
+      /**
+       * Prevent override tab selected by default
+       */
+      if (!this.provideObj.selected) {
+        this.provideObj.selected = this.selected;
+      }
 
-      this.$emit('input', checked);
+      this.tabs = this.getTabChildren();
+    },
+
+    setFocus(focusId) {
+      this.focusId = focusId;
+    },
+
+    getTabChildren() {
+      return this.$children.map(({
+        $el
+      }) => $el).filter(({
+        className
+      }) => className.includes('d-tab')).map(el => {
+        var _el$getAttribute, _el$getAttribute2;
+
+        return {
+          context: el,
+          panelId: (_el$getAttribute = el.getAttribute('aria-controls')) === null || _el$getAttribute === void 0 ? void 0 : _el$getAttribute.replace('dt-panel-', ''),
+          id: (_el$getAttribute2 = el.getAttribute('id')) === null || _el$getAttribute2 === void 0 ? void 0 : _el$getAttribute2.replace('dt-tab-', ''),
+          isSelected: el.getAttribute('aria-selected') === 'true'
+        };
+      });
+    },
+
+    onChange() {
+      this.$emit('change', { ...this.provideObj
+      });
+    },
+
+    changeContentPanel({
+      selected,
+      selectOverride
+    }) {
+      this.provideObj.selected = selected;
+
+      if (!selectOverride) {
+        this.onChange();
+      }
+    },
+
+    tabLeft() {
+      const {
+        index,
+        tabs
+      } = this.getIndexAndTabs();
+      if (index === -1) return;
+      const indexElement = index - 1 < 0 ? tabs.length - 1 : index - 1;
+      this.selectFocusOnTab(indexElement, tabs);
+    },
+
+    tabRight() {
+      const {
+        index,
+        tabs
+      } = this.getIndexAndTabs();
+      if (index === -1) return;
+      const indexElement = index + 1 > tabs.length - 1 ? 0 : index + 1;
+      this.selectFocusOnTab(indexElement, tabs);
+    },
+
+    selectFocusOnTab(index, tabs) {
+      const {
+        context
+      } = tabs[index];
+      context.focus();
+    },
+
+    selectTab() {
+      const {
+        tabs,
+        index
+      } = this.getIndexAndTabs();
+      this.selectTabByIndex(index, tabs);
+    },
+
+    selectTabByIndex(index, tabs) {
+      const {
+        context,
+        panelId
+      } = tabs[index];
+      this.provideObj.selected = panelId;
+      context.focus();
+    },
+
+    getIndexAndTabs() {
+      const index = this.tabs.findIndex(context => this.focusId ? context.id === `${this.focusId}` : context.isSelected);
+      return {
+        tabs: this.tabs,
+        index
+      };
+    },
+
+    onHomeButton() {
+      var _this$tabs$, _this$tabs$$context;
+
+      if (this.tabs.length === 0) return;
+      (_this$tabs$ = this.tabs[0]) === null || _this$tabs$ === void 0 ? void 0 : (_this$tabs$$context = _this$tabs$.context) === null || _this$tabs$$context === void 0 ? void 0 : _this$tabs$$context.focus();
+    },
+
+    onEndButton() {
+      var _this$tabs, _this$tabs$context;
+
+      if (this.tabs.length === 0) return;
+      (_this$tabs = this.tabs[this.tabs.length - 1]) === null || _this$tabs === void 0 ? void 0 : (_this$tabs$context = _this$tabs.context) === null || _this$tabs$context === void 0 ? void 0 : _this$tabs$context.focus();
     }
 
   }
 });
-// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=script&lang=js&
- /* harmony default export */ var checkbox_checkboxvue_type_script_lang_js_ = (checkboxvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./components/checkbox/checkbox.vue
+// CONCATENATED MODULE: ./components/tabs/tab_group.vue?vue&type=script&lang=js&
+ /* harmony default export */ var tabs_tab_groupvue_type_script_lang_js_ = (tab_groupvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/tabs/tab_group.vue
 
 
 
@@ -4823,10 +5408,10 @@ const CHECKBOX_DESCRIPTION_VALIDATION_CLASSES = {
 
 /* normalize component */
 
-var checkbox_component = normalizeComponent(
-  checkbox_checkboxvue_type_script_lang_js_,
-  checkboxvue_type_template_id_13edc8c6_render,
-  checkboxvue_type_template_id_13edc8c6_staticRenderFns,
+var tab_group_component = normalizeComponent(
+  tabs_tab_groupvue_type_script_lang_js_,
+  tab_groupvue_type_template_id_27640e10_render,
+  tab_groupvue_type_template_id_27640e10_staticRenderFns,
   false,
   null,
   null,
@@ -4834,132 +5419,249 @@ var checkbox_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var checkbox_checkbox = (checkbox_component.exports);
-// CONCATENATED MODULE: ./components/checkbox/index.js
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox_group/checkbox_group.vue?vue&type=script&lang=js&
+/* harmony default export */ var tab_group = (tab_group_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab.vue?vue&type=template&id=0bc212ec&
+var tabvue_type_template_id_0bc212ec_render = function () {
+var _obj;
+var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-button',_vm._b({class:[
+    'd-tab',
+    ( _obj = {}, _obj[_vm.TAB_IMPORTANCE_MODIFIERS.selected] = _vm.isSelected, _obj ),
+    _vm.tabClass ],attrs:{"id":("dt-tab-" + _vm.id),"role":"tab","aria-selected":("" + _vm.isSelected),"aria-controls":("dt-panel-" + _vm.panelId),"aria-label":_vm.label,"data-qa":"dt-tab","tabindex":_vm.isSelected ? '0' : '-1',"disabled":_vm.groupContext.disabled || _vm.disabled},on:{"click":function($event){return _vm.selectPanel()},"focus":function($event){return _vm.setFocus(_vm.id)}}},'dt-button',_vm.$attrs,false),[_vm._t("default")],2)}
+var tabvue_type_template_id_0bc212ec_staticRenderFns = []
 
 
-/* harmony default export */ var checkbox_groupvue_type_script_lang_js_ = ({
-  name: 'DtCheckboxGroup',
-  extends: input_group_input_group,
-  model: {
-    prop: 'selectedValues'
-  },
-  props: {
-    /**
-     * Not supported by this component, please use selectedValues
-     */
-    value: {
-      type: [],
-      default: null,
-      validator: value => {
-        if (!value) {
-          return true;
-        }
+// CONCATENATED MODULE: ./components/tabs/tab.vue?vue&type=template&id=0bc212ec&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
-        external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Component uses selectedValues to initialize the model, value is not supported by this component', undefined);
-        return false;
-      }
-    },
 
+/* harmony default export */ var tabvue_type_script_lang_js_ = ({
+  name: 'DtTab',
+  components: {
+    DtButton: button_button
+  },
+  inject: ['changeContentPanel', 'groupContext', 'setFocus'],
+  inheritAttrs: false,
+  props: {
     /**
-     * A provided list of selected values(s) for the checkbox group
+     * Id of the tab
      */
-    selectedValues: {
-      type: Array,
-
-      default() {
-        return [];
-      }
-
+    id: {
+      type: String,
+      required: true
     },
 
     /**
-     * A data qa tag for the radio group
+     * Id of the associated content panel
      */
-    dataQaGroup: {
+    panelId: {
       type: String,
-      default: 'checkbox-group'
+      required: true
     },
 
     /**
-     * A data qa tag for the radio group legend
+     * Describes the tab
      */
-    dataQaGroupLegend: {
+    label: {
       type: String,
-      default: 'checkbox-group-legend'
+      default: ''
     },
 
     /**
-     * A data qa tag for the radio group messages
+     * Controls the state of the tab
      */
-    dataQaGroupMessages: {
-      type: String,
-      default: 'checkbox-group-messages'
+    selected: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * If true, disables the tab
+     */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Used to customize the tab element
+     */
+    tabClass: {
+      type: [String, Array, Object],
+      default: ''
     }
   },
 
   data() {
     return {
-      internalValue: this.selectedValues,
-      // wrap values in object to make reactive
-      provideObj: {
-        selectedValues: this.selectedValues
-      }
+      TAB_IMPORTANCE_MODIFIERS: TAB_IMPORTANCE_MODIFIERS
     };
   },
 
-  watch: {
-    selectedValues(newSelectedValues) {
-      this.internalValue = newSelectedValues;
-    },
-
-    /*
-     * watching value to support 2 way binding for slotted checkboxes.
-     * need this to pass value to slotted checkboxes if modified outside
-     * checkbox group.
-     */
-    internalValue(newInternalValue) {
-      this.provideObj.selectedValues = newInternalValue;
+  computed: {
+    isSelected() {
+      return this.groupContext.selected === this.panelId;
     }
 
   },
+
+  mounted() {
+    this.setSelectedPanelByDefault();
+  },
+
   methods: {
-    /*
-     * provided value to support 2 way binding for slotted checkboxes.
-     * slotted checkbox will change this value and need to emit new value up.
-     */
-    setGroupValue(value, checked) {
-      if (!checked) {
-        this.internalValue = this.internalValue.filter(checkedValue => checkedValue !== value);
-      } else if (!this.internalValue.includes(value)) {
-        this.internalValue.push(value);
+    setSelectedPanelByDefault() {
+      if (this.selected) {
+        this.selectPanel(true);
       }
+    },
 
-      this.$emit('input', this.internalValue);
+    selectPanel(selectOverride = false) {
+      this.changeContentPanel({
+        selected: this.panelId,
+        selectOverride
+      });
+    }
+
+  }
+});
+// CONCATENATED MODULE: ./components/tabs/tab.vue?vue&type=script&lang=js&
+ /* harmony default export */ var tabs_tabvue_type_script_lang_js_ = (tabvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/tabs/tab.vue
+
+
+
+
+
+/* normalize component */
+
+var tab_component = normalizeComponent(
+  tabs_tabvue_type_script_lang_js_,
+  tabvue_type_template_id_0bc212ec_render,
+  tabvue_type_template_id_0bc212ec_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var tab = (tab_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_panel.vue?vue&type=template&id=4d6d0107&
+var tab_panelvue_type_template_id_4d6d0107_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
+    {
+      'd-d-none': _vm.hidePanel,
     },
+    _vm.tabPanelClass ],attrs:{"id":("dt-panel-" + _vm.id),"role":"tabpanel","tabindex":"0","aria-labelledby":("dt-tab-" + _vm.tabId),"aria-hidden":("" + _vm.hidePanel),"data-qa":"dt-tab-panel"}},[_vm._t("default")],2)}
+var tab_panelvue_type_template_id_4d6d0107_staticRenderFns = []
 
-    getMessageKey(type, index) {
-      return `checkbox-group-message-${type}-${index}-${this.id}`;
+
+// CONCATENATED MODULE: ./components/tabs/tab_panel.vue?vue&type=template&id=4d6d0107&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tabs/tab_panel.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ var tab_panelvue_type_script_lang_js_ = ({
+  name: 'DtTabPanel',
+  inject: ['groupContext'],
+  props: {
+    /**
+     * Id of the panel
+     */
+    id: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * Id of the associated tab
+     */
+    tabId: {
+      type: String,
+      required: true
+    },
+
+    /**
+    * If true, hides the tab content
+    */
+    hidden: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Used to customize the tab element
+     */
+    tabPanelClass: {
+      type: [String, Array, Object],
+      default: ''
+    }
+  },
+  computed: {
+    hidePanel() {
+      return this.groupContext.selected !== this.id || this.hidden;
     }
 
   }
 });
-// CONCATENATED MODULE: ./components/checkbox_group/checkbox_group.vue?vue&type=script&lang=js&
- /* harmony default export */ var checkbox_group_checkbox_groupvue_type_script_lang_js_ = (checkbox_groupvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./components/checkbox_group/checkbox_group.vue
-var checkbox_group_render, checkbox_group_staticRenderFns
+// CONCATENATED MODULE: ./components/tabs/tab_panel.vue?vue&type=script&lang=js&
+ /* harmony default export */ var tabs_tab_panelvue_type_script_lang_js_ = (tab_panelvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/tabs/tab_panel.vue
+
 
 
 
 
 /* normalize component */
 
-var checkbox_group_component = normalizeComponent(
-  checkbox_group_checkbox_groupvue_type_script_lang_js_,
-  checkbox_group_render,
-  checkbox_group_staticRenderFns,
+var tab_panel_component = normalizeComponent(
+  tabs_tab_panelvue_type_script_lang_js_,
+  tab_panelvue_type_template_id_4d6d0107_render,
+  tab_panelvue_type_template_id_4d6d0107_staticRenderFns,
   false,
   null,
   null,
@@ -4967,115 +5669,923 @@ var checkbox_group_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
-// CONCATENATED MODULE: ./components/checkbox_group/index.js
+/* harmony default export */ var tab_panel = (tab_panel_component.exports);
+// CONCATENATED MODULE: ./components/tabs/index.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"31b17c73-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=template&id=7efee0c6&
-var select_menuvue_type_template_id_7efee0c6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('label',[_c('div',_vm._b({class:[
-        'd-label',
-        _vm.LABEL_SIZE_MODIFIERS[_vm.size],
-        _vm.labelClass ],attrs:{"aria-details":_vm.labelAriaDetails,"data-qa":"dt-select-label"}},'div',_vm.labelChildProps,false),[_vm._t("label",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:[
-        'd-description',
-        _vm.DESCRIPTION_SIZE_MODIFIERS[_vm.size],
-        _vm.descriptionClass ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-select-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('div',{class:[
-        'd-select',
-        _vm.SELECT_SIZE_MODIFIERS[_vm.size],
-        _vm.selectClass ],attrs:{"data-qa":"dt-select-wrapper"}},[_c('select',_vm._g(_vm._b({class:[
-          'd-select__input',
-          _vm.SELECT_STATE_MODIFIERS[_vm.state] ],attrs:{"data-qa":"dt-select"}},'select',_vm.$attrs,false),_vm.selectListeners),[_vm._t("default",_vm._l((_vm.options),function(option){return _c('option',_vm._b({key:_vm.getOptionKey(option.value),class:_vm.optionClass,domProps:{"value":option.value}},'option',_vm.optionChildProps,false),[_vm._v(" "+_vm._s(option.label)+" ")])}))],2)])]),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-select-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
-var select_menuvue_type_template_id_7efee0c6_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=template&id=7efee0c6&
 
-// CONCATENATED MODULE: ./components/select_menu/select_menu_constants.js
-const SELECT_SIZE_MODIFIERS = {
-  xs: 'd-select--xs',
-  sm: 'd-select--sm',
-  md: '',
-  lg: 'd-select--lg',
-  xl: 'd-select--xl'
-};
-const SELECT_STATE_MODIFIERS = {
-  error: 'd-select__input--error',
-  warning: 'd-select__input--warning',
-  success: 'd-select__input--success'
-};
-/* harmony default export */ var select_menu_constants = ({
-  SELECT_SIZE_MODIFIERS,
-  SELECT_STATE_MODIFIERS
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=template&id=60ec612e&
+var checkboxvue_type_template_id_60ec612e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',[_c('div',{class:['d-checkbox-group', { 'd-checkbox-group--disabled': _vm.internalDisabled }]},[_c('div',{staticClass:"d-checkbox__input"},[_c('input',_vm._g(_vm._b({class:['d-checkbox', _vm.inputValidationClass, _vm.inputClass],attrs:{"type":"checkbox","name":_vm.internalName,"disabled":_vm.internalDisabled},domProps:{"checked":_vm.internalChecked,"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners))]),_c('div',{staticClass:"d-checkbox__copy d-checkbox__label",attrs:{"data-qa":"checkbox-label-description-container"}},[_c('div',_vm._b({class:_vm.labelClass,attrs:{"data-qa":"checkbox-label"}},'div',_vm.labelChildProps,false),[_vm._t("default",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:['d-description', _vm.descriptionClass],attrs:{"data-qa":"checkbox-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-checkbox-validation-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)])])}
+var checkboxvue_type_template_id_60ec612e_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=template&id=60ec612e&
+
+// CONCATENATED MODULE: ./components/checkbox/checkbox_constants.js
+const CHECKBOX_INPUT_VALIDATION_CLASSES = {
+  error: 'd-checkbox--error',
+  warning: 'd-checkbox--warning',
+  success: 'd-checkbox--success'
+};
+/* harmony default export */ var checkbox_constants = ({
+  CHECKBOX_INPUT_VALIDATION_CLASSES
+});
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox/checkbox.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+// Imports
+
+
+
+/* harmony default export */ var checkboxvue_type_script_lang_js_ = ({
+  name: 'DtCheckbox',
+  components: {
+    DtValidationMessages: validation_messages
+  },
+  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],
+  inheritAttrs: false,
+  computed: {
+    inputValidationClass() {
+      return CHECKBOX_INPUT_VALIDATION_CLASSES[this.internalValidationState];
+    },
+
+    checkboxGroupValueChecked() {
+      var _this$groupContext$se, _this$groupContext, _this$groupContext$se2;
+
+      return (_this$groupContext$se = (_this$groupContext = this.groupContext) === null || _this$groupContext === void 0 ? void 0 : (_this$groupContext$se2 = _this$groupContext.selectedValues) === null || _this$groupContext$se2 === void 0 ? void 0 : _this$groupContext$se2.includes(this.value)) !== null && _this$groupContext$se !== void 0 ? _this$groupContext$se : false;
+    },
+
+    inputListeners() {
+      return {
+        /* TODO
+            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
+            and migration prior to upgrading to Vue 3.x
+        */
+        // eslint-disable-next-line vue/no-deprecated-dollar-listeners-api
+        ...this.$listeners,
+
+        /*
+         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
+         * element which will result in the hander being called twice (once on the input element and once by the emitted
+         * input event by the change listener).
+        */
+        input: () => {},
+        change: event => this.emitValue(event.target.value, event.target.checked)
+      };
+    }
+
+  },
+  watch: {
+    checkboxGroupValueChecked: {
+      immediate: true,
+
+      handler(newCheckboxGroupValueChecked) {
+        if (this.hasGroup) {
+          // update internal value when the checkbox group value changes
+          this.internalChecked = newCheckboxGroupValueChecked;
+        }
+      }
+
+    }
+  },
+  methods: {
+    emitValue(value, checked) {
+      // update provided value if injected
+      this.setGroupValue(value, checked); // emit the state of the checkbox
+
+      this.$emit('input', checked);
+    }
+
+  }
+});
+// CONCATENATED MODULE: ./components/checkbox/checkbox.vue?vue&type=script&lang=js&
+ /* harmony default export */ var checkbox_checkboxvue_type_script_lang_js_ = (checkboxvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/checkbox/checkbox.vue
+
+
+
+
+
+/* normalize component */
+
+var checkbox_component = normalizeComponent(
+  checkbox_checkboxvue_type_script_lang_js_,
+  checkboxvue_type_template_id_60ec612e_render,
+  checkboxvue_type_template_id_60ec612e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var checkbox_checkbox = (checkbox_component.exports);
+// CONCATENATED MODULE: ./components/checkbox/index.js
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/checkbox_group/checkbox_group.vue?vue&type=script&lang=js&
+
+
+/* harmony default export */ var checkbox_groupvue_type_script_lang_js_ = ({
+  name: 'DtCheckboxGroup',
+  extends: input_group_input_group,
+  model: {
+    prop: 'selectedValues'
+  },
+  props: {
+    /**
+     * Not supported by this component, please use selectedValues
+     */
+    value: {
+      type: [],
+      default: null,
+      validator: value => {
+        if (!value) {
+          return true;
+        }
+
+        external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Component uses selectedValues to initialize the model, value is not supported by this component', undefined);
+        return false;
+      }
+    },
+
+    /**
+     * A provided list of selected values(s) for the checkbox group
+     */
+    selectedValues: {
+      type: Array,
+
+      default() {
+        return [];
+      }
+
+    },
+
+    /**
+     * A data qa tag for the radio group
+     */
+    dataQaGroup: {
+      type: String,
+      default: 'checkbox-group'
+    },
+
+    /**
+     * A data qa tag for the radio group legend
+     */
+    dataQaGroupLegend: {
+      type: String,
+      default: 'checkbox-group-legend'
+    },
+
+    /**
+     * A data qa tag for the radio group messages
+     */
+    dataQaGroupMessages: {
+      type: String,
+      default: 'checkbox-group-messages'
+    }
+  },
+
+  data() {
+    return {
+      internalValue: this.selectedValues,
+      // wrap values in object to make reactive
+      provideObj: {
+        selectedValues: this.selectedValues
+      }
+    };
+  },
+
+  watch: {
+    selectedValues(newSelectedValues) {
+      this.internalValue = newSelectedValues;
+    },
+
+    /*
+     * watching value to support 2 way binding for slotted checkboxes.
+     * need this to pass value to slotted checkboxes if modified outside
+     * checkbox group.
+     */
+    internalValue(newInternalValue) {
+      this.provideObj.selectedValues = newInternalValue;
+    }
+
+  },
+  methods: {
+    /*
+     * provided value to support 2 way binding for slotted checkboxes.
+     * slotted checkbox will change this value and need to emit new value up.
+     */
+    setGroupValue(value, checked) {
+      if (!checked) {
+        this.internalValue = this.internalValue.filter(checkedValue => checkedValue !== value);
+      } else if (!this.internalValue.includes(value)) {
+        this.internalValue.push(value);
+      }
+
+      this.$emit('input', this.internalValue);
+    },
+
+    getMessageKey(type, index) {
+      return `checkbox-group-message-${type}-${index}-${this.id}`;
+    }
+
+  }
+});
+// CONCATENATED MODULE: ./components/checkbox_group/checkbox_group.vue?vue&type=script&lang=js&
+ /* harmony default export */ var checkbox_group_checkbox_groupvue_type_script_lang_js_ = (checkbox_groupvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/checkbox_group/checkbox_group.vue
+var checkbox_group_render, checkbox_group_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var checkbox_group_component = normalizeComponent(
+  checkbox_group_checkbox_groupvue_type_script_lang_js_,
+  checkbox_group_render,
+  checkbox_group_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var checkbox_group = (checkbox_group_component.exports);
+// CONCATENATED MODULE: ./components/checkbox_group/index.js
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=template&id=7efee0c6&
+var select_menuvue_type_template_id_7efee0c6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('label',[_c('div',_vm._b({class:[
+        'd-label',
+        _vm.LABEL_SIZE_MODIFIERS[_vm.size],
+        _vm.labelClass ],attrs:{"aria-details":_vm.labelAriaDetails,"data-qa":"dt-select-label"}},'div',_vm.labelChildProps,false),[_vm._t("label",[_vm._v(_vm._s(_vm.label))])],2),(_vm.$slots.description || _vm.description)?_c('div',_vm._b({class:[
+        'd-description',
+        _vm.DESCRIPTION_SIZE_MODIFIERS[_vm.size],
+        _vm.descriptionClass ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-select-description"}},'div',_vm.descriptionChildProps,false),[_vm._t("description",[_vm._v(_vm._s(_vm.description))])],2):_vm._e(),_c('div',{class:[
+        'd-select',
+        _vm.SELECT_SIZE_MODIFIERS[_vm.size],
+        _vm.selectClass ],attrs:{"data-qa":"dt-select-wrapper"}},[_c('select',_vm._g(_vm._b({class:[
+          'd-select__input',
+          _vm.SELECT_STATE_MODIFIERS[_vm.state] ],attrs:{"data-qa":"dt-select"}},'select',_vm.$attrs,false),_vm.selectListeners),[_vm._t("default",_vm._l((_vm.options),function(option){return _c('option',_vm._b({key:_vm.getOptionKey(option.value),class:_vm.optionClass,domProps:{"value":option.value}},'option',_vm.optionChildProps,false),[_vm._v(" "+_vm._s(option.label)+" ")])}))],2)])]),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.formattedMessages,"show-messages":_vm.showMessages,"data-qa":"dt-select-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
+var select_menuvue_type_template_id_7efee0c6_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=template&id=7efee0c6&
+
+// CONCATENATED MODULE: ./components/select_menu/select_menu_constants.js
+const SELECT_SIZE_MODIFIERS = {
+  xs: 'd-select--xs',
+  sm: 'd-select--sm',
+  md: '',
+  lg: 'd-select--lg',
+  xl: 'd-select--xl'
+};
+const SELECT_STATE_MODIFIERS = {
+  error: 'd-select__input--error',
+  warning: 'd-select__input--warning',
+  success: 'd-select__input--success'
+};
+/* harmony default export */ var select_menu_constants = ({
+  SELECT_SIZE_MODIFIERS,
+  SELECT_STATE_MODIFIERS
+});
+// CONCATENATED MODULE: ./components/select_menu/select_menu_validators.js
+const hasValidOptionIndex = option => !option.index || typeof option.index === 'number';
+
+const hasValidOptionValue = option => {
+  if (!option.value) {
+    return false;
+  }
+
+  return typeof option.value === 'string' || typeof option.value === 'number';
+};
+
+const hasValidOptionLabel = option => {
+  if (!option.label) {
+    return false;
+  }
+
+  return typeof option.label === 'string';
+};
+
+const optionsValidator = options => {
+  if (!options) {
+    return true;
+  }
+
+  return options.every(option => {
+    if (!hasValidOptionIndex(option)) {
+      return false;
+    }
+
+    if (!hasValidOptionValue(option)) {
+      return false;
+    }
+
+    if (!hasValidOptionLabel(option)) {
+      return false;
+    }
+
+    return true;
+  });
+};
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+
+/* harmony default export */ var select_menuvue_type_script_lang_js_ = ({
+  name: 'DtSelectMenu',
+  components: {
+    DtValidationMessages: validation_messages
+  },
+  mixins: [MessagesMixin],
+  inheritAttrs: false,
+  props: {
+    /**
+     * Label for the select
+     */
+    label: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Description for the select
+     */
+    description: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Select Menu Options, overridden by default slot. Each option has the following structure:
+     * `{ index: number (optional), value: number || string (required), label: string (required) }`
+     * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options
+     * @param {number} options[].index - Optional - The index of the option
+     * @param {number|string} options[].value - Required - The option value
+     * @param {string} options[].label - Required - The option Label
+     */
+    options: {
+      type: Array,
+      default: () => [],
+      validator: options => optionsValidator(options)
+    },
+
+    /**
+     * Controls the size of the select
+     * @values xs, s, md, lg, xl
+     * @see https://dialpad.design/components/select
+     */
+    size: {
+      type: String,
+      default: 'md',
+      validator: s => Object.keys(SELECT_SIZE_MODIFIERS).includes(s)
+    },
+
+    /**
+     * Used to customize the label container
+     */
+    labelClass: {
+      type: [String, Array, Object],
+      default: ''
+    },
+
+    /**
+     * Used to customize the description container
+     */
+    descriptionClass: {
+      type: [String, Array, Object],
+      default: ''
+    },
+
+    /**
+     * Used to customize the select
+     */
+    selectClass: {
+      type: [String, Array, Object],
+      default: ''
+    },
+
+    /**
+     * Used to customize each option, should options be provided via prop
+     */
+    optionClass: {
+      type: [String, Array, Object],
+      default: ''
+    },
+
+    /**
+     * A set of props that are passed into the label container
+     */
+    labelChildProps: {
+      type: Object,
+      default: () => ({})
+    },
+
+    /**
+     * A set of props that are passed into the description container
+     */
+    descriptionChildProps: {
+      type: Object,
+      default: () => ({})
+    },
+
+    /**
+     * A set of props that are passed into each option, should options be provided via prop
+     */
+    optionChildProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+
+  data() {
+    return {
+      LABEL_SIZE_MODIFIERS: LABEL_SIZE_MODIFIERS,
+      DESCRIPTION_SIZE_MODIFIERS: DESCRIPTION_SIZE_MODIFIERS,
+      SELECT_SIZE_MODIFIERS: SELECT_SIZE_MODIFIERS,
+      SELECT_STATE_MODIFIERS: SELECT_STATE_MODIFIERS
+    };
+  },
+
+  computed: {
+    selectListeners() {
+      return {
+        /* TODO
+            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
+            and migration prior to upgrading to Vue 3.x
+        */
+        // eslint-disable-next-line vue/no-deprecated-dollar-listeners-api
+        ...this.$listeners,
+
+        /*
+         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
+         * element which will result in the hander being called twice (once on the select element and once by the
+         * emitted input event by the change listener).
+        */
+        input: () => {},
+        change: event => this.emitValue(event.target.value)
+      };
+    },
+
+    state() {
+      return getValidationState(this.formattedMessages);
+    },
+
+    selectKey() {
+      return getUniqueString();
+    },
+
+    descriptionKey() {
+      return `select-${this.selectKey}-description`;
+    },
+
+    labelAriaDetails() {
+      if (this.$slots.description || this.description) {
+        return this.descriptionKey;
+      }
+
+      return this.$attrs['aria-details'];
+    }
+
+  },
+  methods: {
+    emitValue(value) {
+      this.$emit('input', value);
+      this.$emit('change', value);
+    },
+
+    getOptionKey(value) {
+      return `select-${this.selectKey}-option-${value}`;
+    },
+
+    validateOptionsPresence() {
+      var _this$options;
+
+      if (((_this$options = this.options) === null || _this$options === void 0 ? void 0 : _this$options.length) < 1 && !this.$slots.default) {
+        external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Options are expected to be provided via prop or slot', this);
+      }
+    }
+
+  },
+
+  mounted() {
+    this.validateOptionsPresence();
+  },
+
+  beforeUpdate() {
+    this.validateOptionsPresence();
+  }
+
+});
+// CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=script&lang=js&
+ /* harmony default export */ var select_menu_select_menuvue_type_script_lang_js_ = (select_menuvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/select_menu/select_menu.vue
+
+
+
+
+
+/* normalize component */
+
+var select_menu_component = normalizeComponent(
+  select_menu_select_menuvue_type_script_lang_js_,
+  select_menuvue_type_template_id_7efee0c6_render,
+  select_menuvue_type_template_id_7efee0c6_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var select_menu = (select_menu_component.exports);
+// CONCATENATED MODULE: ./components/select_menu/index.js
+
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/toast/toast.vue?vue&type=template&id=5f5458cb&
+var toastvue_type_template_id_5f5458cb_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('aside',{staticClass:"d-toast-wrapper"},[(!_vm.hidden)?_c('div',{class:[
+      'd-toast',
+      ("d-toast--" + _vm.kind),
+      { 'd-toast--important': _vm.important } ],attrs:{"data-qa":"dt-toast","aria-hidden":_vm.hidden.toString()}},[_c('div',{staticClass:"d-toast__dialog"},[_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",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2),_c('dt-notice-action',_vm._g({attrs:{"hide-close":_vm.hideClose,"close-button-props":_vm.closeButtonProps}},_vm.$listeners),[_vm._t("action")],2)],1)]):_vm._e()])}
+var toastvue_type_template_id_5f5458cb_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=template&id=5f5458cb&
+
+// CONCATENATED MODULE: ./components/toast/toast_constants.js
+const TOAST_ROLES = ['status', 'alert'];
+/* harmony default export */ var toast_constants = ({
+  TOAST_ROLES
+});
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/toast/toast.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+/* harmony default export */ var toastvue_type_script_lang_js_ = ({
+  name: 'DtToast',
+  components: {
+    DtNoticeIcon: notice_icon,
+    DtNoticeContent: notice_content,
+    DtNoticeAction: notice_action
+  },
+  props: {
+    /**
+     * Sets an ID on the title element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the title.
+     */
+    titleId: {
+      type: String,
+
+      default() {
+        return utils.getUniqueString();
+      }
+
+    },
+
+    /**
+     * Sets an ID on the content element of the component. Useful for aria-describedby
+     * or aria-labelledby or any other reason you may need an id to refer to the content.
+     */
+    contentId: {
+      type: String,
+
+      default() {
+        return utils.getUniqueString();
+      }
+
+    },
+
+    /**
+     * Title header of the toast. This can be left blank to remove the title from the toast entirely.
+     */
+    title: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Message of the toast. Overridden by default slot.
+     */
+    message: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to
+     * communicate an important message like an error that does not contain any interactive elements.
+     */
+    role: {
+      type: String,
+      default: 'status',
+      validator: role => {
+        return TOAST_ROLES.includes(role);
+      }
+    },
+
+    /**
+     * Severity level of the toast, sets the icon and background
+     */
+    kind: {
+      type: String,
+      default: 'base',
+      validator: kind => {
+        return NOTICE_KINDS.includes(kind);
+      }
+    },
+
+    /**
+     * Used in scenarios where the message needs to visually dominate the screen.
+     */
+    important: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Props for the toast close button.
+     */
+    closeButtonProps: {
+      type: Object,
+      default: () => ({})
+    },
+
+    /**
+     * Hides the close button from the toast
+     */
+    hideClose: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * The duration in ms the toast will display before disappearing.
+     * Defaults to 6000 ms and the prop validation is that provided duration is equal to or greater than 6000.
+     */
+    duration: {
+      type: Number,
+      default: 6000,
+      validator: duration => {
+        return duration >= 6000;
+      }
+    }
+  },
+
+  data() {
+    return {
+      hidden: true
+    };
+  },
+
+  /* TODO Vue 3 Migration
+   * destroyed() should be updated to unmounted() when migrating to Vue 3.
+   */
+  // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
+  destroyed() {
+    clearTimeout(this.displayTimer);
+  },
+
+  methods: {
+    show() {
+      this.hidden = false;
+      this.displayTimer = setTimeout(() => {
+        this.hidden = true;
+      }, this.duration);
+    },
+
+    close() {
+      this.hidden = true;
+      clearTimeout(this.displayTimer);
+    }
+
+  }
 });
-// CONCATENATED MODULE: ./components/select_menu/select_menu_validators.js
-const hasValidOptionIndex = option => !option.index || typeof option.index === 'number';
+// CONCATENATED MODULE: ./components/toast/toast.vue?vue&type=script&lang=js&
+ /* harmony default export */ var toast_toastvue_type_script_lang_js_ = (toastvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/toast/toast.vue
 
-const hasValidOptionValue = option => {
-  if (!option.value) {
-    return false;
-  }
 
-  return typeof option.value === 'string' || typeof option.value === 'number';
-};
 
-const hasValidOptionLabel = option => {
-  if (!option.label) {
-    return false;
-  }
 
-  return typeof option.label === 'string';
-};
 
-const optionsValidator = options => {
-  if (!options) {
-    return true;
-  }
+/* normalize component */
 
-  return options.every(option => {
-    if (!hasValidOptionIndex(option)) {
-      return false;
-    }
+var toast_component = normalizeComponent(
+  toast_toastvue_type_script_lang_js_,
+  toastvue_type_template_id_5f5458cb_render,
+  toastvue_type_template_id_5f5458cb_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
-    if (!hasValidOptionValue(option)) {
-      return false;
-    }
+/* harmony default export */ var toast = (toast_component.exports);
+// CONCATENATED MODULE: ./components/toast/index.js
 
-    if (!hasValidOptionLabel(option)) {
-      return false;
-    }
 
-    return true;
-  });
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5b8bbebb-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=template&id=32b3102c&
+var tooltipvue_type_template_id_32b3102c_render = function () {
+var _obj;
+var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-tooltip-container",attrs:{"data-qa":"dt-tooltip-container"},on:{"!focus":function($event){return _vm.onFocus($event)},"!blur":function($event){return _vm.onBlur($event)},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }return _vm.onEsc($event)},"mouseover":_vm.onHover,"mouseleave":_vm.onBlur}},[_c('div',_vm._b({class:[
+      'd-ps-absolute',
+      'd-tooltip',
+      ("d-tooltip__arrow--" + _vm.arrowDirection),
+      _vm.TOOLTIP_KIND_MODIFIERS[_vm.shouldShowTooltip ? 'show' : 'hide'],
+      ( _obj = {}, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.hover ] = _vm.shouldHasHoverModifier, _obj[ _vm.TOOLTIP_KIND_MODIFIERS.inverted ] = _vm.inverted, _obj ) ],attrs:{"id":_vm.id,"data-qa":"dt-tooltip","role":"tooltip","aria-hidden":_vm.ariaHidden}},'div',_vm.$attrs,false),[_vm._t("default",[_vm._v(" "+_vm._s(_vm.message)+" ")])],2),_c('div',{ref:"anchor",attrs:{"data-qa":"dt-tooltip-anchor"}},[_vm._t("anchor")],2)])}
+var tooltipvue_type_template_id_32b3102c_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=32b3102c&
+
+// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
+const TOOLTIP_DIRECTION_MODIFIERS = ['top-left', 'top-center', 'top-right', 'right-top', 'right-center', 'right-bottom', 'bottom-left', 'bottom-center', 'bottom-right', 'left-top', 'left-center', 'left-bottom'];
+const TOOLTIP_KIND_MODIFIERS = {
+  hover: `d-tooltip--hover`,
+  show: `d-tooltip--show`,
+  inverted: `d-tooltip--inverted`,
+  hide: `d-tooltip--hide`
 };
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/select_menu/select_menu.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/tooltip/tooltip.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -5120,199 +6630,173 @@ const optionsValidator = options => {
 //
 
 
-
-
-
-
-
-/* harmony default export */ var select_menuvue_type_script_lang_js_ = ({
-  name: 'DtSelectMenu',
-  components: {
-    DtValidationMessages: validation_messages
-  },
-  mixins: [MessagesMixin],
+/* harmony default export */ var tooltipvue_type_script_lang_js_ = ({
+  name: 'DtTooltip',
   inheritAttrs: false,
   props: {
     /**
-     * Label for the select
+     * The id of the tooltip
      */
-    label: {
+    id: {
       type: String,
-      default: ''
-    },
 
-    /**
-     * Description for the select
-     */
-    description: {
-      type: String,
-      default: ''
-    },
+      default() {
+        return getUniqueString();
+      }
 
-    /**
-     * Select Menu Options, overridden by default slot. Each option has the following structure:
-     * `{ index: number (optional), value: number || string (required), label: string (required) }`
-     * @param {Object[]} options - Optional - A list that can be used to create a list of select menu options
-     * @param {number} options[].index - Optional - The index of the option
-     * @param {number|string} options[].value - Required - The option value
-     * @param {string} options[].label - Required - The option Label
-     */
-    options: {
-      type: Array,
-      default: () => [],
-      validator: options => optionsValidator(options)
     },
 
     /**
-     * Controls the size of the select
-     * @values xs, s, md, lg, xl
-     * @see https://dialpad.design/components/select
+     * A provided message for the tooltip content
      */
-    size: {
+    message: {
       type: String,
-      default: 'md',
-      validator: s => Object.keys(SELECT_SIZE_MODIFIERS).includes(s)
-    },
-
-    /**
-     * Used to customize the label container
-     */
-    labelClass: {
-      type: [String, Array, Object],
       default: ''
     },
 
     /**
-     * Used to customize the description container
+     * Describes the preferred placement of the tooltip
      */
-    descriptionClass: {
-      type: [String, Array, Object],
-      default: ''
-    },
+    arrowDirection: {
+      type: String,
+      default: 'bottom-center',
+
+      validator(direction) {
+        return TOOLTIP_DIRECTION_MODIFIERS.includes(direction);
+      }
 
-    /**
-     * Used to customize the select
-     */
-    selectClass: {
-      type: [String, Array, Object],
-      default: ''
     },
 
     /**
-     * Used to customize each option, should options be provided via prop
+     * Whether the tooltip should be shown. Anchor can sync on this value
+     * by tooltip wrapper to control the tooltip's visibility.
      */
-    optionClass: {
-      type: [String, Array, Object],
-      default: ''
+    show: {
+      type: Boolean,
+      default: false
     },
 
     /**
-     * A set of props that are passed into the label container
+     * Mode of tooltip to control the tooltip's visibility.
      */
-    labelChildProps: {
-      type: Object,
-      default: () => ({})
+    hover: {
+      type: Boolean,
+      default: true
     },
 
     /**
-     * A set of props that are passed into the description container
+     * Add inverted class
      */
-    descriptionChildProps: {
-      type: Object,
-      default: () => ({})
+    inverted: {
+      type: Boolean,
+      default: false
     },
 
     /**
-     * A set of props that are passed into each option, should options be provided via prop
+     * This property is needed for focus event
      */
-    optionChildProps: {
-      type: Object,
-      default: () => ({})
+    tabIndex: {
+      type: String,
+      default: '0'
     }
   },
 
   data() {
     return {
-      LABEL_SIZE_MODIFIERS: LABEL_SIZE_MODIFIERS,
-      DESCRIPTION_SIZE_MODIFIERS: DESCRIPTION_SIZE_MODIFIERS,
-      SELECT_SIZE_MODIFIERS: SELECT_SIZE_MODIFIERS,
-      SELECT_STATE_MODIFIERS: SELECT_STATE_MODIFIERS
+      isHover: false,
+      // is hovered local state
+      isDismissed: false,
+      // is dismissed (for ex. escape key pressed) local state
+      isChildFocused: false,
+      // is child element focused local state
+      anchorTabIndex: '-1',
+      // anchor is not tabbable by default
+      TOOLTIP_KIND_MODIFIERS: TOOLTIP_KIND_MODIFIERS
     };
   },
 
   computed: {
-    selectListeners() {
-      return {
-        /* TODO
-            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
-            and migration prior to upgrading to Vue 3.x
-        */
-        // eslint-disable-next-line vue/no-deprecated-dollar-listeners-api
-        ...this.$listeners,
+    isTooltipVisible() {
+      if (this.isDismissed) {
+        return false;
+      }
 
-        /*
-         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
-         * element which will result in the hander being called twice (once on the select element and once by the
-         * emitted input event by the change listener).
-        */
-        input: () => {},
-        change: event => this.emitValue(event.target.value)
-      };
+      return this.hover ? this.isHover : this.show;
     },
 
-    state() {
-      return getValidationState(this.formattedMessages);
+    shouldShowTooltip() {
+      return this.isTooltipVisible || this.isChildFocused;
     },
 
-    selectKey() {
-      return getUniqueString();
+    shouldHasHoverModifier() {
+      return this.hover && !this.isDismissed && !this.isChildFocused;
     },
 
-    descriptionKey() {
-      return `select-${this.selectKey}-description`;
+    shouldHasShowModifier() {
+      return this.isChildFocused;
     },
 
-    labelAriaDetails() {
-      if (this.$slots.description || this.description) {
-        return this.descriptionKey;
-      }
-
-      return this.$attrs['aria-details'];
+    ariaHidden() {
+      return `${!this.isTooltipVisible}`;
     }
 
   },
+
+  mounted() {
+    this.initAttributes();
+  },
+
+  beforeUpdate() {
+    this.initAttributes();
+  },
+
   methods: {
-    emitValue(value) {
-      this.$emit('input', value);
-      this.$emit('change', value);
+    initAttributes() {
+      if (this.hasFocusableAnchorNode()) {
+        var _this$$refs$anchor, _this$$refs$anchor$ch;
+
+        /* TODO: In the future we might want to refine this to apply the appropriate aria attrs given the child element
+         * type.
+         */
+        // Add aria description to each anchored child
+        (_this$$refs$anchor = this.$refs.anchor) === null || _this$$refs$anchor === void 0 ? void 0 : (_this$$refs$anchor$ch = _this$$refs$anchor.children) === null || _this$$refs$anchor$ch === void 0 ? void 0 : _this$$refs$anchor$ch.forEach(child => {
+          child.setAttribute('aria-describedby', this.id);
+        });
+      } else {
+        this.$refs.anchor.setAttribute('tabIndex', this.tabIndex);
+        this.$refs.anchor.setAttribute('aria-describedby', this.id);
+      }
     },
 
-    getOptionKey(value) {
-      return `select-${this.selectKey}-option-${value}`;
+    hasFocusableAnchorNode() {
+      return !!findFirstFocusableNode(this.$refs.anchor);
     },
 
-    validateOptionsPresence() {
-      var _this$options;
+    onFocus() {
+      this.onHover();
+      this.isChildFocused = true;
+    },
 
-      if (((_this$options = this.options) === null || _this$options === void 0 ? void 0 : _this$options.length) < 1 && !this.$slots.default) {
-        external_commonjs_vue_commonjs2_vue_root_Vue_default.a.util.warn('Options are expected to be provided via prop or slot', this);
-      }
-    }
+    onHover() {
+      this.isHover = true;
+    },
 
-  },
+    onBlur() {
+      this.isHover = false;
+      this.isDismissed = false;
+      this.isChildFocused = false;
+    },
 
-  mounted() {
-    this.validateOptionsPresence();
-  },
+    onEsc() {
+      this.isDismissed = this.hover && this.isHover || !this.show;
+      this.isChildFocused = false;
+    }
 
-  beforeUpdate() {
-    this.validateOptionsPresence();
   }
-
 });
-// CONCATENATED MODULE: ./components/select_menu/select_menu.vue?vue&type=script&lang=js&
- /* harmony default export */ var select_menu_select_menuvue_type_script_lang_js_ = (select_menuvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./components/select_menu/select_menu.vue
+// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js&
+ /* harmony default export */ var tooltip_tooltipvue_type_script_lang_js_ = (tooltipvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
 
 
 
@@ -5320,10 +6804,10 @@ const optionsValidator = options => {
 
 /* normalize component */
 
-var select_menu_component = normalizeComponent(
-  select_menu_select_menuvue_type_script_lang_js_,
-  select_menuvue_type_template_id_7efee0c6_render,
-  select_menuvue_type_template_id_7efee0c6_staticRenderFns,
+var tooltip_component = normalizeComponent(
+  tooltip_tooltipvue_type_script_lang_js_,
+  tooltipvue_type_template_id_32b3102c_render,
+  tooltipvue_type_template_id_32b3102c_staticRenderFns,
   false,
   null,
   null,
@@ -5331,8 +6815,8 @@ var select_menu_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var select_menu = (select_menu_component.exports);
-// CONCATENATED MODULE: ./components/select_menu/index.js
+/* harmony default export */ var tooltip = (tooltip_component.exports);
+// CONCATENATED MODULE: ./components/tooltip/index.js
 
 
 // CONCATENATED MODULE: ./components/mixins/index.js
@@ -5355,6 +6839,11 @@ var select_menu_component = normalizeComponent(
 
 
 
+
+
+
+
+
 
 
  // Mixins