@dialpad/dialtone 9.75.0 → 9.77.0-beta.1

package/dist/vue3/types/recipes/leftbar/general_row/index.d.ts

@@ -1,3 +1,3 @@
 export { default as DtRecipeGeneralRow } from "./general_row.vue";
-export { LEFTBAR_GENERAL_ROW_TYPES, LEFTBAR_GENERAL_ROW_ICON_MAPPING, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, LEFTBAR_GENERAL_ROW_ICON_SIZES } from "./general_row_constants";
+export { LEFTBAR_GENERAL_ROW_TYPES, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR, LEFTBAR_GENERAL_ROW_ICON_SIZES } from "./general_row_constants";
 //# sourceMappingURL=index.d.ts.map

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

@@ -15,7 +15,36 @@ declare const _default: import("vue").DefineComponent<{
     isIconType(): boolean;
     isContactCenterType(): boolean;
     isDialbotType(): boolean;
-    getIconName(): string;
+    getIconName(): import("vue").DefineComponent<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }, any, any, {
+        iconSizeClass(): any;
+        ariaHidden(): "true" | "false";
+        dataQA(): any;
+    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "loaded"[], "loaded", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }>> & {
+        onLoaded?: ((...args: any[]) => any) | undefined;
+    }, {
+        size: string;
+        ariaLabel: string;
+    }, {}> | undefined;
     contactCenterIconClasses(): any[];
     dialbotClasses(): string[];
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/dist/vue3/types/recipes/leftbar/unread_pill/unread_pill.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unread_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/unread_pill/unread_pill.vue.js"],"names":[],"mappings":";IAYI;;;QAGI;;;;;;IAOJ;;;QAGI;;;;;;;;;;;IAbJ;;;QAGI;;;;;;IAOJ;;;QAGI"}
+{"version":3,"file":"unread_pill.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/unread_pill/unread_pill.vue.js"],"names":[],"mappings":";IAaI;;;QAGI;;;;;;IAOJ;;;QAGI;;;;;;;;;;;IAbJ;;;QAGI;;;;;;IAOJ;;;QAGI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone",
-  "version": "9.75.0",
+  "version": "9.77.0-beta.1",
   "description": "Dialpad's Dialtone design system monorepo",
   "files": [
     "dist"
@@ -74,8 +74,8 @@
     "stylelint": "15.11.0",
     "tippy.js": "6.3.7",
     "@dialpad/dialtone-emojis": "1.0.8",
-    "@dialpad/dialtone-icons": "4.27.1",
-    "@dialpad/dialtone-tokens": "1.36.2"
+    "@dialpad/dialtone-tokens": "1.36.2",
+    "@dialpad/dialtone-icons": "4.27.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.4.3",

package/dist/vue2/common/storybook_utils.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const iconNames = require("@dialpad/dialtone-icons/icons.js");
-function getIconNames() {
-  return [void 0, ...iconNames];
-}
-exports.getIconNames = getIconNames;
-//# sourceMappingURL=storybook_utils.cjs.map

package/dist/vue2/common/storybook_utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"storybook_utils.cjs","sources":["../../common/storybook_utils.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.js';\nimport illustrationNames from '@dialpad/dialtone-icons/illustrations.js';\n\n/**\n * Will use a Vue SFC to render the template rather than a template string.\n * This is useful for more complex components that are hard to work with and\n * get messy when rendered via a template string. Will pass args and argTypes\n * into the component, so it is able to be live edited with storybook controls addon.\n * @param component this will get the component name\n * @param defaultTemplate we will mount in this component\n * @param argsData storybook control args\n * @returns {component} the template component with props and args added.\n */\n\nexport function createRenderConfig (component, defaultTemplate, argsData) {\n  return {\n    components: { [component.name]: defaultTemplate },\n    props: [...Object.keys(component.props ?? {}), ...Object.keys(argsData)],\n    setup (props) {\n      return { props };\n    },\n    template: `<${component.name} v-bind=\"props\" />`,\n  };\n}\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIconNames () {\n  return [undefined, ...iconNames];\n}\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIllustrationNames () {\n  return [undefined, ...illustrationNames];\n}\n\nexport const generateTemplate = (component,\n  { props = [], excludeProps = [], customProps = [], childTemplate } = {}) => {\n  if (!component) {\n    console.warn('Generate template: Please provide a component');\n    return '';\n  }\n\n  const { name, props: componentProps } = component;\n  const finalProps = props.length ? props : Object.keys(componentProps);\n  const normalizedName = name.split(/(?=[A-Z])/).join('-').toLowerCase();\n\n  const startFragment = `<${normalizedName}`;\n\n  const propFragments = finalProps\n    .filter(prop => !excludeProps.includes(prop))\n    .map(prop => `:${prop}=\"${prop}\"`);\n\n  const endFragment = childTemplate ? `>${childTemplate}</${normalizedName}>` : ' />';\n\n  return [startFragment, ...propFragments, ...customProps, endFragment].join(' ');\n};\n\nexport default {\n  generateTemplate,\n  getIconNames,\n  getIllustrationNames,\n  createRenderConfig,\n};\n"],"names":[],"mappings":";;;AA6BO,SAAS,eAAgB;AAC9B,SAAO,CAAC,QAAW,GAAG,SAAS;AACjC;;"}

