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

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

@@ -0,0 +1,76 @@
+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 r, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconTimerOff",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (a) => Object.keys(i).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 i[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded"), this.uniqueID = n();
+  }
+}, u = ["aria-label", "aria-hidden"], f = ["clip-path"], _ = /* @__PURE__ */ e("path", { d: "M4.5 1A.5.5 0 0 1 5 .5h2a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5ZM2.492 5.038a.5.5 0 0 1 .27.654 3.5 3.5 0 0 0 .742 3.804 3.5 3.5 0 0 0 3.804.742.5.5 0 1 1 .384.924 4.5 4.5 0 0 1-4.894-.957l-.003-.003a4.5 4.5 0 0 1-.957-4.894.5.5 0 0 1 .654-.27Zm3.826-1.535a3.5 3.5 0 0 0-2.333.608.5.5 0 1 1-.57-.822 4.5 4.5 0 0 1 5.792.56 4.5 4.5 0 0 1 .504 5.736.5.5 0 1 1-.822-.57 3.5 3.5 0 0 0-.394-4.462l-.004-.005a3.5 3.5 0 0 0-2.173-1.045Z" }, null, -1), h = /* @__PURE__ */ e("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), m = /* @__PURE__ */ e("path", { d: "M6 4.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z" }, null, -1), p = [
+  _,
+  h,
+  m
+], g = ["id"], I = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), v = [
+  I
+];
+function S(a, b, l, z, M, t) {
+  return s(), r("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--timer-off"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Timer Off",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`,
+      fill: "currentColor",
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd"
+    }, p, 8, f),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, v, 8, g)
+    ])
+  ], 10, u);
+}
+const C = /* @__PURE__ */ o(c, [["render", S]]);
+export {
+  C as default
+};

package/vue3/dist/components/timer-reset.js

