@dialpad/dialtone-vue 3.223.0-next.3 → 3.223.0-next.4

package/dist/lib/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../../components/Input/Input.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"container\"\n    :class=\"['d-input__root', { 'd-input--hidden': hidden }, $attrs.class]\"\n    :style=\"$attrs.style\"\n    data-qa=\"dt-input\"\n  >\n    <label\n      class=\"d-input__label\"\n      :aria-details=\"$slots.description || description ? descriptionKey : undefined\"\n      data-qa=\"dt-input-label-wrapper\"\n    >\n      <!-- @slot Slot for label, defaults to label prop -->\n      <slot name=\"label\">\n        <dt-text\n          v-if=\"showLabel && label\"\n          ref=\"label\"\n          data-qa=\"dt-input-label\"\n          kind=\"label\"\n          :size=\"resolvedLabelSize\"\n          :strength=\"labelStrength\"\n          tone=\"secondary\"\n          :class=\"['d-input__label-text', labelClass]\"\n        >\n          {{ label }}\n        </dt-text>\n      </slot>\n      <dt-text\n        v-if=\"hasSlotContent($slots.description) || description || shouldValidateLength\"\n        :id=\"descriptionKey\"\n        ref=\"description\"\n        kind=\"body\"\n        :size=\"resolvedDescriptionSize\"\n        tone=\"tertiary\"\n        :density=\"resolvedDescriptionDensity\"\n        as=\"div\"\n        :class=\"[\n          'd-input__description',\n          'd-description',\n          descriptionClass,\n        ]\"\n        data-qa=\"dt-input-description\"\n      >\n        <div\n          v-if=\"hasSlotContent($slots.description) || description\"\n        >\n          <!-- @slot Slot for description, defaults to description prop -->\n          <slot name=\"description\">{{ description }}</slot>\n        </div>\n        <div\n          v-if=\"shouldValidateLength\"\n          data-qa=\"dt-input-length-description\"\n          class=\"d-input__length-description\"\n        >\n          {{ validationProps.length.description }}\n        </div>\n      </dt-text>\n      <div\n        :class=\"inputWrapperClasses()\"\n        :read-only=\"disabled === true ? true : undefined\"\n      >\n        <span\n          :class=\"['d-input-icon', 'd-input-icon--left', startIconClass]\"\n          data-qa=\"dt-input-left-icon-wrapper\"\n          @focusout=\"onBlur\"\n        >\n          <!-- @slot Slot for start icon -->\n          <slot\n            v-if=\"$slots.startIcon\"\n            name=\"startIcon\"\n            :icon-size=\"iconSize\"\n          />\n          <!-- @slot @deprecated Use startIcon -->\n          <slot\n            v-else\n            name=\"leftIcon\"\n            :icon-size=\"iconSize\"\n          />\n        </span>\n        <textarea\n          v-if=\"isTextarea\"\n          ref=\"input\"\n          :name=\"name\"\n          :disabled=\"disabled\"\n          :autocomplete=\"$attrs.autocomplete ?? 'off'\"\n          :class=\"inputClasses()\"\n          :maxlength=\"shouldLimitMaxLength ? validationProps.length.max : null\"\n          :aria-label=\"!showLabel && label ? label : undefined\"\n          :aria-invalid=\"ariaInvalid\"\n          :aria-describedby=\"ariaDescribedBy\"\n          data-qa=\"dt-input-input\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"inputListeners\"\n        />\n        <input\n          v-else\n          ref=\"input\"\n          :value=\"modelValue\"\n          :name=\"name\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :autocomplete=\"$attrs.autocomplete ?? 'off'\"\n          :class=\"inputClasses()\"\n          :maxlength=\"shouldLimitMaxLength ? validationProps.length.max : null\"\n          :aria-label=\"!showLabel && label ? label : undefined\"\n          :aria-invalid=\"ariaInvalid\"\n          :aria-describedby=\"ariaDescribedBy\"\n          data-qa=\"dt-input-input\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"inputListeners\"\n        >\n        <span\n          :class=\"['d-input-icon', 'd-input-icon--right', endIconClass]\"\n          data-qa=\"dt-input-right-icon-wrapper\"\n          @focusout=\"onBlur\"\n        >\n          <!-- @slot Slot for end icon -->\n          <slot\n            v-if=\"$slots.endIcon\"\n            name=\"endIcon\"\n            :icon-size=\"iconSize\"\n            :clear=\"clearInput\"\n          />\n          <!-- @slot @deprecated Use endIcon -->\n          <slot\n            v-else\n            name=\"rightIcon\"\n            :icon-size=\"iconSize\"\n            :clear=\"clearInput\"\n          />\n        </span>\n      </div>\n    </label>\n    <dt-validation-messages\n      v-bind=\"messagesChildProps\"\n      :id=\"messagesId\"\n      :validation-messages=\"validationMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      data-qa=\"dt-input-messages\"\n    />\n  </div>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { DESCRIPTION_SIZE_TYPES, VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport {\n  INPUT_TYPES,\n  INPUT_SIZES,\n  INPUT_SIZE_CLASSES,\n  INPUT_ICON_SIZES,\n  INPUT_STATE_CLASSES,\n} from './InputConstants';\nimport {\n  getUniqueString,\n  getValidationState,\n  hasSlotContent,\n  removeClassStyleAttrs,\n} from '@/common/utils';\nimport { DtValidationMessages } from '@/components/ValidationMessages';\nimport { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/Text';\nimport { MessagesMixin } from '@/common/mixins/input';\n\n/**\n * An input field is an input control that allows users to enter alphanumeric information.\n * It can have a range of options and supports single line and multi-line lengths,\n * as well as varying formats, including numbers, masked passwords, etc.\n * @property {Boolean} placeholder attribute\n * @see https://dialtone.dialpad.com/components/input.html\n */\nexport default {\n  name: 'DtInput',\n\n  components: { DtValidationMessages, DtText },\n\n  mixins: [MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Name property of the input element\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Type of the input.\n     * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.\n     * @values text, password, email, number, textarea, date, time, file, tel, search, color\n     * @default 'text'\n     */\n    type: {\n      type: String,\n      default: INPUT_TYPES.TEXT,\n      validator: (t) => Object.values(INPUT_TYPES).includes(t),\n    },\n\n    /**\n     * Value of the input\n     */\n    modelValue: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Label for the input.\n     * Can also be overridden with a slot of the same name.\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines visibility of input label.\n     * @values true, false\n     */\n    showLabel: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Description for the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Size of the input.\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: (t) => Object.keys(INPUT_ICON_SIZES).includes(String(t)),\n    },\n\n    /**\n     * Additional class name for the input element.\n     * Can accept String, Object, and Array, i.e. has the\n     * same API as Vue's built-in handling of the class attribute.\n     */\n    inputClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the input wrapper element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    inputWrapperClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * The current character length that the user has entered into the input.\n     * This will only need to be used if you are using `validate.length` and\n     * the string contains abnormal characters.\n     * For example, an emoji could take up many characters in the input, but should only count as 1 character.\n     * If no number is provided, a built-in length calculation will be used for the length validation.\n     */\n    currentLength: {\n      type: Number,\n      default: null,\n    },\n\n    /**\n     * Whether the input will continue to display a warning validation message even if the input has lost focus.\n     */\n    retainWarning: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation for the input. Supports maximum length validation with the structure:\n     * `{ \"length\": {\"description\": string, \"max\": number, \"warn\": number, \"message\": string,\n     * \"limitMaxLength\": boolean }}`\n     */\n    validate: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * hidden allows to use input without the element visually present in DOM\n     */\n    hidden: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Overrides the label text size. When not provided, the label size\n     * is derived from the component size prop.\n     * @values 100, 200, 300, 400\n     */\n    labelSize: {\n      type: [String, Number],\n      default: null,\n      validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(s)),\n    },\n\n    /**\n     * Overrides the label font weight.\n     * @values bold, semibold, medium, normal\n     */\n    labelStrength: {\n      type: String,\n      default: null,\n      validator: (s) => Object.keys(TEXT_STRENGTH_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the start icon container\n     */\n    startIconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the end icon container\n     */\n    endIconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input blur event\n     *\n     * @event blur\n     * @type {FocusEvent}\n     */\n    'blur',\n\n    /**\n     * Input clear event\n     *\n     * @event clear\n     */\n    'clear',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     * @event update:modelValue\n     * @type {String | Number}\n     */\n    'update:modelValue',\n\n    /**\n     * Length of the input when currentLength prop is not passed\n     *\n     * @event update:length\n     * @type {Number}\n     */\n    'update:length',\n\n    /**\n     * Result of the input validation\n     *\n     * @event update:invalid\n     * @type {Boolean}\n     */\n    'update:invalid',\n  ],\n\n  data () {\n    return {\n      isInputFocused: false,\n      isInvalid: false,\n      defaultLength: 0,\n      hasSlotContent,\n      isComposing: false,\n      justEndedComposition: false,\n      messagesId: getUniqueString(),\n    };\n  },\n\n  computed: {\n\n    isTextarea () {\n      return this.type === INPUT_TYPES.TEXTAREA;\n    },\n\n    isDefaultSize () {\n      return String(this.size) === INPUT_SIZES.DEFAULT || String(this.size) === '300';\n    },\n\n    iconSize () {\n      return INPUT_ICON_SIZES[String(this.size)];\n    },\n\n    isValidSize () {\n      return Object.keys(INPUT_ICON_SIZES).includes(String(this.size));\n    },\n\n    isValidDescriptionSize () {\n      return Object.values(DESCRIPTION_SIZE_TYPES).includes(this.size);\n    },\n\n    inputComponent () {\n      if (this.isTextarea) {\n        return 'textarea';\n      }\n\n      return 'input';\n    },\n\n    inputListeners () {\n      return {\n        compositionstart: () => {\n          this.isComposing = true;\n        },\n\n        compositionend: () => {\n          this.isComposing = false;\n          this.justEndedComposition = true;\n          const val = this.$refs.input.value;\n          this.$emit('update:modelValue', val);\n          // Clear the flag after the current synchronous event processing so\n          // Firefox's post-compositionend input event is skipped, but the\n          // next real user input (a separate browser task) is not.\n          Promise.resolve().then(() => { this.justEndedComposition = false; });\n        },\n\n        input: async event => {\n          if (this.isComposing) return;\n          if (this.justEndedComposition) return;\n          let val = event.target.value;\n          if (this.type === INPUT_TYPES.FILE) {\n            const files = Array.from(event.target.files);\n            val = files.map(file => file.name);\n          }\n          this.$emit('update:modelValue', val);\n        },\n\n        blur: event => {\n          this.isInputFocused = false;\n          this.onBlur(event);\n        },\n\n        focus: event => {\n          this.isInputFocused = true;\n          this.$emit('focus', event);\n        },\n\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n      };\n    },\n\n    descriptionKey () {\n      return `input-description-${getUniqueString()}`;\n    },\n\n    inputState () {\n      return getValidationState(this.validationMessages);\n    },\n\n    ariaInvalid () {\n      return this.inputState === VALIDATION_MESSAGE_TYPES.CRITICAL ? 'true' : undefined;\n    },\n\n    ariaDescribedBy () {\n      return this.showMessages && this.validationMessages.length > 0 ? this.messagesId : undefined;\n    },\n\n    defaultLengthCalculation () {\n      return this.calculateLength(this.modelValue);\n    },\n\n    validationProps () {\n      return {\n        length: {\n          description: this?.validate?.length?.description,\n          max: this?.validate?.length?.max,\n          warn: this?.validate?.length?.warn,\n          message: this?.validate?.length?.message,\n          limitMaxLength: this?.validate?.length?.limitMaxLength ? this.validate.length.limitMaxLength : false,\n        },\n      };\n    },\n\n    validationMessages () {\n      // Add length validation message if exists\n      if (this.showLengthLimitValidation) {\n        return this.formattedMessages.concat([this.inputLengthErrorMessage()]);\n      }\n\n      return this.formattedMessages;\n    },\n\n    showInputState () {\n      return this.showMessages && this.inputState;\n    },\n\n    inputLength () {\n      return this.currentLength ? this.currentLength : this.defaultLengthCalculation;\n    },\n\n    inputLengthState () {\n      if (this.inputLength < this.validationProps.length.warn) {\n        return null;\n      } else if (this.inputLength <= this.validationProps.length.max) {\n        return this.validationProps.length.warn ? VALIDATION_MESSAGE_TYPES.WARNING : null;\n      } else {\n        return VALIDATION_MESSAGE_TYPES.CRITICAL;\n      }\n    },\n\n    shouldValidateLength () {\n      return !!(\n        this.validationProps.length.description &&\n        this.validationProps.length.max\n      );\n    },\n\n    shouldLimitMaxLength () {\n      return this.shouldValidateLength && this.validationProps.length.limitMaxLength;\n    },\n\n    showLengthLimitValidation () {\n      return (\n        this.shouldValidateLength &&\n        this.inputLengthState !== null &&\n        this.validationProps.length.message &&\n        (this.retainWarning || this.isInputFocused || this.isInvalid)\n      );\n    },\n\n    resolvedLabelSize () {\n      if (this.labelSize != null) return this.labelSize;\n      const sizeStr = String(this.size);\n      // xl/500 exceeds label's max size — cap at lg/400\n      if (sizeStr === 'xl' || sizeStr === '500') return sizeStr === '500' ? '400' : 'lg';\n      return this.size;\n    },\n\n    resolvedDescriptionSize () {\n      const map = {\n        100: 'xs', 200: 'xs', 300: 'sm', 400: 'sm', 500: 'md',\n        xs: 'xs', sm: 'xs', md: 'sm', lg: 'sm', xl: 'md',\n      };\n      return map[String(this.size)] || 'sm';\n    },\n\n    resolvedDescriptionDensity () {\n      const sizeStr = String(this.size);\n      return (sizeStr === 'xl' || sizeStr === '500') ? '300' : undefined;\n    },\n\n    sizeModifierClass () {\n      if (this.isDefaultSize || !this.isValidSize) {\n        return '';\n      }\n\n      return INPUT_SIZE_CLASSES[this.inputComponent][String(this.size)];\n    },\n\n    stateClass () {\n      return [INPUT_STATE_CLASSES[this.inputState]];\n    },\n  },\n\n  watch: {\n    isInvalid (val) {\n      this.$emit('update:invalid', val);\n    },\n\n    modelValue: {\n      immediate: true,\n      handler (newValue) {\n        if (this.shouldValidateLength) {\n          this.validateLength(this.inputLength);\n        }\n\n        if (this.currentLength == null) {\n          this.$emit('update:length', this.calculateLength(newValue));\n        }\n\n        // Set textarea value programmatically to avoid attribute binding\n        // Skip during IME composition to avoid interrupting in-progress input\n        if (this.isTextarea && !this.isComposing && this.$refs.input && this.$refs.input.value !== newValue) {\n          this.$refs.input.value = newValue;\n        }\n      },\n    },\n  },\n\n  mounted () {\n    // Set initial textarea value programmatically\n    if (this.isTextarea && this.$refs.input) {\n      this.$refs.input.value = this.modelValue;\n    }\n    this.runValidations();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    inputClasses () {\n      return [\n        'd-input__input',\n        this.inputComponent === 'input' ? 'd-input' : 'd-textarea',\n        {\n          [this.stateClass]: this.showInputState,\n          'd-input-icon--left': this.$slots.startIcon || this.$slots.leftIcon,\n          'd-input-icon--right': this.$slots.endIcon || this.$slots.rightIcon,\n        },\n        this.sizeModifierClass,\n        this.inputClass,\n      ];\n    },\n\n    inputWrapperClasses () {\n      if (this.hidden) {\n        return [];\n      }\n      return [\n        'd-input__wrapper',\n        { [this.stateClass]: this.showInputState },\n        this.inputWrapperClass,\n      ];\n    },\n\n    calculateLength (value) {\n      if (typeof value !== 'string') {\n        return 0;\n      }\n\n      return [...value].length;\n    },\n\n    inputLengthErrorMessage () {\n      return {\n        message: this.validationProps.length.message,\n        type: this.inputLengthState,\n      };\n    },\n\n    onBlur (e) {\n      // Do not emit a blur event if the target element is a child of this component\n      if (!this.$refs.container?.contains(e.relatedTarget)) {\n        this.$emit('blur', e);\n      }\n    },\n\n    emitClearEvents () {\n      this.$emit('clear');\n      this.$emit('update:modelValue', '');\n    },\n\n    blur () {\n      this.$refs.input.blur();\n    },\n\n    focus () {\n      this.$refs.input.focus();\n    },\n\n    select () {\n      this.$refs.input.select();\n    },\n\n    getMessageKey (type, index) {\n      return `message-${type}-${index}`;\n    },\n\n    validateLength (length) {\n      this.isInvalid = (length > this.validationProps.length.max);\n    },\n\n    clearInput () {\n      this.$refs.input.value = '';\n      this.$refs.input.focus();\n      this.emitClearEvents();\n    },\n\n    runValidations () {\n      if (!this.label && !this.$attrs['aria-label']) {\n        console.info(\n          '[Dialtone] A label is required for accessibility. Provide a label prop and use show-label=\"false\" to hide it visually.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"input.js","names":[],"sources":["../../../components/Input/Input.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"container\"\n    :class=\"['d-input__root', { 'd-input--hidden': hidden }, $attrs.class]\"\n    :style=\"$attrs.style\"\n    data-qa=\"dt-input\"\n  >\n    <label\n      class=\"d-input__label\"\n      :aria-details=\"$slots.description || description ? descriptionKey : undefined\"\n      data-qa=\"dt-input-label-wrapper\"\n    >\n      <!-- @slot Slot for label, defaults to label prop -->\n      <slot name=\"label\">\n        <dt-text\n          v-if=\"showLabel && label\"\n          ref=\"label\"\n          data-qa=\"dt-input-label\"\n          kind=\"label\"\n          :size=\"resolvedLabelSize\"\n          :strength=\"labelStrength\"\n          tone=\"secondary\"\n          :class=\"['d-input__label-text', labelClass]\"\n        >\n          {{ label }}\n        </dt-text>\n      </slot>\n      <dt-text\n        v-if=\"hasSlotContent($slots.description) || description || shouldValidateLength\"\n        :id=\"descriptionKey\"\n        ref=\"description\"\n        kind=\"body\"\n        :size=\"resolvedDescriptionSize\"\n        tone=\"tertiary\"\n        :density=\"resolvedDescriptionDensity\"\n        as=\"div\"\n        :class=\"[\n          'd-input__description',\n          'd-description',\n          descriptionClass,\n        ]\"\n        data-qa=\"dt-input-description\"\n      >\n        <div\n          v-if=\"hasSlotContent($slots.description) || description\"\n        >\n          <!-- @slot Slot for description, defaults to description prop -->\n          <slot name=\"description\">{{ description }}</slot>\n        </div>\n        <div\n          v-if=\"shouldValidateLength\"\n          data-qa=\"dt-input-length-description\"\n          class=\"d-input__length-description\"\n        >\n          {{ validationProps.length.description }}\n        </div>\n      </dt-text>\n      <div\n        :class=\"inputWrapperClasses()\"\n        :read-only=\"disabled === true ? true : undefined\"\n      >\n        <span\n          :class=\"['d-input-icon', 'd-input-icon--left', startIconClass]\"\n          data-qa=\"dt-input-left-icon-wrapper\"\n          @focusout=\"onBlur\"\n        >\n          <!-- @slot Slot for start icon -->\n          <slot\n            v-if=\"$slots.startIcon\"\n            name=\"startIcon\"\n            :icon-size=\"iconSize\"\n          />\n          <!-- @slot @deprecated Use startIcon -->\n          <slot\n            v-else\n            name=\"leftIcon\"\n            :icon-size=\"iconSize\"\n          />\n        </span>\n        <textarea\n          v-if=\"isTextarea\"\n          ref=\"input\"\n          :name=\"name\"\n          :disabled=\"disabled\"\n          :autocomplete=\"$attrs.autocomplete ?? 'off'\"\n          :class=\"inputClasses()\"\n          :maxlength=\"shouldLimitMaxLength ? validationProps.length.max : null\"\n          :aria-label=\"!showLabel && label ? label : undefined\"\n          :aria-invalid=\"ariaInvalid\"\n          :aria-describedby=\"ariaDescribedBy\"\n          data-qa=\"dt-input-input\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"inputListeners\"\n        />\n        <input\n          v-else\n          ref=\"input\"\n          :value=\"modelValue\"\n          :name=\"name\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :autocomplete=\"$attrs.autocomplete ?? 'off'\"\n          :class=\"inputClasses()\"\n          :maxlength=\"shouldLimitMaxLength ? validationProps.length.max : null\"\n          :aria-label=\"!showLabel && label ? label : undefined\"\n          :aria-invalid=\"ariaInvalid\"\n          :aria-describedby=\"ariaDescribedBy\"\n          data-qa=\"dt-input-input\"\n          v-bind=\"removeClassStyleAttrs($attrs)\"\n          v-on=\"inputListeners\"\n        >\n        <span\n          :class=\"['d-input-icon', 'd-input-icon--right', endIconClass]\"\n          data-qa=\"dt-input-right-icon-wrapper\"\n          @focusout=\"onBlur\"\n        >\n          <!-- @slot Slot for end icon -->\n          <slot\n            v-if=\"$slots.endIcon\"\n            name=\"endIcon\"\n            :icon-size=\"iconSize\"\n            :clear=\"clearInput\"\n          />\n          <!-- @slot @deprecated Use endIcon -->\n          <slot\n            v-else\n            name=\"rightIcon\"\n            :icon-size=\"iconSize\"\n            :clear=\"clearInput\"\n          />\n        </span>\n      </div>\n    </label>\n    <dt-validation-messages\n      v-bind=\"messagesChildProps\"\n      :id=\"messagesId\"\n      :validation-messages=\"validationMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      data-qa=\"dt-input-messages\"\n    />\n  </div>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { DESCRIPTION_SIZE_TYPES, VALIDATION_MESSAGE_TYPES } from '@/common/constants';\nimport {\n  INPUT_TYPES,\n  INPUT_SIZES,\n  INPUT_SIZE_CLASSES,\n  INPUT_ICON_SIZES,\n  INPUT_STATE_CLASSES,\n} from './InputConstants';\nimport {\n  getUniqueString,\n  getValidationState,\n  hasSlotContent,\n  removeClassStyleAttrs,\n} from '@/common/utils';\nimport { ordinalSizeValidator } from '@/common/validators';\nimport { DtValidationMessages } from '@/components/ValidationMessages';\nimport { DtText, TEXT_SIZE_MODIFIERS, TEXT_STRENGTH_MODIFIERS } from '@/components/Text';\nimport { MessagesMixin } from '@/common/mixins/input';\n\nconst isValidInputSize = ordinalSizeValidator(INPUT_ICON_SIZES);\n\n/**\n * An input field is an input control that allows users to enter alphanumeric information.\n * It can have a range of options and supports single line and multi-line lengths,\n * as well as varying formats, including numbers, masked passwords, etc.\n * @property {Boolean} placeholder attribute\n * @see https://dialtone.dialpad.com/components/input.html\n */\nexport default {\n  name: 'DtInput',\n\n  components: { DtValidationMessages, DtText },\n\n  mixins: [MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Name property of the input element\n     */\n    name: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Type of the input.\n     * When `textarea` a `<textarea>` element will be rendered instead of an `<input>` element.\n     * @values text, password, email, number, textarea, date, time, file, tel, search, color\n     * @default 'text'\n     */\n    type: {\n      type: String,\n      default: INPUT_TYPES.TEXT,\n      validator: (t) => Object.values(INPUT_TYPES).includes(t),\n    },\n\n    /**\n     * Value of the input\n     */\n    modelValue: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * Disables the input\n     * @values true, false\n     */\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Label for the input.\n     * Can also be overridden with a slot of the same name.\n     */\n    label: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines visibility of input label.\n     * @values true, false\n     */\n    showLabel: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Description for the input\n     */\n    description: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Used to customize the description container\n     */\n    descriptionClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Size of the input.\n     * @values 100, 200, 300, 400, 500\n     */\n    size: {\n      type: [String, Number],\n      default: 300,\n      validator: isValidInputSize,\n    },\n\n    /**\n     * Additional class name for the input element.\n     * Can accept String, Object, and Array, i.e. has the\n     * same API as Vue's built-in handling of the class attribute.\n     */\n    inputClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the input wrapper element.\n     * Can accept all of: String, Object, and Array, i.e. has the\n     * same api as Vue's built-in handling of the class attribute.\n     */\n    inputWrapperClass: {\n      type: [String, Object, Array],\n      default: '',\n    },\n\n    /**\n     * The current character length that the user has entered into the input.\n     * This will only need to be used if you are using `validate.length` and\n     * the string contains abnormal characters.\n     * For example, an emoji could take up many characters in the input, but should only count as 1 character.\n     * If no number is provided, a built-in length calculation will be used for the length validation.\n     */\n    currentLength: {\n      type: Number,\n      default: null,\n    },\n\n    /**\n     * Whether the input will continue to display a warning validation message even if the input has lost focus.\n     */\n    retainWarning: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Validation for the input. Supports maximum length validation with the structure:\n     * `{ \"length\": {\"description\": string, \"max\": number, \"warn\": number, \"message\": string,\n     * \"limitMaxLength\": boolean }}`\n     */\n    validate: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * hidden allows to use input without the element visually present in DOM\n     */\n    hidden: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Overrides the label text size. When not provided, the label size\n     * is derived from the component size prop.\n     * @values 100, 200, 300, 400\n     */\n    labelSize: {\n      type: [String, Number],\n      default: null,\n      validator: (s) => TEXT_SIZE_MODIFIERS.label.includes(String(s)),\n    },\n\n    /**\n     * Overrides the label font weight.\n     * @values bold, semibold, medium, normal\n     */\n    labelStrength: {\n      type: String,\n      default: null,\n      validator: (s) => Object.keys(TEXT_STRENGTH_MODIFIERS).includes(s),\n    },\n\n    /**\n     * Used to customize the label container\n     */\n    labelClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the start icon container\n     */\n    startIconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Used to customize the end icon container\n     */\n    endIconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input blur event\n     *\n     * @event blur\n     * @type {FocusEvent}\n     */\n    'blur',\n\n    /**\n     * Input clear event\n     *\n     * @event clear\n     */\n    'clear',\n\n    /**\n     * Native input focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @type {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @type {FocusEvent}\n     */\n    'focusout',\n\n    /**\n     * Event fired to sync the modelValue prop with the parent component\n     * @event update:modelValue\n     * @type {String | Number}\n     */\n    'update:modelValue',\n\n    /**\n     * Length of the input when currentLength prop is not passed\n     *\n     * @event update:length\n     * @type {Number}\n     */\n    'update:length',\n\n    /**\n     * Result of the input validation\n     *\n     * @event update:invalid\n     * @type {Boolean}\n     */\n    'update:invalid',\n  ],\n\n  data () {\n    return {\n      isInputFocused: false,\n      isInvalid: false,\n      defaultLength: 0,\n      hasSlotContent,\n      isComposing: false,\n      justEndedComposition: false,\n      messagesId: getUniqueString(),\n    };\n  },\n\n  computed: {\n\n    isTextarea () {\n      return this.type === INPUT_TYPES.TEXTAREA;\n    },\n\n    isDefaultSize () {\n      return String(this.size) === INPUT_SIZES.DEFAULT || String(this.size) === '300';\n    },\n\n    iconSize () {\n      return INPUT_ICON_SIZES[String(this.size)];\n    },\n\n    isValidSize () {\n      return isValidInputSize(this.size);\n    },\n\n    isValidDescriptionSize () {\n      return Object.values(DESCRIPTION_SIZE_TYPES).includes(this.size);\n    },\n\n    inputComponent () {\n      if (this.isTextarea) {\n        return 'textarea';\n      }\n\n      return 'input';\n    },\n\n    inputListeners () {\n      return {\n        compositionstart: () => {\n          this.isComposing = true;\n        },\n\n        compositionend: () => {\n          this.isComposing = false;\n          this.justEndedComposition = true;\n          const val = this.$refs.input.value;\n          this.$emit('update:modelValue', val);\n          // Clear the flag after the current synchronous event processing so\n          // Firefox's post-compositionend input event is skipped, but the\n          // next real user input (a separate browser task) is not.\n          Promise.resolve().then(() => { this.justEndedComposition = false; });\n        },\n\n        input: async event => {\n          if (this.isComposing) return;\n          if (this.justEndedComposition) return;\n          let val = event.target.value;\n          if (this.type === INPUT_TYPES.FILE) {\n            const files = Array.from(event.target.files);\n            val = files.map(file => file.name);\n          }\n          this.$emit('update:modelValue', val);\n        },\n\n        blur: event => {\n          this.isInputFocused = false;\n          this.onBlur(event);\n        },\n\n        focus: event => {\n          this.isInputFocused = true;\n          this.$emit('focus', event);\n        },\n\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\n      };\n    },\n\n    descriptionKey () {\n      return `input-description-${getUniqueString()}`;\n    },\n\n    inputState () {\n      return getValidationState(this.validationMessages);\n    },\n\n    ariaInvalid () {\n      return this.inputState === VALIDATION_MESSAGE_TYPES.CRITICAL ? 'true' : undefined;\n    },\n\n    ariaDescribedBy () {\n      return this.showMessages && this.validationMessages.length > 0 ? this.messagesId : undefined;\n    },\n\n    defaultLengthCalculation () {\n      return this.calculateLength(this.modelValue);\n    },\n\n    validationProps () {\n      return {\n        length: {\n          description: this?.validate?.length?.description,\n          max: this?.validate?.length?.max,\n          warn: this?.validate?.length?.warn,\n          message: this?.validate?.length?.message,\n          limitMaxLength: this?.validate?.length?.limitMaxLength ? this.validate.length.limitMaxLength : false,\n        },\n      };\n    },\n\n    validationMessages () {\n      // Add length validation message if exists\n      if (this.showLengthLimitValidation) {\n        return this.formattedMessages.concat([this.inputLengthErrorMessage()]);\n      }\n\n      return this.formattedMessages;\n    },\n\n    showInputState () {\n      return this.showMessages && this.inputState;\n    },\n\n    inputLength () {\n      return this.currentLength ? this.currentLength : this.defaultLengthCalculation;\n    },\n\n    inputLengthState () {\n      if (this.inputLength < this.validationProps.length.warn) {\n        return null;\n      } else if (this.inputLength <= this.validationProps.length.max) {\n        return this.validationProps.length.warn ? VALIDATION_MESSAGE_TYPES.WARNING : null;\n      } else {\n        return VALIDATION_MESSAGE_TYPES.CRITICAL;\n      }\n    },\n\n    shouldValidateLength () {\n      return !!(\n        this.validationProps.length.description &&\n        this.validationProps.length.max\n      );\n    },\n\n    shouldLimitMaxLength () {\n      return this.shouldValidateLength && this.validationProps.length.limitMaxLength;\n    },\n\n    showLengthLimitValidation () {\n      return (\n        this.shouldValidateLength &&\n        this.inputLengthState !== null &&\n        this.validationProps.length.message &&\n        (this.retainWarning || this.isInputFocused || this.isInvalid)\n      );\n    },\n\n    resolvedLabelSize () {\n      if (this.labelSize != null) return this.labelSize;\n      const sizeStr = String(this.size);\n      // xl/500 exceeds label's max size — cap at lg/400\n      if (sizeStr === 'xl' || sizeStr === '500') return sizeStr === '500' ? '400' : 'lg';\n      return this.size;\n    },\n\n    resolvedDescriptionSize () {\n      const map = {\n        100: 'xs', 200: 'xs', 300: 'sm', 400: 'sm', 500: 'md',\n        xs: 'xs', sm: 'xs', md: 'sm', lg: 'sm', xl: 'md',\n      };\n      return map[String(this.size)] || 'sm';\n    },\n\n    resolvedDescriptionDensity () {\n      const sizeStr = String(this.size);\n      return (sizeStr === 'xl' || sizeStr === '500') ? '300' : undefined;\n    },\n\n    sizeModifierClass () {\n      if (this.isDefaultSize || !this.isValidSize) {\n        return '';\n      }\n\n      return INPUT_SIZE_CLASSES[this.inputComponent][String(this.size)];\n    },\n\n    stateClass () {\n      return [INPUT_STATE_CLASSES[this.inputState]];\n    },\n  },\n\n  watch: {\n    isInvalid (val) {\n      this.$emit('update:invalid', val);\n    },\n\n    modelValue: {\n      immediate: true,\n      handler (newValue) {\n        if (this.shouldValidateLength) {\n          this.validateLength(this.inputLength);\n        }\n\n        if (this.currentLength == null) {\n          this.$emit('update:length', this.calculateLength(newValue));\n        }\n\n        // Set textarea value programmatically to avoid attribute binding\n        // Skip during IME composition to avoid interrupting in-progress input\n        if (this.isTextarea && !this.isComposing && this.$refs.input && this.$refs.input.value !== newValue) {\n          this.$refs.input.value = newValue;\n        }\n      },\n    },\n  },\n\n  mounted () {\n    // Set initial textarea value programmatically\n    if (this.isTextarea && this.$refs.input) {\n      this.$refs.input.value = this.modelValue;\n    }\n    this.runValidations();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    inputClasses () {\n      return [\n        'd-input__input',\n        this.inputComponent === 'input' ? 'd-input' : 'd-textarea',\n        {\n          [this.stateClass]: this.showInputState,\n          'd-input-icon--left': this.$slots.startIcon || this.$slots.leftIcon,\n          'd-input-icon--right': this.$slots.endIcon || this.$slots.rightIcon,\n        },\n        this.sizeModifierClass,\n        this.inputClass,\n      ];\n    },\n\n    inputWrapperClasses () {\n      if (this.hidden) {\n        return [];\n      }\n      return [\n        'd-input__wrapper',\n        { [this.stateClass]: this.showInputState },\n        this.inputWrapperClass,\n      ];\n    },\n\n    calculateLength (value) {\n      if (typeof value !== 'string') {\n        return 0;\n      }\n\n      return [...value].length;\n    },\n\n    inputLengthErrorMessage () {\n      return {\n        message: this.validationProps.length.message,\n        type: this.inputLengthState,\n      };\n    },\n\n    onBlur (e) {\n      // Do not emit a blur event if the target element is a child of this component\n      if (!this.$refs.container?.contains(e.relatedTarget)) {\n        this.$emit('blur', e);\n      }\n    },\n\n    emitClearEvents () {\n      this.$emit('clear');\n      this.$emit('update:modelValue', '');\n    },\n\n    blur () {\n      this.$refs.input.blur();\n    },\n\n    focus () {\n      this.$refs.input.focus();\n    },\n\n    select () {\n      this.$refs.input.select();\n    },\n\n    getMessageKey (type, index) {\n      return `message-${type}-${index}`;\n    },\n\n    validateLength (length) {\n      this.isInvalid = (length > this.validationProps.length.max);\n    },\n\n    clearInput () {\n      this.$refs.input.value = '';\n      this.$refs.input.focus();\n      this.emitClearEvents();\n    },\n\n    runValidations () {\n      if (!this.label && !this.$attrs['aria-label']) {\n        console.info(\n          '[Dialtone] A label is required for accessibility. Provide a label prop and use show-label=\"false\" to hide it visually.',\n        );\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/link/link-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=`critical`,t=`positive`,n=`warning`,r=`info`,i=`muted`,a=`mention`,o=[``,e,n,t,r,i,a],s={default:``,critical:`d-link--critical`,warning:`d-link--warning`,positive:`d-link--positive`,info:`d-link--info`,muted:`d-link--muted`,mention:`d-link--mention`},c={default:`d-link--inverted`,critical:`d-link--inverted-critical`,warning:`d-link--inverted-warning`,positive:`d-link--inverted-positive`,info:`d-link--inverted-info`,muted:`d-link--inverted-muted`,mention:`d-link--inverted-mention`},l=(e,t)=>t?c[e||`default`]:s[e],u={LINK_VARIANTS:o,LINK_KIND_MODIFIERS:s,getLinkKindModifier:l};exports.CRITICAL=e,exports.INFO=r,exports.LINK_KIND_MODIFIERS=s,exports.LINK_VARIANTS=o,exports.MENTION=a,exports.MUTED=i,exports.POSITIVE=t,exports.WARNING=n,exports.default=u,exports.getLinkKindModifier=l;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=`critical`,t=`positive`,n=`warning`,r=`info`,i=`muted`,a=`mention`,o=`unstyled`,s=`d-link--unstyled`,c=[``,e,n,t,r,i,a,o],l={default:``,critical:`d-link--critical`,warning:`d-link--warning`,positive:`d-link--positive`,info:`d-link--info`,muted:`d-link--muted`,mention:`d-link--mention`},u={default:`d-link--inverted`,critical:`d-link--inverted-critical`,warning:`d-link--inverted-warning`,positive:`d-link--inverted-positive`,info:`d-link--inverted-info`,muted:`d-link--inverted-muted`,mention:`d-link--inverted-mention`},d=(e,t)=>t?u[e||`default`]:l[e],f={LINK_VARIANTS:c,LINK_KIND_MODIFIERS:l,LINK_UNSTYLED_CLASS:s,getLinkKindModifier:d};exports.CRITICAL=e,exports.INFO=r,exports.LINK_KIND_MODIFIERS=l,exports.LINK_UNSTYLED_CLASS=s,exports.LINK_VARIANTS=c,exports.MENTION=a,exports.MUTED=i,exports.POSITIVE=t,exports.UNSTYLED=o,exports.WARNING=n,exports.default=f,exports.getLinkKindModifier=d;
 //# sourceMappingURL=link-constants.cjs.map