package/dist/vue2/common/storybook_utils.js

@@ -1,8 +0,0 @@
-import iconNames from "@dialpad/dialtone-icons/icons.js";
-function getIconNames() {
-  return [void 0, ...iconNames];
-}
-export {
-  getIconNames
-};
-//# sourceMappingURL=storybook_utils.js.map

package/dist/vue2/common/storybook_utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"storybook_utils.js","sources":["../../common/storybook_utils.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.js';\nimport illustrationNames from '@dialpad/dialtone-icons/illustrations.js';\n\n/**\n * Will use a Vue SFC to render the template rather than a template string.\n * This is useful for more complex components that are hard to work with and\n * get messy when rendered via a template string. Will pass args and argTypes\n * into the component, so it is able to be live edited with storybook controls addon.\n * @param component this will get the component name\n * @param defaultTemplate we will mount in this component\n * @param argsData storybook control args\n * @returns {component} the template component with props and args added.\n */\n\nexport function createRenderConfig (component, defaultTemplate, argsData) {\n  return {\n    components: { [component.name]: defaultTemplate },\n    props: [...Object.keys(component.props ?? {}), ...Object.keys(argsData)],\n    setup (props) {\n      return { props };\n    },\n    template: `<${component.name} v-bind=\"props\" />`,\n  };\n}\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIconNames () {\n  return [undefined, ...iconNames];\n}\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIllustrationNames () {\n  return [undefined, ...illustrationNames];\n}\n\nexport const generateTemplate = (component,\n  { props = [], excludeProps = [], customProps = [], childTemplate } = {}) => {\n  if (!component) {\n    console.warn('Generate template: Please provide a component');\n    return '';\n  }\n\n  const { name, props: componentProps } = component;\n  const finalProps = props.length ? props : Object.keys(componentProps);\n  const normalizedName = name.split(/(?=[A-Z])/).join('-').toLowerCase();\n\n  const startFragment = `<${normalizedName}`;\n\n  const propFragments = finalProps\n    .filter(prop => !excludeProps.includes(prop))\n    .map(prop => `:${prop}=\"${prop}\"`);\n\n  const endFragment = childTemplate ? `>${childTemplate}</${normalizedName}>` : ' />';\n\n  return [startFragment, ...propFragments, ...customProps, endFragment].join(' ');\n};\n\nexport default {\n  generateTemplate,\n  getIconNames,\n  getIllustrationNames,\n  createRenderConfig,\n};\n"],"names":[],"mappings":";AA6BO,SAAS,eAAgB;AAC9B,SAAO,CAAC,QAAW,GAAG,SAAS;AACjC;"}

package/dist/vue2/types/common/storybook_utils.d.ts

