@dialpad/dialtone-vue 3.162.1 → 3.164.0

package/dist/types/recipes/cards/ivr_node/ivr_node_constants.d.ts

@@ -38,27 +38,27 @@ export namespace IVR_NODE_LABELS {
     let assign_1: string;
     export { assign_1 as assign };
 }
-export namespace IVR_NODE_COLOR_MAPPING {
-    import promptmenu_2 = IVR_NODE_COLORS.PROMPT;
+export namespace IVR_NODE_CLASS_MAPPING {
+    import promptmenu_2 = IVR_NODE_CLASSES.PROMPT;
     export { promptmenu_2 as promptmenu };
-    import promptcollect_2 = IVR_NODE_COLORS.PROMPT;
+    import promptcollect_2 = IVR_NODE_CLASSES.PROMPT;
     export { promptcollect_2 as promptcollect };
-    import promptplay_2 = IVR_NODE_COLORS.PROMPT;
+    import promptplay_2 = IVR_NODE_CLASSES.PROMPT;
     export { promptplay_2 as promptplay };
-    import gotoexpert_2 = IVR_NODE_COLORS.LOGIC;
+    import gotoexpert_2 = IVR_NODE_CLASSES.LOGIC;
     export { gotoexpert_2 as gotoexpert };
-    import branch_2 = IVR_NODE_COLORS.LOGIC;
+    import branch_2 = IVR_NODE_CLASSES.LOGIC;
     export { branch_2 as branch };
-    import goto_2 = IVR_NODE_COLORS.LOGIC;
+    import goto_2 = IVR_NODE_CLASSES.LOGIC;
     export { goto_2 as goto };
-    import assign_2 = IVR_NODE_COLORS.LOGIC;
+    import assign_2 = IVR_NODE_CLASSES.LOGIC;
     export { assign_2 as assign };
-    import transfer_2 = IVR_NODE_COLORS.TERMINAL;
+    import transfer_2 = IVR_NODE_CLASSES.TERMINAL;
     export { transfer_2 as transfer };
-    import hangup_2 = IVR_NODE_COLORS.TERMINAL;
+    import hangup_2 = IVR_NODE_CLASSES.TERMINAL;
     export { hangup_2 as hangup };
 }
-declare namespace IVR_NODE_COLORS {
+declare namespace IVR_NODE_CLASSES {
     namespace PROMPT {
         let normal: string;
         let selected: string;

package/dist/types/recipes/chips/grouped_chip/grouped_chip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grouped_chip.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/chips/grouped_chip/grouped_chip.vue"],"names":[],"mappings":"AAkEA;;;;;+BAwF+B,gBAAgB"}
+{"version":3,"file":"grouped_chip.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/chips/grouped_chip/grouped_chip.vue"],"names":[],"mappings":"AAgEA;;;;;+BAsF+B,gBAAgB"}

package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox_multi_select.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue"],"names":[],"mappings":"AAiHA;"}
+{"version":3,"file":"combobox_multi_select.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue"],"names":[],"mappings":"AAoHA;"}

package/dist/types/recipes/conversation_view/editor/editor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/editor/editor.vue"],"names":[],"mappings":"AAiLA;"}
+{"version":3,"file":"editor.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/editor/editor.vue"],"names":[],"mappings":"AAkLA;"}

package/dist/types/recipes/conversation_view/feed_item_pill/feed_item_pill.vue.d.ts

@@ -63,7 +63,7 @@ declare const _default: import('vue').DefineComponent<{
         ariaLabel: string;
     }, {}>;
     showChevronIcon(): any;
-    toggleableClass(): "" | "d-c-pointer";
+    toggleableClass(): "" | "d-recipe-feed-item-pill--toggleable";
     borderClass(): any;
 }, {
     onClick(): void;

package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue"],"names":[],"mappings":"AA4NA;"}
+{"version":3,"file":"message_input.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/message_input/message_input.vue"],"names":[],"mappings":"AA2NA;"}

package/dist/types/recipes/item_layout/contact_info/contact_info.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contact_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/item_layout/contact_info/contact_info.vue"],"names":[],"mappings":"AAyGA;"}
+{"version":3,"file":"contact_info.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/item_layout/contact_info/contact_info.vue"],"names":[],"mappings":"AA8GA;"}

package/dist/types/recipes/leftbar/contact_row/contact_row.vue.d.ts

