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

package/dist/dialtone-vue.common.js

@@ -590,9 +590,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; });
@@ -622,6 +630,9 @@ __webpack_require__.d(__webpack_exports__, "DtCheckboxGroup", function() { retur
 __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__, "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; });
@@ -651,34 +662,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":"6427f18c-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&
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -695,36 +869,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__ */
 
@@ -825,7 +1053,7 @@ function normalizeComponent (
   }
 }
 
-// CONCATENATED MODULE: ./components/badge/badge.vue
+// CONCATENATED MODULE: ./components/avatar/avatar.vue
 
 
 
@@ -834,7 +1062,7 @@ function normalizeComponent (
 /* normalize component */
 
 var component = normalizeComponent(
-  badge_badgevue_type_script_lang_js_,
+  avatar_avatarvue_type_script_lang_js_,
   render,
   staticRenderFns,
   false,
@@ -844,25 +1072,122 @@ var component = normalizeComponent(
   
 )
 
-/* harmony default export */ var badge = (component.exports);
+/* harmony default export */ var avatar = (component.exports);
+// CONCATENATED MODULE: ./components/avatar/index.js
+
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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 = []
+
+
+// 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":"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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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 = []
 
@@ -888,7 +1213,7 @@ var IconLightbulb_component = normalizeComponent(
 )
 
 /* 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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 = []
 
@@ -914,7 +1239,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":"6427f18c-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 = []
 
@@ -940,7 +1265,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":"6427f18c-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 = []
 
@@ -966,7 +1291,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":"6427f18c-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 = []
 
@@ -1070,7 +1395,7 @@ 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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 = []
 
@@ -1142,14 +1467,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":"6427f18c-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":"6427f18c-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 = []
 
@@ -1175,16 +1500,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":"6427f18c-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 = {
@@ -1283,6 +1609,13 @@ const LINK_KIND_MODIFIERS = {
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -1405,6 +1738,7 @@ const LINK_KIND_MODIFIERS = {
 
   data() {
     return {
+      ICON_POSITION_MODIFIERS: ICON_POSITION_MODIFIERS,
       // whether the button is currently in focus
       isInFocus: false
     };
@@ -1439,10 +1773,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]];
     }
 
   },
@@ -1488,8 +1818,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,
@@ -1674,147 +2004,27 @@ const focusableElementsList = `button:${nonFocusableAttrs},
       const focusableElements = this._getFocusableElements(el);
 
       if (!focusableElements.length) {
-        return;
-      }
-
-      const firstFocusableElement = this._getFirstFocusElement(focusableElements);
-
-      const lastFocusableElement = focusableElements[focusableElements.length - 1];
-
-      if (e.shiftKey) {
-        if (document.activeElement === firstFocusableElement) {
-          lastFocusableElement.focus();
-          e.preventDefault();
-        }
-      } else {
-        if (document.activeElement === lastFocusableElement) {
-          firstFocusableElement.focus();
-          e.preventDefault();
-        }
-      }
-    }
-
-  }
-});
-// 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;
-  }
+        return;
+      }
 
-  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.ERROR)) {
-    return VALIDATION_MESSAGE_TYPES.ERROR;
-  }
+      const firstFocusableElement = this._getFirstFocusElement(focusableElements);
 
-  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.WARNING)) {
-    return VALIDATION_MESSAGE_TYPES.WARNING;
-  }
+      const lastFocusableElement = focusableElements[focusableElements.length - 1];
 
-  if (hasFormattedMessageOfType(formattedMessages, VALIDATION_MESSAGE_TYPES.SUCCESS)) {
-    return VALIDATION_MESSAGE_TYPES.SUCCESS;
-  }
+      if (e.shiftKey) {
+        if (document.activeElement === firstFocusableElement) {
+          lastFocusableElement.focus();
+          e.preventDefault();
+        }
+      } else {
+        if (document.activeElement === lastFocusableElement) {
+          firstFocusableElement.focus();
+          e.preventDefault();
+        }
+      }
+    }
 
-  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&
 //
@@ -2008,12 +2218,302 @@ var banner_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var banner = (banner_component.exports);
-// CONCATENATED MODULE: ./components/banner/index.js
+/* 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":"6427f18c-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=7014ef1a&
+var breadcrumbsvue_type_template_id_7014ef1a_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 ) ]},[_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_7014ef1a_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumbs.vue?vue&type=template&id=7014ef1a&
+
+// 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":"6427f18c-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=ac7e1df4&
+var breadcrumb_itemvue_type_template_id_ac7e1df4_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 ) ]},[_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_ac7e1df4_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./components/breadcrumbs/breadcrumb_item.vue?vue&type=template&id=ac7e1df4&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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_ac7e1df4_render,
+  breadcrumb_itemvue_type_template_id_ac7e1df4_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
+    }
+  },
+
+  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_7014ef1a_render,
+  breadcrumbsvue_type_template_id_7014ef1a_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":"6427f18c-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:[
@@ -2049,7 +2549,7 @@ 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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){
 var message = ref.message;
 var type = ref.type;
@@ -2819,7 +3319,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":"6427f18c-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 = []
 
@@ -3114,23 +3614,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":"6427f18c-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&
 //
@@ -3207,6 +3711,11 @@ const MODAL_SIZE_MODIFIERS = {
 //
 //
 //
+//
+//
+//
+//
+//
 
 
 
@@ -3286,8 +3795,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)
     },
 
     /**
@@ -3297,8 +3806,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)
     },
 
     /**
@@ -3311,6 +3820,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}`;
@@ -3318,14 +3835,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];
     }
 
   },
@@ -3386,8 +3895,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,
@@ -3399,7 +3908,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":"6427f18c-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 = []
 
@@ -3482,7 +3991,7 @@ 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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 = []
@@ -3661,7 +4170,7 @@ 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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',
            { '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 = []
@@ -3747,79 +4256,7 @@ 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: ./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?{"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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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 = []
 
@@ -3990,7 +4427,7 @@ 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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":{
         'aria-expanded': _vm.open.toString(),
         'aria-controls': _vm.id,
@@ -4394,7 +4831,7 @@ 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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 = []
 
@@ -4664,7 +5101,7 @@ 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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 = []
 
@@ -4961,7 +5398,7 @@ var checkbox_group_component = normalizeComponent(
 /* 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":"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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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],
@@ -5326,6 +5763,262 @@ var select_menu_component = normalizeComponent(
 // CONCATENATED MODULE: ./components/select_menu/index.js
 
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6427f18c-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/tooltip/tooltip.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var tooltipvue_type_script_lang_js_ = ({
+  name: 'DtTooltip',
+  inheritAttrs: false,
+  props: {
+    /**
+     * The id of the tooltip
+     */
+    id: {
+      type: String,
+
+      default() {
+        return getUniqueString();
+      }
+
+    },
+
+    /**
+     * A provided message for the tooltip content
+     */
+    message: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Describes the preferred placement of the tooltip
+     */
+    arrowDirection: {
+      type: String,
+      default: 'bottom-center',
+
+      validator(direction) {
+        return TOOLTIP_DIRECTION_MODIFIERS.includes(direction);
+      }
+
+    },
+
+    /**
+     * Whether the tooltip should be shown. Anchor can sync on this value
+     * by tooltip wrapper to control the tooltip's visibility.
+     */
+    show: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Mode of tooltip to control the tooltip's visibility.
+     */
+    hover: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * Add inverted class
+     */
+    inverted: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * This property is needed for focus event
+     */
+    tabIndex: {
+      type: String,
+      default: '0'
+    }
+  },
+
+  data() {
+    return {
+      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: {
+    isTooltipVisible() {
+      if (this.isDismissed) {
+        return false;
+      }
+
+      return this.hover ? this.isHover : this.show;
+    },
+
+    shouldShowTooltip() {
+      return this.isTooltipVisible || this.isChildFocused;
+    },
+
+    shouldHasHoverModifier() {
+      return this.hover && !this.isDismissed && !this.isChildFocused;
+    },
+
+    shouldHasShowModifier() {
+      return this.isChildFocused;
+    },
+
+    ariaHidden() {
+      return `${!this.isTooltipVisible}`;
+    }
+
+  },
+
+  mounted() {
+    this.initAttributes();
+  },
+
+  beforeUpdate() {
+    this.initAttributes();
+  },
+
+  methods: {
+    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);
+      }
+    },
+
+    hasFocusableAnchorNode() {
+      return !!findFirstFocusableNode(this.$refs.anchor);
+    },
+
+    onFocus() {
+      this.onHover();
+      this.isChildFocused = true;
+    },
+
+    onHover() {
+      this.isHover = true;
+    },
+
+    onBlur() {
+      this.isHover = false;
+      this.isDismissed = false;
+      this.isChildFocused = false;
+    },
+
+    onEsc() {
+      this.isDismissed = this.hover && this.isHover || !this.show;
+      this.isChildFocused = false;
+    }
+
+  }
+});
+// 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
+
+
+
+
+
+/* normalize component */
+
+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,
+  null
+  
+)
+
+/* harmony default export */ var tooltip = (tooltip_component.exports);
+// CONCATENATED MODULE: ./components/tooltip/index.js
+
+
 // CONCATENATED MODULE: ./components/mixins/index.js
 
 
@@ -5348,6 +6041,9 @@ var select_menu_component = normalizeComponent(
 
 
 
+
+
+
  // Mixins
 
  // Constants