@@ -0,0 +1,73 @@
+import { _ as i, I as l } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as n, normalizeClass as o, createElementVNode as e } from "vue";
+const s = {
+  name: "DtIconTimerReset",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (a) => Object.keys(l).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 l[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: "M4.5 1A.5.5 0 0 1 5 .5h2a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5ZM6 4.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.996 3.5a3.5 3.5 0 0 0-3.5 3.062.5.5 0 0 1-.992-.124A4.5 4.5 0 0 1 6.002 2.5a4.5 4.5 0 1 1-2.983 7.875l-.001-.001-1.35-1.2a.5.5 0 1 1 .664-.748l1.349 1.199A3.5 3.5 0 1 0 6 3.5h-.003Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1.5 8.5A.5.5 0 0 1 2 8h2.5a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-1 0V8.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  u,
+  _,
+  h
+];
+function f(a, p, r, v, C, t) {
+  return d(), n("svg", {
+    "aria-label": r.ariaLabel,
+    class: o([t.iconSizeClass, "d-icon d-icon--timer-reset"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Timer Reset",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, c);
+}
+const I = /* @__PURE__ */ i(s, [["render", f]]);
+export {
+  I as default
+};

package/vue3/dist/components/timer.js

@@ -0,0 +1,61 @@
+import { _ as r, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as n, normalizeClass as d, createElementVNode as o } from "vue";
+const s = {
+  name: "DtIconTimer",
+  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");
+  }
+}, c = ["aria-label", "aria-hidden"], m = /* @__PURE__ */ o("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M4.5 1A.5.5 0 0 1 5 .5h2a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5ZM6 3.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM1.5 7a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0Zm6.354-1.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 1 1-.708-.708l1.5-1.5a.5.5 0 0 1 .708 0Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  m
+];
+function u(e, f, t, p, h, a) {
+  return l(), n("svg", {
+    "aria-label": t.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--timer"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Timer",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const v = /* @__PURE__ */ r(s, [["render", u]]);
+export {
+  v as default
+};

package/vue3/dist/components/toggl.js

@@ -0,0 +1,59 @@
+import { _ as i, I as c } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as r, normalizeClass as o, createElementVNode as s } from "vue";
+const n = {
+  name: "DtIconToggl",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (a) => Object.keys(c).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 c[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, d = ["aria-label", "aria-hidden"], m = /* @__PURE__ */ s("path", {
+  d: "M14.715 13.603c-.283-.264-.694-.382-1.073-.382h-1.695c-.167 0-.315-.126-.315-.283 0-.132.09-.24.209-.273 0 0 .029-.006.061-.016.305.145.645.212.989.212.523 0 1.047-.154 1.432-.514.372-.35.55-.838.55-1.338 0-.501-.174-.99-.55-1.34a1.701 1.701 0 0 0-.363-.26c.36.084.732-.019.99-.462l-.723-.517-.6.838a2.361 2.361 0 0 0-.736-.112c-.523 0-1.047.154-1.432.514-.373.35-.55.838-.55 1.338 0 .501.174.99.55 1.34l.1.086-.071.039a2.047 2.047 0 0 0-.475.378c-.238.254-.476.63-.476 1.134 0 0-.032 1.072 1.198 1.072h.893c.205 0 .414.132.414.337a.366.366 0 0 1-.061.203h1.708c.257-.286.401-.694.389-1.063-.013-.34-.113-.697-.363-.931Zm-2.132-2.925a.44.44 0 0 1 .314-.122c.116 0 .232.035.315.122a.436.436 0 0 1 .122.314.436.436 0 0 1-.122.315.441.441 0 0 1-.315.122.428.428 0 0 1-.314-.122.436.436 0 0 1-.122-.315.44.44 0 0 1 .122-.314Zm6.99 2.925c-.283-.264-.694-.382-1.073-.382l-1.968-.013c-.125 0-.218-.077-.218-.193 0-.096.048-.237.167-.26.234.074.481.11.728.11.524 0 1.047-.155 1.433-.514.372-.35.549-.838.549-1.34 0-.5-.174-.988-.55-1.338a1.704 1.704 0 0 0-.362-.26c.36.083.732-.02.989-.463l-.723-.517-.6.838a2.36 2.36 0 0 0-.736-.112c-.523 0-1.046.154-1.431.514-.373.35-.55.838-.55 1.339 0 .5.174.989.55 1.339.109.102.234.189.362.26a1.983 1.983 0 0 0-.266.24c-.238.254-.475.63-.475 1.134 0 0-.032 1.072 1.197 1.072h.893c.205 0 .414.132.414.337a.366.366 0 0 1-.061.203h1.708c.257-.286.401-.694.389-1.063-.013-.34-.113-.697-.366-.931Zm-2.659-2.925a.441.441 0 0 1 .315-.122c.115 0 .231.035.314.122a.436.436 0 0 1 .122.314.436.436 0 0 1-.122.315.44.44 0 0 1-.314.122.428.428 0 0 1-.315-.122.436.436 0 0 1-.122-.315c0-.115.039-.23.122-.314ZM22 12.379v1.603c-.212.109-.45.138-.594.144-.777-.003-1.169-.276-1.458-.693-.19-.273-.266-.71-.266-1.23V8h1.824v3.91c0 .258.128.514.494.47ZM8.165 14.127c.642 0 1.284-.205 1.756-.687.46-.469.671-1.12.671-1.791 0-.672-.215-1.323-.671-1.792-.472-.479-1.114-.684-1.756-.684-.642 0-1.285.205-1.757.687-.459.469-.67 1.12-.67 1.792 0 .668.214 1.322.67 1.791.472.476 1.115.684 1.757.684Zm-.418-2.906a.58.58 0 0 1 .408-.157c.148 0 .299.048.408.157a.57.57 0 0 1 .157.408.562.562 0 0 1-.157.408.567.567 0 0 1-.408.157.572.572 0 0 1-.408-.157.567.567 0 0 1-.154-.408c0-.154.048-.302.154-.408Zm-5.063-.305H2V9.6c.042.003.08.006.122.006.555 0 1.008-.478 1.008-1.072V8h1.3v1.429h1.018v1.486H4.431v.829c0 .176.035.314.109.408.112.14.237.234.54.234.147 0 .275-.026.368-.061v1.557c-.25.138-.632.244-1.085.244-.787 0-1.108-.273-1.397-.69-.186-.273-.282-.674-.282-1.195v-1.326Z",
+  fill: "#F9DE9B"
+}, null, -1), h = [
+  m
+];
+function _(a, g, t, u, f, e) {
+  return l(), r("svg", {
+    "aria-label": t.ariaLabel,
+    class: o([e.iconSizeClass, "d-icon d-icon--toggl"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Toggl",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, h, 10, d);
+}
+const Z = /* @__PURE__ */ i(n, [["render", _]]);
+export {
+  Z as default
+};

package/vue3/dist/components/too-many-queries.js

@@ -0,0 +1,61 @@
+import { _ as r, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as n, normalizeClass as s, createElementVNode as d } from "vue";
+const l = {
+  name: "DtIconTooManyQueries",
+  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");
+  }
+}, c = ["aria-label", "aria-hidden"], u = /* @__PURE__ */ d("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1 1.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm5.5 2A.5.5 0 0 1 7 7h3a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  u
+];
+function h(e, _, t, f, p, a) {
+  return o(), n("svg", {
+    "aria-label": t.ariaLabel,
+    class: s([a.iconSizeClass, "d-icon d-icon--too-many-queries"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Too Many Queries",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, c);
+}
+const g = /* @__PURE__ */ r(l, [["render", h]]);
+export {
+  g as default
+};

package/vue3/dist/components/tools.js

@@ -0,0 +1,61 @@
+import { _ as i, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as r, normalizeClass as s, createElementVNode as n } from "vue";
+const d = {
+  name: "DtIconTools",
+  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__ */ n("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M8.279 1.514A2.5 2.5 0 0 0 5.72 5.029a.5.5 0 0 1-.102.56L2.164 9.042a.56.56 0 0 0 .792.793L6.411 6.38a.5.5 0 0 1 .56-.102 2.5 2.5 0 0 0 3.515-2.558L9.2 5.007a1 1 0 0 1-1.4 0l-.004-.004-.803-.803a1 1 0 0 1 0-1.4l.003-.004L8.28 1.514ZM7.37.554A3.5 3.5 0 0 1 9.44.81a.5.5 0 0 1 .148.81L7.706 3.5l.793.794 1.881-1.882a.5.5 0 0 1 .81.148 3.5 3.5 0 0 1-4.304 4.76l-3.223 3.224a1.56 1.56 0 1 1-2.208-2.207L4.68 5.112A3.5 3.5 0 0 1 7.37.555Z",
+  "clip-rule": "evenodd"
+}, null, -1), u = [
+  _
+];
+function m(e, f, l, p, h, a) {
+  return o(), r("svg", {
+    "aria-label": l.ariaLabel,
+    class: s([a.iconSizeClass, "d-icon d-icon--tools"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Tools",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, u, 10, c);
+}
+const g = /* @__PURE__ */ i(d, [["render", m]]);
+export {
+  g as default
+};

package/vue3/dist/components/toy-brick.js

@@ -0,0 +1,67 @@
+import { _ as l, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as d, normalizeClass as n, createElementVNode as t } from "vue";
+const c = {
+  name: "DtIconToyBrick",
+  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");
+  }
+}, s = ["aria-label", "aria-hidden"], u = /* @__PURE__ */ t("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1 4.5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-5Zm9 0H2v5h8v-5Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = /* @__PURE__ */ t("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M2.293 1.793A1 1 0 0 1 3 1.5h1.5c.264 0 .522.09.716.284A.999.999 0 0 1 5.5 2.5V4a.5.5 0 0 1-1 0V2.5H3V4a.5.5 0 0 1-1 0V2.5a1 1 0 0 1 .293-.707Zm4.5 0A1 1 0 0 1 7.5 1.5H9c.264 0 .522.09.716.284A.999.999 0 0 1 10 2.5V4a.5.5 0 0 1-1 0V2.5H7.5V4a.5.5 0 0 1-1 0V2.5a1 1 0 0 1 .293-.707Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  u,
+  _
+];
+function h(e, f, r, p, v, a) {
+  return o(), d("svg", {
+    "aria-label": r.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--toy-brick"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Toy Brick",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, s);
+}
+const k = /* @__PURE__ */ l(c, [["render", h]]);
+export {
+  k as default
+};

package/vue3/dist/components/transfer-webchat.js

@@ -0,0 +1,78 @@
+import { g as r } from "../utils-ougd2MqG.js";
+import { _ as n, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as o, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconTransferWebchat",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (a) => Object.keys(i).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 i[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded"), this.uniqueID = r();
+  }
+}, h = ["aria-label", "aria-hidden"], u = ["clip-path"], _ = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  d: "M6.706 3.5a.5.5 0 0 1 .5-.5h2.905a1.39 1.39 0 0 1 1.39 1.386v4.427a1.384 1.384 0 0 1-1.39 1.385H5.192a.502.502 0 0 0-.354.146l-.916.913c-.522.52-1.422.155-1.422-.59v-2.48a.5.5 0 1 1 1 0v2.079l.632-.63c.282-.28.663-.438 1.06-.438h4.92a.39.39 0 0 0 .275-.113.384.384 0 0 0 .113-.272V4.386c0-.102-.04-.2-.113-.272A.39.39 0 0 0 10.111 4H7.206a.5.5 0 0 1-.5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), f = /* @__PURE__ */ e("path", { d: "M3.897 1.147a.5.5 0 0 1 .707 0l1.25 1.25a.5.5 0 0 1 0 .707l-1.25 1.25a.5.5 0 0 1-.707-.707l.396-.397H2.5a.5.5 0 0 1 0-1h1.793l-.396-.396a.5.5 0 0 1 0-.707Zm-1.293 2.5a.5.5 0 0 1 0 .707l-.397.396H4a.5.5 0 1 1 0 1H2.207l.397.397a.5.5 0 0 1-.707.707l-1.25-1.25a.5.5 0 0 1 0-.707l1.25-1.25a.5.5 0 0 1 .707 0Z" }, null, -1), p = [
+  _,
+  f
+], m = ["id"], b = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z",
+  transform: "matrix(1 0 0 -1 0 12)"
+}, null, -1), g = [
+  b
+];
+function v(a, I, l, H, S, t) {
+  return s(), o("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--transfer-webchat"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Transfer Webchat",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`,
+      fill: "currentColor"
+    }, p, 8, u),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, g, 8, m)
+    ])
+  ], 10, h);
+}
+const D = /* @__PURE__ */ n(c, [["render", v]]);
+export {
+  D as default
+};

package/vue3/dist/components/transfer.js

@@ -0,0 +1,76 @@
+import { g as r } from "../utils-ougd2MqG.js";
+import { _ as n, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as o, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconTransfer",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (a) => Object.keys(i).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 i[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded"), this.uniqueID = r();
+  }
+}, u = ["aria-label", "aria-hidden"], f = ["clip-path"], _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M9.647.147a.5.5 0 0 1 .707 0l1.25 1.25a.5.5 0 0 1 0 .707l-1.25 1.25a.5.5 0 0 1-.707-.707l.396-.397H8.25a.5.5 0 0 1 0-1h1.793L9.647.854a.5.5 0 0 1 0-.707ZM2.009 2.034a.036.036 0 0 0-.002.016c.027.548.141 1.466.553 2.508l1.129-.94a.125.125 0 0 0 .04-.127l-.348-1.396A.125.125 0 0 0 3.26 2H2.083a.092.092 0 0 0-.066.023.035.035 0 0 0-.008.011Zm.992 3.459 1.328-1.108c.331-.276.476-.718.371-1.136l-.349-1.397A1.125 1.125 0 0 0 3.26 1H2.083c-.577 0-1.106.457-1.075 1.1a9.101 9.101 0 0 0 2.675 5.94c2.216 2.218 4.921 2.772 6.137 2.911.669.077 1.18-.463 1.18-1.077V8.738c0-.516-.352-.966-.853-1.091l-1.439-.359a1.125 1.125 0 0 0-1.068.296L6.393 8.832A8.804 8.804 0 0 1 4.39 7.334a8.225 8.225 0 0 1-1.389-1.841Zm4.35 3.796a9.891 9.891 0 0 0 2.583.67.05.05 0 0 0 .023-.002.046.046 0 0 0 .016-.01.096.096 0 0 0 .027-.072V8.738a.125.125 0 0 0-.095-.12l-1.439-.36a.125.125 0 0 0-.118.033l-.997.998Zm1.003-6.642a.5.5 0 0 1 0 .707l-.397.396H9.75a.5.5 0 0 1 0 1H7.957l.397.397a.5.5 0 0 1-.707.707l-1.25-1.25a.5.5 0 0 1 0-.707v-.001l1.25-1.25a.5.5 0 0 1 .707 0Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = [
+  _
+], m = ["id"], p = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), g = [
+  p
+];
+function I(a, v, l, H, S, t) {
+  return s(), o("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--transfer"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Transfer",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`
+    }, h, 8, f),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, g, 8, m)
+    ])
+  ], 10, u);
+}
+const w = /* @__PURE__ */ n(c, [["render", I]]);
+export {
+  w as default
+};

