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

package/vue3/dist/components/hash.js

@@ -0,0 +1,61 @@
+import { _ as i, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as s, normalizeClass as n, createElementVNode as d } from "vue";
+const o = {
+  name: "DtIconHash",
+  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"], h = /* @__PURE__ */ d("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.055 1.003a.5.5 0 0 1 .442.552L5.225 4H7.22l.284-2.555a.5.5 0 1 1 .994.11L8.225 4H10a.5.5 0 0 1 0 1H8.114l-.222 2H10a.5.5 0 0 1 0 1H7.78l-.283 2.555a.5.5 0 0 1-.994-.11L6.775 8H4.78l-.284 2.555a.5.5 0 0 1-.994-.11L3.775 8H2a.5.5 0 1 1 0-1h1.886l.222-2H2a.5.5 0 1 1 0-1h2.22l.283-2.555a.5.5 0 0 1 .552-.442ZM5.115 5l-.223 2h1.994l.222-2H5.114Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  h
+];
+function u(e, m, l, f, p, a) {
+  return r(), s("svg", {
+    "aria-label": l.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--hash"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Hash",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const b = /* @__PURE__ */ i(o, [["render", u]]);
+export {
+  b as default
+};

package/vue3/dist/components/haze.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: "DtIconHaze",
+  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__ */ o("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M2.246 2.746a.5.5 0 0 1 .708 0l.7.7a.5.5 0 1 1-.708.708l-.7-.7a.5.5 0 0 1 0-.708ZM.5 6.5A.5.5 0 0 1 1 6h1a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5Zm9 0A.5.5 0 0 1 10 6h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm.254-3.754a.5.5 0 0 1 0 .708l-.7.7a.5.5 0 1 1-.708-.708l.7-.7a.5.5 0 0 1 .708 0ZM.5 8.5A.5.5 0 0 1 1 8h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5Zm0 2A.5.5 0 0 1 1 10h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5Zm3.732-5.768A2.5 2.5 0 0 1 8.5 6.5a.5.5 0 0 1-1 0 1.5 1.5 0 0 0-3 0 .5.5 0 0 1-1 0 2.5 2.5 0 0 1 .732-1.768ZM6 .75a.5.5 0 0 1 .5.5V2.5a.5.5 0 0 1-1 0V1.25a.5.5 0 0 1 .5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = [
+  m
+];
+function _(a, u, i, f, p, e) {
+  return l(), n("svg", {
+    "aria-label": i.ariaLabel,
+    class: d([e.iconSizeClass, "d-icon d-icon--haze"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Haze",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, h, 10, c);
+}
+const H = /* @__PURE__ */ r(s, [["render", _]]);
+export {
+  H as default
+};

package/vue3/dist/components/hd.js

@@ -0,0 +1,61 @@
+import { _ as r, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as n, normalizeClass as l, createElementVNode as o } from "vue";
+const s = {
+  name: "DtIconHd",
+  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"], h = /* @__PURE__ */ o("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1 9.5A1.5 1.5 0 0 0 2.5 11h7c.826 0 1.5-.674 1.5-1.5v-7c0-.826-.674-1.5-1.5-1.5h-7A1.5 1.5 0 0 0 1 2.5v7Zm1.5.5a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5h7c.274 0 .5.226.5.5v7c0 .274-.226.5-.5.5h-7Zm.75-2a.5.5 0 0 0 .5-.5v-1h1v1a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-1 0v1h-1v-1a.5.5 0 0 0-1 0v3a.5.5 0 0 0 .5.5Zm3-.5a.5.5 0 0 0 .5.5h.5a2 2 0 1 0 0-4h-.5a.5.5 0 0 0-.5.5v3Zm1-.5V5a1 1 0 0 1 0 2Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  h
+];
+function v(e, _, i, u, f, a) {
+  return d(), n("svg", {
+    "aria-label": i.ariaLabel,
+    class: l([a.iconSizeClass, "d-icon d-icon--hd"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Hd",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, c);
+}
+const g = /* @__PURE__ */ r(s, [["render", v]]);
+export {
+  g as default
+};

package/vue3/dist/components/headphones.js

@@ -0,0 +1,61 @@
+import { _ as n, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as d, normalizeClass as o, createElementVNode as s } from "vue";
+const l = {
+  name: "DtIconHeadphones",
+  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"], h = /* @__PURE__ */ s("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M6 2a4 4 0 0 0-4 4v.5h1A1.5 1.5 0 0 1 4.5 8v1.5A1.5 1.5 0 0 1 3 11h-.5A1.5 1.5 0 0 1 1 9.5V6a5 5 0 1 1 10 0v3.5A1.5 1.5 0 0 1 9.5 11H9a1.5 1.5 0 0 1-1.5-1.5V8A1.5 1.5 0 0 1 9 6.5h1V6a4 4 0 0 0-4-4Zm4 5.5H9a.5.5 0 0 0-.5.5v1.5a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-2Zm-8 2a.5.5 0 0 0 .5.5H3a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5H2v2Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  h
+];
+function p(e, _, i, u, f, a) {
+  return r(), d("svg", {
+    "aria-label": i.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--headphones"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Headphones",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, c);
+}
+const b = /* @__PURE__ */ n(l, [["render", p]]);
+export {
+  b as default
+};

package/vue3/dist/components/headset.js

@@ -0,0 +1,61 @@
+import { _ as r, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as s, normalizeClass as n, createElementVNode as l } from "vue";
+const o = {
+  name: "DtIconHeadset",
+  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"], h = /* @__PURE__ */ l("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M6 1.75a4 4 0 0 0-4 4v2.5H1v-2.5a5 5 0 1 1 10 0v3a2.5 2.5 0 0 1-2.5 2.5h-3a1 1 0 0 1-1-1v-.5a1.5 1.5 0 1 1 3 0v.5h1a1.5 1.5 0 0 0 1.5-1.5v-3a4 4 0 0 0-4-4Zm.5 8.5v-.5a.5.5 0 0 0-1 0v.5h1Zm-3-4.5v2.5h-1v-2.5h1Zm6 0v2.5h-1v-2.5h1Z",
+  fill: "currentColor"
+}, null, -1), m = [
+  h
+];
+function v(e, _, i, u, f, a) {
+  return d(), s("svg", {
+    "aria-label": i.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--headset"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Headset",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, m, 10, c);
+}
+const g = /* @__PURE__ */ r(o, [["render", v]]);
+export {
+  g as default
+};

package/vue3/dist/components/hear.js

@@ -0,0 +1,59 @@
+import { _ as i, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as n, normalizeClass as c, createElementVNode as o } from "vue";
+const d = {
+  name: "DtIconHear",
+  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");
+  }
+}, l = ["aria-label", "aria-hidden"], _ = /* @__PURE__ */ o("path", {
+  d: "M17 20c-.29 0-.56-.06-.76-.15-.71-.37-1.21-.88-1.71-2.38-.51-1.56-1.47-2.29-2.39-3-.79-.61-1.61-1.24-2.32-2.53C9.29 10.98 9 9.93 9 9c0-2.8 2.2-5 5-5s5 2.2 5 5h2c0-3.93-3.07-7-7-7S7 5.07 7 9c0 1.26.38 2.65 1.07 3.9.91 1.65 1.98 2.48 2.85 3.15.81.62 1.39 1.07 1.71 2.05.6 1.82 1.37 2.84 2.73 3.55A3.999 3.999 0 0 0 21 18h-2c0 1.1-.9 2-2 2ZM7.64 2.64 6.22 1.22A10.965 10.965 0 0 0 3 9c0 3.04 1.23 5.79 3.22 7.78l1.41-1.41A9.011 9.011 0 0 1 5 9c0-2.49 1.01-4.74 2.64-6.36ZM11.5 9a2.5 2.5 0 0 0 5 0 2.5 2.5 0 0 0-5 0Z",
+  fill: "currentColor"
+}, null, -1), h = [
+  _
+];
+function m(e, u, r, f, p, a) {
+  return s(), n("svg", {
+    "aria-label": r.ariaLabel,
+    class: c([a.iconSizeClass, "d-icon d-icon--hear"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Hear",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, h, 10, l);
+}
+const g = /* @__PURE__ */ i(d, [["render", m]]);
+export {
+  g as default
+};

package/vue3/dist/components/heart.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: "DtIconHeart",
+  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"], h = ["clip-path"], _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M2.476 1.24a3.2 3.2 0 0 1 3.493.697l.002.002.03.03.028-.03.002-.002a3.2 3.2 0 0 1 4.533 0c1.273 1.273 1.3 3.377-.207 4.913l-.003.004-4 4a.5.5 0 0 1-.707 0L1.643 6.85C.136 5.314.163 3.21 1.436 1.937a3.2 3.2 0 0 1 1.04-.696Zm1.227.756a2.2 2.2 0 0 0-1.559.647c-.846.847-.949 2.322.211 3.505L6 9.793l3.645-3.645c1.16-1.183 1.059-2.658.212-3.504a2.204 2.204 0 0 0-2.403-.48 2.2 2.2 0 0 0-.714.478v.001l-.384.388a.5.5 0 0 1-.712 0l-.383-.388a2.2 2.2 0 0 0-1.558-.647Z",
+  "clip-rule": "evenodd"
+}, null, -1), p = [
+  _
+], f = ["id"], m = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), g = [
+  m
+];
+function I(a, v, l, S, b, t) {
+  return s(), o("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--heart"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Heart",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`
+    }, p, 8, h),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, g, 8, f)
+    ])
+  ], 10, u);
+}
+const D = /* @__PURE__ */ n(c, [["render", I]]);
+export {
+  D as default
+};

package/vue3/dist/components/help-circle.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: "DtIconHelpCircle",
+  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();
+  }
+}, u = ["aria-label", "aria-hidden"], h = ["clip-path"], p = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  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 0Zm5.63-1.988a1 1 0 0 0-1.113.654.5.5 0 0 1-.944-.332A2 2 0 0 1 7.96 5c0 .766-.568 1.271-.973 1.541a4.023 4.023 0 0 1-.843.424l-.017.006-.006.002H6.12l-.002.001L5.96 6.5l.158.474a.5.5 0 0 1-.316-.948l.15.448-.15-.448.007-.003a1.803 1.803 0 0 0 .182-.074c.124-.055.284-.135.442-.24.344-.23.527-.474.527-.709a1.002 1.002 0 0 0-.83-.988ZM5.5 8.5A.5.5 0 0 1 6 8h.005a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  p
+], f = ["id"], m = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), g = [
+  m
+];
+function I(a, C, l, v, H, i) {
+  return s(), o("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([i.iconSizeClass, "d-icon d-icon--help-circle"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Help Circle",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`
+    }, _, 8, h),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, g, 8, f)
+    ])
+  ], 10, u);
+}
+const w = /* @__PURE__ */ n(c, [["render", I]]);
+export {
+  w as default
+};

package/vue3/dist/components/highfive.js

@@ -0,0 +1,56 @@
+import { _ as l, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as d, normalizeClass as s, createStaticVNode as n } from "vue";
+const o = {
+  name: "DtIconHighfive",
+  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"], h = /* @__PURE__ */ n('<path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z" fill="#fff"></path><path d="m6.762 17.235-1.833 1.833a9.968 9.968 0 0 0 7.07 2.928v-2.595a7.37 7.37 0 0 1-5.237-2.166Z" fill="#F7AFFF"></path><path d="M4.595 11.998a7.405 7.405 0 0 1 7.407-7.406V2C6.478 2 2 6.478 2 11.998a9.967 9.967 0 0 0 2.929 7.07l1.833-1.833a7.379 7.379 0 0 1-2.167-5.237Z" fill="#A26EEA"></path><path d="m17.235 6.762 1.833-1.833A9.968 9.968 0 0 0 11.998 2v2.595c2.046 0 3.897.826 5.237 2.167Z" fill="#46B7FD"></path><path d="M22 11.998a9.967 9.967 0 0 0-2.929-7.07l-1.833 1.834a7.405 7.405 0 0 1-5.237 12.643V22C17.523 22 22 17.522 22 11.998Z" fill="#5D70EA"></path><path d="M11.998 14.296a2.297 2.297 0 1 0 0-4.595 2.297 2.297 0 0 0 0 4.595Z" fill="currentColor"></path>', 6), f = [
+  h
+];
+function p(a, _, i, m, u, e) {
+  return r(), d("svg", {
+    "aria-label": i.ariaLabel,
+    class: s([e.iconSizeClass, "d-icon d-icon--highfive"]),
+    "aria-hidden": e.ariaHidden,
+    role: "img",
+    "data-name": "Highfive",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, f, 10, c);
+}
+const S = /* @__PURE__ */ l(o, [["render", p]]);
+export {
+  S as default
+};

package/vue3/dist/components/history.js

@@ -0,0 +1,73 @@
+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 e } from "vue";
+const s = {
+  name: "DtIconHistory",
+  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"], u = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1.5 1a.5.5 0 0 1 .5.5v2h2a.5.5 0 1 1 0 1H1.5A.5.5 0 0 1 1 4V1.5a.5.5 0 0 1 .5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.685 1.016a5 5 0 1 1-4.657 5.539.5.5 0 1 1 .994-.11 4 4 0 1 0 1.312-3.423l-1.5 1.35a.5.5 0 1 1-.668-.744l1.501-1.35a5 5 0 0 1 3.018-1.262Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M6 3a.5.5 0 0 1 .5.5v2.191l1.724.862a.5.5 0 0 1-.447.894l-2-1A.5.5 0 0 1 5.5 6V3.5A.5.5 0 0 1 6 3Z",
+  "clip-rule": "evenodd"
+}, null, -1), f = [
+  u,
+  _,
+  h
+];
+function p(a, m, i, v, y, l) {
+  return o(), d("svg", {
+    "aria-label": i.ariaLabel,
+    class: n([l.iconSizeClass, "d-icon d-icon--history"]),
+    "aria-hidden": l.ariaHidden,
+    role: "img",
+    "data-name": "History",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, f, 10, c);
+}
+const g = /* @__PURE__ */ r(s, [["render", p]]);
+export {
+  g as default
+};