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

package/vue3/dist/components/hold.js

@@ -0,0 +1,61 @@
+import { _ as r, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as l, normalizeClass as o, createElementVNode as n } from "vue";
+const s = {
+  name: "DtIconHold",
+  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 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, f, i, h, p, a) {
+  return d(), l("svg", {
+    "aria-label": i.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--hold"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Hold",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, u, 10, c);
+}
+const g = /* @__PURE__ */ r(s, [["render", m]]);
+export {
+  g as default
+};

package/vue3/dist/components/home.js

@@ -0,0 +1,61 @@
+import { _ as r, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as o, normalizeClass as n, createElementVNode as d } from "vue";
+const s = {
+  name: "DtIconHome",
+  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__ */ d("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.693.605a.5.5 0 0 1 .614 0l4.5 3.5A.5.5 0 0 1 11 4.5V10a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 1 10V4.5a.5.5 0 0 1 .193-.395l4.5-3.5ZM5 10.5h2v-4H5v4Zm3 0V6a.5.5 0 0 0-.5-.5h-3A.5.5 0 0 0 4 6v4.5H2.5A.5.5 0 0 1 2 10V4.745l4-3.112 4 3.112V10a.5.5 0 0 1-.5.5H8Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  m
+];
+function h(e, u, i, f, p, a) {
+  return l(), o("svg", {
+    "aria-label": i.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--home"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Home",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const b = /* @__PURE__ */ r(s, [["render", h]]);
+export {
+  b as default
+};

package/vue3/dist/components/hourglass.js

@@ -0,0 +1,73 @@
+import { _ as i, I as r } 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: "DtIconHourglass",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (a) => Object.keys(r).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 r[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: "M2 11a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 2 11ZM2 1a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 2 1Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.646 5.646a.5.5 0 0 1 .708 0L8.56 7.853A1.5 1.5 0 0 1 9 8.913V11a.5.5 0 0 1-1 0V8.914a.5.5 0 0 0-.146-.353L6 6.707 4.147 8.561A.5.5 0 0 0 4 8.914V11a.5.5 0 0 1-1 0V8.914c0-.398.158-.78.44-1.06l2.206-2.208Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M3.5.5A.5.5 0 0 1 4 1v2.086a.5.5 0 0 0 .146.353L6 5.293l1.853-1.854A.5.5 0 0 0 8 3.086V1a.5.5 0 0 1 1 0v2.086a1.5 1.5 0 0 1-.44 1.06L6.355 6.355a.5.5 0 0 1-.708 0L3.44 4.147A1.5 1.5 0 0 1 3 3.087V1a.5.5 0 0 1 .5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), f = [
+  u,
+  h,
+  _
+];
+function p(a, m, t, v, g, l) {
+  return o(), d("svg", {
+    "aria-label": t.ariaLabel,
+    class: n([l.iconSizeClass, "d-icon d-icon--hourglass"]),
+    "aria-hidden": l.ariaHidden,
+    role: "img",
+    "data-name": "Hourglass",
+    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/hubspot.js

@@ -0,0 +1,67 @@
+import { _ as r, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as o, normalizeClass as n, createElementVNode as i } from "vue";
+const d = {
+  name: "DtIconHubspot",
+  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__ */ i("rect", {
+  x: "2",
+  y: "2",
+  width: "20",
+  height: "20",
+  rx: "2",
+  fill: "#E77C39"
+}, null, -1), h = /* @__PURE__ */ i("path", {
+  d: "M6.6 4a1.6 1.6 0 1 0 .853 2.951l4.79 3.61a3.821 3.821 0 0 0-.843 2.399c0 .993.38 1.895.999 2.576l-1.949 1.949a1.28 1.28 0 1 0 .905.905l2.054-2.054h.001a3.84 3.84 0 0 0 5.67-3.376 3.838 3.838 0 0 0-3.2-3.783v-2.15a1.28 1.28 0 1 0-1.418-2.122 1.28 1.28 0 0 0 .138 2.122v2.15a3.812 3.812 0 0 0-1.376.52L8.172 5.891A1.6 1.6 0 0 0 6.6 4Zm8.64 7.04c1.059 0 1.92.861 1.92 1.92s-.861 1.92-1.92 1.92a1.922 1.922 0 0 1-1.92-1.92c0-1.059.861-1.92 1.92-1.92Z",
+  fill: "#fff"
+}, null, -1), u = [
+  _,
+  h
+];
+function f(e, m, s, p, b, a) {
+  return l(), o("svg", {
+    "aria-label": s.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--hubspot"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Hubspot",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, u, 10, c);
+}
+const v = /* @__PURE__ */ r(d, [["render", f]]);
+export {
+  v as default
+};

package/vue3/dist/components/image.js

@@ -0,0 +1,67 @@
+import { _ as r, I as i } 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: "DtIconImage",
+  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__ */ 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), u = /* @__PURE__ */ t("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M4.5 4a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1ZM3 4.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm4.19 1.103a1.5 1.5 0 0 1 2.12 0l1.544 1.543a.5.5 0 0 1-.708.708L8.603 6.31a.5.5 0 0 0-.706 0l-4.543 4.543a.5.5 0 1 1-.708-.708L7.19 5.603Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  m,
+  u
+];
+function h(e, f, l, p, v, a) {
+  return d(), n("svg", {
+    "aria-label": l.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--image"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Image",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const b = /* @__PURE__ */ r(s, [["render", h]]);
+export {
+  b as default
+};

package/vue3/dist/components/import.js

@@ -0,0 +1,73 @@
+import { _ as i, 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: "DtIconImport",
+  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: "M6 1a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0v-6A.5.5 0 0 1 6 1Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M3.646 5.146a.5.5 0 0 1 .708 0L6 6.793l1.646-1.647a.5.5 0 1 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 0-.708Z",
+  "clip-rule": "evenodd"
+}, null, -1), p = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M.94 2.44A1.5 1.5 0 0 1 2 2h2a.5.5 0 0 1 0 1H2a.5.5 0 0 0-.5.5v5A.5.5 0 0 0 2 9h8a.5.5 0 0 0 .5-.5v-5A.5.5 0 0 0 10 3H8a.5.5 0 0 1 0-1h2a1.5 1.5 0 0 1 1.5 1.5v5A1.5 1.5 0 0 1 10 10H2A1.5 1.5 0 0 1 .5 8.5v-5c0-.398.158-.78.44-1.06Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  u,
+  _,
+  p
+];
+function h(a, f, r, v, I, l) {
+  return o(), d("svg", {
+    "aria-label": r.ariaLabel,
+    class: n([l.iconSizeClass, "d-icon d-icon--import"]),
+    "aria-hidden": l.ariaHidden,
+    role: "img",
+    "data-name": "Import",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, c);
+}
+const g = /* @__PURE__ */ i(s, [["render", h]]);
+export {
+  g as default
+};

package/vue3/dist/components/inbox.js

@@ -0,0 +1,61 @@
+import { _ as n, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as l, normalizeClass as o, createElementVNode as d } from "vue";
+const s = {
+  name: "DtIconInbox",
+  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__ */ d("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M3.62 1.5h4.76a1.5 1.5 0 0 1 1.342.832l1.725 3.444A.5.5 0 0 1 11.5 6v3a1.5 1.5 0 0 1-1.5 1.5H2A1.5 1.5 0 0 1 .5 9V6a.5.5 0 0 1 .053-.224l1.724-3.443A1.503 1.503 0 0 1 3.62 1.5Zm0 1a.5.5 0 0 0-.447.277v.002L1.81 5.5H4a.5.5 0 0 1 .416.223L5.268 7h1.464l.852-1.277A.5.5 0 0 1 8 5.5h2.19L8.829 2.779v-.002A.5.5 0 0 0 8.38 2.5m2.12 4H8.268l-.852 1.277A.5.5 0 0 1 7 8H5a.5.5 0 0 1-.416-.223L3.732 6.5H1.5V9a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5V6.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  m
+];
+function u(e, h, t, f, p, a) {
+  return r(), l("svg", {
+    "aria-label": t.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--inbox"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Inbox",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const x = /* @__PURE__ */ n(s, [["render", u]]);
+export {
+  x as default
+};

package/vue3/dist/components/indent.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 l, createElementVNode as o } from "vue";
+const s = {
+  name: "DtIconIndent",
+  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.146 3.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 1 1-.708-.708L2.793 6 1.146 4.354a.5.5 0 0 1 0-.708ZM5 6a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 5 6Zm0-3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 5 3Zm0 6a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 5 9Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  h
+];
+function _(e, u, i, f, p, a) {
+  return r(), d("svg", {
+    "aria-label": i.ariaLabel,
+    class: l([a.iconSizeClass, "d-icon d-icon--indent"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Indent",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, c);
+}
+const g = /* @__PURE__ */ n(s, [["render", _]]);
+export {
+  g as default
+};

package/vue3/dist/components/infinity.js

@@ -0,0 +1,61 @@
+import { _ as n, I as a } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as d, normalizeClass as l, createElementVNode as s } from "vue";
+const o = {
+  name: "DtIconInfinity",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (e) => Object.keys(a).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 a[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, c = ["aria-label", "aria-hidden"], f = /* @__PURE__ */ s("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M1.032 4.322c.376-.492.95-.822 1.687-.822 1.434 0 2.451.896 3.28 1.766.346-.37.715-.74 1.113-1.04.552-.416 1.197-.726 1.977-.726.781 0 1.4.313 1.815.802.406.479.596 1.1.596 1.7 0 .6-.191 1.22-.598 1.698-.415.488-1.033.8-1.813.8s-1.425-.31-1.977-.726c-.398-.3-.767-.67-1.113-1.04-.829.87-1.846 1.766-3.28 1.766-.737 0-1.31-.33-1.686-.82C.668 7.202.5 6.59.5 6.002c0-.588.167-1.201.532-1.68ZM5.315 6C4.493 5.136 3.74 4.5 2.72 4.5c-.409 0-.695.17-.892.43-.208.271-.327.66-.327 1.072 0 .411.12.798.328 1.07.197.258.483.428.891.428 1.02 0 1.774-.636 2.596-1.5Zm1.366 0c.35.375.682.711 1.033.976.443.334.88.524 1.375.524.493 0 .83-.188 1.052-.448.23-.272.358-.651.359-1.05 0-.4-.128-.78-.358-1.053-.222-.261-.56-.449-1.053-.449-.494 0-.932.19-1.375.524-.351.265-.682.6-1.033.976Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  f
+];
+function m(e, u, t, p, h, i) {
+  return r(), d("svg", {
+    "aria-label": t.ariaLabel,
+    class: l([i.iconSizeClass, "d-icon d-icon--infinity"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Infinity",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const C = /* @__PURE__ */ n(o, [["render", m]]);
+export {
+  C as default
+};

package/vue3/dist/components/info.js

@@ -0,0 +1,76 @@
+import { g as o } from "../utils-ougd2MqG.js";
+import { _ as l, I as t } 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: "DtIconInfo",
+  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 = o();
+  }
+}, u = ["aria-label", "aria-hidden"], f = ["clip-path"], _ = /* @__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-2a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5ZM6 5.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = [
+  _
+], p = ["id"], m = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), I = [
+  m
+];
+function g(a, v, n, S, b, i) {
+  return s(), r("svg", {
+    "aria-label": n.ariaLabel,
+    class: d([i.iconSizeClass, "d-icon d-icon--info"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Info",
+    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`
+      }, I, 8, p)
+    ])
+  ], 10, u);
+}
+const D = /* @__PURE__ */ l(c, [["render", g]]);
+export {
+  D as default
+};