@@ -1,35 +0,0 @@
-/**
- * Will use a Vue SFC to render the template rather than a template string.
- * This is useful for more complex components that are hard to work with and
- * get messy when rendered via a template string. Will pass args and argTypes
- * into the component, so it is able to be live edited with storybook controls addon.
- * @param component this will get the component name
- * @param defaultTemplate we will mount in this component
- * @param argsData storybook control args
- * @returns {component} the template component with props and args added.
- */
-export function createRenderConfig(component: any, defaultTemplate: any, argsData: any): any;
-/**
- * Gets the full list of icon component names from the dialtone package
- * @returns {string[]} icon component names
- */
-export function getIconNames(): string[];
-/**
- * Gets the full list of icon component names from the dialtone package
- * @returns {string[]} icon component names
- */
-export function getIllustrationNames(): string[];
-export function generateTemplate(component: any, { props, excludeProps, customProps, childTemplate }?: {
-    props?: any[] | undefined;
-    excludeProps?: any[] | undefined;
-    customProps?: any[] | undefined;
-    childTemplate: any;
-}): string;
-declare namespace _default {
-    export { generateTemplate };
-    export { getIconNames };
-    export { getIllustrationNames };
-    export { createRenderConfig };
-}
-export default _default;
-//# sourceMappingURL=storybook_utils.d.ts.map

package/dist/vue2/types/common/storybook_utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"storybook_utils.d.ts","sourceRoot":"","sources":["../../../common/storybook_utils.js"],"names":[],"mappings":"AAGA;;;;;;;;;GASG;AAEH,6FASC;AAED;;;GAGG;AACH,gCAFa,MAAM,EAAE,CAIpB;AAED;;;GAGG;AACH,wCAFa,MAAM,EAAE,CAIpB;AAEM;;;;;WAoBN"}

package/dist/vue3/common/storybook_utils.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const iconNames = require("@dialpad/dialtone-icons/icons.js");
-function getIconNames() {
-  return [void 0, ...iconNames];
-}
-exports.getIconNames = getIconNames;
-//# sourceMappingURL=storybook_utils.cjs.map

package/dist/vue3/common/storybook_utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"storybook_utils.cjs","sources":["../../common/storybook_utils.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.js';\nimport illustrationNames from '@dialpad/dialtone-icons/illustrations.js';\n\n/**\n * Will use a Vue SFC to render the template rather than a template string.\n * This is useful for more complex components that are hard to work with and\n * get messy when rendered via a template string. Will pass args and argTypes\n * into the component so it is able to be live edited with storybook controls addon.\n * @param {object} args storybook control args\n * @param {component} templateComponent vue component template for rendering to storybook.\n *                                      Note this should not be the component itself,\n *                                      but rather the usage of that component.\n * @returns {component} the template component with props and args added.\n */\nexport const createTemplateFromVueFile = (args, argTypes, templateComponent) => ({\n  components: { templateComponent },\n  setup () {\n    return { args };\n  },\n  template: '<template-component v-bind=\"args\"></template-component>',\n});\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIconNames () {\n  return [undefined, ...iconNames];\n}\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIllustrationNames () {\n  return [undefined, ...illustrationNames];\n}\n\nexport const generateTemplate = (component,\n  { props = [], excludeProps = [], customProps = [], childTemplate } = {}) => {\n  if (!component) {\n    console.warn('Generate template: Please provide a component');\n    return '';\n  }\n\n  const { name, props: componentProps } = component;\n  const finalProps = props.length ? props : Object.keys(componentProps);\n  const normalizedName = name.split(/(?=[A-Z])/).join('-').toLowerCase();\n\n  const startFragment = `<${normalizedName}`;\n\n  const propFragments = finalProps\n    .filter(prop => !excludeProps.includes(prop))\n    .map(prop => `:${prop}=\"${prop}\"`);\n\n  const endFragment = childTemplate ? `>${childTemplate}</${normalizedName}>` : ' />';\n\n  return [startFragment, ...propFragments, ...customProps, endFragment].join(' ');\n};\n\nexport default {\n  generateTemplate,\n  createTemplateFromVueFile,\n  getIllustrationNames,\n  getIconNames,\n};\n"],"names":[],"mappings":";;;AA0BO,SAAS,eAAgB;AAC9B,SAAO,CAAC,QAAW,GAAG,SAAS;AACjC;;"}

package/dist/vue3/common/storybook_utils.js