@@ -64,7 +64,7 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
 }, any, any, {
-    presenceColorClass(): "d-fc-success" | "d-fc-critical" | "d-fc-warning" | undefined;
+    presenceFontColorClass(): any;
     contactRowListeners(): {
         [k: string]: any;
     };

package/dist/types/recipes/leftbar/general_row/general_row_constants.d.ts

@@ -15,16 +15,16 @@ export namespace LEFTBAR_GENERAL_ROW_TYPES {
     let SCHEDULED: string;
 }
 export const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS: {
+    'magenta-100': string;
     'magenta-200': string;
-    'green-200': string;
-    'gold-300': string;
-    'purple-600': string;
     'magenta-300': string;
-    'purple-300': string;
+    'magenta-400': string;
+    'green-200': string;
     'green-500': string;
+    'gold-300': string;
     'purple-100': string;
-    'magenta-400': string;
-    'magenta-100': string;
+    'purple-300': string;
+    'purple-600': string;
     'black-300': string;
 };
 export const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR: string;

package/dist/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts

@@ -46,7 +46,6 @@ declare const _default: import('vue').DefineComponent<{
         ariaLabel: string;
     }, {}> | undefined;
     contactCenterIconClasses(): any[];
-    dialbotClasses(): string[];
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     type: {
         type: StringConstructor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.162.1",
+  "version": "3.164.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
@@ -38,16 +38,20 @@
     "@dialpad/dialtone-icons": "4.32.0"
   },
   "devDependencies": {
+    "@storybook/addon-a11y": "7.6.20",
+    "@storybook/addon-essentials": "7.6.20",
+    "@storybook/addon-links": "7.6.20",
     "@storybook/vue3": "7.6.20",
     "@storybook/vue3-vite": "7.6.20",
     "@vue/test-utils": "^2.4.0",
+    "storybook-dark-mode": "^3.0.3",
     "vue": "^3.3.4",
-    "@dialpad/generator-dialtone": "0.1.0",
-    "@dialpad/dialtone-css": "8.46.4"
+    "@dialpad/dialtone-css": "8.46.5",
+    "@dialpad/generator-dialtone": "0.1.0"
   },
   "peerDependencies": {
     "vue": ">=3.2",
-    "@dialpad/dialtone-css": "^8.46.4"
+    "@dialpad/dialtone-css": "^8.46.5"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"

package/dist/components/hovercard/timer.cjs

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const tooltip_constants = require("../tooltip/tooltip_constants.cjs");
-const useTimer = function() {
-  const current = vue.ref(null);
-  let timerLeave, timerEnter;
-  let start = null;
-  let prevCard = null;
-  function enter(id) {
-    if (prevCard) {
-      const time = Date.now() - start + 100;
-      if (timerLeave) clearTimeout(timerLeave);
-      if (prevCard !== id) {
-        timerLeave = setTimeout(
-          () => {
-            if (current.value !== null) {
-              start = Date.now();
-            }
-            current.value = null;
-          },
-          time
-        );
-        if (timerEnter) clearTimeout(timerEnter);
-        timerEnter = setTimeout(
-          () => {
-            current.value = id;
-            prevCard = id;
-          },
-          time
-        );
-      }
-    } else {
-      timerEnter = setTimeout(() => {
-        current.value = id;
-        prevCard = id;
-      }, tooltip_constants.TOOLTIP_DELAY_MS);
-    }
-  }
-  function leave() {
-    if (timerEnter) {
-      clearTimeout(timerEnter);
-      timerEnter = null;
-    }
-    start = Date.now();
-    timerLeave = setTimeout(() => {
-      current.value = null;
-      prevCard = null;
-    }, tooltip_constants.TOOLTIP_DELAY_MS);
-  }
-  let instance = null;
-  return () => {
-    if (instance === null) {
-      instance = { current, enter, leave };
-    }
-    return instance;
-  };
-}();
-exports.default = useTimer;
-//# sourceMappingURL=timer.cjs.map

package/dist/components/hovercard/timer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"timer.cjs","sources":["../../../components/hovercard/timer.js"],"sourcesContent":["import { ref } from 'vue';\nimport { TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\n\nexport default (function () {\n  const current = ref(null);\n  let timerLeave, timerEnter;\n  let start = null;\n  let prevCard = null;\n\n  // Handles the timer for when the event that opens the hovercard\n  // is triggered.\n  // If no hovercard is active, it sets a delay of TOOLTIP_DELAY_MS.\n  // If there was an active hovercard, the delay depends on the time it takes\n  // to move from one anchor to the other.\n  function enter (id) {\n    if (prevCard) {\n      const time = Date.now() - start + 100;\n      if (timerLeave) clearTimeout(timerLeave);\n      if (prevCard !== id) {\n        timerLeave = setTimeout(\n          () => {\n            if (current.value !== null) {\n              start = Date.now();\n            }\n            current.value = null;\n          },\n          time,\n        );\n        if (timerEnter) clearTimeout(timerEnter);\n        timerEnter = setTimeout(\n          () => {\n            current.value = id;\n            prevCard = id;\n          },\n          time,\n        );\n      }\n    } else {\n      timerEnter = setTimeout(() => {\n        current.value = id;\n        prevCard = id;\n      }, TOOLTIP_DELAY_MS);\n    }\n  }\n\n  // Handles the timer for when the event that closes the hovercard\n  // is triggered.\n  function leave () {\n    if (timerEnter) {\n      clearTimeout(timerEnter);\n      timerEnter = null;\n    }\n    start = Date.now();\n    timerLeave = setTimeout(() => {\n      current.value = null;\n      prevCard = null;\n    }, TOOLTIP_DELAY_MS);\n  }\n\n  let instance = null;\n\n  return () => {\n    if (instance === null) {\n      instance = { current, enter, leave };\n    }\n    return instance;\n  };\n})();\n"],"names":["ref","TOOLTIP_DELAY_MS"],"mappings":";;;;AAGA,MAAA,WAAgB,WAAY;AAC1B,QAAM,UAAUA,QAAI,IAAI;AACxB,MAAI,YAAY;AAChB,MAAI,QAAQ;AACZ,MAAI,WAAW;AAOf,WAAS,MAAO,IAAI;AAClB,QAAI,UAAU;AACZ,YAAM,OAAO,KAAK,IAAG,IAAK,QAAQ;AAClC,UAAI,WAAY,cAAa,UAAU;AACvC,UAAI,aAAa,IAAI;AACnB,qBAAa;AAAA,UACX,MAAM;AACJ,gBAAI,QAAQ,UAAU,MAAM;AAC1B,sBAAQ,KAAK;YACd;AACD,oBAAQ,QAAQ;AAAA,UACjB;AAAA,UACD;AAAA,QACV;AACQ,YAAI,WAAY,cAAa,UAAU;AACvC,qBAAa;AAAA,UACX,MAAM;AACJ,oBAAQ,QAAQ;AAChB,uBAAW;AAAA,UACZ;AAAA,UACD;AAAA,QACV;AAAA,MACO;AAAA,IACP,OAAW;AACL,mBAAa,WAAW,MAAM;AAC5B,gBAAQ,QAAQ;AAChB,mBAAW;AAAA,MACZ,GAAEC,kBAAgB,gBAAA;AAAA,IACpB;AAAA,EACF;AAID,WAAS,QAAS;AAChB,QAAI,YAAY;AACd,mBAAa,UAAU;AACvB,mBAAa;AAAA,IACd;AACD,YAAQ,KAAK;AACb,iBAAa,WAAW,MAAM;AAC5B,cAAQ,QAAQ;AAChB,iBAAW;AAAA,IACZ,GAAEA,kBAAgB,gBAAA;AAAA,EACpB;AAED,MAAI,WAAW;AAEf,SAAO,MAAM;AACX,QAAI,aAAa,MAAM;AACrB,iBAAW,EAAE,SAAS,OAAO,MAAK;AAAA,IACnC;AACD,WAAO;AAAA,EACX;AACA,EAAI;;"}

package/dist/components/hovercard/timer.js

@@ -1,60 +0,0 @@
-import { ref } from "vue";
-import { TOOLTIP_DELAY_MS } from "../tooltip/tooltip_constants.js";
-const useTimer = function() {
-  const current = ref(null);
-  let timerLeave, timerEnter;
-  let start = null;
-  let prevCard = null;
-  function enter(id) {
-    if (prevCard) {
-      const time = Date.now() - start + 100;
-      if (timerLeave) clearTimeout(timerLeave);
-      if (prevCard !== id) {
-        timerLeave = setTimeout(
-          () => {
-            if (current.value !== null) {
-              start = Date.now();
-            }
-            current.value = null;
-          },
-          time
-        );
-        if (timerEnter) clearTimeout(timerEnter);
-        timerEnter = setTimeout(
-          () => {
-            current.value = id;
-            prevCard = id;
-          },
-          time
-        );
-      }
-    } else {
-      timerEnter = setTimeout(() => {
-        current.value = id;
-        prevCard = id;
-      }, TOOLTIP_DELAY_MS);
-    }
-  }
-  function leave() {
-    if (timerEnter) {
-      clearTimeout(timerEnter);
-      timerEnter = null;
-    }
-    start = Date.now();
-    timerLeave = setTimeout(() => {
-      current.value = null;
-      prevCard = null;
-    }, TOOLTIP_DELAY_MS);
-  }
-  let instance = null;
-  return () => {
-    if (instance === null) {
-      instance = { current, enter, leave };
-    }
-    return instance;
-  };
-}();
-export {
-  useTimer as default
-};
-//# sourceMappingURL=timer.js.map

package/dist/components/hovercard/timer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timer.js","sources":["../../../components/hovercard/timer.js"],"sourcesContent":["import { ref } from 'vue';\nimport { TOOLTIP_DELAY_MS } from '@/components/tooltip/index.js';\n\nexport default (function () {\n  const current = ref(null);\n  let timerLeave, timerEnter;\n  let start = null;\n  let prevCard = null;\n\n  // Handles the timer for when the event that opens the hovercard\n  // is triggered.\n  // If no hovercard is active, it sets a delay of TOOLTIP_DELAY_MS.\n  // If there was an active hovercard, the delay depends on the time it takes\n  // to move from one anchor to the other.\n  function enter (id) {\n    if (prevCard) {\n      const time = Date.now() - start + 100;\n      if (timerLeave) clearTimeout(timerLeave);\n      if (prevCard !== id) {\n        timerLeave = setTimeout(\n          () => {\n            if (current.value !== null) {\n              start = Date.now();\n            }\n            current.value = null;\n          },\n          time,\n        );\n        if (timerEnter) clearTimeout(timerEnter);\n        timerEnter = setTimeout(\n          () => {\n            current.value = id;\n            prevCard = id;\n          },\n          time,\n        );\n      }\n    } else {\n      timerEnter = setTimeout(() => {\n        current.value = id;\n        prevCard = id;\n      }, TOOLTIP_DELAY_MS);\n    }\n  }\n\n  // Handles the timer for when the event that closes the hovercard\n  // is triggered.\n  function leave () {\n    if (timerEnter) {\n      clearTimeout(timerEnter);\n      timerEnter = null;\n    }\n    start = Date.now();\n    timerLeave = setTimeout(() => {\n      current.value = null;\n      prevCard = null;\n    }, TOOLTIP_DELAY_MS);\n  }\n\n  let instance = null;\n\n  return () => {\n    if (instance === null) {\n      instance = { current, enter, leave };\n    }\n    return instance;\n  };\n})();\n"],"names":[],"mappings":";;AAGA,MAAA,WAAgB,WAAY;AAC1B,QAAM,UAAU,IAAI,IAAI;AACxB,MAAI,YAAY;AAChB,MAAI,QAAQ;AACZ,MAAI,WAAW;AAOf,WAAS,MAAO,IAAI;AAClB,QAAI,UAAU;AACZ,YAAM,OAAO,KAAK,IAAG,IAAK,QAAQ;AAClC,UAAI,WAAY,cAAa,UAAU;AACvC,UAAI,aAAa,IAAI;AACnB,qBAAa;AAAA,UACX,MAAM;AACJ,gBAAI,QAAQ,UAAU,MAAM;AAC1B,sBAAQ,KAAK;YACd;AACD,oBAAQ,QAAQ;AAAA,UACjB;AAAA,UACD;AAAA,QACV;AACQ,YAAI,WAAY,cAAa,UAAU;AACvC,qBAAa;AAAA,UACX,MAAM;AACJ,oBAAQ,QAAQ;AAChB,uBAAW;AAAA,UACZ;AAAA,UACD;AAAA,QACV;AAAA,MACO;AAAA,IACP,OAAW;AACL,mBAAa,WAAW,MAAM;AAC5B,gBAAQ,QAAQ;AAChB,mBAAW;AAAA,MACZ,GAAE,gBAAgB;AAAA,IACpB;AAAA,EACF;AAID,WAAS,QAAS;AAChB,QAAI,YAAY;AACd,mBAAa,UAAU;AACvB,mBAAa;AAAA,IACd;AACD,YAAQ,KAAK;AACb,iBAAa,WAAW,MAAM;AAC5B,cAAQ,QAAQ;AAChB,iBAAW;AAAA,IACZ,GAAE,gBAAgB;AAAA,EACpB;AAED,MAAI,WAAW;AAEf,SAAO,MAAM;AACX,QAAI,aAAa,MAAM;AACrB,iBAAW,EAAE,SAAS,OAAO,MAAK;AAAA,IACnC;AACD,WAAO;AAAA,EACX;AACA,EAAI;"}

package/dist/types/components/hovercard/timer.d.ts

@@ -1,3 +0,0 @@
-declare function _default(): any;
-export default _default;
-//# sourceMappingURL=timer.d.ts.map

package/dist/types/components/hovercard/timer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"timer.d.ts","sourceRoot":"","sources":["../../../../components/hovercard/timer.js"],"names":[],"mappings":"AA6DS,iCAKN"}

package/dist/types/recipes/conversation_view/attachment_carousel/attachment_carousel_constants.d.ts

@@ -1,6 +0,0 @@
-export const DEFAULT_CONSTANTS: null;
-declare namespace _default {
-    export { DEFAULT_CONSTANTS };
-}
-export default _default;
-//# sourceMappingURL=attachment_carousel_constants.d.ts.map

package/dist/types/recipes/conversation_view/attachment_carousel/attachment_carousel_constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachment_carousel_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/attachment_carousel/attachment_carousel_constants.js"],"names":[],"mappings":"AAAA,qCAAsC"}