@dialpad/dialtone-icons 4.12.0 → 4.12.2-alpha.1

package/vue3/dist/components/zap-off.js

@@ -0,0 +1,75 @@
+import { g as n } from "../utils-ougd2MqG.js";
+import { _ as o, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as d, normalizeClass as r, createElementVNode as a } from "vue";
+const c = {
+  name: "DtIconZapOff",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(i).includes(e)
+    },
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    }
+  },
+  /**
+  * @TODO: Remove this emit once the icons migration is complete,
+  * they will no longer need this event.
+  * */
+  emits: ["loaded"],
+  computed: {
+    iconSizeClass() {
+      return i[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded"), this.uniqueID = n();
+  }
+}, f = ["aria-label", "aria-hidden"], u = ["clip-path"], p = /* @__PURE__ */ a("path", { d: "M6.699.541a.5.5 0 0 1 .297.52l-.295 2.376a.5.5 0 0 1-.992-.124l.085-.683-.125.15a.5.5 0 0 1-.768-.64L6.116.68a.5.5 0 0 1 .583-.139ZM7.33 5a.5.5 0 0 1 .5-.5h2.67a.5.5 0 0 1 .384.82L9.669 6.775a.5.5 0 0 1-.768-.64l.53-.635H7.83a.5.5 0 0 1-.5-.5ZM4.32 3.616a.5.5 0 0 1 .064.704L2.568 6.5H6a.5.5 0 0 1 .496.562L6.208 9.37l1.408-1.69a.5.5 0 1 1 .768.64l-2.5 3a.5.5 0 0 1-.88-.382l.43-3.438H1.5a.5.5 0 0 1-.384-.82l2.5-3a.5.5 0 0 1 .704-.064Z" }, null, -1), _ = /* @__PURE__ */ a("path", { d: "M.646.646a.5.5 0 0 1 .708 0l10 10a.5.5 0 0 1-.708.708l-10-10a.5.5 0 0 1 0-.708Z" }, null, -1), h = [
+  p,
+  _
+], m = ["id"], g = /* @__PURE__ */ a("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), I = [
+  g
+];
+function z(e, v, l, L, S, t) {
+  return s(), d("svg", {
+    "aria-label": l.ariaLabel,
+    class: r([t.iconSizeClass, "d-icon d-icon--zap-off"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Zap Off",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    a("g", {
+      "clip-path": `url(#${e.uniqueID}a)`,
+      fill: "currentColor",
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd"
+    }, h, 8, u),
+    a("defs", null, [
+      a("clipPath", {
+        id: `${e.uniqueID}a`
+      }, I, 8, m)
+    ])
+  ], 10, f);
+}
+const M = /* @__PURE__ */ o(c, [["render", z]]);
+export {
+  M as default
+};

package/vue3/dist/components/zendesk.js

@@ -0,0 +1,59 @@
+import { _ as s, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as d, normalizeClass as r, createElementVNode as o } from "vue";
+const l = {
+  name: "DtIconZendesk",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(t).includes(e)
+    },
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    }
+  },
+  /**
+  * @TODO: Remove this emit once the icons migration is complete,
+  * they will no longer need this event.
+  * */
+  emits: ["loaded"],
+  computed: {
+    iconSizeClass() {
+      return t[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, c = ["aria-label", "aria-hidden"], _ = /* @__PURE__ */ o("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"
+}, null, -1), m = [
+  _
+];
+function h(e, u, i, f, p, a) {
+  return n(), d("svg", {
+    "aria-label": i.ariaLabel,
+    class: r([a.iconSizeClass, "d-icon d-icon--zendesk"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Zendesk",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, m, 10, c);
+}
+const Z = /* @__PURE__ */ s(l, [["render", h]]);
+export {
+  Z as default
+};

package/vue3/dist/components/zoho-crm.js

@@ -0,0 +1,61 @@
+import { _ as r, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as d, normalizeClass as n, createElementVNode as l } from "vue";
+const s = {
+  name: "DtIconZohoCrm",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(t).includes(e)
+    },
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    }
+  },
+  /**
+  * @TODO: Remove this emit once the icons migration is complete,
+  * they will no longer need this event.
+  * */
+  emits: ["loaded"],
+  computed: {
+    iconSizeClass() {
+      return t[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, c = ["aria-label", "aria-hidden"], m = /* @__PURE__ */ l("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M6.617 6.15c-1.628.394-3.198 1.66-3.942 3.18C2.23 10.242 2 11.178 2 12.092c0 2.794 2 5.323 4.711 5.958.834.195 2.58.15 3.116-.08.391-.168.54-.495.368-.815-.144-.27-.427-.335-.843-.194-.195.066-.741.12-1.212.12-2.078.001-3.88-1.225-4.679-3.18-.338-.829-.423-2.265-.183-3.101a5.095 5.095 0 0 1 2.666-3.186c1.65-.796 3.396-.695 4.88.283.305.2 1.423 1.239 2.485 2.307 1.65 1.66 1.94 1.994 1.988 2.294.05.31.019.39-.279.687-.354.354-.673.423-1.051.229-.115-.06-1.023-.91-2.018-1.892-1.7-1.676-1.84-1.791-2.31-1.902-1.517-.359-2.812.911-2.496 2.448.112.544.126.56 2.22 2.67 1.238 1.247 2.352 2.282 2.699 2.508 1.71 1.114 4.142 1.26 5.972.357 1.643-.81 2.902-2.365 3.306-4.083.159-.673.159-2.184 0-2.857-.5-2.126-2.352-3.986-4.492-4.512-1.107-.273-3.035-.158-3.447.205-.25.22-.213.653.073.84.213.14.291.143.69.028.704-.202 1.956-.159 2.708.094 2.085.7 3.506 2.635 3.506 4.774 0 1.339-.491 2.505-1.469 3.486-1.046 1.05-2.11 1.504-3.531 1.504-.939 0-1.537-.154-2.436-.625-.779-.409-4.755-4.405-4.755-4.78 0-.79.81-1.267 1.439-.846.136.091 1.005.925 1.931 1.852 1.52 1.523 1.734 1.703 2.2 1.85a2.028 2.028 0 0 0 2.645-1.973c-.003-.338-.074-.667-.196-.904-.107-.208-1.138-1.307-2.32-2.474-1.896-1.872-2.21-2.142-2.89-2.489-.418-.213-1.043-.458-1.386-.542-.769-.19-2.21-.19-2.993 0Z",
+  fill: "#3779B9"
+}, null, -1), _ = [
+  m
+];
+function h(e, u, i, f, p, a) {
+  return o(), d("svg", {
+    "aria-label": i.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--zoho-crm"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Zoho Crm",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, _, 10, c);
+}
+const b = /* @__PURE__ */ r(s, [["render", h]]);
+export {
+  b as default
+};

package/vue3/dist/components/zoho-desk.js

@@ -0,0 +1,61 @@
+import { _ as i, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as o, normalizeClass as s, createElementVNode as r } from "vue";
+const d = {
+  name: "DtIconZohoDesk",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(t).includes(e)
+    },
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    }
+  },
+  /**
+  * @TODO: Remove this emit once the icons migration is complete,
+  * they will no longer need this event.
+  * */
+  emits: ["loaded"],
+  computed: {
+    iconSizeClass() {
+      return t[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, n = ["aria-label", "aria-hidden"], _ = /* @__PURE__ */ r("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M14.891 2.013a.997.997 0 0 0-.749.663 62.42 62.42 0 0 0-.258 1.524c-.257 1.579-.257 1.585-.175 1.826a.991.991 0 0 0 .72.633c.056.012.27.021.473.021.204 0 .37.007.37.015s-.087.538-.192 1.177l-.19 1.162-3.603.01c-3.579.01-3.604.01-3.779.052-.714.167-1.267.585-1.593 1.204-.128.243-.201.48-.26.837C5.14 14.249 4 21.33 4 21.42a.576.576 0 0 0 .745.54c.063-.021.748-.434 1.673-1.007l1.567-.971 3.912-.006c4.277-.007 3.953.002 4.313-.114a2.374 2.374 0 0 0 1.342-1.126c.173-.324.196-.43.474-2.134.181-1.117.252-1.595.243-1.65a.604.604 0 0 0-.3-.435c-.069-.04-.118-.053-.247-.06-.14-.007-.174-.002-.267.04a.6.6 0 0 0-.291.281c-.024.055-.124.616-.281 1.584a45.445 45.445 0 0 1-.282 1.627c-.115.38-.486.719-.876.799-.072.015-1.263.021-3.994.021-4.198 0-4.013-.004-4.218.1-.046.023-.543.327-1.105.675-.563.349-1.028.63-1.033.623-.021-.02 1.46-9.078 1.507-9.212.111-.324.37-.58.73-.719l.13-.05 3.76-.01c4.129-.011 3.774 0 4.016-.124a.94.94 0 0 0 .457-.56c.064-.213.493-2.878.493-3.057a.94.94 0 0 0-.538-.857c-.19-.091-.311-.11-.72-.11-.24 0-.348-.006-.348-.021 0-.012.083-.536.185-1.165.103-.629.186-1.147.186-1.151 0-.004.6-.005 1.333-.002l1.333.005.13.05c.07.028.168.074.216.102.195.114.394.341.484.552.062.144.104.391.09.525-.03.287-1.033 6.39-1.053 6.411a984.53 984.53 0 0 1-5.503 3.412l-.069.039-1.308-1.043a47.54 47.54 0 0 0-1.385-1.082.583.583 0 0 0-.229-.046c-.127-.006-.166 0-.253.04a.526.526 0 0 0-.28.251.612.612 0 0 0 .064.656c.056.064 2.7 2.176 2.862 2.286.213.144.553.188.814.106.17-.054 5.963-3.636 6.147-3.802a.757.757 0 0 0 .2-.27l.079-.16.516-3.183.539-3.32a3.07 3.07 0 0 0-.01-.786 2.364 2.364 0 0 0-1.573-1.8c-.338-.11-.28-.106-1.904-.111a41.052 41.052 0 0 0-1.582.012Z",
+  fill: "#089949"
+}, null, -1), h = [
+  _
+];
+function m(e, u, c, f, p, a) {
+  return l(), o("svg", {
+    "aria-label": c.ariaLabel,
+    class: s([a.iconSizeClass, "d-icon d-icon--zoho-desk"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Zoho Desk",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, h, 10, n);
+}
+const b = /* @__PURE__ */ i(d, [["render", m]]);
+export {
+  b as default
+};

package/vue3/dist/components/zoho.js

@@ -0,0 +1,184 @@
+import { g as i } from "../utils-ougd2MqG.js";
+import { _ as n, I as e } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as a, createElementBlock as d, normalizeClass as c, createElementVNode as t } from "vue";
+const _ = {
+  name: "DtIconZoho",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (l) => Object.keys(e).includes(l)
+    },
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    }
+  },
+  /**
+  * @TODO: Remove this emit once the icons migration is complete,
+  * they will no longer need this event.
+  * */
+  emits: ["loaded"],
+  computed: {
+    iconSizeClass() {
+      return e[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded"), this.uniqueID = i();
+  }
+}, r = ["aria-label", "aria-hidden"], h = /* @__PURE__ */ t("path", {
+  d: "M22 10.473v4.742l-.656.64v-4.64l.656-.742Z",
+  fill: "#E79225"
+}, null, -1), u = /* @__PURE__ */ t("path", {
+  d: "m17.7 10.477-.68.738.035.047 4.261-.016.04-.031.644-.742-4.3.004Z",
+  fill: "#FFF16D"
+}, null, -1), f = ["fill"], p = /* @__PURE__ */ t("path", {
+  d: "M20.695 12.887a1.717 1.717 0 0 0-.383-.578 1.57 1.57 0 0 0-.543-.371 1.683 1.683 0 0 0-.648-.126c-.234 0-.453.043-.652.126a1.583 1.583 0 0 0-.543.37 1.706 1.706 0 0 0-.38.579 1.88 1.88 0 0 0-.124.707c0 .25.043.484.129.703.086.219.21.414.379.586.156.16.336.281.535.363.2.082.422.125.66.125a1.657 1.657 0 0 0 1.188-.488 1.772 1.772 0 0 0 .511-1.285c0-.262-.043-.496-.129-.711Zm-.894 1.531a.84.84 0 0 1-.68.3c-.289 0-.515-.1-.683-.3-.168-.2-.25-.477-.25-.828 0-.36.085-.637.25-.84.168-.203.39-.3.683-.3a.84.84 0 0 1 .68.3c.164.203.25.48.25.84 0 .351-.082.629-.25.828Z",
+  fill: "#fff"
+}, null, -1), m = /* @__PURE__ */ t("path", {
+  d: "M16.594 10.086v.023l.554 4.262-.324.899-.043-.032-.57-4.086.012-.054.355-.989.016-.023Z",
+  fill: "#009ADA"
+}, null, -1), Z = /* @__PURE__ */ t("path", {
+  d: "m12.324 10.68 4.27-.594-.36 1.023-.05.055-3.993.586.02-.73.113-.34Z",
+  fill: "#91C9ED"
+}, null, -1), D = ["fill"], I = /* @__PURE__ */ t("path", {
+  d: "M15.52 11.906a.489.489 0 0 0-.133-.293.313.313 0 0 0-.211-.078.4.4 0 0 0-.067.004.324.324 0 0 0-.242.149.388.388 0 0 0-.055.218.95.95 0 0 0 .008.102l.153 1.082-1.211.18-.153-1.082a.489.489 0 0 0-.132-.29.296.296 0 0 0-.207-.082c-.02 0-.04 0-.06.004a.347.347 0 0 0-.253.149.388.388 0 0 0-.055.219c0 .03.004.066.008.105l.414 2.816c.02.13.063.227.14.293.06.051.13.075.216.075.023 0 .047 0 .07-.004a.316.316 0 0 0 .234-.149.403.403 0 0 0 .051-.21.93.93 0 0 0-.008-.102l-.168-1.114 1.211-.18.168 1.114c.02.129.063.227.137.29.059.05.129.077.21.077.02 0 .044 0 .067-.004a.324.324 0 0 0 .243-.148.407.407 0 0 0 .054-.215.962.962 0 0 0-.008-.102l-.421-2.824Z",
+  fill: "#fff"
+}, null, -1), g = /* @__PURE__ */ t("path", {
+  d: "m8.328 9-1.52 3.61.208 1.585.011-.004 1.707-3.84-.007-.082-.368-1.218L8.33 9Z",
+  fill: "#66BF6B"
+}, null, -1), v = /* @__PURE__ */ t("path", {
+  d: "m8.328 9 .395 1.324.007.028 3.758 1.683.012-.008-.32-1.265L8.328 9Z",
+  fill: "#98D0A0"
+}, null, -1), y = ["fill"], S = /* @__PURE__ */ t("path", {
+  d: "M11.355 12.34a1.639 1.639 0 0 0-.343-.563 1.602 1.602 0 0 0-.54-.37 1.606 1.606 0 0 0-.636-.134h-.012c-.219 0-.433.051-.644.145a1.72 1.72 0 0 0-.578.406 2.04 2.04 0 0 0-.399.625c-.101.239-.156.48-.168.719v.082c0 .21.035.418.11.621a1.555 1.555 0 0 0 .89.925c.207.09.418.134.633.134h.004c.215 0 .43-.047.64-.137a1.75 1.75 0 0 0 .583-.41c.164-.172.3-.38.402-.621.101-.242.156-.48.168-.719v-.07a1.69 1.69 0 0 0-.11-.633Zm-.753 1.125c-.141.336-.332.566-.563.691a.814.814 0 0 1-.383.102.929.929 0 0 1-.355-.078c-.266-.114-.43-.293-.5-.551a1.02 1.02 0 0 1-.035-.27c0-.187.047-.394.14-.617.145-.344.336-.578.567-.707a.77.77 0 0 1 .382-.101c.118 0 .235.027.36.078.262.113.426.293.496.55a.971.971 0 0 1 .035.266c0 .195-.047.406-.144.637Z",
+  fill: "#fff"
+}, null, -1), q = /* @__PURE__ */ t("path", {
+  d: "m6.508 9.613.617 4.133-.281 1.453-.04-.05-.6-3.993v-.078l.265-1.394.039-.07Z",
+  fill: "#760D16"
+}, null, -1), $ = /* @__PURE__ */ t("path", {
+  d: "m2 11.75.293-1.46 4.215-.677-.285 1.489v.097l-4.172.59L2 11.75Z",
+  fill: "#EF463E"
+}, null, -1), E = ["fill"], F = /* @__PURE__ */ t("path", {
+  d: "M5.773 14.547a.292.292 0 0 0-.132-.086.609.609 0 0 0-.204-.027c-.074 0-.16.007-.253.023l-1.102.188a1.05 1.05 0 0 1 .129-.332c.082-.153.207-.336.367-.547.055-.075.098-.13.129-.168.02-.028.05-.063.09-.114.254-.332.406-.601.469-.812.035-.121.054-.242.062-.363.004-.036.004-.067.004-.098a1.5 1.5 0 0 0-.023-.258.583.583 0 0 0-.059-.191.283.283 0 0 0-.098-.114.369.369 0 0 0-.191-.039c-.066 0-.149.008-.246.024l-1.274.219c-.152.027-.27.07-.34.14a.269.269 0 0 0-.085.203.4.4 0 0 0 .004.067c.02.11.074.187.164.226a.486.486 0 0 0 .195.035.91.91 0 0 0 .172-.015l1.062-.188c0 .02.004.04.004.055a.557.557 0 0 1-.035.195c-.031.09-.11.215-.238.375-.035.043-.09.114-.164.203-.29.348-.492.645-.617.891-.09.172-.149.336-.184.504-.02.098-.031.188-.031.277 0 .063.004.125.015.184a.799.799 0 0 0 .063.21.278.278 0 0 0 .11.122.395.395 0 0 0 .187.031c.105 0 .25-.015.433-.047l1.157-.199c.203-.035.347-.086.43-.152a.27.27 0 0 0 .1-.215.431.431 0 0 0-.007-.07.259.259 0 0 0-.063-.137Z",
+  fill: "#fff"
+}, null, -1), U = ["id"], b = /* @__PURE__ */ t("stop", {
+  offset: ".006",
+  "stop-color": "#FFE513"
+}, null, -1), M = /* @__PURE__ */ t("stop", {
+  offset: "1",
+  "stop-color": "#FDB924"
+}, null, -1), z = [
+  b,
+  M
+], B = ["id"], L = /* @__PURE__ */ t("stop", {
+  offset: ".006",
+  "stop-color": "#008CD2"
+}, null, -1), O = /* @__PURE__ */ t("stop", {
+  offset: "1",
+  "stop-color": "#00649D"
+}, null, -1), A = [
+  L,
+  O
+], C = ["id"], w = /* @__PURE__ */ t("stop", { "stop-color": "#26A146" }, null, -1), x = /* @__PURE__ */ t("stop", {
+  offset: "1",
+  "stop-color": "#008A52"
+}, null, -1), G = [
+  w,
+  x
+], k = ["id"], H = /* @__PURE__ */ t("stop", { "stop-color": "#D92231" }, null, -1), N = /* @__PURE__ */ t("stop", {
+  offset: "1",
+  "stop-color": "#BA2234"
+}, null, -1), j = [
+  H,
+  N
+];
+function R(l, V, s, J, K, o) {
+  return a(), d("svg", {
+    "aria-label": s.ariaLabel,
+    class: c([o.iconSizeClass, "d-icon d-icon--zoho"]),
+    "aria-hidden": o.ariaHidden,
+    role: "img",
+    "data-name": "Zoho",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    h,
+    u,
+    t("path", {
+      d: "M17.02 11.215h4.335v4.644H17.02v-4.644Z",
+      fill: `url(#${l.uniqueID}a)`
+    }, null, 8, f),
+    p,
+    m,
+    Z,
+    t("path", {
+      d: "m16.234 11.11.59 4.16-4.207.59-.566-4.02.246-.192 3.937-.539Z",
+      fill: `url(#${l.uniqueID}b)`
+    }, null, 8, D),
+    I,
+    g,
+    v,
+    t("path", {
+      d: "m8.723 10.324 3.777 1.703-1.707 3.871-3.777-1.703 1.707-3.87Z",
+      fill: `url(#${l.uniqueID}c)`
+    }, null, 8, y),
+    S,
+    q,
+    $,
+    t("path", {
+      d: "m6.223 11.102.62 4.097-4.171.653L2 11.75l4.223-.648Z",
+      fill: `url(#${l.uniqueID}d)`
+    }, null, 8, E),
+    F,
+    t("defs", null, [
+      t("linearGradient", {
+        id: `${l.uniqueID}a`,
+        x1: "19.187",
+        y1: "11.281",
+        x2: "19.187",
+        y2: "15.719",
+        gradientUnits: "userSpaceOnUse"
+      }, z, 8, U),
+      t("linearGradient", {
+        id: `${l.uniqueID}b`,
+        x1: "12.266",
+        y1: "11.75",
+        x2: "16.601",
+        y2: "15.266",
+        gradientUnits: "userSpaceOnUse"
+      }, A, 8, B),
+      t("linearGradient", {
+        id: `${l.uniqueID}c`,
+        x1: "9.758",
+        y1: "11.873",
+        x2: "9.758",
+        y2: "15.761",
+        gradientUnits: "userSpaceOnUse"
+      }, G, 8, C),
+      t("linearGradient", {
+        id: `${l.uniqueID}d`,
+        x1: "4.118",
+        y1: "11.491",
+        x2: "4.762",
+        y2: "15.532",
+        gradientUnits: "userSpaceOnUse"
+      }, j, 8, k)
+    ])
+  ], 10, r);
+}
+const W = /* @__PURE__ */ n(_, [["render", R]]);
+export {
+  W as default
+};

package/vue3/dist/components/zoom-in.js

@@ -0,0 +1,73 @@
+import { _ as i, I as o } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as r, normalizeClass as d, createElementVNode as e } from "vue";
+const s = {
+  name: "DtIconZoomIn",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (a) => Object.keys(o).includes(a)
+    },
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    }
+  },
+  /**
+  * @TODO: Remove this emit once the icons migration is complete,
+  * they will no longer need this event.
+  * */
+  emits: ["loaded"],
+  computed: {
+    iconSizeClass() {
+      return o[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, c = ["aria-label", "aria-hidden"], u = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.5 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM1 5.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M7.972 7.972a.5.5 0 0 1 .707 0l2.175 2.175a.5.5 0 1 1-.707.707L7.972 8.679a.5.5 0 0 1 0-.707ZM5.5 3.5A.5.5 0 0 1 6 4v3a.5.5 0 1 1-1 0V4a.5.5 0 0 1 .5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M3.5 5.5A.5.5 0 0 1 4 5h3a.5.5 0 1 1 0 1H4a.5.5 0 0 1-.5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), f = [
+  u,
+  _,
+  m
+];
+function p(a, h, t, v, I, l) {
+  return n(), r("svg", {
+    "aria-label": t.ariaLabel,
+    class: d([l.iconSizeClass, "d-icon d-icon--zoom-in"]),
+    "aria-hidden": l.ariaHidden,
+    role: "img",
+    "data-name": "Zoom In",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, f, 10, c);
+}
+const C = /* @__PURE__ */ i(s, [["render", p]]);
+export {
+  C as default
+};

package/vue3/dist/components/zoom-logo.js

@@ -0,0 +1,59 @@
+import { _ as i, I as o } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as n, normalizeClass as s, createElementVNode as l } from "vue";
+const d = {
+  name: "DtIconZoomLogo",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(o).includes(e)
+    },
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    }
+  },
+  /**
+  * @TODO: Remove this emit once the icons migration is complete,
+  * they will no longer need this event.
+  * */
+  emits: ["loaded"],
+  computed: {
+    iconSizeClass() {
+      return o[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, c = ["aria-label", "aria-hidden"], m = /* @__PURE__ */ l("path", {
+  fill: "currentColor",
+  d: "M2 3.5a.5.5 0 0 0-.5.5v3.222a1.5 1.5 0 0 0 1.5 1.5h4.646a.5.5 0 0 0 .5-.5V5a1.5 1.5 0 0 0-1.5-1.5H2Zm6.796 1.298a.5.5 0 0 0-.175.38V7.28a.5.5 0 0 0 .175.38l1.255 1.07a.5.5 0 0 0 .824-.38V4.11a.5.5 0 0 0-.824-.38L8.796 4.8Z"
+}, null, -1), _ = [
+  m
+];
+function u(e, f, t, h, p, a) {
+  return r(), n("svg", {
+    "aria-label": t.ariaLabel,
+    class: s([a.iconSizeClass, "d-icon d-icon--zoom-logo"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Zoom Logo",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const L = /* @__PURE__ */ i(d, [["render", u]]);
+export {
+  L as default
+};

package/vue3/dist/components/zoom-out.js

@@ -0,0 +1,67 @@
+import { _ as l, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as d, normalizeClass as n, createElementVNode as o } from "vue";
+const s = {
+  name: "DtIconZoomOut",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(t).includes(e)
+    },
+    /**
+     * The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
+     */
+    ariaLabel: {
+      type: String,
+      default: void 0
+    }
+  },
+  /**
+  * @TODO: Remove this emit once the icons migration is complete,
+  * they will no longer need this event.
+  * */
+  emits: ["loaded"],
+  computed: {
+    iconSizeClass() {
+      return t[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, c = ["aria-label", "aria-hidden"], u = /* @__PURE__ */ o("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.5 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM1 5.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = /* @__PURE__ */ o("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M7.972 7.972a.5.5 0 0 1 .707 0l2.175 2.175a.5.5 0 1 1-.707.707L7.972 8.679a.5.5 0 0 1 0-.707ZM3.5 5.5A.5.5 0 0 1 4 5h3a.5.5 0 1 1 0 1H4a.5.5 0 0 1-.5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  u,
+  m
+];
+function f(e, p, i, h, v, a) {
+  return r(), d("svg", {
+    "aria-label": i.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--zoom-out"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Zoom Out",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const b = /* @__PURE__ */ l(s, [["render", f]]);
+export {
+  b as default
+};