@@ -1,8 +0,0 @@
-import iconNames from "@dialpad/dialtone-icons/icons.js";
-function getIconNames() {
-  return [void 0, ...iconNames];
-}
-export {
-  getIconNames
-};
-//# sourceMappingURL=storybook_utils.js.map

package/dist/vue3/common/storybook_utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"storybook_utils.js","sources":["../../common/storybook_utils.js"],"sourcesContent":["import iconNames from '@dialpad/dialtone-icons/icons.js';\nimport illustrationNames from '@dialpad/dialtone-icons/illustrations.js';\n\n/**\n * Will use a Vue SFC to render the template rather than a template string.\n * This is useful for more complex components that are hard to work with and\n * get messy when rendered via a template string. Will pass args and argTypes\n * into the component so it is able to be live edited with storybook controls addon.\n * @param {object} args storybook control args\n * @param {component} templateComponent vue component template for rendering to storybook.\n *                                      Note this should not be the component itself,\n *                                      but rather the usage of that component.\n * @returns {component} the template component with props and args added.\n */\nexport const createTemplateFromVueFile = (args, argTypes, templateComponent) => ({\n  components: { templateComponent },\n  setup () {\n    return { args };\n  },\n  template: '<template-component v-bind=\"args\"></template-component>',\n});\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIconNames () {\n  return [undefined, ...iconNames];\n}\n\n/**\n * Gets the full list of icon component names from the dialtone package\n * @returns {string[]} icon component names\n */\nexport function getIllustrationNames () {\n  return [undefined, ...illustrationNames];\n}\n\nexport const generateTemplate = (component,\n  { props = [], excludeProps = [], customProps = [], childTemplate } = {}) => {\n  if (!component) {\n    console.warn('Generate template: Please provide a component');\n    return '';\n  }\n\n  const { name, props: componentProps } = component;\n  const finalProps = props.length ? props : Object.keys(componentProps);\n  const normalizedName = name.split(/(?=[A-Z])/).join('-').toLowerCase();\n\n  const startFragment = `<${normalizedName}`;\n\n  const propFragments = finalProps\n    .filter(prop => !excludeProps.includes(prop))\n    .map(prop => `:${prop}=\"${prop}\"`);\n\n  const endFragment = childTemplate ? `>${childTemplate}</${normalizedName}>` : ' />';\n\n  return [startFragment, ...propFragments, ...customProps, endFragment].join(' ');\n};\n\nexport default {\n  generateTemplate,\n  createTemplateFromVueFile,\n  getIllustrationNames,\n  getIconNames,\n};\n"],"names":[],"mappings":";AA0BO,SAAS,eAAgB;AAC9B,SAAO,CAAC,QAAW,GAAG,SAAS;AACjC;"}

package/dist/vue3/types/common/storybook_utils.d.ts

@@ -1,25 +0,0 @@
-/**
- * Gets the full list of icon component names from the dialtone package
- * @returns {string[]} icon component names
- */
-export function getIconNames(): string[];
-/**
- * Gets the full list of icon component names from the dialtone package
- * @returns {string[]} icon component names
- */
-export function getIllustrationNames(): string[];
-export function createTemplateFromVueFile(args: object, argTypes: any, templateComponent: component): component;
-export function generateTemplate(component: any, { props, excludeProps, customProps, childTemplate }?: {
-    props?: any[] | undefined;
-    excludeProps?: any[] | undefined;
-    customProps?: any[] | undefined;
-    childTemplate: any;
-}): string;
-declare namespace _default {
-    export { generateTemplate };
-    export { createTemplateFromVueFile };
-    export { getIllustrationNames };
-    export { getIconNames };
-}
-export default _default;
-//# sourceMappingURL=storybook_utils.d.ts.map

package/dist/vue3/types/common/storybook_utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"storybook_utils.d.ts","sourceRoot":"","sources":["../../../common/storybook_utils.js"],"names":[],"mappings":"AAsBA;;;GAGG;AACH,gCAFa,MAAM,EAAE,CAIpB;AAED;;;GAGG;AACH,wCAFa,MAAM,EAAE,CAIpB;AAtBM,gDANI,MAAM,0DAYf;AAkBK;;;;;WAoBN"}