@dialpad/dialtone-vue 3.221.1 → 3.222.0-next.2

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';\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"}

package/dist/lib/loader/loader.js

@@ -1,7 +1,7 @@
 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";
-//#region components/loader/loader.vue
+//#region components/Loader/Loader.vue
 var o = {
 	name: "DtLoader",
 	props: {

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';\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"}

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

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

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

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

package/dist/lib/message-input/message-input-button.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(`../button/button.cjs`),n=require(`../stack/stack.cjs`),r=require(`../tooltip/tooltip.cjs`),i=require(`../keyboard-shortcut/keyboard-shortcut.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputButton`,components:{DtButton:t.default,DtTooltip:r.default,DtStack:n.default,DtKeyboardShortcut:i.default},props:{ariaLabel:{type:String,required:!0},tooltipText:{type:String,required:!0},keyboardShortcutText:{type:String,default:``},isActive:{type:Boolean,default:!1},dataQa:{type:String,required:!0}},emits:[`click`]};function s(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-button`),c=(0,a.resolveComponent)(`dt-keyboard-shortcut`),l=(0,a.resolveComponent)(`dt-stack`),u=(0,a.resolveComponent)(`dt-tooltip`);return(0,a.openBlock)(),(0,a.createBlock)(u,null,{anchor:(0,a.withCtx)(()=>[(0,a.createVNode)(s,{"data-qa":n.dataQa,importance:`clear`,kind:`muted`,"aria-label":n.ariaLabel,size:`xs`,active:n.isActive,onClick:t[0]||(t[0]=t=>e.$emit(`click`,t))},{icon:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`icon`)]),_:3},8,[`data-qa`,`aria-label`,`active`])]),default:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{gap:`200`},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`p`,null,(0,a.toDisplayString)(n.tooltipText),1),n.keyboardShortcutText?((0,a.openBlock)(),(0,a.createBlock)(c,{key:0,inverted:``,shortcut:n.keyboardShortcutText},null,8,[`shortcut`])):(0,a.createCommentVNode)(``,!0)]),_:1})]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
+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(`../button/button.cjs`),n=require(`../stack/stack.cjs`),r=require(`../tooltip/tooltip.cjs`),i=require(`../keyboard-shortcut/keyboard-shortcut.cjs`);let a=require(`vue`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputButton`,components:{DtButton:t.default,DtTooltip:r.default,DtStack:n.default,DtKeyboardShortcut:i.default},props:{ariaLabel:{type:String,required:!0},tooltipText:{type:String,required:!0},keyboardShortcutText:{type:String,default:``},isActive:{type:Boolean,default:!1},dataQa:{type:String,required:!0}},emits:[`click`]};function s(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-button`),c=(0,a.resolveComponent)(`dt-keyboard-shortcut`),l=(0,a.resolveComponent)(`dt-stack`),u=(0,a.resolveComponent)(`dt-tooltip`);return(0,a.openBlock)(),(0,a.createBlock)(u,null,{anchor:(0,a.withCtx)(()=>[(0,a.createVNode)(s,{"data-qa":n.dataQa,importance:`clear`,kind:`muted`,"aria-label":n.ariaLabel,size:100,active:n.isActive,onClick:t[0]||(t[0]=t=>e.$emit(`click`,t))},{icon:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`icon`)]),_:3},8,[`data-qa`,`aria-label`,`active`])]),default:(0,a.withCtx)(()=>[(0,a.createVNode)(l,{gap:`200`},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`p`,null,(0,a.toDisplayString)(n.tooltipText),1),n.keyboardShortcutText?((0,a.openBlock)(),(0,a.createBlock)(c,{key:0,inverted:``,shortcut:n.keyboardShortcutText},null,8,[`shortcut`])):(0,a.createCommentVNode)(``,!0)]),_:1})]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=message-input-button.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"message-input-button.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"mappings":"sXAiCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,6BACN,WAAY,CACV,SAAA,EAAA,QACA,UAAA,EAAA,QACA,QAAA,EAAA,QACA,mBAAA,EAAA,QACD,CAED,MAAO,CACL,UAAW,CACT,KAAM,OACN,SAAU,GACX,CAED,YAAa,CACX,KAAM,OACN,SAAU,GACX,CAED,qBAAsB,CACpB,KAAM,OACN,QAAS,GACV,CAED,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAED,OAAQ,CACN,KAAM,OACN,SAAU,GACX,CACF,CAED,MAAO,CAAC,QAAQ,CACjB,0OA9Cc,EAAA,KAAA,CAvBA,QAAA,EAAA,EAAA,aAaG,EAAA,EAAA,EAAA,aAAA,EAAA,CAXT,UAAS,EAAA,OACV,WAAW,QACX,KAAK,QACJ,aAAY,EAAA,UACb,KAAK,KACJ,OAAQ,EAAA,SACR,QAAK,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,QAAU,EAAM,IAElB,MAAA,EAAA,EAAA,aACW,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAAA,CAAA,uEAWf,EAAA,EAAA,EAAA,aAAA,EAAA,CAPD,IAAI,MAAK,CAAA,2BACO,EAAA,EAAA,EAAA,oBAAA,IAAA,MAAA,EAAA,EAAA,iBAAlB,EAAA,YAAW,CAAA,EAAA,CAET,EAAA,uBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAGN,EAAA,OAFA,SAAA,GACC,SAAU,EAAA"}
+{"version":3,"file":"message-input-button.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        :size=\"100\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/Button';\nimport { DtTooltip } from '@/components/Tooltip';\nimport { DtStack } from '@/components/Stack';\nimport { DtKeyboardShortcut } from '@/components/KeyboardShortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"mappings":"sXAiCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,6BACN,WAAY,CACV,SAAA,EAAA,QACA,UAAA,EAAA,QACA,QAAA,EAAA,QACA,mBAAA,EAAA,QACD,CAED,MAAO,CACL,UAAW,CACT,KAAM,OACN,SAAU,GACX,CAED,YAAa,CACX,KAAM,OACN,SAAU,GACX,CAED,qBAAsB,CACpB,KAAM,OACN,QAAS,GACV,CAED,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAED,OAAQ,CACN,KAAM,OACN,SAAU,GACX,CACF,CAED,MAAO,CAAC,QAAQ,CACjB,0OA9Cc,EAAA,KAAA,CAvBA,QAAA,EAAA,EAAA,aAaG,EAAA,EAAA,EAAA,aAAA,EAAA,CAXT,UAAS,EAAA,OACV,WAAW,QACX,KAAK,QACJ,aAAY,EAAA,UACZ,KAAM,IACN,OAAQ,EAAA,SACR,QAAK,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,QAAU,EAAM,IAElB,MAAA,EAAA,EAAA,aACW,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,OAAA,CAAA,CAAA,uEAWf,EAAA,EAAA,EAAA,aAAA,EAAA,CAPD,IAAI,MAAK,CAAA,2BACO,EAAA,EAAA,EAAA,oBAAA,IAAA,MAAA,EAAA,EAAA,iBAAlB,EAAA,YAAW,CAAA,EAAA,CAET,EAAA,uBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAGN,EAAA,OAFA,SAAA,GACC,SAAU,EAAA"}

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

@@ -46,7 +46,7 @@ function h(e, t, n, r, i, m) {
 			importance: "clear",
 			kind: "muted",
 			"aria-label": n.ariaLabel,
-			size: "xs",
+			size: 100,
 			active: n.isActive,
 			onClick: t[0] || (t[0] = (t) => e.$emit("click", t))
 		}, {

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

@@ -1 +1 @@
-{"version":3,"file":"message-input-button.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        size=\"xs\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport { DtKeyboardShortcut } from '@/components/keyboard_shortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"mappings":";;;;;;;AAiCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV,UAAA;EACA,WAAA;EACA,SAAA;EACA,oBAAA;EACD;CAED,OAAO;EACL,WAAW;GACT,MAAM;GACN,UAAU;GACX;EAED,aAAa;GACX,MAAM;GACN,UAAU;GACX;EAED,sBAAsB;GACpB,MAAM;GACN,SAAS;GACV;EAED,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAED,QAAQ;GACN,MAAM;GACN,UAAU;GACX;EACF;CAED,OAAO,CAAC,QAAQ;CACjB;;;aAtEC,EAwBa,GAAA,MAAA;EAvBA,QAAM,QAaH,CAZZ,EAYY,GAAA;GAXT,WAAS,EAAA;GACV,YAAW;GACX,MAAK;GACJ,cAAY,EAAA;GACb,MAAK;GACJ,QAAQ,EAAA;GACR,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,SAAU,EAAM;;GAElB,MAAI,QACO,CAApB,EAAoB,EAAA,QAAA,OAAA,CAAA,CAAA;;;;;;;mBAWf,CAPX,EAOW,GAAA,EAPD,KAAI,OAAK,EAAA;oBACO,CAAxB,EAAwB,KAAA,MAAA,EAAlB,EAAA,YAAW,EAAA,EAAA,EAET,EAAA,wBAAA,GAAA,EADR,EAIE,GAAA;;IAFA,UAAA;IACC,UAAU,EAAA"}
+{"version":3,"file":"message-input-button.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_button.vue"],"sourcesContent":["<template>\n  <dt-tooltip>\n    <template #anchor>\n      <dt-button\n        :data-qa=\"dataQa\"\n        importance=\"clear\"\n        kind=\"muted\"\n        :aria-label=\"ariaLabel\"\n        :size=\"100\"\n        :active=\"isActive\"\n        @click=\"$emit('click', $event)\"\n      >\n        <template #icon>\n          <slot name=\"icon\" />\n        </template>\n      </dt-button>\n    </template>\n    <dt-stack gap=\"200\">\n      <p>{{ tooltipText }}</p>\n      <dt-keyboard-shortcut\n        v-if=\"keyboardShortcutText\"\n        inverted\n        :shortcut=\"keyboardShortcutText\"\n      />\n    </dt-stack>\n  </dt-tooltip>\n</template>\n\n<script>\nimport { DtButton } from '@/components/Button';\nimport { DtTooltip } from '@/components/Tooltip';\nimport { DtStack } from '@/components/Stack';\nimport { DtKeyboardShortcut } from '@/components/KeyboardShortcut';\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputButton',\n  components: {\n    DtButton,\n    DtTooltip,\n    DtStack,\n    DtKeyboardShortcut,\n  },\n\n  props: {\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    tooltipText: {\n      type: String,\n      required: true,\n    },\n\n    keyboardShortcutText: {\n      type: String,\n      default: '',\n    },\n\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    dataQa: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: ['click'],\n};\n</script>\n"],"mappings":";;;;;;;AAiCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CACN,YAAY;EACV,UAAA;EACA,WAAA;EACA,SAAA;EACA,oBAAA;EACD;CAED,OAAO;EACL,WAAW;GACT,MAAM;GACN,UAAU;GACX;EAED,aAAa;GACX,MAAM;GACN,UAAU;GACX;EAED,sBAAsB;GACpB,MAAM;GACN,SAAS;GACV;EAED,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAED,QAAQ;GACN,MAAM;GACN,UAAU;GACX;EACF;CAED,OAAO,CAAC,QAAQ;CACjB;;;aAtEC,EAwBa,GAAA,MAAA;EAvBA,QAAM,QAaH,CAZZ,EAYY,GAAA;GAXT,WAAS,EAAA;GACV,YAAW;GACX,MAAK;GACJ,cAAY,EAAA;GACZ,MAAM;GACN,QAAQ,EAAA;GACR,SAAK,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,MAAK,SAAU,EAAM;;GAElB,MAAI,QACO,CAApB,EAAoB,EAAA,QAAA,OAAA,CAAA,CAAA;;;;;;;mBAWf,CAPX,EAOW,GAAA,EAPD,KAAI,OAAK,EAAA;oBACO,CAAxB,EAAwB,KAAA,MAAA,EAAlB,EAAA,YAAW,EAAA,EAAA,EAET,EAAA,wBAAA,GAAA,EADR,EAIE,GAAA;;IAFA,UAAA;IACC,UAAU,EAAA"}

package/dist/lib/message-input/message-input-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(`../../localization/index.cjs`),n=require(`../button/button.cjs`),r=require(`../stack/stack.cjs`),i=require(`../popover/popover.cjs`),a=require(`../input/input.cjs`),o=require(`./message-input-button.cjs`);let s=require(`vue`),c=require(`@dialpad/dialtone-icons/vue3`);var l={compatConfig:{MODE:3},name:`MessageInputLink`,components:{DtPopover:i.default,DtInput:a.default,DtButton:n.default,DtStack:r.default,DtIconLink2:c.DtIconLink2,DtRecipeMessageInputButton:o.default},props:{open:{type:Boolean,default:!1},linkButtonOptions:{type:Object,required:!0},isSelectionActive:{type:Function,default:()=>{}}},emits:[`set-link`,`remove-link`,`opened`],data(){return{linkText:``,linkInput:``,isOpen:!1,i18n:new t.DialtoneLocalization}},computed:{anchorButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL`)},textInputLabel(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL`)},linkInputLabel(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL`)},linkInputPlaceHolder(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER`)},removeButtonLabel(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL`)},cancelButtonLabel(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL`)},confirmButtonLabel(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL`)}},watch:{open:{immediate:!0,handler(e){this.isOpen=e}}},methods:{setInitialValues(e,t){this.linkText=e,this.linkInput=t}}},u={class:`d-recipe-message-input__link-dialog-title`};function d(e,t,n,r,i,a){let o=(0,s.resolveComponent)(`dt-icon-link2`),c=(0,s.resolveComponent)(`dt-recipe-message-input-button`),l=(0,s.resolveComponent)(`dt-input`),d=(0,s.resolveComponent)(`dt-button`),f=(0,s.resolveComponent)(`dt-stack`),p=(0,s.resolveComponent)(`dt-popover`);return(0,s.openBlock)(),(0,s.createBlock)(p,{open:i.isOpen,placement:`bottom-start`,"content-class":`d-recipe-message-input__link-popover`,"data-qa":`dt-message-input-link-popover`,"show-close-button":!1,onOpened:t[12]||(t[12]=t=>e.$emit(`opened`,t))},{anchor:(0,s.withCtx)(()=>[(0,s.createVNode)(c,{"aria-label":a.anchorButtonLabel[`aria-label`],"tooltip-text":a.anchorButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.linkButtonOptions.keyboardShortcutText,"data-qa":`message-input-link-btn`,"is-active":n.isSelectionActive(`link`),onClick:t[0]||(t[0]=e=>i.isOpen=!0)},{icon:(0,s.withCtx)(()=>[(0,s.createVNode)(o,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`])]),content:(0,s.withCtx)(()=>[(0,s.createVNode)(f,{gap:`500`},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,u,(0,s.toDisplayString)(i.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE`)),1),(0,s.createVNode)(l,{modelValue:i.linkText,"onUpdate:modelValue":t[1]||(t[1]=e=>i.linkText=e),"input-aria-label":a.textInputLabel,size:`xs`,"data-qa":`dt-message-input-link-text-input`,label:a.textInputLabel,"input-wrapper-class":`d-recipe-message-input__link-input`,onClick:t[2]||(t[2]=(0,s.withModifiers)(()=>{},[`stop`])),onFocus:t[3]||(t[3]=(0,s.withModifiers)(()=>{},[`stop`])),onKeydown:t[4]||(t[4]=(0,s.withKeys)(t=>e.$emit(`set-link`,i.linkText,i.linkInput),[`enter`]))},null,8,[`modelValue`,`input-aria-label`,`label`]),(0,s.createVNode)(l,{modelValue:i.linkInput,"onUpdate:modelValue":t[5]||(t[5]=e=>i.linkInput=e),"input-aria-label":a.linkInputLabel,size:`xs`,"data-qa":`dt-message-input-link-input`,placeholder:a.linkInputPlaceHolder,label:a.linkInputLabel,"input-wrapper-class":`d-recipe-message-input__link-input`,onClick:t[6]||(t[6]=(0,s.withModifiers)(()=>{},[`stop`])),onFocus:t[7]||(t[7]=(0,s.withModifiers)(()=>{},[`stop`])),onKeydown:t[8]||(t[8]=(0,s.withKeys)(t=>e.$emit(`set-link`,i.linkText,i.linkInput),[`enter`]))},null,8,[`modelValue`,`input-aria-label`,`placeholder`,`label`]),(0,s.createVNode)(f,{direction:`row`,class:`d-recipe-message-input__link-dialog-buttons`},{default:(0,s.withCtx)(()=>[(0,s.createVNode)(d,{"aria-label":a.removeButtonLabel,title:a.removeButtonLabel,importance:`clear`,kind:`danger`,size:`md`,"data-qa":`dt-message-input-link-remove-btn`,onClick:t[9]||(t[9]=t=>e.$emit(`remove-link`,i.linkText,i.linkInput))},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.removeButtonLabel),1)]),_:1},8,[`aria-label`,`title`]),(0,s.createVNode)(f,{direction:`row`,gap:`400`},{default:(0,s.withCtx)(()=>[(0,s.createVNode)(d,{"aria-label":a.cancelButtonLabel,title:a.cancelButtonLabel,importance:`clear`,kind:`muted`,size:`md`,"data-qa":`dt-message-input-link-cancel-btn`,onClick:t[10]||(t[10]=e=>i.isOpen=!1)},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.cancelButtonLabel),1)]),_:1},8,[`aria-label`,`title`]),(0,s.createVNode)(d,{size:`md`,"aria-label":a.confirmButtonLabel,title:a.confirmButtonLabel,"data-qa":`dt-message-input-link-confirm-btn`,onClick:t[11]||(t[11]=t=>e.$emit(`set-link`,i.linkText,i.linkInput))},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.confirmButtonLabel),1)]),_:1},8,[`aria-label`,`title`])]),_:1})]),_:1})]),_:1})]),_:1},8,[`open`])}var f=e.t(l,[[`render`,d]]);exports.default=f;
+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(`../../localization/index.cjs`),n=require(`../button/button.cjs`),r=require(`../stack/stack.cjs`),i=require(`../popover/popover.cjs`),a=require(`../input/input.cjs`),o=require(`./message-input-button.cjs`);let s=require(`vue`),c=require(`@dialpad/dialtone-icons/vue`);var l={compatConfig:{MODE:3},name:`MessageInputLink`,components:{DtPopover:i.default,DtInput:a.default,DtButton:n.default,DtStack:r.default,DtIconLink2:c.DtIconLink2,DtRecipeMessageInputButton:o.default},props:{open:{type:Boolean,default:!1},linkButtonOptions:{type:Object,required:!0},isSelectionActive:{type:Function,default:()=>{}}},emits:[`set-link`,`remove-link`,`opened`],data(){return{linkText:``,linkInput:``,isOpen:!1,i18n:new t.DialtoneLocalization}},computed:{anchorButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL`)},textInputLabel(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL`)},linkInputLabel(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL`)},linkInputPlaceHolder(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER`)},removeButtonLabel(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL`)},cancelButtonLabel(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL`)},confirmButtonLabel(){return this.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL`)}},watch:{open:{immediate:!0,handler(e){this.isOpen=e}}},methods:{setInitialValues(e,t){this.linkText=e,this.linkInput=t}}},u={class:`d-recipe-message-input__link-dialog-title`};function d(e,t,n,r,i,a){let o=(0,s.resolveComponent)(`dt-icon-link2`),c=(0,s.resolveComponent)(`dt-recipe-message-input-button`),l=(0,s.resolveComponent)(`dt-input`),d=(0,s.resolveComponent)(`dt-button`),f=(0,s.resolveComponent)(`dt-stack`),p=(0,s.resolveComponent)(`dt-popover`);return(0,s.openBlock)(),(0,s.createBlock)(p,{open:i.isOpen,placement:`bottom-start`,"content-class":`d-recipe-message-input__link-popover`,"data-qa":`dt-message-input-link-popover`,"show-close-button":!1,onOpened:t[12]||(t[12]=t=>e.$emit(`opened`,t))},{anchor:(0,s.withCtx)(()=>[(0,s.createVNode)(c,{"aria-label":a.anchorButtonLabel[`aria-label`],"tooltip-text":a.anchorButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.linkButtonOptions.keyboardShortcutText,"data-qa":`message-input-link-btn`,"is-active":n.isSelectionActive(`link`),onClick:t[0]||(t[0]=e=>i.isOpen=!0)},{icon:(0,s.withCtx)(()=>[(0,s.createVNode)(o,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`])]),content:(0,s.withCtx)(()=>[(0,s.createVNode)(f,{gap:`200`},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,u,(0,s.toDisplayString)(i.i18n.$t(`DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE`)),1),(0,s.createVNode)(l,{modelValue:i.linkText,"onUpdate:modelValue":t[1]||(t[1]=e=>i.linkText=e),"input-aria-label":a.textInputLabel,size:100,"data-qa":`dt-message-input-link-text-input`,label:a.textInputLabel,"input-wrapper-class":`d-recipe-message-input__link-input`,onClick:t[2]||(t[2]=(0,s.withModifiers)(()=>{},[`stop`])),onFocus:t[3]||(t[3]=(0,s.withModifiers)(()=>{},[`stop`])),onKeydown:t[4]||(t[4]=(0,s.withKeys)(t=>e.$emit(`set-link`,i.linkText,i.linkInput),[`enter`]))},null,8,[`modelValue`,`input-aria-label`,`label`]),(0,s.createVNode)(l,{modelValue:i.linkInput,"onUpdate:modelValue":t[5]||(t[5]=e=>i.linkInput=e),"input-aria-label":a.linkInputLabel,size:100,"data-qa":`dt-message-input-link-input`,placeholder:a.linkInputPlaceHolder,label:a.linkInputLabel,"input-wrapper-class":`d-recipe-message-input__link-input`,onClick:t[6]||(t[6]=(0,s.withModifiers)(()=>{},[`stop`])),onFocus:t[7]||(t[7]=(0,s.withModifiers)(()=>{},[`stop`])),onKeydown:t[8]||(t[8]=(0,s.withKeys)(t=>e.$emit(`set-link`,i.linkText,i.linkInput),[`enter`]))},null,8,[`modelValue`,`input-aria-label`,`placeholder`,`label`]),(0,s.createVNode)(f,{direction:`row`,class:`d-recipe-message-input__link-dialog-buttons`},{default:(0,s.withCtx)(()=>[(0,s.createVNode)(d,{"aria-label":a.removeButtonLabel,title:a.removeButtonLabel,importance:`clear`,kind:`critical`,size:300,"data-qa":`dt-message-input-link-remove-btn`,onClick:t[9]||(t[9]=t=>e.$emit(`remove-link`,i.linkText,i.linkInput))},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.removeButtonLabel),1)]),_:1},8,[`aria-label`,`title`]),(0,s.createVNode)(f,{direction:`row`,gap:`100`},{default:(0,s.withCtx)(()=>[(0,s.createVNode)(d,{"aria-label":a.cancelButtonLabel,title:a.cancelButtonLabel,importance:`clear`,kind:`muted`,size:300,"data-qa":`dt-message-input-link-cancel-btn`,onClick:t[10]||(t[10]=e=>i.isOpen=!1)},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.cancelButtonLabel),1)]),_:1},8,[`aria-label`,`title`]),(0,s.createVNode)(d,{size:300,"aria-label":a.confirmButtonLabel,title:a.confirmButtonLabel,"data-qa":`dt-message-input-link-confirm-btn`,onClick:t[11]||(t[11]=t=>e.$emit(`set-link`,i.linkText,i.linkInput))},{default:(0,s.withCtx)(()=>[(0,s.createTextVNode)((0,s.toDisplayString)(a.confirmButtonLabel),1)]),_:1},8,[`aria-label`,`title`])]),_:1})]),_:1})]),_:1})]),_:1},8,[`open`])}var f=e.t(l,[[`render`,d]]);exports.default=f;
 //# sourceMappingURL=message-input-link.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"message-input-link.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message-input-link.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"200\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"critical\"\n            :size=\"300\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"100\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              :size=\"300\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              :size=\"300\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/Popover';\nimport { DtInput } from '@/components/Input';\nimport { DtButton } from '@/components/Button';\nimport { DtStack } from '@/components/Stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ import i from "../popover/popover.js";
 import a from "../input/input.js";
 import o from "./message-input-button.js";
 import { createBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, openBlock as d, resolveComponent as f, toDisplayString as p, withCtx as m, withKeys as h, withModifiers as g } from "vue";