package/dist/lib/link/link-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"link-constants.cjs","names":[],"sources":["../../../components/Link/LinkConstants.js"],"sourcesContent":["export const CRITICAL = 'critical';\nexport const POSITIVE = 'positive';\nexport const WARNING = 'warning';\nexport const INFO = 'info';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const LINK_VARIANTS = ['', CRITICAL, WARNING, POSITIVE, INFO, MUTED, MENTION];\n\nexport const LINK_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-link--critical',\n  warning: 'd-link--warning',\n  positive: 'd-link--positive',\n  info: 'd-link--info',\n  muted: 'd-link--muted',\n  mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n  default: 'd-link--inverted',\n  critical: 'd-link--inverted-critical',\n  warning: 'd-link--inverted-warning',\n  positive: 'd-link--inverted-positive',\n  info: 'd-link--inverted-info',\n  muted: 'd-link--inverted-muted',\n  mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n  if (inverted) {\n    return LINK_KIND_MODIFIERS_INVERTED[kind || 'default'];\n  }\n  return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n  LINK_VARIANTS,\n  LINK_KIND_MODIFIERS,\n  getLinkKindModifier,\n};\n"],"mappings":"+FAAA,IAAa,EAAW,WACX,EAAW,WACX,EAAU,UACV,EAAO,OACP,EAAQ,QACR,EAAU,UACV,EAAgB,CAAC,GAAI,EAAU,EAAS,EAAU,EAAM,EAAO,EAAQ,CAEvE,EAAsB,CACjC,QAAS,GACT,SAAU,mBACV,QAAS,kBACT,SAAU,mBACV,KAAM,eACN,MAAO,gBACP,QAAS,kBACV,CAEK,EAA+B,CACnC,QAAS,mBACT,SAAU,4BACV,QAAS,2BACT,SAAU,4BACV,KAAM,wBACN,MAAO,yBACP,QAAS,2BACV,CAEY,GAAuB,EAAM,IACpC,EACK,EAA6B,GAAQ,WAEvC,EAAoB,GAG7B,EAAe,CACb,gBACA,sBACA,sBACD"}
+{"version":3,"file":"link-constants.cjs","names":[],"sources":["../../../components/Link/LinkConstants.js"],"sourcesContent":["export const CRITICAL = 'critical';\nexport const POSITIVE = 'positive';\nexport const WARNING = 'warning';\nexport const INFO = 'info';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const UNSTYLED = 'unstyled';\nexport const LINK_UNSTYLED_CLASS = 'd-link--unstyled';\nexport const LINK_VARIANTS = ['', CRITICAL, WARNING, POSITIVE, INFO, MUTED, MENTION, UNSTYLED];\n\nexport const LINK_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-link--critical',\n  warning: 'd-link--warning',\n  positive: 'd-link--positive',\n  info: 'd-link--info',\n  muted: 'd-link--muted',\n  mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n  default: 'd-link--inverted',\n  critical: 'd-link--inverted-critical',\n  warning: 'd-link--inverted-warning',\n  positive: 'd-link--inverted-positive',\n  info: 'd-link--inverted-info',\n  muted: 'd-link--inverted-muted',\n  mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n  if (inverted) {\n    return LINK_KIND_MODIFIERS_INVERTED[kind || 'default'];\n  }\n  return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n  LINK_VARIANTS,\n  LINK_KIND_MODIFIERS,\n  LINK_UNSTYLED_CLASS,\n  getLinkKindModifier,\n};\n"],"mappings":"+FAAA,IAAa,EAAW,WACX,EAAW,WACX,EAAU,UACV,EAAO,OACP,EAAQ,QACR,EAAU,UACV,EAAW,WACX,EAAsB,mBACtB,EAAgB,CAAC,GAAI,EAAU,EAAS,EAAU,EAAM,EAAO,EAAS,EAAS,CAEjF,EAAsB,CACjC,QAAS,GACT,SAAU,mBACV,QAAS,kBACT,SAAU,mBACV,KAAM,eACN,MAAO,gBACP,QAAS,kBACV,CAEK,EAA+B,CACnC,QAAS,mBACT,SAAU,4BACV,QAAS,2BACT,SAAU,4BACV,KAAM,wBACN,MAAO,yBACP,QAAS,2BACV,CAEY,GAAuB,EAAM,IACpC,EACK,EAA6B,GAAQ,WAEvC,EAAoB,GAG7B,EAAe,CACb,gBACA,sBACA,sBACA,sBACD"}

