@dialpad/dialtone-icons 4.27.1 → 4.28.0

package/README.md

@@ -65,7 +65,7 @@ import illustrationsList from '@dialpad/dialtone-icons/illustrations.js';
     - icon: `src/svg/icons`
     - illustration: `src/svg/illustrations`
 
-2. Run `nx build dialtone-icons`
+2. Run `nx run dialtone-icons:build`
 3. Commit and push your changes.
 
 ## Requesting features / reporting bugs

package/dist/svg/icons/zendesk.svg

@@ -1 +1 @@
-<svg aria-hidden="true" role="img" data-name="Zendesk" class="d-icon d-icon--zendesk" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.238 19.156V8.002L2 19.156h9.238ZM9.885 7.266A4.62 4.62 0 0 0 11.238 4H2a4.62 4.62 0 0 0 7.885 3.266Zm4.228 8.624a4.619 4.619 0 0 0-1.353 3.267h9.238a4.619 4.619 0 0 0-7.885-3.267ZM12.76 4v11.153L22 4h-9.24Z" fill="#03363D"/></svg>
+<svg aria-hidden="true" role="img" data-name="Zendesk" class="d-icon d-icon--zendesk" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.238 19.156V8.002L2 19.156h9.238ZM9.885 7.266A4.62 4.62 0 0 0 11.238 4H2a4.62 4.62 0 0 0 7.885 3.266Zm4.228 8.624a4.619 4.619 0 0 0-1.353 3.267h9.238a4.619 4.619 0 0 0-7.885-3.267ZM12.76 4v11.153L22 4h-9.24Z" fill="#00A656"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-icons",
-  "version": "4.27.1",
+  "version": "4.28.0",
   "description": "Dialtone icon library",
   "files": [
     "dist",
@@ -41,13 +41,7 @@
     "./*": "./dist/svg/*"
   },
   "devDependencies": {
-    "del": "^6.1.1",
-    "glob": "^10.3.10",
-    "gulp": "^4.0.2",
     "gulp-json-format": "^2.0.0",
-    "gulp-rename": "^2.0.0",
-    "gulp-replace": "^1.1.3",
-    "gulp-svgmin": "^4.1.0",
     "lodash": "^4.17.21"
   },
   "bugs": {

package/vue2/dist/components/zendesk.cjs

@@ -1,2 +1,2 @@
-"use strict";const s=require("../constants-CHwVJpfT.cjs"),i=require("../_plugin-vue2_normalizer-e_CkxkSV.cjs"),r={name:"DtIconZendesk",props:{size:{type:String,default:"500",validator:a=>Object.keys(s.I).includes(a)},ariaLabel:{type:String,default:void 0}},emits:["loaded"],computed:{iconSizeClass(){return s.I[this.size]},ariaHidden(){return this.ariaLabel?"false":"true"},dataQA(){return this.$attrs["data-qa"]??"dt-icon"}},created(){this.$emit("loaded")}};var n=function(){var e=this,t=e._self._c;return t("svg",{staticClass:"d-icon d-icon--zendesk",class:e.iconSizeClass,attrs:{"aria-label":e.ariaLabel,"data-qa":e.dataQA,"aria-hidden":e.ariaHidden,role:"img","data-name":"Zendesk",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"}},[t("path",{attrs:{d:"M11.238 19.156V8.002L2 19.156h9.238ZM9.885 7.266A4.62 4.62 0 0 0 11.238 4H2a4.62 4.62 0 0 0 7.885 3.266Zm4.228 8.624a4.619 4.619 0 0 0-1.353 3.267h9.238a4.619 4.619 0 0 0-7.885-3.267ZM12.76 4v11.153L22 4h-9.24Z",fill:"#03363D"}})])},d=[],c=i.n(r,n,d);const o=c.exports;module.exports=o;
+"use strict";const s=require("../constants-CHwVJpfT.cjs"),i=require("../_plugin-vue2_normalizer-e_CkxkSV.cjs"),r={name:"DtIconZendesk",props:{size:{type:String,default:"500",validator:a=>Object.keys(s.I).includes(a)},ariaLabel:{type:String,default:void 0}},emits:["loaded"],computed:{iconSizeClass(){return s.I[this.size]},ariaHidden(){return this.ariaLabel?"false":"true"},dataQA(){return this.$attrs["data-qa"]??"dt-icon"}},created(){this.$emit("loaded")}};var n=function(){var e=this,t=e._self._c;return t("svg",{staticClass:"d-icon d-icon--zendesk",class:e.iconSizeClass,attrs:{"aria-label":e.ariaLabel,"data-qa":e.dataQA,"aria-hidden":e.ariaHidden,role:"img","data-name":"Zendesk",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"}},[t("path",{attrs:{d:"M11.238 19.156V8.002L2 19.156h9.238ZM9.885 7.266A4.62 4.62 0 0 0 11.238 4H2a4.62 4.62 0 0 0 7.885 3.266Zm4.228 8.624a4.619 4.619 0 0 0-1.353 3.267h9.238a4.619 4.619 0 0 0-7.885-3.267ZM12.76 4v11.153L22 4h-9.24Z",fill:"#00A656"}})])},d=[],c=i.n(r,n,d);const o=c.exports;module.exports=o;
 //# sourceMappingURL=zendesk.cjs.map

package/vue2/dist/components/zendesk.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"zendesk.cjs","sources":["../../../src/icons/zendesk.vue"],"sourcesContent":["<template>\n  <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Zendesk\" class=\"d-icon d-icon--zendesk\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.238 19.156V8.002L2 19.156h9.238ZM9.885 7.266A4.62 4.62 0 0 0 11.238 4H2a4.62 4.62 0 0 0 7.885 3.266Zm4.228 8.624a4.619 4.619 0 0 0-1.353 3.267h9.238a4.619 4.619 0 0 0-7.885-3.267ZM12.76 4v11.153L22 4h-9.24Z\" fill=\"#03363D\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n  name: 'DtIconZendesk',\n\n  props: {\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     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n     */\n    ariaLabel: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  /**\n  * @TODO: Remove this emit once the icons migration is complete,\n  * they will no longer need this event.\n  * */\n  emits: ['loaded'],\n\n  computed: {\n    iconSizeClass () {\n      return ICON_SIZE_MODIFIERS[this.size];\n    },\n\n    ariaHidden () {\n      return !this.ariaLabel ? 'true' : 'false';\n    },\n\n    dataQA () {\n      return this.$attrs['data-qa'] ?? 'dt-icon';\n    },\n  },\n\n  created () {\n    this.$emit('loaded');\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS"],"mappings":"+GAOAA,EAAA,CACA,KAAA,gBAEA,MAAA,CAKA,KAAA,CACA,KAAA,OACA,QAAA,MACA,UAAAC,GAAA,OAAA,KAAAC,GAAA,EAAA,SAAAD,CAAA,CACA,EAKA,UAAA,CACA,KAAA,OACA,QAAA,MACA,CACA,EAMA,MAAA,CAAA,QAAA,EAEA,SAAA,CACA,eAAA,CACA,OAAAC,EAAA,EAAA,KAAA,IAAA,CACA,EAEA,YAAA,CACA,OAAA,KAAA,UAAA,QAAA,MACA,EAEA,QAAA,CACA,OAAA,KAAA,OAAA,SAAA,GAAA,SACA,CACA,EAEA,SAAA,CACA,KAAA,MAAA,QAAA,CACA,CACA"}
+{"version":3,"file":"zendesk.cjs","sources":["../../../src/icons/zendesk.vue"],"sourcesContent":["<template>\n  <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Zendesk\" class=\"d-icon d-icon--zendesk\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.238 19.156V8.002L2 19.156h9.238ZM9.885 7.266A4.62 4.62 0 0 0 11.238 4H2a4.62 4.62 0 0 0 7.885 3.266Zm4.228 8.624a4.619 4.619 0 0 0-1.353 3.267h9.238a4.619 4.619 0 0 0-7.885-3.267ZM12.76 4v11.153L22 4h-9.24Z\" fill=\"#00A656\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n  name: 'DtIconZendesk',\n\n  props: {\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     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n     */\n    ariaLabel: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  /**\n  * @TODO: Remove this emit once the icons migration is complete,\n  * they will no longer need this event.\n  * */\n  emits: ['loaded'],\n\n  computed: {\n    iconSizeClass () {\n      return ICON_SIZE_MODIFIERS[this.size];\n    },\n\n    ariaHidden () {\n      return !this.ariaLabel ? 'true' : 'false';\n    },\n\n    dataQA () {\n      return this.$attrs['data-qa'] ?? 'dt-icon';\n    },\n  },\n\n  created () {\n    this.$emit('loaded');\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS"],"mappings":"+GAOAA,EAAA,CACA,KAAA,gBAEA,MAAA,CAKA,KAAA,CACA,KAAA,OACA,QAAA,MACA,UAAAC,GAAA,OAAA,KAAAC,GAAA,EAAA,SAAAD,CAAA,CACA,EAKA,UAAA,CACA,KAAA,OACA,QAAA,MACA,CACA,EAMA,MAAA,CAAA,QAAA,EAEA,SAAA,CACA,eAAA,CACA,OAAAC,EAAA,EAAA,KAAA,IAAA,CACA,EAEA,YAAA,CACA,OAAA,KAAA,UAAA,QAAA,MACA,EAEA,QAAA,CACA,OAAA,KAAA,OAAA,SAAA,GAAA,SACA,CACA,EAEA,SAAA,CACA,KAAA,MAAA,QAAA,CACA,CACA"}

package/vue2/dist/components/zendesk.js

@@ -42,7 +42,7 @@ const s = {
 };
 var n = function() {
   var a = this, t = a._self._c;
-  return t("svg", { staticClass: "d-icon d-icon--zendesk", class: a.iconSizeClass, attrs: { "aria-label": a.ariaLabel, "data-qa": a.dataQA, "aria-hidden": a.ariaHidden, role: "img", "data-name": "Zendesk", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M11.238 19.156V8.002L2 19.156h9.238ZM9.885 7.266A4.62 4.62 0 0 0 11.238 4H2a4.62 4.62 0 0 0 7.885 3.266Zm4.228 8.624a4.619 4.619 0 0 0-1.353 3.267h9.238a4.619 4.619 0 0 0-7.885-3.267ZM12.76 4v11.153L22 4h-9.24Z", fill: "#03363D" } })]);
+  return t("svg", { staticClass: "d-icon d-icon--zendesk", class: a.iconSizeClass, attrs: { "aria-label": a.ariaLabel, "data-qa": a.dataQA, "aria-hidden": a.ariaHidden, role: "img", "data-name": "Zendesk", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" } }, [t("path", { attrs: { d: "M11.238 19.156V8.002L2 19.156h9.238ZM9.885 7.266A4.62 4.62 0 0 0 11.238 4H2a4.62 4.62 0 0 0 7.885 3.266Zm4.228 8.624a4.619 4.619 0 0 0-1.353 3.267h9.238a4.619 4.619 0 0 0-7.885-3.267ZM12.76 4v11.153L22 4h-9.24Z", fill: "#00A656" } })]);
 }, d = [], o = /* @__PURE__ */ r(
   s,
   n,

package/vue2/dist/components/zendesk.js.map

@@ -1 +1 @@
-{"version":3,"file":"zendesk.js","sources":["../../../src/icons/zendesk.vue"],"sourcesContent":["<template>\n  <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Zendesk\" class=\"d-icon d-icon--zendesk\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.238 19.156V8.002L2 19.156h9.238ZM9.885 7.266A4.62 4.62 0 0 0 11.238 4H2a4.62 4.62 0 0 0 7.885 3.266Zm4.228 8.624a4.619 4.619 0 0 0-1.353 3.267h9.238a4.619 4.619 0 0 0-7.885-3.267ZM12.76 4v11.153L22 4h-9.24Z\" fill=\"#03363D\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n  name: 'DtIconZendesk',\n\n  props: {\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     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n     */\n    ariaLabel: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  /**\n  * @TODO: Remove this emit once the icons migration is complete,\n  * they will no longer need this event.\n  * */\n  emits: ['loaded'],\n\n  computed: {\n    iconSizeClass () {\n      return ICON_SIZE_MODIFIERS[this.size];\n    },\n\n    ariaHidden () {\n      return !this.ariaLabel ? 'true' : 'false';\n    },\n\n    dataQA () {\n      return this.$attrs['data-qa'] ?? 'dt-icon';\n    },\n  },\n\n  created () {\n    this.$emit('loaded');\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS"],"mappings":";;AAOA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,KAAAC,CAAA,EAAA,SAAAD,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAA,CAAA,QAAA;AAAA,EAEA,UAAA;AAAA,IACA,gBAAA;AACA,aAAAC,EAAA,KAAA,IAAA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,aAAA,KAAA,YAAA,UAAA;AAAA,IACA;AAAA,IAEA,SAAA;AACA,aAAA,KAAA,OAAA,SAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,SAAA,MAAA,QAAA;AAAA,EACA;AACA;;;;;;;;;;"}
+{"version":3,"file":"zendesk.js","sources":["../../../src/icons/zendesk.vue"],"sourcesContent":["<template>\n  <svg :aria-label=\"ariaLabel\" :class=\"iconSizeClass\" :data-qa=\"dataQA\" :aria-hidden=\"ariaHidden\" role=\"img\" data-name=\"Zendesk\" class=\"d-icon d-icon--zendesk\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.238 19.156V8.002L2 19.156h9.238ZM9.885 7.266A4.62 4.62 0 0 0 11.238 4H2a4.62 4.62 0 0 0 7.885 3.266Zm4.228 8.624a4.619 4.619 0 0 0-1.353 3.267h9.238a4.619 4.619 0 0 0-7.885-3.267ZM12.76 4v11.153L22 4h-9.24Z\" fill=\"#00A656\"/></svg>\n</template>\n\n<script>\nimport { ICON_SIZE_MODIFIERS } from '@/src/constants';\n\nexport default {\n  name: 'DtIconZendesk',\n\n  props: {\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     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational\n     */\n    ariaLabel: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  /**\n  * @TODO: Remove this emit once the icons migration is complete,\n  * they will no longer need this event.\n  * */\n  emits: ['loaded'],\n\n  computed: {\n    iconSizeClass () {\n      return ICON_SIZE_MODIFIERS[this.size];\n    },\n\n    ariaHidden () {\n      return !this.ariaLabel ? 'true' : 'false';\n    },\n\n    dataQA () {\n      return this.$attrs['data-qa'] ?? 'dt-icon';\n    },\n  },\n\n  created () {\n    this.$emit('loaded');\n  },\n};\n</script>\n"],"names":["_sfc_main","s","ICON_SIZE_MODIFIERS"],"mappings":";;AAOA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAA,OAAA,KAAAC,CAAA,EAAA,SAAAD,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAA,CAAA,QAAA;AAAA,EAEA,UAAA;AAAA,IACA,gBAAA;AACA,aAAAC,EAAA,KAAA,IAAA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,aAAA,KAAA,YAAA,UAAA;AAAA,IACA;AAAA,IAEA,SAAA;AACA,aAAA,KAAA,OAAA,SAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,SAAA,MAAA,QAAA;AAAA,EACA;AACA;;;;;;;;;;"}