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

package/vue3/dist/components/office-365.js

@@ -0,0 +1,140 @@
+import { g as a } from "../utils-ougd2MqG.js";
+import { _ as l, I as e } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as r, normalizeClass as p, createElementVNode as o, createStaticVNode as i } from "vue";
+const c = {
+  name: "DtIconOffice365",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (t) => Object.keys(e).includes(t)
+    },
+    /**
+     * 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 = a();
+  }
+}, u = ["aria-label", "aria-hidden"], f = ["fill"], _ = ["fill"], h = ["fill"], m = ["fill"], y = ["fill"], I = ["id"], D = /* @__PURE__ */ i('<stop stop-color="#FFB900"></stop><stop offset=".166" stop-color="#EF8400"></stop><stop offset=".313" stop-color="#E25C01"></stop><stop offset=".429" stop-color="#DB4401"></stop><stop offset=".5" stop-color="#D83B01"></stop>', 5), g = [
+  D
+], S = ["id"], q = /* @__PURE__ */ i('<stop stop-color="#800600"></stop><stop offset=".6" stop-color="#C72127"></stop><stop offset=".728" stop-color="#C13959"></stop><stop offset=".847" stop-color="#BC4B81"></stop><stop offset=".942" stop-color="#B95799"></stop><stop offset="1" stop-color="#B85BA2"></stop>', 6), B = [
+  q
+], $ = ["id"], v = /* @__PURE__ */ o("stop", { "stop-color": "#F32B44" }, null, -1), U = /* @__PURE__ */ o("stop", {
+  offset: ".6",
+  "stop-color": "#A4070A"
+}, null, -1), z = [
+  v,
+  U
+], O = ["id"], b = /* @__PURE__ */ o("stop", { "stop-opacity": ".4" }, null, -1), C = /* @__PURE__ */ o("stop", {
+  offset: "1",
+  "stop-opacity": "0"
+}, null, -1), E = [
+  b,
+  C
+], L = ["id"], w = /* @__PURE__ */ o("stop", { "stop-opacity": ".4" }, null, -1), x = /* @__PURE__ */ o("stop", {
+  offset: "1",
+  "stop-opacity": "0"
+}, null, -1), A = [
+  w,
+  x
+];
+function F(t, G, n, V, k, s) {
+  return d(), r("svg", {
+    "aria-label": n.ariaLabel,
+    class: p([s.iconSizeClass, "d-icon d-icon--office-365"]),
+    "aria-hidden": s.ariaHidden,
+    role: "img",
+    "data-name": "Office 365",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    o("path", {
+      d: "m12.571 2.069 1.366 3.597v12.297l-1.333 3.97 5.902-1.639a1.904 1.904 0 0 0 1.393-1.834V5.542a1.903 1.903 0 0 0-1.396-1.835L12.571 2.07z",
+      fill: `url(#${t.uniqueID}a)`
+    }, null, 8, f),
+    o("path", {
+      d: "m7.239 16.878-1.757.96A1.001 1.001 0 0 1 4 16.96V7.45a1.9 1.9 0 0 1 .954-1.65l6.192-3.553a1.869 1.869 0 0 1 1.642-.107 1.86 1.86 0 0 1 1.15 1.724v1.8L8.904 7.5a1.415 1.415 0 0 0-.93 1.33v6.807a1.415 1.415 0 0 1-.736 1.24z",
+      fill: `url(#${t.uniqueID}b)`
+    }, null, 8, _),
+    o("path", {
+      d: "M13.937 17.963v2.214a1.82 1.82 0 0 1-2.713 1.59l-3.88-2.174a.87.87 0 0 1 .425-1.63h6.168z",
+      fill: `url(#${t.uniqueID}c)`
+    }, null, 8, h),
+    o("path", {
+      d: "m7.239 16.878-1.757.96A1.001 1.001 0 0 1 4 16.96V7.45a1.9 1.9 0 0 1 .954-1.65l6.192-3.553a1.869 1.869 0 0 1 1.642-.107 1.86 1.86 0 0 1 1.15 1.724v1.8L8.904 7.5a1.415 1.415 0 0 0-.93 1.33v6.807a1.415 1.415 0 0 1-.736 1.24z",
+      fill: `url(#${t.uniqueID}d)`
+    }, null, 8, m),
+    o("path", {
+      d: "M13.937 17.963v2.214a1.82 1.82 0 0 1-2.713 1.59l-3.88-2.174a.87.87 0 0 1 .425-1.63h6.168z",
+      fill: `url(#${t.uniqueID}e)`
+    }, null, 8, y),
+    o("defs", null, [
+      o("linearGradient", {
+        id: `${t.uniqueID}a`,
+        x1: "16.235",
+        y1: ".94",
+        x2: "16.235",
+        y2: "20.54",
+        gradientUnits: "userSpaceOnUse"
+      }, g, 8, I),
+      o("linearGradient", {
+        id: `${t.uniqueID}b`,
+        x1: "12.782",
+        y1: "1.762",
+        x2: "2.29",
+        y2: "16.747",
+        gradientUnits: "userSpaceOnUse"
+      }, B, 8, S),
+      o("linearGradient", {
+        id: `${t.uniqueID}c`,
+        x1: "7.462",
+        y1: "19.982",
+        x2: "20.393",
+        y2: "19.982",
+        gradientUnits: "userSpaceOnUse"
+      }, z, 8, $),
+      o("linearGradient", {
+        id: `${t.uniqueID}d`,
+        x1: "12.997",
+        y1: "1.455",
+        x2: "10.775",
+        y2: "4.629",
+        gradientUnits: "userSpaceOnUse"
+      }, E, 8, O),
+      o("linearGradient", {
+        id: `${t.uniqueID}e`,
+        x1: "16.26",
+        y1: "20.268",
+        x2: "10.46",
+        y2: "19.761",
+        gradientUnits: "userSpaceOnUse"
+      }, A, 8, L)
+    ])
+  ], 10, u);
+}
+const j = /* @__PURE__ */ l(c, [["render", F]]);
+export {
+  j as default
+};