package/dist/lib/link/link-constants.js

@@ -1,13 +1,14 @@
 //#region components/Link/LinkConstants.js
-var e = "critical", t = "positive", n = "warning", r = "info", i = "muted", a = "mention", o = [
+var e = "critical", t = "positive", n = "warning", r = "info", i = "muted", a = "mention", o = "unstyled", s = "d-link--unstyled", c = [
 	"",
 	e,
 	n,
 	t,
 	r,
 	i,
-	a
-], s = {
+	a,
+	o
+], l = {
 	default: "",
 	critical: "d-link--critical",
 	warning: "d-link--warning",
@@ -15,7 +16,7 @@ var e = "critical", t = "positive", n = "warning", r = "info", i = "muted", a =
 	info: "d-link--info",
 	muted: "d-link--muted",
 	mention: "d-link--mention"
-}, c = {
+}, u = {
 	default: "d-link--inverted",
 	critical: "d-link--inverted-critical",
 	warning: "d-link--inverted-warning",
@@ -23,12 +24,13 @@ var e = "critical", t = "positive", n = "warning", r = "info", i = "muted", a =
 	info: "d-link--inverted-info",
 	muted: "d-link--inverted-muted",
 	mention: "d-link--inverted-mention"
-}, l = (e, t) => t ? c[e || "default"] : s[e], u = {
-	LINK_VARIANTS: o,
-	LINK_KIND_MODIFIERS: s,
-	getLinkKindModifier: l
+}, d = (e, t) => t ? u[e || "default"] : l[e], f = {
+	LINK_VARIANTS: c,
+	LINK_KIND_MODIFIERS: l,
+	LINK_UNSTYLED_CLASS: s,
+	getLinkKindModifier: d
 };
 //#endregion
-export { e as CRITICAL, r as INFO, s as LINK_KIND_MODIFIERS, o as LINK_VARIANTS, a as MENTION, i as MUTED, t as POSITIVE, n as WARNING, u as default, l as getLinkKindModifier };
+export { e as CRITICAL, r as INFO, l as LINK_KIND_MODIFIERS, s as LINK_UNSTYLED_CLASS, c as LINK_VARIANTS, a as MENTION, i as MUTED, t as POSITIVE, o as UNSTYLED, n as WARNING, f as default, d as getLinkKindModifier };
 
 //# sourceMappingURL=link-constants.js.map

package/dist/lib/link/link-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-constants.js","names":[],"sources":["../../../components/Link/LinkConstants.js"],"sourcesContent":["export const CRITICAL = 'critical';\nexport const POSITIVE = 'positive';\nexport const WARNING = 'warning';\nexport const INFO = 'info';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const LINK_VARIANTS = ['', CRITICAL, WARNING, POSITIVE, INFO, MUTED, MENTION];\n\nexport const LINK_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-link--critical',\n  warning: 'd-link--warning',\n  positive: 'd-link--positive',\n  info: 'd-link--info',\n  muted: 'd-link--muted',\n  mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n  default: 'd-link--inverted',\n  critical: 'd-link--inverted-critical',\n  warning: 'd-link--inverted-warning',\n  positive: 'd-link--inverted-positive',\n  info: 'd-link--inverted-info',\n  muted: 'd-link--inverted-muted',\n  mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n  if (inverted) {\n    return LINK_KIND_MODIFIERS_INVERTED[kind || 'default'];\n  }\n  return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n  LINK_VARIANTS,\n  LINK_KIND_MODIFIERS,\n  getLinkKindModifier,\n};\n"],"mappings":";AAAA,IAAa,IAAW,YACX,IAAW,YACX,IAAU,WACV,IAAO,QACP,IAAQ,SACR,IAAU,WACV,IAAgB;CAAC;CAAI;CAAU;CAAS;CAAU;CAAM;CAAO;CAAQ,EAEvE,IAAsB;CACjC,SAAS;CACT,UAAU;CACV,SAAS;CACT,UAAU;CACV,MAAM;CACN,OAAO;CACP,SAAS;CACV,EAEK,IAA+B;CACnC,SAAS;CACT,UAAU;CACV,SAAS;CACT,UAAU;CACV,MAAM;CACN,OAAO;CACP,SAAS;CACV,EAEY,KAAuB,GAAM,MACpC,IACK,EAA6B,KAAQ,aAEvC,EAAoB,IAG7B,IAAe;CACb;CACA;CACA;CACD"}
+{"version":3,"file":"link-constants.js","names":[],"sources":["../../../components/Link/LinkConstants.js"],"sourcesContent":["export const CRITICAL = 'critical';\nexport const POSITIVE = 'positive';\nexport const WARNING = 'warning';\nexport const INFO = 'info';\nexport const MUTED = 'muted';\nexport const MENTION = 'mention';\nexport const UNSTYLED = 'unstyled';\nexport const LINK_UNSTYLED_CLASS = 'd-link--unstyled';\nexport const LINK_VARIANTS = ['', CRITICAL, WARNING, POSITIVE, INFO, MUTED, MENTION, UNSTYLED];\n\nexport const LINK_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-link--critical',\n  warning: 'd-link--warning',\n  positive: 'd-link--positive',\n  info: 'd-link--info',\n  muted: 'd-link--muted',\n  mention: 'd-link--mention',\n};\n\nconst LINK_KIND_MODIFIERS_INVERTED = {\n  default: 'd-link--inverted',\n  critical: 'd-link--inverted-critical',\n  warning: 'd-link--inverted-warning',\n  positive: 'd-link--inverted-positive',\n  info: 'd-link--inverted-info',\n  muted: 'd-link--inverted-muted',\n  mention: 'd-link--inverted-mention',\n};\n\nexport const getLinkKindModifier = (kind, inverted) => {\n  if (inverted) {\n    return LINK_KIND_MODIFIERS_INVERTED[kind || 'default'];\n  }\n  return LINK_KIND_MODIFIERS[kind];\n};\n\nexport default {\n  LINK_VARIANTS,\n  LINK_KIND_MODIFIERS,\n  LINK_UNSTYLED_CLASS,\n  getLinkKindModifier,\n};\n"],"mappings":";AAAA,IAAa,IAAW,YACX,IAAW,YACX,IAAU,WACV,IAAO,QACP,IAAQ,SACR,IAAU,WACV,IAAW,YACX,IAAsB,oBACtB,IAAgB;CAAC;CAAI;CAAU;CAAS;CAAU;CAAM;CAAO;CAAS;CAAS,EAEjF,IAAsB;CACjC,SAAS;CACT,UAAU;CACV,SAAS;CACT,UAAU;CACV,MAAM;CACN,OAAO;CACP,SAAS;CACV,EAEK,IAA+B;CACnC,SAAS;CACT,UAAU;CACV,SAAS;CACT,UAAU;CACV,MAAM;CACN,OAAO;CACP,SAAS;CACV,EAEY,KAAuB,GAAM,MACpC,IACK,EAA6B,KAAQ,aAEvC,EAAoB,IAG7B,IAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/lib/link/link.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./link-constants.cjs`);let n=require(`vue`);var r={name:`DtLink`,props:{tone:{type:String,default:``,validator(e){return t.LINK_VARIANTS.includes(e)}},kind:{type:String,default:void 0},inverted:{type:Boolean,default:!1},href:{type:String,default:null},to:{type:[String,Object],default:null},replace:{type:Boolean,default:!1},underline:{type:Boolean,default:!0}},data(){return{LINK_KIND_MODIFIERS:t.LINK_KIND_MODIFIERS}},computed:{resolvedTone(){return this.kind??this.tone},computedTag(){return this.to?(0,n.resolveComponent)(`RouterLink`):`a`},computedAttrs(){return this.to?{to:this.to,replace:this.replace}:{href:this.href||`javascript:void(0)`}}},methods:{getLinkClasses(){return[`d-link`,t.getLinkKindModifier(this.resolvedTone,this.inverted),{"d-link--no-underline":!this.underline}]}}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(o.computedTag),(0,n.mergeProps)({class:o.getLinkClasses(),"data-qa":`dt-link`},o.computedAttrs),{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},16,[`class`])}var a=e.t(r,[[`render`,i]]);exports.default=a;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./link-constants.cjs`);let n=require(`vue`);var r={name:`DtLink`,props:{tone:{type:String,default:``,validator(e){return t.LINK_VARIANTS.includes(e)}},kind:{type:String,default:void 0},inverted:{type:Boolean,default:!1},href:{type:String,default:null},to:{type:[String,Object],default:null},replace:{type:Boolean,default:!1},underline:{type:Boolean,default:!0}},data(){return{LINK_KIND_MODIFIERS:t.LINK_KIND_MODIFIERS}},computed:{resolvedTone(){return this.kind??this.tone},isUnstyled(){return this.resolvedTone===t.UNSTYLED},computedTag(){return this.to?(0,n.resolveComponent)(`RouterLink`):`a`},computedAttrs(){return this.to?{to:this.to,replace:this.replace}:{href:this.href||`javascript:void(0)`}}},methods:{getLinkClasses(){return this.isUnstyled?[t.LINK_UNSTYLED_CLASS]:[`d-link`,t.getLinkKindModifier(this.resolvedTone,this.inverted),{"d-link--no-underline":!this.underline}]}}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(o.computedTag),(0,n.mergeProps)({class:o.getLinkClasses(),"data-qa":`dt-link`},o.computedAttrs),{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},16,[`class`])}var a=e.t(r,[[`render`,i]]);exports.default=a;
 //# sourceMappingURL=link.cjs.map

package/dist/lib/link/link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"link.cjs","names":[],"sources":["../../../components/Link/Link.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    :class=\"getLinkClasses()\"\n    data-qa=\"dt-link\"\n    v-bind=\"computedAttrs\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport { resolveComponent } from 'vue';\nimport { LINK_VARIANTS, LINK_KIND_MODIFIERS, getLinkKindModifier } from './LinkConstants';\n\n/**\n * A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n */\nexport default {\n  name: 'DtLink',\n\n  props: {\n    /**\n     * Applies the link variant styles\n     * @values null, critical, warning, positive, info, muted, mention\n     */\n    tone: {\n      type: String,\n      default: '',\n      validator (tone) {\n        return LINK_VARIANTS.includes(tone);\n      },\n    },\n\n    /**\n     * @deprecated Use tone\n     */\n    kind: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Determines whether the link should have inverted styling\n     * default is false.\n     * @values true, false\n     * @deprecated Use v-dt-mode directive instead.\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * URL for anchor link navigation. Renders as a native <a> element.\n     */\n    href: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Vue Router destination. Renders as a <router-link>.\n     * Takes precedence over href when both are provided.\n     * @see https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to\n     */\n    to: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * When true, navigation replaces the current history entry instead of pushing.\n     * Only applies when `to` is provided.\n     * @values true, false\n     */\n    replace: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the link should display an underline.\n     * @values true, false\n     */\n    underline: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n\n  computed: {\n    resolvedTone () {\n      return this.kind ?? this.tone;\n    },\n\n    computedTag () {\n      if (this.to) {\n        return resolveComponent('RouterLink');\n      }\n      return 'a';\n    },\n\n    computedAttrs () {\n      if (this.to) {\n        return {\n          to: this.to,\n          replace: this.replace,\n        };\n      }\n      return {\n        href: this.href || 'javascript:void(0)',\n      };\n    },\n  },\n\n  methods: {\n    getLinkClasses () {\n      return [\n        'd-link',\n        getLinkKindModifier(this.resolvedTone, this.inverted),\n        { 'd-link--no-underline': !this.underline },\n      ];\n    },\n  },\n};\n</script>\n"],"mappings":"0PAqBA,IAAK,EAAU,CACb,KAAM,SAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,GACT,UAAW,EAAM,CACf,OAAO,EAAA,cAAc,SAAS,EAAK,EAEtC,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,IAAA,GACV,CAQD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,KACV,CAOD,GAAI,CACF,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,KACV,CAOD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,oBAAA,EAAA,oBACD,EAGH,SAAU,CACR,cAAgB,CACd,OAAO,KAAK,MAAQ,KAAK,MAG3B,aAAe,CAIb,OAHI,KAAK,IACP,EAAA,EAAA,kBAAwB,aAAa,CAEhC,KAGT,eAAiB,CAOf,OANI,KAAK,GACA,CACL,GAAI,KAAK,GACT,QAAS,KAAK,QACf,CAEI,CACL,KAAM,KAAK,MAAQ,qBACpB,EAEJ,CAED,QAAS,CACP,gBAAkB,CAChB,MAAO,CACL,SACA,EAAA,oBAAoB,KAAK,aAAc,KAAK,SAAS,CACrD,CAAE,uBAAwB,CAAC,KAAK,UAAW,CAC5C,EAEJ,CACF,iGApIQ,EAAA,YAAW,EAAA,EAAA,EAAA,YAON,CANT,MAAO,EAAA,gBAAc,CACtB,UAAQ,WACA,EAAA,cAAa,CAAA,2BAGb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"link.cjs","names":[],"sources":["../../../components/Link/Link.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    :class=\"getLinkClasses()\"\n    data-qa=\"dt-link\"\n    v-bind=\"computedAttrs\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport { resolveComponent } from 'vue';\nimport {\n  LINK_VARIANTS,\n  LINK_KIND_MODIFIERS,\n  LINK_UNSTYLED_CLASS,\n  UNSTYLED,\n  getLinkKindModifier,\n} from './LinkConstants';\n\n/**\n * A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n */\nexport default {\n  name: 'DtLink',\n\n  props: {\n    /**\n     * Applies the link variant styles\n     * @values null, critical, warning, positive, info, muted, mention, unstyled\n     */\n    tone: {\n      type: String,\n      default: '',\n      validator (tone) {\n        return LINK_VARIANTS.includes(tone);\n      },\n    },\n\n    /**\n     * @deprecated Use tone\n     */\n    kind: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Determines whether the link should have inverted styling\n     * default is false.\n     * @values true, false\n     * @deprecated Use v-dt-mode directive instead.\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * URL for anchor link navigation. Renders as a native <a> element.\n     */\n    href: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Vue Router destination. Renders as a <router-link>.\n     * Takes precedence over href when both are provided.\n     * @see https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to\n     */\n    to: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * When true, navigation replaces the current history entry instead of pushing.\n     * Only applies when `to` is provided.\n     * @values true, false\n     */\n    replace: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the link should display an underline.\n     * @values true, false\n     */\n    underline: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n\n  computed: {\n    resolvedTone () {\n      return this.kind ?? this.tone;\n    },\n\n    isUnstyled () {\n      return this.resolvedTone === UNSTYLED;\n    },\n\n    computedTag () {\n      if (this.to) {\n        return resolveComponent('RouterLink');\n      }\n      return 'a';\n    },\n\n    computedAttrs () {\n      if (this.to) {\n        return {\n          to: this.to,\n          replace: this.replace,\n        };\n      }\n      return {\n        href: this.href || 'javascript:void(0)',\n      };\n    },\n  },\n\n  methods: {\n    getLinkClasses () {\n      if (this.isUnstyled) {\n        return [LINK_UNSTYLED_CLASS];\n      }\n\n      return [\n        'd-link',\n        getLinkKindModifier(this.resolvedTone, this.inverted),\n        { 'd-link--no-underline': !this.underline },\n      ];\n    },\n  },\n};\n</script>\n"],"mappings":"0PA2BA,IAAK,EAAU,CACb,KAAM,SAEN,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,QAAS,GACT,UAAW,EAAM,CACf,OAAO,EAAA,cAAc,SAAS,EAAK,EAEtC,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,IAAA,GACV,CAQD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,KACV,CAOD,GAAI,CACF,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,KACV,CAOD,QAAS,CACP,KAAM,QACN,QAAS,GACV,CAMD,UAAW,CACT,KAAM,QACN,QAAS,GACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,oBAAA,EAAA,oBACD,EAGH,SAAU,CACR,cAAgB,CACd,OAAO,KAAK,MAAQ,KAAK,MAG3B,YAAc,CACZ,OAAO,KAAK,eAAiB,EAAA,UAG/B,aAAe,CAIb,OAHI,KAAK,IACP,EAAA,EAAA,kBAAwB,aAAa,CAEhC,KAGT,eAAiB,CAOf,OANI,KAAK,GACA,CACL,GAAI,KAAK,GACT,QAAS,KAAK,QACf,CAEI,CACL,KAAM,KAAK,MAAQ,qBACpB,EAEJ,CAED,QAAS,CACP,gBAAkB,CAKhB,OAJI,KAAK,WACA,CAAC,EAAA,oBAAoB,CAGvB,CACL,SACA,EAAA,oBAAoB,KAAK,aAAc,KAAK,SAAS,CACrD,CAAE,uBAAwB,CAAC,KAAK,UAAW,CAC5C,EAEJ,CACF,iGAlJQ,EAAA,YAAW,EAAA,EAAA,EAAA,YAON,CANT,MAAO,EAAA,gBAAc,CACtB,UAAQ,WACA,EAAA,cAAa,CAAA,2BAGb,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA"}