package/vue3/dist/components/transportation.js

@@ -0,0 +1,61 @@
+import { _ as i, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as o, normalizeClass as s, createElementVNode as l } from "vue";
+const d = {
+  name: "DtIconTransportation",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (a) => Object.keys(t).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 t[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, c = ["aria-label", "aria-hidden"], m = /* @__PURE__ */ l("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M3 2a.5.5 0 0 0-.5.5V5h3V2H3Zm0-1a1.5 1.5 0 0 0-1.5 1.5v6A1.5 1.5 0 0 0 3 10h.066l-.482.723a.5.5 0 0 0 .832.555L4.268 10h3.465l.851 1.277a.5.5 0 1 0 .832-.555L8.934 10H9a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 9 1H3Zm3.5 1v3h3V2.5A.5.5 0 0 0 9 2H6.5Zm3 4h-7v2.5A.5.5 0 0 0 3 9h6a.5.5 0 0 0 .5-.5V6Zm-6 1.5A.5.5 0 0 1 4 7h.005a.5.5 0 1 1 0 1H4a.5.5 0 0 1-.5-.5Zm4 0A.5.5 0 0 1 8 7h.005a.5.5 0 1 1 0 1H8a.5.5 0 0 1-.5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = [
+  m
+];
+function p(a, _, r, u, f, e) {
+  return n(), o("svg", {
+    "aria-label": r.ariaLabel,
+    class: s([e.iconSizeClass, "d-icon d-icon--transportation"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Transportation",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, h, 10, c);
+}
+const Z = /* @__PURE__ */ i(d, [["render", p]]);
+export {
+  Z as default
+};