package/vue3/dist/components/option.js

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

package/vue3/dist/components/package.js

@@ -0,0 +1,61 @@
+import { _ as r, I as t } 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: "DtIconPackage",
+  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", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.999 1H3.62a1.5 1.5 0 0 0-1.342.825L1.057 4.268A.497.497 0 0 0 1 4.51V9.5A1.5 1.5 0 0 0 2.5 11h7A1.5 1.5 0 0 0 11 9.5V4.51a.495.495 0 0 0-.057-.242l-1.215-2.44-.001-.003A1.5 1.5 0 0 0 8.382 1H6Zm3.693 3-.859-1.726A.5.5 0 0 0 8.383 2H6.5v2h3.192ZM2.31 4H5.5V2H3.619a.5.5 0 0 0-.447.274L2.309 4ZM2 5h8v4.5a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5V5Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  _
+];
+function u(e, h, i, p, f, a) {
+  return l(), n("svg", {
+    "aria-label": i.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--package"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Package",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, c);
+}
+const k = /* @__PURE__ */ r(s, [["render", u]]);
+export {
+  k as default
+};

package/vue3/dist/components/paperclip.js

@@ -0,0 +1,76 @@
+import { g as r } from "../utils-ougd2MqG.js";
+import { _ as n, I as t } 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: "DtIconPaperclip",
+  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"), this.uniqueID = r();
+  }
+}, p = ["aria-label", "aria-hidden"], u = ["clip-path"], _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M8.644 1.941a1.503 1.503 0 0 0-2.125.002L2.234 6.23A2.502 2.502 0 1 0 5.77 9.767l4.596-4.595a.5.5 0 1 1 .707.707l-4.595 4.595a3.502 3.502 0 0 1-4.953-4.952L5.81 1.237a2.504 2.504 0 0 1 3.543 3.536L5.059 9.06a1.5 1.5 0 0 1-2.123-2.122l4.246-4.24a.5.5 0 1 1 .706.707l-4.244 4.24a.501.501 0 0 0 .707.708l4.295-4.285a1.504 1.504 0 0 0-.002-2.126Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = [
+  _
+], f = ["id"], m = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), g = [
+  m
+];
+function I(a, v, l, S, b, i) {
+  return s(), o("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([i.iconSizeClass, "d-icon d-icon--paperclip"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Paperclip",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`
+    }, h, 8, u),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, g, 8, f)
+    ])
+  ], 10, p);
+}
+const C = /* @__PURE__ */ n(c, [["render", I]]);
+export {
+  C as default
+};

package/vue3/dist/components/park.js

@@ -0,0 +1,67 @@
+import { _ as i, I as r } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as n, normalizeClass as o, createElementVNode as t } from "vue";
+const s = {
+  name: "DtIconPark",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(r).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 r[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, c = ["aria-label", "aria-hidden"], u = /* @__PURE__ */ t("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M2.5 2a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-7ZM1 2.5A1.5 1.5 0 0 1 2.5 1h7A1.5 1.5 0 0 1 11 2.5v7A1.5 1.5 0 0 1 9.5 11h-7A1.5 1.5 0 0 1 1 9.5v-7Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = /* @__PURE__ */ t("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M4.5 3a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 1 0v-2h1.53l.06-.004a2.036 2.036 0 0 0 .76-.205c.214-.108.445-.277.62-.54.179-.268.28-.6.28-1s-.101-.734-.28-1a1.597 1.597 0 0 0-.621-.542 2.035 2.035 0 0 0-.818-.208H4.5Zm1.997 2.5H5V4h1.497l.021.001c.021.002.054.005.095.012.085.014.19.041.288.09a.598.598 0 0 1 .238.202c.056.085.111.22.111.445s-.055.36-.111.445a.598.598 0 0 1-.238.202 1.037 1.037 0 0 1-.404.103Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  u,
+  h
+];
+function p(e, m, l, f, v, a) {
+  return d(), n("svg", {
+    "aria-label": l.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--park"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Park",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const g = /* @__PURE__ */ i(s, [["render", p]]);
+export {
+  g as default
+};

package/vue3/dist/components/party-popper.js

@@ -0,0 +1,75 @@
+import { g as r } from "../utils-ougd2MqG.js";
+import { _ as o, I as l } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as s, normalizeClass as d, createElementVNode as a } from "vue";
+const c = {
+  name: "DtIconPartyPopper",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(l).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 l[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded"), this.uniqueID = r();
+  }
+}, p = ["aria-label", "aria-hidden"], h = ["clip-path"], u = /* @__PURE__ */ a("path", { d: "M3.067 5.179a.5.5 0 0 1 .304.638l-1.549 4.361 4.361-1.544a.5.5 0 1 1 .334.942l-5.35 1.895a.5.5 0 0 1-.638-.638l1.9-5.35a.5.5 0 0 1 .638-.304ZM1.5 1.5A.5.5 0 0 1 2 1h.005a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5Zm9 2.5a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H11a.5.5 0 0 1-.5-.5ZM7 1a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H7.5A.5.5 0 0 1 7 1Zm3.5 9a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H11a.5.5 0 0 1-.5-.5Zm.974-9.159a.5.5 0 0 1-.315.633l-1.12.375a.952.952 0 0 0-.643 1.023l-.496.063.497-.058A1.23 1.23 0 0 1 8.175 4.25h-.19a.39.39 0 0 0-.389.314v.003l-.106.53a.5.5 0 1 1-.98-.194l.104-.528A1.39 1.39 0 0 1 7.985 3.25h.19a.23.23 0 0 0 .229-.255A1.95 1.95 0 0 1 9.722.9l1.12-.375a.5.5 0 0 1 .632.315ZM9.108 6.803c.134-.765.94-1.22 1.666-.933l.003.001.41.165a.5.5 0 0 1-.374.928l-.408-.165a.234.234 0 0 0-.312.175A1.225 1.225 0 0 1 8.885 8H8.5a.5.5 0 0 1 0-1h.385c.11 0 .204-.082.221-.188l.001-.009ZM5.313.536a.5.5 0 0 1 .65.277l.167.413a1.234 1.234 0 0 1-.933 1.667l-.016.002a.222.222 0 0 0-.181.22V3.5a.5.5 0 0 1-1 0v-.385c0-.59.428-1.117 1.028-1.208a.234.234 0 0 0 .172-.312l-.164-.408a.5.5 0 0 1 .277-.65Z" }, null, -1), m = /* @__PURE__ */ a("path", { d: "m3.347 5.859.002-.002a.008.008 0 0 1-.002.002Zm.008-.004a.251.251 0 0 1 .078-.01c.093 0 .236.026.425.101.376.151.842.46 1.288.907.447.447.757.913.907 1.289.076.189.102.332.102.425a.25.25 0 0 1-.01.078.25.25 0 0 1-.078.01 1.19 1.19 0 0 1-.425-.102c-.376-.15-.842-.46-1.288-.907-.447-.446-.757-.912-.907-1.288a1.19 1.19 0 0 1-.102-.425.25.25 0 0 1 .01-.078Zm2.786 2.798.001-.002-.001.002Zm.01-.01a.008.008 0 0 1 .002-.002l-.002.001ZM3.358 5.848l.001-.003-.001.003Zm.872-.83c.529.211 1.105.609 1.624 1.127.518.519.916 1.095 1.128 1.624.105.264.174.539.173.803-.002.267-.078.557-.301.78-.224.224-.514.3-.78.301a2.163 2.163 0 0 1-.804-.173c-.529-.211-1.105-.61-1.624-1.128-.518-.518-.916-1.095-1.128-1.624a2.162 2.162 0 0 1-.173-.802c.002-.267.078-.557.301-.78.224-.224.514-.3.78-.302.265-.001.54.068.804.173Z" }, null, -1), _ = [
+  u,
+  m
+], f = ["id"], Z = /* @__PURE__ */ a("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), g = [
+  Z
+];
+function v(e, I, i, H, M, t) {
+  return n(), s("svg", {
+    "aria-label": i.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--party-popper"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Party Popper",
+    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"
+    }, _, 8, h),
+    a("defs", null, [
+      a("clipPath", {
+        id: `${e.uniqueID}a`
+      }, g, 8, f)
+    ])
+  ], 10, p);
+}
+const z = /* @__PURE__ */ o(c, [["render", v]]);
+export {
+  z as default
+};

package/vue3/dist/components/past-conversations.js

@@ -0,0 +1,61 @@
+import { _ as s, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as r, normalizeClass as o, createElementVNode as l } from "vue";
+const d = {
+  name: "DtIconPastConversations",
+  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: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M6.5 2.5A1.5 1.5 0 0 0 5 4v1.5a.5.5 0 0 1-1 0V4a2.5 2.5 0 0 1 2.5-2.5H9A2.5 2.5 0 0 1 11.5 4v3A2.5 2.5 0 0 1 9 9.5H2.707l.647.646a.5.5 0 0 1-.708.708l-1.5-1.5a.5.5 0 0 1 0-.708l1.5-1.5a.5.5 0 1 1 .708.708l-.647.646H9A1.5 1.5 0 0 0 10.5 7V4A1.5 1.5 0 0 0 9 2.5H6.5Zm-1 1.25a.5.5 0 0 1 .5-.5h3.5a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5ZM9.5 6H6a.5.5 0 0 1 0-1h3.5a.5.5 0 0 1 0 1Zm-1 1.75H6a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 0 1Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  m
+];
+function u(e, p, i, h, f, a) {
+  return n(), r("svg", {
+    "aria-label": i.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--past-conversations"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Past Conversations",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 13 12"
+  }, _, 10, c);
+}
+const C = /* @__PURE__ */ s(d, [["render", u]]);
+export {
+  C as default
+};

package/vue3/dist/components/pause-circle.js

@@ -0,0 +1,75 @@
+import { g as s } from "../utils-ougd2MqG.js";
+import { _ as n, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as o, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconPauseCircle",
+  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"), this.uniqueID = s();
+  }
+}, u = ["aria-label", "aria-hidden"], _ = ["clip-path"], h = /* @__PURE__ */ e("path", { d: "M6 1.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9ZM.5 6a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0Z" }, null, -1), p = /* @__PURE__ */ e("path", { d: "M5 4a.5.5 0 0 1 .5.5v3a.5.5 0 1 1-1 0v-3A.5.5 0 0 1 5 4Zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 1 1-1 0v-3A.5.5 0 0 1 7 4Z" }, null, -1), f = [
+  h,
+  p
+], m = ["id"], v = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), g = [
+  v
+];
+function I(a, C, l, S, b, i) {
+  return r(), o("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([i.iconSizeClass, "d-icon d-icon--pause-circle"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Pause Circle",
+    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"
+    }, f, 8, _),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, g, 8, m)
+    ])
+  ], 10, u);
+}
+const M = /* @__PURE__ */ n(c, [["render", I]]);
+export {
+  M as default
+};

package/vue3/dist/components/pause.js

@@ -0,0 +1,61 @@
+import { _ as r, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as n, normalizeClass as d, createElementVNode as l } from "vue";
+const o = {
+  name: "DtIconPause",
+  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__ */ l("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M8 3a.5.5 0 0 1 .5.5v5a.5.5 0 1 1-1 0v-5A.5.5 0 0 1 8 3ZM4 3a.5.5 0 0 1 .5.5v5a.5.5 0 1 1-1 0v-5A.5.5 0 0 1 4 3Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  u
+];
+function m(e, p, i, f, h, a) {
+  return s(), n("svg", {
+    "aria-label": i.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--pause"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Pause",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const g = /* @__PURE__ */ r(o, [["render", m]]);
+export {
+  g as default
+};