-import { DtIconLink2 as _ } from "@dialpad/dialtone-icons/vue3";
+import { DtIconLink2 as _ } from "@dialpad/dialtone-icons/vue";
 //#region recipes/conversation_view/message_input/message_input_link.vue
 var v = {
 	compatConfig: { MODE: 3 },
@@ -108,14 +108,14 @@ function b(e, t, n, r, i, a) {
 			"keyboard-shortcut-text",
 			"is-active"
 		])]),
-		content: m(() => [u(x, { gap: "500" }, {
+		content: m(() => [u(x, { gap: "200" }, {
 			default: m(() => [
 				c("div", y, p(i.i18n.$t("DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE")), 1),
 				u(v, {
 					modelValue: i.linkText,
 					"onUpdate:modelValue": t[1] || (t[1] = (e) => i.linkText = e),
 					"input-aria-label": a.textInputLabel,
-					size: "xs",
+					size: 100,
 					"data-qa": "dt-message-input-link-text-input",
 					label: a.textInputLabel,
 					"input-wrapper-class": "d-recipe-message-input__link-input",
@@ -131,7 +131,7 @@ function b(e, t, n, r, i, a) {
 					modelValue: i.linkInput,
 					"onUpdate:modelValue": t[5] || (t[5] = (e) => i.linkInput = e),
 					"input-aria-label": a.linkInputLabel,
-					size: "xs",
+					size: 100,
 					"data-qa": "dt-message-input-link-input",
 					placeholder: a.linkInputPlaceHolder,
 					label: a.linkInputLabel,
@@ -153,8 +153,8 @@ function b(e, t, n, r, i, a) {
 						"aria-label": a.removeButtonLabel,
 						title: a.removeButtonLabel,
 						importance: "clear",
-						kind: "danger",
-						size: "md",
+						kind: "critical",
+						size: 300,
 						"data-qa": "dt-message-input-link-remove-btn",
 						onClick: t[9] || (t[9] = (t) => e.$emit("remove-link", i.linkText, i.linkInput))
 					}, {
@@ -162,21 +162,21 @@ function b(e, t, n, r, i, a) {
 						_: 1
 					}, 8, ["aria-label", "title"]), u(x, {
 						direction: "row",
-						gap: "400"
+						gap: "100"
 					}, {
 						default: m(() => [u(b, {
 							"aria-label": a.cancelButtonLabel,
 							title: a.cancelButtonLabel,
 							importance: "clear",
 							kind: "muted",
-							size: "md",
+							size: 300,
 							"data-qa": "dt-message-input-link-cancel-btn",
 							onClick: t[10] || (t[10] = (e) => i.isOpen = !1)
 						}, {
 							default: m(() => [l(p(a.cancelButtonLabel), 1)]),
 							_: 1
 						}, 8, ["aria-label", "title"]), u(b, {
-							size: "md",
+							size: 300,
 							"aria-label": a.confirmButtonLabel,
 							title: a.confirmButtonLabel,
 							"data-qa": "dt-message-input-link-confirm-btn",

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

@@ -1 +1 @@
-{"version":3,"file":"message-input-link.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"500\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          size=\"xs\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"danger\"\n            size=\"md\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"400\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              size=\"md\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              size=\"md\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtButton } from '@/components/button';\nimport { DtStack } from '@/components/stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message-input-link.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_link.vue"],"sourcesContent":["<template>\n  <dt-popover\n    :open=\"isOpen\"\n    placement=\"bottom-start\"\n    content-class=\"d-recipe-message-input__link-popover\"\n    data-qa=\"dt-message-input-link-popover\"\n    :show-close-button=\"false\"\n    @opened=\"$emit('opened', $event)\"\n  >\n    <template #anchor>\n      <dt-recipe-message-input-button\n        :aria-label=\"anchorButtonLabel['aria-label']\"\n        :tooltip-text=\"anchorButtonLabel['tooltip-text']\"\n        :keyboard-shortcut-text=\"linkButtonOptions.keyboardShortcutText\"\n        data-qa=\"message-input-link-btn\"\n        :is-active=\"isSelectionActive('link')\"\n        @click=\"isOpen = true\"\n      >\n        <template #icon>\n          <dt-icon-link2\n            class=\"d-recipe-message-input__button-stack-icon\"\n            size=\"200\"\n          />\n        </template>\n      </dt-recipe-message-input-button>\n    </template>\n\n    <template #content>\n      <dt-stack gap=\"200\">\n        <div\n          class=\"d-recipe-message-input__link-dialog-title\"\n        >\n          {{ i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_DIALOG_TITLE') }}\n        </div>\n        <dt-input\n          v-model=\"linkText\"\n          :input-aria-label=\"textInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-text-input\"\n          :label=\"textInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-input\n          v-model=\"linkInput\"\n          :input-aria-label=\"linkInputLabel\"\n          :size=\"100\"\n          data-qa=\"dt-message-input-link-input\"\n          :placeholder=\"linkInputPlaceHolder\"\n          :label=\"linkInputLabel\"\n          input-wrapper-class=\"d-recipe-message-input__link-input\"\n          @click.stop\n          @focus.stop\n          @keydown.enter=\"$emit('set-link', linkText, linkInput)\"\n        />\n        <dt-stack\n          direction=\"row\"\n          class=\"d-recipe-message-input__link-dialog-buttons\"\n        >\n          <dt-button\n            :aria-label=\"removeButtonLabel\"\n            :title=\"removeButtonLabel\"\n            importance=\"clear\"\n            kind=\"critical\"\n            :size=\"300\"\n            data-qa=\"dt-message-input-link-remove-btn\"\n            @click=\"$emit('remove-link', linkText, linkInput)\"\n          >\n            {{ removeButtonLabel }}\n          </dt-button>\n          <dt-stack\n            direction=\"row\"\n            gap=\"100\"\n          >\n            <dt-button\n              :aria-label=\"cancelButtonLabel\"\n              :title=\"cancelButtonLabel\"\n              importance=\"clear\"\n              kind=\"muted\"\n              :size=\"300\"\n              data-qa=\"dt-message-input-link-cancel-btn\"\n              @click=\"isOpen = false\"\n            >\n              {{ cancelButtonLabel }}\n            </dt-button>\n            <dt-button\n              :size=\"300\"\n              :aria-label=\"confirmButtonLabel\"\n              :title=\"confirmButtonLabel\"\n              data-qa=\"dt-message-input-link-confirm-btn\"\n              @click=\"$emit('set-link', linkText, linkInput)\"\n            >\n              {{ confirmButtonLabel }}\n            </dt-button>\n          </dt-stack>\n        </dt-stack>\n      </dt-stack>\n    </template>\n  </dt-popover>\n</template>\n\n<script>\nimport { DtPopover } from '@/components/Popover';\nimport { DtInput } from '@/components/Input';\nimport { DtButton } from '@/components/Button';\nimport { DtStack } from '@/components/Stack';\nimport { DtIconLink2 } from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'MessageInputLink',\n\n  components: {\n    DtPopover,\n    DtInput,\n    DtButton,\n    DtStack,\n    DtIconLink2,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n\n    linkButtonOptions: {\n      type: Object,\n      required: true,\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['set-link', 'remove-link', 'opened'],\n\n  data () {\n    return {\n      linkText: '',\n      linkInput: '',\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    anchorButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_LINK_BUTTON_LABEL'); },\n    textInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_TEXT_LABEL'); },\n    linkInputLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_LABEL'); },\n    linkInputPlaceHolder () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_LINK_PLACEHOLDER'); },\n    removeButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_REMOVE_LABEL'); },\n    cancelButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CANCEL_LABEL'); },\n    confirmButtonLabel () { return this.i18n.$t('DIALTONE_MESSAGE_INPUT_LINK_CONFIRM_LABEL'); },\n  },\n\n  watch: {\n    open: {\n      immediate: true,\n      handler (value) {\n        this.isOpen = value;\n      },\n    },\n  },\n\n  methods: {\n    setInitialValues (linkText, linkInput) {\n      this.linkText = linkText;\n      this.linkInput = linkInput;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/message-input/message-input-topbar.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(`../../localization/index.cjs`),n=require(`../stack/stack.cjs`),r=require(`./message-input-button.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue3`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputTopbar`,components:{DtStack:n.default,DtIconListBullet:a.DtIconListBullet,DtIconBold:a.DtIconBold,DtIconItalic:a.DtIconItalic,DtIconStrikethrough:a.DtIconStrikethrough,DtIconListOrdered:a.DtIconListOrdered,DtIconQuote:a.DtIconQuote,DtIconCode:a.DtIconCode,DtIconCodeBlock:a.DtIconCodeBlock,DtRecipeMessageInputButton:r.default},props:{boldButtonOptions:{type:Object,default:()=>({})},italicButtonOptions:{type:Object,default:()=>({})},strikeButtonOptions:{type:Object,default:()=>({})},bulletListButtonOptions:{type:Object,default:()=>({})},orderedListButtonOptions:{type:Object,default:()=>({})},blockQuoteButtonOptions:{type:Object,default:()=>({})},codeButtonOptions:{type:Object,default:()=>({})},codeBlockButtonOptions:{type:Object,default:()=>({})},isSelectionActive:{type:Function,default:()=>{}}},emits:[`click`],data(){return{i18n:new t.DialtoneLocalization}},computed:{boldButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL`)},italicButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL`)},strikeButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL`)},bulletListButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL`)},orderedListButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL`)},blockQuoteButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL`)},codeButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL`)},codeBlockButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL`)}}};function s(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-bold`),c=(0,i.resolveComponent)(`dt-recipe-message-input-button`),l=(0,i.resolveComponent)(`dt-icon-italic`),u=(0,i.resolveComponent)(`dt-icon-strikethrough`),d=(0,i.resolveComponent)(`dt-icon-list-bullet`),f=(0,i.resolveComponent)(`dt-icon-list-ordered`),p=(0,i.resolveComponent)(`dt-icon-quote`),m=(0,i.resolveComponent)(`dt-icon-code`),h=(0,i.resolveComponent)(`dt-icon-code-block`),g=(0,i.resolveComponent)(`dt-stack`);return(0,i.openBlock)(),(0,i.createBlock)(g,{direction:`row`,gap:`200`,class:`d-recipe-message-input__button-stack`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{"aria-label":o.boldButtonLabel[`aria-label`],"tooltip-text":o.boldButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.boldButtonOptions.keyboardShortcutText,"data-qa":`bold`,"is-active":n.isSelectionActive(`bold`),onClick:t[0]||(t[0]=t=>e.$emit(`click`,`bold`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.italicButtonLabel[`aria-label`],"tooltip-text":o.italicButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.italicButtonOptions.keyboardShortcutText,"data-qa":`italic`,"is-active":n.isSelectionActive(`italic`),onClick:t[1]||(t[1]=t=>e.$emit(`click`,`italic`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(l,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.strikeButtonLabel[`aria-label`],"tooltip-text":o.strikeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.strikeButtonOptions.keyboardShortcutText,"data-qa":`strikethrough`,"is-active":n.isSelectionActive(`strike`),onClick:t[2]||(t[2]=t=>e.$emit(`click`,`strike`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[8]||(t[8]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.renderSlot)(e.$slots,`link`),t[9]||(t[9]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.bulletListButtonLabel[`aria-label`],"tooltip-text":o.bulletListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.bulletListButtonOptions.keyboardShortcutText,"data-qa":`bullet-list`,"is-active":n.isSelectionActive(`bulletList`),onClick:t[3]||(t[3]=t=>e.$emit(`click`,`bulletList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(d,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.orderedListButtonLabel[`aria-label`],"tooltip-text":o.orderedListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.orderedListButtonOptions.keyboardShortcutText,"data-qa":`ordered-list`,"is-active":n.isSelectionActive(`orderedList`),onClick:t[4]||(t[4]=t=>e.$emit(`click`,`orderedList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(f,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[10]||(t[10]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.blockQuoteButtonLabel[`aria-label`],"tooltip-text":o.blockQuoteButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":`blockquote`,"is-active":n.isSelectionActive(`blockquote`),onClick:t[5]||(t[5]=t=>e.$emit(`click`,`blockquote`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(p,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[11]||(t[11]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.codeButtonLabel[`aria-label`],"tooltip-text":o.codeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeButtonOptions.keyboardShortcutText,"data-qa":`code`,"is-active":n.isSelectionActive(`code`),onClick:t[6]||(t[6]=t=>e.$emit(`click`,`code`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(m,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.codeBlockButtonLabel[`aria-label`],"tooltip-text":o.codeBlockButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeBlockButtonOptions.keyboardShortcutText,"data-qa":`code-block`,"is-active":n.isSelectionActive(`codeBlock`),onClick:t[7]||(t[7]=t=>e.$emit(`click`,`codeBlock`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(h,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`])]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
+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(`../../localization/index.cjs`),n=require(`../stack/stack.cjs`),r=require(`./message-input-button.cjs`);let i=require(`vue`),a=require(`@dialpad/dialtone-icons/vue`);var o={compatConfig:{MODE:3},name:`DtRecipeMessageInputTopbar`,components:{DtStack:n.default,DtIconListBullet:a.DtIconListBullet,DtIconBold:a.DtIconBold,DtIconItalic:a.DtIconItalic,DtIconStrikethrough:a.DtIconStrikethrough,DtIconListOrdered:a.DtIconListOrdered,DtIconQuote:a.DtIconQuote,DtIconCode:a.DtIconCode,DtIconCodeBlock:a.DtIconCodeBlock,DtRecipeMessageInputButton:r.default},props:{boldButtonOptions:{type:Object,default:()=>({})},italicButtonOptions:{type:Object,default:()=>({})},strikeButtonOptions:{type:Object,default:()=>({})},bulletListButtonOptions:{type:Object,default:()=>({})},orderedListButtonOptions:{type:Object,default:()=>({})},blockQuoteButtonOptions:{type:Object,default:()=>({})},codeButtonOptions:{type:Object,default:()=>({})},codeBlockButtonOptions:{type:Object,default:()=>({})},isSelectionActive:{type:Function,default:()=>{}}},emits:[`click`],data(){return{i18n:new t.DialtoneLocalization}},computed:{boldButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL`)},italicButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL`)},strikeButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL`)},bulletListButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL`)},orderedListButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL`)},blockQuoteButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL`)},codeButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL`)},codeBlockButtonLabel(){return this.i18n.$ta(`DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL`)}}};function s(e,t,n,r,a,o){let s=(0,i.resolveComponent)(`dt-icon-bold`),c=(0,i.resolveComponent)(`dt-recipe-message-input-button`),l=(0,i.resolveComponent)(`dt-icon-italic`),u=(0,i.resolveComponent)(`dt-icon-strikethrough`),d=(0,i.resolveComponent)(`dt-icon-list-bullet`),f=(0,i.resolveComponent)(`dt-icon-list-ordered`),p=(0,i.resolveComponent)(`dt-icon-quote`),m=(0,i.resolveComponent)(`dt-icon-code`),h=(0,i.resolveComponent)(`dt-icon-code-block`),g=(0,i.resolveComponent)(`dt-stack`);return(0,i.openBlock)(),(0,i.createBlock)(g,{direction:`row`,gap:`25`,class:`d-recipe-message-input__button-stack`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{"aria-label":o.boldButtonLabel[`aria-label`],"tooltip-text":o.boldButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.boldButtonOptions.keyboardShortcutText,"data-qa":`bold`,"is-active":n.isSelectionActive(`bold`),onClick:t[0]||(t[0]=t=>e.$emit(`click`,`bold`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(s,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.italicButtonLabel[`aria-label`],"tooltip-text":o.italicButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.italicButtonOptions.keyboardShortcutText,"data-qa":`italic`,"is-active":n.isSelectionActive(`italic`),onClick:t[1]||(t[1]=t=>e.$emit(`click`,`italic`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(l,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.strikeButtonLabel[`aria-label`],"tooltip-text":o.strikeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.strikeButtonOptions.keyboardShortcutText,"data-qa":`strikethrough`,"is-active":n.isSelectionActive(`strike`),onClick:t[2]||(t[2]=t=>e.$emit(`click`,`strike`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[8]||(t[8]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.renderSlot)(e.$slots,`link`),t[9]||(t[9]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.bulletListButtonLabel[`aria-label`],"tooltip-text":o.bulletListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.bulletListButtonOptions.keyboardShortcutText,"data-qa":`bullet-list`,"is-active":n.isSelectionActive(`bulletList`),onClick:t[3]||(t[3]=t=>e.$emit(`click`,`bulletList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(d,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.orderedListButtonLabel[`aria-label`],"tooltip-text":o.orderedListButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.orderedListButtonOptions.keyboardShortcutText,"data-qa":`ordered-list`,"is-active":n.isSelectionActive(`orderedList`),onClick:t[4]||(t[4]=t=>e.$emit(`click`,`orderedList`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(f,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[10]||(t[10]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.blockQuoteButtonLabel[`aria-label`],"tooltip-text":o.blockQuoteButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.blockQuoteButtonOptions.keyboardShortcutText,"data-qa":`blockquote`,"is-active":n.isSelectionActive(`blockquote`),onClick:t[5]||(t[5]=t=>e.$emit(`click`,`blockquote`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(p,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),t[11]||(t[11]=(0,i.createElementVNode)(`div`,{class:`d-recipe-message-input--button-group-divider`},null,-1)),(0,i.createVNode)(c,{"aria-label":o.codeButtonLabel[`aria-label`],"tooltip-text":o.codeButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeButtonOptions.keyboardShortcutText,"data-qa":`code`,"is-active":n.isSelectionActive(`code`),onClick:t[6]||(t[6]=t=>e.$emit(`click`,`code`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(m,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`]),(0,i.createVNode)(c,{"aria-label":o.codeBlockButtonLabel[`aria-label`],"tooltip-text":o.codeBlockButtonLabel[`tooltip-text`],"keyboard-shortcut-text":n.codeBlockButtonOptions.keyboardShortcutText,"data-qa":`code-block`,"is-active":n.isSelectionActive(`codeBlock`),onClick:t[7]||(t[7]=t=>e.$emit(`click`,`codeBlock`,t))},{icon:(0,i.withCtx)(()=>[(0,i.createVNode)(h,{class:`d-recipe-message-input__button-stack-icon`,size:`200`})]),_:1},8,[`aria-label`,`tooltip-text`,`keyboard-shortcut-text`,`is-active`])]),_:3})}var c=e.t(o,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=message-input-topbar.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"message-input-topbar.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message-input-topbar.cjs","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"25\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/Stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ import { DialtoneLocalization as t } from "../../localization/index.js";
 import n from "../stack/stack.js";
 import r from "./message-input-button.js";
 import { createBlock as i, createElementVNode as a, createVNode as o, openBlock as s, renderSlot as c, resolveComponent as l, withCtx as u } from "vue";
-import { DtIconBold as d, DtIconCode as f, DtIconCodeBlock as p, DtIconItalic as m, DtIconListBullet as h, DtIconListOrdered as g, DtIconQuote as _, DtIconStrikethrough as v } from "@dialpad/dialtone-icons/vue3";
+import { DtIconBold as d, DtIconCode as f, DtIconCodeBlock as p, DtIconItalic as m, DtIconListBullet as h, DtIconListOrdered as g, DtIconQuote as _, DtIconStrikethrough as v } from "@dialpad/dialtone-icons/vue";
 //#region recipes/conversation_view/message_input/message_input_topbar.vue
 var y = {
 	compatConfig: { MODE: 3 },
@@ -93,7 +93,7 @@ function b(e, t, n, r, d, f) {
 	let p = l("dt-icon-bold"), m = l("dt-recipe-message-input-button"), h = l("dt-icon-italic"), g = l("dt-icon-strikethrough"), _ = l("dt-icon-list-bullet"), v = l("dt-icon-list-ordered"), y = l("dt-icon-quote"), b = l("dt-icon-code"), x = l("dt-icon-code-block"), S = l("dt-stack");
 	return s(), i(S, {
 		direction: "row",
-		gap: "200",
+		gap: "25",
 		class: "d-recipe-message-input__button-stack"
 	}, {
 		default: u(() => [

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

@@ -1 +1 @@
-{"version":3,"file":"message-input-topbar.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"200\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"message-input-topbar.js","names":[],"sources":["../../../recipes/conversation_view/message_input/message_input_topbar.vue"],"sourcesContent":["<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"25\"\n    class=\"d-recipe-message-input__button-stack\"\n  >\n    <dt-recipe-message-input-button\n      :aria-label=\"boldButtonLabel['aria-label']\"\n      :tooltip-text=\"boldButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"boldButtonOptions.keyboardShortcutText\"\n      data-qa=\"bold\"\n      :is-active=\"isSelectionActive('bold')\"\n      @click=\"$emit('click', 'bold', $event)\"\n    >\n      <template #icon>\n        <dt-icon-bold\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"italicButtonLabel['aria-label']\"\n      :tooltip-text=\"italicButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"italicButtonOptions.keyboardShortcutText\"\n      data-qa=\"italic\"\n      :is-active=\"isSelectionActive('italic')\"\n      @click=\"$emit('click', 'italic', $event)\"\n    >\n      <template #icon>\n        <dt-icon-italic\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"strikeButtonLabel['aria-label']\"\n      :tooltip-text=\"strikeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"strikeButtonOptions.keyboardShortcutText\"\n      data-qa=\"strikethrough\"\n      :is-active=\"isSelectionActive('strike')\"\n      @click=\"$emit('click', 'strike', $event)\"\n    >\n      <template #icon>\n        <dt-icon-strikethrough\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <!-- @slot special slot for link button, since links require a custom dialog -->\n    <slot name=\"link\" />\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"bulletListButtonLabel['aria-label']\"\n      :tooltip-text=\"bulletListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"bulletListButtonOptions.keyboardShortcutText\"\n      data-qa=\"bullet-list\"\n      :is-active=\"isSelectionActive('bulletList')\"\n      @click=\"$emit('click', 'bulletList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-bullet\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"orderedListButtonLabel['aria-label']\"\n      :tooltip-text=\"orderedListButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"orderedListButtonOptions.keyboardShortcutText\"\n      data-qa=\"ordered-list\"\n      :is-active=\"isSelectionActive('orderedList')\"\n      @click=\"$emit('click', 'orderedList', $event)\"\n    >\n      <template #icon>\n        <dt-icon-list-ordered\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"blockQuoteButtonLabel['aria-label']\"\n      :tooltip-text=\"blockQuoteButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"blockQuoteButtonOptions.keyboardShortcutText\"\n      data-qa=\"blockquote\"\n      :is-active=\"isSelectionActive('blockquote')\"\n      @click=\"$emit('click', 'blockquote', $event)\"\n    >\n      <template #icon>\n        <dt-icon-quote\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n\n    <div class=\"d-recipe-message-input--button-group-divider\" />\n\n    <dt-recipe-message-input-button\n      :aria-label=\"codeButtonLabel['aria-label']\"\n      :tooltip-text=\"codeButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeButtonOptions.keyboardShortcutText\"\n      data-qa=\"code\"\n      :is-active=\"isSelectionActive('code')\"\n      @click=\"$emit('click', 'code', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n    <dt-recipe-message-input-button\n      :aria-label=\"codeBlockButtonLabel['aria-label']\"\n      :tooltip-text=\"codeBlockButtonLabel['tooltip-text']\"\n      :keyboard-shortcut-text=\"codeBlockButtonOptions.keyboardShortcutText\"\n      data-qa=\"code-block\"\n      :is-active=\"isSelectionActive('codeBlock')\"\n      @click=\"$emit('click', 'codeBlock', $event)\"\n    >\n      <template #icon>\n        <dt-icon-code-block\n          class=\"d-recipe-message-input__button-stack-icon\"\n          size=\"200\"\n        />\n      </template>\n    </dt-recipe-message-input-button>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/Stack';\nimport {\n  DtIconListBullet,\n  DtIconBold,\n  DtIconItalic,\n  DtIconStrikethrough,\n  DtIconListOrdered,\n  DtIconQuote,\n  DtIconCode,\n  DtIconCodeBlock,\n} from '@dialpad/dialtone-icons/vue';\nimport DtRecipeMessageInputButton from './message_input_button.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeMessageInputTopbar',\n  components: {\n    DtStack,\n    DtIconListBullet,\n    DtIconBold,\n    DtIconItalic,\n    DtIconStrikethrough,\n    DtIconListOrdered,\n    DtIconQuote,\n    DtIconCode,\n    DtIconCodeBlock,\n    DtRecipeMessageInputButton,\n  },\n\n  props: {\n    boldButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    italicButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    strikeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    bulletListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    orderedListButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    blockQuoteButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    codeBlockButtonOptions: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    isSelectionActive: {\n      type: Function,\n      default: () => {},\n    },\n  },\n\n  emits: ['click'],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    boldButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BOLD_BUTTON_LABEL'); },\n    italicButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ITALIC_BUTTON_LABEL'); },\n    strikeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_STRIKETHROUGH_BUTTON_LABEL'); },\n    bulletListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BULLET_LIST_BUTTON_LABEL'); },\n    orderedListButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_ORDERED_LIST_BUTTON_LABEL'); },\n    blockQuoteButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_BLOCK_QUOTE_BUTTON_LABEL'); },\n    codeButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BUTTON_LABEL'); },\n    codeBlockButtonLabel () { return this.i18n.$ta('DIALTONE_MESSAGE_INPUT_CODE_BLOCK_BUTTON_LABEL'); },\n  },\n};\n</script>\n"],"mappings":"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"}

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-BiCHkV9g.cjs`);exports.default=e.t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../message_input-DrPT3pG4.cjs`);exports.default=e.t;

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

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

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

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={default:``,danger:`d-modal--danger`},t={default:``,full:`d-modal--full`},n={error:`d-modal__banner--critical`,info:`d-modal__banner--info`,success:`d-modal__banner--success`,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={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;
 //# 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/modal_constants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  danger: 'd-modal--danger',\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  error: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  success: 'd-modal__banner--success',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":"mEACA,IAAa,EAAuB,CAClC,QAAS,GACT,OAAQ,kBACT,CAGY,EAAuB,CAClC,QAAS,GACT,KAAM,gBACP,CAEY,EAAqB,CAChC,MAAO,4BACP,KAAM,wBACN,QAAS,2BACT,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\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"}

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

@@ -1,14 +1,14 @@
-//#region components/modal/modal_constants.js
+//#region components/Modal/ModalConstants.js
 var e = {
 	default: "",
-	danger: "d-modal--danger"
+	critical: "d-modal--critical"
 }, t = {
 	default: "",
 	full: "d-modal--full"
 }, n = {
-	error: "d-modal__banner--critical",
+	critical: "d-modal__banner--critical",
 	info: "d-modal__banner--info",
-	success: "d-modal__banner--success",
+	positive: "d-modal__banner--positive",
 	warning: "d-modal__banner--warning",
 	base: "d-modal__banner--general"
 };

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

@@ -1 +1 @@
-{"version":3,"file":"modal-constants.js","names":[],"sources":["../../../components/modal/modal_constants.js"],"sourcesContent":["// Modal style modifiers\nexport const MODAL_KIND_MODIFIERS = {\n  default: '',\n  danger: 'd-modal--danger',\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  error: 'd-modal__banner--critical',\n  info: 'd-modal__banner--info',\n  success: 'd-modal__banner--success',\n  warning: 'd-modal__banner--warning',\n  base: 'd-modal__banner--general',\n};\n"],"mappings":";AACA,IAAa,IAAuB;CAClC,SAAS;CACT,QAAQ;CACT,EAGY,IAAuB;CAClC,SAAS;CACT,MAAM;CACP,EAEY,IAAqB;CAChC,OAAO;CACP,MAAM;CACN,SAAS;CACT,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\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"}