package/dist/lib/link/link.js

@@ -1,15 +1,15 @@
 import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { LINK_KIND_MODIFIERS as t, LINK_VARIANTS as n, getLinkKindModifier as r } from "./link-constants.js";
-import { createBlock as i, mergeProps as a, openBlock as o, renderSlot as s, resolveComponent as c, resolveDynamicComponent as l, withCtx as u } from "vue";
+import { LINK_KIND_MODIFIERS as t, LINK_UNSTYLED_CLASS as n, LINK_VARIANTS as r, UNSTYLED as i, getLinkKindModifier as a } from "./link-constants.js";
+import { createBlock as o, mergeProps as s, openBlock as c, renderSlot as l, resolveComponent as u, resolveDynamicComponent as d, withCtx as f } from "vue";
 //#region components/Link/Link.vue
-var d = {
+var p = {
 	name: "DtLink",
 	props: {
 		tone: {
 			type: String,
 			default: "",
 			validator(e) {
-				return n.includes(e);
+				return r.includes(e);
 			}
 		},
 		kind: {
@@ -44,8 +44,11 @@ var d = {
 		resolvedTone() {
 			return this.kind ?? this.tone;
 		},
+		isUnstyled() {
+			return this.resolvedTone === i;
+		},
 		computedTag() {
-			return this.to ? c("RouterLink") : "a";
+			return this.to ? u("RouterLink") : "a";
 		},
 		computedAttrs() {
 			return this.to ? {
@@ -55,24 +58,24 @@ var d = {
 		}
 	},
 	methods: { getLinkClasses() {
-		return [
+		return this.isUnstyled ? [n] : [
 			"d-link",
-			r(this.resolvedTone, this.inverted),
+			a(this.resolvedTone, this.inverted),
 			{ "d-link--no-underline": !this.underline }
 		];
 	} }
 };
-function f(e, t, n, r, c, d) {
-	return o(), i(l(d.computedTag), a({
-		class: d.getLinkClasses(),
+function m(e, t, n, r, i, a) {
+	return c(), o(d(a.computedTag), s({
+		class: a.getLinkClasses(),
 		"data-qa": "dt-link"
-	}, d.computedAttrs), {
-		default: u(() => [s(e.$slots, "default")]),
+	}, a.computedAttrs), {
+		default: f(() => [l(e.$slots, "default")]),
 		_: 3
 	}, 16, ["class"]);
 }
-var p = /* @__PURE__ */ e(d, [["render", f]]);
+var h = /* @__PURE__ */ e(p, [["render", m]]);
 //#endregion
-export { p as default };
+export { h as default };
 
 //# sourceMappingURL=link.js.map

package/dist/lib/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":[],"sources":["../../../components/Link/Link.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    :class=\"getLinkClasses()\"\n    data-qa=\"dt-link\"\n    v-bind=\"computedAttrs\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport { resolveComponent } from 'vue';\nimport { LINK_VARIANTS, LINK_KIND_MODIFIERS, getLinkKindModifier } from './LinkConstants';\n\n/**\n * A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n */\nexport default {\n  name: 'DtLink',\n\n  props: {\n    /**\n     * Applies the link variant styles\n     * @values null, critical, warning, positive, info, muted, mention\n     */\n    tone: {\n      type: String,\n      default: '',\n      validator (tone) {\n        return LINK_VARIANTS.includes(tone);\n      },\n    },\n\n    /**\n     * @deprecated Use tone\n     */\n    kind: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Determines whether the link should have inverted styling\n     * default is false.\n     * @values true, false\n     * @deprecated Use v-dt-mode directive instead.\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * URL for anchor link navigation. Renders as a native <a> element.\n     */\n    href: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Vue Router destination. Renders as a <router-link>.\n     * Takes precedence over href when both are provided.\n     * @see https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to\n     */\n    to: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * When true, navigation replaces the current history entry instead of pushing.\n     * Only applies when `to` is provided.\n     * @values true, false\n     */\n    replace: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the link should display an underline.\n     * @values true, false\n     */\n    underline: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n\n  computed: {\n    resolvedTone () {\n      return this.kind ?? this.tone;\n    },\n\n    computedTag () {\n      if (this.to) {\n        return resolveComponent('RouterLink');\n      }\n      return 'a';\n    },\n\n    computedAttrs () {\n      if (this.to) {\n        return {\n          to: this.to,\n          replace: this.replace,\n        };\n      }\n      return {\n        href: this.href || 'javascript:void(0)',\n      };\n    },\n  },\n\n  methods: {\n    getLinkClasses () {\n      return [\n        'd-link',\n        getLinkKindModifier(this.resolvedTone, this.inverted),\n        { 'd-link--no-underline': !this.underline },\n      ];\n    },\n  },\n};\n</script>\n"],"mappings":";;;;AAqBA,IAAK,IAAU;CACb,MAAM;CAEN,OAAO;EAKL,MAAM;GACJ,MAAM;GACN,SAAS;GACT,UAAW,GAAM;AACf,WAAO,EAAc,SAAS,EAAK;;GAEtC;EAKD,MAAM;GACJ,MAAM;GACN,SAAS,KAAA;GACV;EAQD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAOD,IAAI;GACF,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACV;EAOD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAMD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,wBACD;;CAGH,UAAU;EACR,eAAgB;AACd,UAAO,KAAK,QAAQ,KAAK;;EAG3B,cAAe;AAIb,UAHI,KAAK,KACA,EAAiB,aAAa,GAEhC;;EAGT,gBAAiB;AAOf,UANI,KAAK,KACA;IACL,IAAI,KAAK;IACT,SAAS,KAAK;IACf,GAEI,EACL,MAAM,KAAK,QAAQ,sBACpB;;EAEJ;CAED,SAAS,EACP,iBAAkB;AAChB,SAAO;GACL;GACA,EAAoB,KAAK,cAAc,KAAK,SAAS;GACrD,EAAE,wBAAwB,CAAC,KAAK,WAAW;GAC5C;IAEJ;CACF;;aArIC,EAQY,EAPL,EAAA,YAAW,EADlB,EAQY;EANT,OAAO,EAAA,gBAAc;EACtB,WAAQ;IACA,EAAA,cAAa,EAAA;mBAGb,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"link.js","names":[],"sources":["../../../components/Link/Link.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"computedTag\"\n    :class=\"getLinkClasses()\"\n    data-qa=\"dt-link\"\n    v-bind=\"computedAttrs\"\n  >\n    <!-- @slot Slot for main content -->\n    <slot />\n  </component>\n</template>\n\n<script>\nimport { resolveComponent } from 'vue';\nimport {\n  LINK_VARIANTS,\n  LINK_KIND_MODIFIERS,\n  LINK_UNSTYLED_CLASS,\n  UNSTYLED,\n  getLinkKindModifier,\n} from './LinkConstants';\n\n/**\n * A link is a navigational element that can be found on its own, within other text, or directly following content.\n * @property {String} rel attribute\n * @see https://dialtone.dialpad.com/components/link.html\n */\nexport default {\n  name: 'DtLink',\n\n  props: {\n    /**\n     * Applies the link variant styles\n     * @values null, critical, warning, positive, info, muted, mention, unstyled\n     */\n    tone: {\n      type: String,\n      default: '',\n      validator (tone) {\n        return LINK_VARIANTS.includes(tone);\n      },\n    },\n\n    /**\n     * @deprecated Use tone\n     */\n    kind: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Determines whether the link should have inverted styling\n     * default is false.\n     * @values true, false\n     * @deprecated Use v-dt-mode directive instead.\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * URL for anchor link navigation. Renders as a native <a> element.\n     */\n    href: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Vue Router destination. Renders as a <router-link>.\n     * Takes precedence over href when both are provided.\n     * @see https://router.vuejs.org/api/interfaces/RouterLinkProps.html#to\n     */\n    to: {\n      type: [String, Object],\n      default: null,\n    },\n\n    /**\n     * When true, navigation replaces the current history entry instead of pushing.\n     * Only applies when `to` is provided.\n     * @values true, false\n     */\n    replace: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines whether the link should display an underline.\n     * @values true, false\n     */\n    underline: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  data () {\n    return {\n      LINK_KIND_MODIFIERS,\n    };\n  },\n\n  computed: {\n    resolvedTone () {\n      return this.kind ?? this.tone;\n    },\n\n    isUnstyled () {\n      return this.resolvedTone === UNSTYLED;\n    },\n\n    computedTag () {\n      if (this.to) {\n        return resolveComponent('RouterLink');\n      }\n      return 'a';\n    },\n\n    computedAttrs () {\n      if (this.to) {\n        return {\n          to: this.to,\n          replace: this.replace,\n        };\n      }\n      return {\n        href: this.href || 'javascript:void(0)',\n      };\n    },\n  },\n\n  methods: {\n    getLinkClasses () {\n      if (this.isUnstyled) {\n        return [LINK_UNSTYLED_CLASS];\n      }\n\n      return [\n        'd-link',\n        getLinkKindModifier(this.resolvedTone, this.inverted),\n        { 'd-link--no-underline': !this.underline },\n      ];\n    },\n  },\n};\n</script>\n"],"mappings":";;;;AA2BA,IAAK,IAAU;CACb,MAAM;CAEN,OAAO;EAKL,MAAM;GACJ,MAAM;GACN,SAAS;GACT,UAAW,GAAM;AACf,WAAO,EAAc,SAAS,EAAK;;GAEtC;EAKD,MAAM;GACJ,MAAM;GACN,SAAS,KAAA;GACV;EAQD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EAOD,IAAI;GACF,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACV;EAOD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAMD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,wBACD;;CAGH,UAAU;EACR,eAAgB;AACd,UAAO,KAAK,QAAQ,KAAK;;EAG3B,aAAc;AACZ,UAAO,KAAK,iBAAiB;;EAG/B,cAAe;AAIb,UAHI,KAAK,KACA,EAAiB,aAAa,GAEhC;;EAGT,gBAAiB;AAOf,UANI,KAAK,KACA;IACL,IAAI,KAAK;IACT,SAAS,KAAK;IACf,GAEI,EACL,MAAM,KAAK,QAAQ,sBACpB;;EAEJ;CAED,SAAS,EACP,iBAAkB;AAKhB,SAJI,KAAK,aACA,CAAC,EAAoB,GAGvB;GACL;GACA,EAAoB,KAAK,cAAc,KAAK,SAAS;GACrD,EAAE,wBAAwB,CAAC,KAAK,WAAW;GAC5C;IAEJ;CACF;;aAnJC,EAQY,EAPL,EAAA,YAAW,EADlB,EAQY;EANT,OAAO,EAAA,gBAAc;EACtB,WAAQ;IACA,EAAA,cAAa,EAAA;mBAGb,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/lib/loader/loader.cjs

@@ -1,4 +1,4 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`../icon/icon-constants.cjs`);let n=require(`vue`);var r={name:`DtLoader`,props:{ariaLabel:{type:String,default:``},size:{type:String,default:`500`,validator:e=>Object.keys(t.ICON_SIZE_MODIFIERS).includes(e)}}},i=[`aria-label`];function a(e,t,r,a,o,s){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:`d-loader`,"aria-label":r.ariaLabel||`loading`,"data-qa":`dt-loader`},[((0,n.openBlock)(),(0,n.createElementBlock)(`svg`,{class:(0,n.normalizeClass)([`d-icon`,`d-icon--size-${r.size}`,`d-loader__icon-track`]),viewBox:`0 0 24 24`,fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},[...t[0]||(t[0]=[(0,n.createElementVNode)(`path`,{d:`
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/validators/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`../icon/icon-constants.cjs`);let r=require(`vue`);var i={name:`DtLoader`,props:{ariaLabel:{type:String,default:``},size:{type:[String,Number],default:500,validator:e.ordinalSizeValidator(n.ICON_SIZE_MODIFIERS)}}},a=[`aria-label`];function o(e,t,n,i,o,s){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:`d-loader`,"aria-label":n.ariaLabel||`loading`,"data-qa":`dt-loader`},[((0,r.openBlock)(),(0,r.createElementBlock)(`svg`,{class:(0,r.normalizeClass)([`d-icon`,`d-icon--size-${n.size}`,`d-loader__icon-track`]),viewBox:`0 0 24 24`,fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},[...t[0]||(t[0]=[(0,r.createElementVNode)(`path`,{d:`
           M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819
           12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281
           23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664
@@ -6,7 +6,7 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
           3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228
           7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228
           20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z
-        `},null,-1)])],2)),((0,n.openBlock)(),(0,n.createElementBlock)(`svg`,{class:(0,n.normalizeClass)([`d-icon`,`d-icon--size-${r.size}`,`d-loader__icon`]),"data-qa":`dt-loader-icon`,viewBox:`0 0 24 24`,fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},[...t[1]||(t[1]=[(0,n.createElementVNode)(`path`,{d:`
+        `},null,-1)])],2)),((0,r.openBlock)(),(0,r.createElementBlock)(`svg`,{class:(0,r.normalizeClass)([`d-icon`,`d-icon--size-${n.size}`,`d-loader__icon`]),"data-qa":`dt-loader-icon`,viewBox:`0 0 24 24`,fill:`currentColor`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},[...t[1]||(t[1]=[(0,r.createElementVNode)(`path`,{d:`
           M0.0180664 12.0005
           C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664
           C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307
@@ -18,5 +18,5 @@ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{val
           C23.2544 10.3755 23.9819 11.103 23.9819 12.0005
           C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819
           C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z
-        `},null,-1)])],2))],8,i)}var o=e.t(r,[[`render`,a]]);exports.default=o;
+        `},null,-1)])],2))],8,a)}var s=t.t(i,[[`render`,o]]);exports.default=s;
 //# sourceMappingURL=loader.cjs.map

package/dist/lib/loader/loader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"loader.cjs","names":[],"sources":["../../../components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon-track']\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n          12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n          23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n          5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n          3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n          7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n          20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n        \"\n      />\n    </svg>\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon']\"\n      data-qa=\"dt-loader-icon\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M0.0180664 12.0005\n          C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n          C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n          C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n          C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n          C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n          C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n          C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n          C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n          C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n          C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n        \"\n      />\n    </svg>\n  </div>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/Icon';\n\nexport default {\n  name: 'DtLoader',\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n};\n</script>\n"],"mappings":"gQAuDA,IAAK,EAAU,CACb,KAAM,WAEN,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,GACV,CAMD,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAY,GAAM,OAAO,KAAK,EAAA,oBAAoB,CAAC,SAAS,EAAE,CAC/D,CACF,CACF,2FA7BO,MAAA,CA/CJ,MAAM,WACL,aAAY,EAAA,WAAS,UACtB,UAAQ,0DAoBF,MAAA,CAjBH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAA,gBAA6B,EAAA,OAAI,uBAAA,CAAA,CACvC,QAAQ,YACR,KAAK,eACL,MAAM,6BACN,cAAY,kDAYV,OAAA,CATA,EAAE;;;;;;;;UAQD,CAAA,KAAA,GAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBA0BC,MAAA,CAtBH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAA,gBAA6B,EAAA,OAAI,iBAAA,CAAA,CACvC,UAAQ,iBACR,QAAQ,YACR,KAAK,eACL,MAAM,6BACN,cAAY,kDAgBV,OAAA,CAbA,EAAE;;;;;;;;;;;;UAYD,CAAA,KAAA,GAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"loader.cjs","names":[],"sources":["../../../components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon-track']\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n          12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n          23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n          5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n          3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n          7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n          20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n        \"\n      />\n    </svg>\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon']\"\n      data-qa=\"dt-loader-icon\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M0.0180664 12.0005\n          C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n          C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n          C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n          C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n          C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n          C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n          C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n          C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n          C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n          C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n        \"\n      />\n    </svg>\n  </div>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/Icon';\nimport { ordinalSizeValidator } from '@/common/validators';\n\nexport default {\n  name: 'DtLoader',\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: [String, Number],\n      default: 500,\n      validator: ordinalSizeValidator(ICON_SIZE_MODIFIERS),\n    },\n  },\n};\n</script>\n"],"mappings":"+SAwDA,IAAK,EAAU,CACb,KAAM,WAEN,MAAO,CAKL,UAAW,CACT,KAAM,OACN,QAAS,GACV,CAMD,KAAM,CACJ,KAAM,CAAC,OAAQ,OAAO,CACtB,QAAS,IACT,UAAW,EAAA,qBAAqB,EAAA,oBAAoB,CACrD,CACF,CACF,2FA9BO,MAAA,CA/CJ,MAAM,WACL,aAAY,EAAA,WAAS,UACtB,UAAQ,0DAoBF,MAAA,CAjBH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAA,gBAA6B,EAAA,OAAI,uBAAA,CAAA,CACvC,QAAQ,YACR,KAAK,eACL,MAAM,6BACN,cAAY,kDAYV,OAAA,CATA,EAAE;;;;;;;;UAQD,CAAA,KAAA,GAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBA0BC,MAAA,CAtBH,OAAA,EAAA,EAAA,gBAAK,CAAA,SAAA,gBAA6B,EAAA,OAAI,iBAAA,CAAA,CACvC,UAAQ,iBACR,QAAQ,YACR,KAAK,eACL,MAAM,6BACN,cAAY,kDAgBV,OAAA,CAbA,EAAE;;;;;;;;;;;;UAYD,CAAA,KAAA,GAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/lib/loader/loader.js

@@ -1,8 +1,9 @@
-import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { ICON_SIZE_MODIFIERS as t } from "../icon/icon-constants.js";
-import { createElementBlock as n, createElementVNode as r, normalizeClass as i, openBlock as a } from "vue";
+import { ordinalSizeValidator as e } from "../../common/validators/index.js";
+import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { ICON_SIZE_MODIFIERS as n } from "../icon/icon-constants.js";
+import { createElementBlock as r, createElementVNode as i, normalizeClass as a, openBlock as o } from "vue";
 //#region components/Loader/Loader.vue
-var o = {
+var s = {
 	name: "DtLoader",
 	props: {
 		ariaLabel: {
@@ -10,31 +11,31 @@ var o = {
 			default: ""
 		},
 		size: {
-			type: String,
-			default: "500",
-			validator: (e) => Object.keys(t).includes(e)
+			type: [String, Number],
+			default: 500,
+			validator: e(n)
 		}
 	}
-}, s = ["aria-label"];
-function c(e, t, o, c, l, u) {
-	return a(), n("div", {
+}, c = ["aria-label"];
+function l(e, t, n, s, l, u) {
+	return o(), r("div", {
 		class: "d-loader",
-		"aria-label": o.ariaLabel || "loading",
+		"aria-label": n.ariaLabel || "loading",
 		"data-qa": "dt-loader"
-	}, [(a(), n("svg", {
-		class: i([
+	}, [(o(), r("svg", {
+		class: a([
 			"d-icon",
-			`d-icon--size-${o.size}`,
+			`d-icon--size-${n.size}`,
 			"d-loader__icon-track"
 		]),
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		xmlns: "http://www.w3.org/2000/svg",
 		"aria-hidden": "true"
-	}, [...t[0] || (t[0] = [r("path", { d: "\n          M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n          12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n          23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n          5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n          3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n          7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n          20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n        " }, null, -1)])], 2)), (a(), n("svg", {
-		class: i([
+	}, [...t[0] || (t[0] = [i("path", { d: "\n          M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n          12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n          23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n          5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n          3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n          7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n          20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n        " }, null, -1)])], 2)), (o(), r("svg", {
+		class: a([
 			"d-icon",
-			`d-icon--size-${o.size}`,
+			`d-icon--size-${n.size}`,
 			"d-loader__icon"
 		]),
 		"data-qa": "dt-loader-icon",
@@ -42,10 +43,10 @@ function c(e, t, o, c, l, u) {
 		fill: "currentColor",
 		xmlns: "http://www.w3.org/2000/svg",
 		"aria-hidden": "true"
-	}, [...t[1] || (t[1] = [r("path", { d: "\n          M0.0180664 12.0005\n          C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n          C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n          C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n          C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n          C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n          C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n          C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n          C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n          C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n          C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n        " }, null, -1)])], 2))], 8, s);
+	}, [...t[1] || (t[1] = [i("path", { d: "\n          M0.0180664 12.0005\n          C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n          C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n          C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n          C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n          C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n          C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n          C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n          C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n          C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n          C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n        " }, null, -1)])], 2))], 8, c);
 }
-var l = /* @__PURE__ */ e(o, [["render", c]]);
+var u = /* @__PURE__ */ t(s, [["render", l]]);
 //#endregion
-export { l as default };
+export { u as default };
 
 //# sourceMappingURL=loader.js.map

package/dist/lib/loader/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","names":[],"sources":["../../../components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon-track']\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n          12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n          23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n          5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n          3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n          7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n          20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n        \"\n      />\n    </svg>\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon']\"\n      data-qa=\"dt-loader-icon\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M0.0180664 12.0005\n          C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n          C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n          C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n          C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n          C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n          C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n          C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n          C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n          C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n          C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n        \"\n      />\n    </svg>\n  </div>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/Icon';\n\nexport default {\n  name: 'DtLoader',\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n};\n</script>\n"],"mappings":";;;;AAuDA,IAAK,IAAU;CACb,MAAM;CAEN,OAAO;EAKL,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,KAAK,EAAoB,CAAC,SAAS,EAAE;GAC/D;EACF;CACF;;aA7EC,EAgDM,OAAA;EA/CJ,OAAM;EACL,cAAY,EAAA,aAAS;EACtB,WAAQ;WAER,EAkBM,OAAA;EAjBH,OAAK,EAAA;GAAA;GAAA,gBAA6B,EAAA;GAAI;GAAA,CAAA;EACvC,SAAQ;EACR,MAAK;EACL,OAAM;EACN,eAAY;yBAEZ,EAUE,QAAA,EATA,GAAE,8eAQD,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,IAAA,GAAA,EAGL,EAuBM,OAAA;EAtBH,OAAK,EAAA;GAAA;GAAA,gBAA6B,EAAA;GAAI;GAAA,CAAA;EACvC,WAAQ;EACR,SAAQ;EACR,MAAK;EACL,OAAM;EACN,eAAY;yBAEZ,EAcE,QAAA,EAbA,GAAE,+oBAYD,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,GAAA,EAAA"}
+{"version":3,"file":"loader.js","names":[],"sources":["../../../components/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"ariaLabel || 'loading'\"\n    data-qa=\"dt-loader\"\n  >\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon-track']\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M12 0.0180664C18.6175 0.0180664 23.9819 5.38305 23.9819\n          12.0005C23.9819 18.6177 18.6175 23.9819 12 23.9819C5.38281\n          23.9819 0.0180664 18.6177 0.0180664 12.0005C0.0180664\n          5.38305 5.38281 0.0180664 12 0.0180664ZM12 3.26807C7.17773\n          3.26807 3.26807 7.17797 3.26807 12.0005C3.26807 16.8228\n          7.17773 20.7319 12 20.7319C16.8223 20.7319 20.7319 16.8228\n          20.7319 12.0005C20.7319 7.17797 16.8223 3.26807 12 3.26807Z\n        \"\n      />\n    </svg>\n    <svg\n      :class=\"['d-icon', `d-icon--size-${size}`, 'd-loader__icon']\"\n      data-qa=\"dt-loader-icon\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"\n          M0.0180664 12.0005\n          C0.0180664 5.38305 5.38305 0.0180664 12.0005 0.0180664\n          C12.8977 0.0183302 13.6255 0.745766 13.6255 1.64307\n          C13.6255 2.54037 12.8977 3.2678 12.0005 3.26807\n          C7.17797 3.26807 3.26807 7.17797 3.26807 12.0005\n          C3.26833 16.8228 7.17814 20.7319 12.0005 20.7319\n          C16.8226 20.7317 20.7317 16.8226 20.7319 12.0005\n          C20.7319 11.103 21.4595 10.3755 22.3569 10.3755\n          C23.2544 10.3755 23.9819 11.103 23.9819 12.0005\n          C23.9817 18.6175 18.6175 23.9817 12.0005 23.9819\n          C5.38321 23.9819 0.0183303 18.6177 0.0180664 12.0005Z\n        \"\n      />\n    </svg>\n  </div>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/components/Icon';\nimport { ordinalSizeValidator } from '@/common/validators';\n\nexport default {\n  name: 'DtLoader',\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: [String, Number],\n      default: 500,\n      validator: ordinalSizeValidator(ICON_SIZE_MODIFIERS),\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AAwDA,IAAK,IAAU;CACb,MAAM;CAEN,OAAO;EAKL,WAAW;GACT,MAAM;GACN,SAAS;GACV;EAMD,MAAM;GACJ,MAAM,CAAC,QAAQ,OAAO;GACtB,SAAS;GACT,WAAW,EAAqB,EAAoB;GACrD;EACF;CACF;;aA9EC,EAgDM,OAAA;EA/CJ,OAAM;EACL,cAAY,EAAA,aAAS;EACtB,WAAQ;WAER,EAkBM,OAAA;EAjBH,OAAK,EAAA;GAAA;GAAA,gBAA6B,EAAA;GAAI;GAAA,CAAA;EACvC,SAAQ;EACR,MAAK;EACL,OAAM;EACN,eAAY;yBAEZ,EAUE,QAAA,EATA,GAAE,8eAQD,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,IAAA,GAAA,EAGL,EAuBM,OAAA;EAtBH,OAAK,EAAA;GAAA;GAAA,gBAA6B,EAAA;GAAI;GAAA,CAAA;EACvC,WAAQ;EACR,SAAQ;EACR,MAAK;EACL,OAAM;EACN,eAAY;yBAEZ,EAcE,QAAA,EAbA,GAAE,+oBAYD,EAAA,MAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,GAAA,EAAA"}

package/dist/lib/message-input/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../message_input-DMyIOe4y.cjs`);exports.DtRecipeMessageInput=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../message_input-ftx8f8wC.cjs`);exports.DtRecipeMessageInput=e.t;

package/dist/lib/message-input/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../message_input-DOE5NEU9.js";
+import { t as e } from "../../message_input-C6BcWqr8.js";
 export { e as DtRecipeMessageInput };

package/dist/lib/message-input/message-input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../message_input-DMyIOe4y.cjs`);exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../message_input-ftx8f8wC.cjs`);exports.default=e.t;

package/dist/lib/message-input/message-input.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../message_input-DOE5NEU9.js";
+import { t as e } from "../../message_input-C6BcWqr8.js";
 export { e as default };

package/dist/lib/modal/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./modal-constants.cjs`),t=require(`./modal.cjs`);exports.DtModal=t.default,exports.MODAL_BANNER_KINDS=e.MODAL_BANNER_KINDS,exports.MODAL_KIND_MODIFIERS=e.MODAL_KIND_MODIFIERS,exports.MODAL_SIZE_MODIFIERS=e.MODAL_SIZE_MODIFIERS;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./modal-constants.cjs`),t=require(`./modal.cjs`);exports.DtModal=t.default,exports.MODAL_BANNER_KINDS=e.MODAL_BANNER_KINDS,exports.MODAL_KIND_MODIFIERS=e.MODAL_KIND_MODIFIERS;

package/dist/lib/modal/index.js

@@ -1,3 +1,3 @@
-import { MODAL_BANNER_KINDS as e, MODAL_KIND_MODIFIERS as t, MODAL_SIZE_MODIFIERS as n } from "./modal-constants.js";
-import r from "./modal.js";
-export { r as DtModal, e as MODAL_BANNER_KINDS, t as MODAL_KIND_MODIFIERS, n as MODAL_SIZE_MODIFIERS };
+import { MODAL_BANNER_KINDS as e, MODAL_KIND_MODIFIERS as t } from "./modal-constants.js";
+import n from "./modal.js";
+export { n as DtModal, e as MODAL_BANNER_KINDS, t as MODAL_KIND_MODIFIERS };

package/dist/lib/modal/modal-constants.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={default:``,critical:`d-modal--critical`},t={default:``,full:`d-modal--full`},n={critical:`d-modal__banner--critical`,info:`d-modal__banner--info`,positive:`d-modal__banner--positive`,warning:`d-modal__banner--warning`,base:`d-modal__banner--general`};exports.MODAL_BANNER_KINDS=n,exports.MODAL_KIND_MODIFIERS=e,exports.MODAL_SIZE_MODIFIERS=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={default:``,critical:`d-modal--critical`},t={critical:`d-modal__banner--critical`,info:`d-modal__banner--info`,positive:`d-modal__banner--positive`,warning:`d-modal__banner--warning`,base:`d-modal__banner--general`};exports.MODAL_BANNER_KINDS=t,exports.MODAL_KIND_MODIFIERS=e;
 //# sourceMappingURL=modal-constants.cjs.map

package/dist/lib/modal/modal-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"modal-constants.cjs","names":[],"sources":["../../../components/Modal/ModalConstants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-modal--critical',\n};\n\n// Modal size modifiers\nexport const MODAL_SIZE_MODIFIERS = {\n  default: '',\n  full: 'd-modal--full',\n};\n\nexport const MODAL_BANNER_KINDS = {\n  critical: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  positive: 'd-modal__banner--positive',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":"mEACA,IAAa,EAAuB,CAClC,QAAS,GACT,SAAU,oBACX,CAGY,EAAuB,CAClC,QAAS,GACT,KAAM,gBACP,CAEY,EAAqB,CAChC,SAAU,4BACV,KAAM,wBACN,SAAU,4BACV,QAAS,2BACT,KAAM,2BACP"}
+{"version":3,"file":"modal-constants.cjs","names":[],"sources":["../../../components/Modal/ModalConstants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-modal--critical',\n};\n\nexport const MODAL_BANNER_KINDS = {\n  critical: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  positive: 'd-modal__banner--positive',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":"mEACA,IAAa,EAAuB,CAClC,QAAS,GACT,SAAU,oBACX,CAEY,EAAqB,CAChC,SAAU,4BACV,KAAM,wBACN,SAAU,4BACV,QAAS,2BACT,KAAM,2BACP"}

package/dist/lib/modal/modal-constants.js

@@ -3,9 +3,6 @@ var e = {
 	default: "",
 	critical: "d-modal--critical"
 }, t = {
-	default: "",
-	full: "d-modal--full"
-}, n = {
 	critical: "d-modal__banner--critical",
 	info: "d-modal__banner--info",
 	positive: "d-modal__banner--positive",
@@ -13,6 +10,6 @@ var e = {
 	base: "d-modal__banner--general"
 };
 //#endregion
-export { n as MODAL_BANNER_KINDS, e as MODAL_KIND_MODIFIERS, t as MODAL_SIZE_MODIFIERS };
+export { t as MODAL_BANNER_KINDS, e as MODAL_KIND_MODIFIERS };
 
 //# sourceMappingURL=modal-constants.js.map

package/dist/lib/modal/modal-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-constants.js","names":[],"sources":["../../../components/Modal/ModalConstants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-modal--critical',\n};\n\n// Modal size modifiers\nexport const MODAL_SIZE_MODIFIERS = {\n  default: '',\n  full: 'd-modal--full',\n};\n\nexport const MODAL_BANNER_KINDS = {\n  critical: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  positive: 'd-modal__banner--positive',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":";AACA,IAAa,IAAuB;CAClC,SAAS;CACT,UAAU;CACX,EAGY,IAAuB;CAClC,SAAS;CACT,MAAM;CACP,EAEY,IAAqB;CAChC,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,MAAM;CACP"}
+{"version":3,"file":"modal-constants.js","names":[],"sources":["../../../components/Modal/ModalConstants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  critical: 'd-modal--critical',\n};\n\nexport const MODAL_BANNER_KINDS = {\n  critical: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  positive: 'd-modal__banner--positive',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":";AACA,IAAa,IAAuB;CAClC,SAAS;CACT,UAAU;CACX,EAEY,IAAqB;CAChC,UAAU;CACV,MAAM;CACN,UAAU;CACV,SAAS;CACT,MAAM;CACP"}