@dialpad/dialtone 9.71.0-beta.2 → 9.71.0

package/dist/vue3/common/sr_only_close_button.vue.cjs

@@ -1,12 +1,12 @@
 "use strict";
-const vue3 = require("@dialpad/dialtone-icons/vue3");
 const vue = require("vue");
 const _pluginVue_exportHelper = require("../_virtual/_plugin-vue_export-helper.cjs");
+const icon = require("../components/icon/icon.vue.cjs");
 const button = require("../components/button/button.vue.cjs");
 const _sfc_main = {
   name: "SrOnlyCloseButton",
   components: {
-    DtIconClose: vue3.DtIconClose,
+    DtIcon: icon,
     DtButton: button
   },
   props: {
@@ -27,7 +27,7 @@ const _sfc_main = {
   }
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_icon_close = vue.resolveComponent("dt-icon-close");
+  const _component_dt_icon = vue.resolveComponent("dt-icon");
   const _component_dt_button = vue.resolveComponent("dt-button");
   return vue.openBlock(), vue.createBlock(_component_dt_button, {
     id: "sr-only-close-button",
@@ -38,7 +38,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onKeydown: vue.withKeys(vue.withModifiers($options.close, ["prevent", "stop"]), ["space"])
   }, {
     default: vue.withCtx(() => [
-      vue.createVNode(_component_dt_icon_close)
+      vue.createVNode(_component_dt_icon, { name: "close" })
     ]),
     _: 1
   }, 8, ["aria-label", "onClick", "onKeydown"]);

package/dist/vue3/common/sr_only_close_button.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sr_only_close_button.vue.cjs","sources":["../../common/sr_only_close_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    id=\"sr-only-close-button\"\n    data-qa=\"dt-sr-only-close-button\"\n    class=\"d-vi-visible-sr\"\n    :aria-label=\"visuallyHiddenCloseLabel\"\n    @click=\"close\"\n    @keydown.space.prevent.stop=\"close\"\n  >\n    <dt-icon-close />\n  </dt-button>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'SrOnlyCloseButton',\n  components: {\n    DtIconClose,\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: ['close'],\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["DtIconClose","DtButton","_createBlock","_createVNode"],"mappings":";;;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,iBACVA,KAAW;AAAA,IACX,UAAAC;AAAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AAAA,EAEf,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;;;0BAzCEC,IASY,YAAA,sBAAA;AAAA,IARV,IAAG;AAAA,IACH,WAAQ;AAAA,IACR,OAAM;AAAA,IACL,cAAY,OAAwB;AAAA,IACpC,SAAO,SAAK;AAAA,IACZ,0CAA4B,SAAK,OAAA,CAAA,WAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;yBAElC,MAAiB;AAAA,MAAjBC,IAAAA,YAAiB,wBAAA;AAAA;;;;;;"}
+{"version":3,"file":"sr_only_close_button.vue.cjs","sources":["../../common/sr_only_close_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    id=\"sr-only-close-button\"\n    data-qa=\"dt-sr-only-close-button\"\n    class=\"d-vi-visible-sr\"\n    :aria-label=\"visuallyHiddenCloseLabel\"\n    @click=\"close\"\n    @keydown.space.prevent.stop=\"close\"\n  >\n    <dt-icon name=\"close\" />\n  </dt-button>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'SrOnlyCloseButton',\n  components: {\n    DtIcon,\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: ['close'],\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["DtIcon","DtButton","_createBlock","_createVNode"],"mappings":";;;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,QAAAA;AAAAA,IACA,UAAAC;AAAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AAAA,EAEf,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;;;0BAzCEC,IASY,YAAA,sBAAA;AAAA,IARV,IAAG;AAAA,IACH,WAAQ;AAAA,IACR,OAAM;AAAA,IACL,cAAY,OAAwB;AAAA,IACpC,SAAO,SAAK;AAAA,IACZ,0CAA4B,SAAK,OAAA,CAAA,WAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;yBAElC,MAAwB;AAAA,MAAxBC,IAAAA,YAAwB,oBAAA,EAAf,MAAK,QAAO,CAAA;AAAA;;;;;;"}

package/dist/vue3/common/sr_only_close_button.vue.js

@@ -1,11 +1,11 @@
-import { DtIconClose } from "@dialpad/dialtone-icons/vue3";
 import { resolveComponent, openBlock, createBlock, withKeys, withModifiers, withCtx, createVNode } from "vue";
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+import DtIcon from "../components/icon/icon.vue.js";
 import DtButton from "../components/button/button.vue.js";
 const _sfc_main = {
   name: "SrOnlyCloseButton",
   components: {
-    DtIconClose,
+    DtIcon,
     DtButton
   },
   props: {
@@ -26,7 +26,7 @@ const _sfc_main = {
   }
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_icon_close = resolveComponent("dt-icon-close");
+  const _component_dt_icon = resolveComponent("dt-icon");
   const _component_dt_button = resolveComponent("dt-button");
   return openBlock(), createBlock(_component_dt_button, {
     id: "sr-only-close-button",
@@ -37,7 +37,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onKeydown: withKeys(withModifiers($options.close, ["prevent", "stop"]), ["space"])
   }, {
     default: withCtx(() => [
-      createVNode(_component_dt_icon_close)
+      createVNode(_component_dt_icon, { name: "close" })
     ]),
     _: 1
   }, 8, ["aria-label", "onClick", "onKeydown"]);

package/dist/vue3/common/sr_only_close_button.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"sr_only_close_button.vue.js","sources":["../../common/sr_only_close_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    id=\"sr-only-close-button\"\n    data-qa=\"dt-sr-only-close-button\"\n    class=\"d-vi-visible-sr\"\n    :aria-label=\"visuallyHiddenCloseLabel\"\n    @click=\"close\"\n    @keydown.space.prevent.stop=\"close\"\n  >\n    <dt-icon-close />\n  </dt-button>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'SrOnlyCloseButton',\n  components: {\n    DtIconClose,\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: ['close'],\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AAAA,EAEf,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;;;sBAzCEA,YASY,sBAAA;AAAA,IARV,IAAG;AAAA,IACH,WAAQ;AAAA,IACR,OAAM;AAAA,IACL,cAAY,OAAwB;AAAA,IACpC,SAAO,SAAK;AAAA,IACZ,kCAA4B,SAAK,OAAA,CAAA,WAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;qBAElC,MAAiB;AAAA,MAAjBC,YAAiB,wBAAA;AAAA;;;;;"}
+{"version":3,"file":"sr_only_close_button.vue.js","sources":["../../common/sr_only_close_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    id=\"sr-only-close-button\"\n    data-qa=\"dt-sr-only-close-button\"\n    class=\"d-vi-visible-sr\"\n    :aria-label=\"visuallyHiddenCloseLabel\"\n    @click=\"close\"\n    @keydown.space.prevent.stop=\"close\"\n  >\n    <dt-icon name=\"close\" />\n  </dt-button>\n</template>\n\n<script>\nimport { DtIcon } from '@/components/icon';\nimport { DtButton } from '@/components/button';\n\nexport default {\n  name: 'SrOnlyCloseButton',\n  components: {\n    DtIcon,\n    DtButton,\n  },\n\n  props: {\n    /**\n     * Label for the visually hidden close button\n     * Required if visuallyHiddenClose is set to `true`\n     */\n    visuallyHiddenCloseLabel: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: ['close'],\n\n  methods: {\n    close () {\n      this.$emit('close');\n    },\n  },\n};\n</script>\n"],"names":["_createBlock","_createVNode"],"mappings":";;;;AAiBA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,0BAA0B;AAAA,MACxB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO,CAAC,OAAO;AAAA,EAEf,SAAS;AAAA,IACP,QAAS;AACP,WAAK,MAAM,OAAO;AAAA,IACnB;AAAA,EACF;AACH;;;;sBAzCEA,YASY,sBAAA;AAAA,IARV,IAAG;AAAA,IACH,WAAQ;AAAA,IACR,OAAM;AAAA,IACL,cAAY,OAAwB;AAAA,IACpC,SAAO,SAAK;AAAA,IACZ,kCAA4B,SAAK,OAAA,CAAA,WAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;qBAElC,MAAwB;AAAA,MAAxBC,YAAwB,oBAAA,EAAf,MAAK,QAAO,CAAA;AAAA;;;;;"}

package/dist/vue3/common/storybook_utils.cjs

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"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;"}