@dialpad/dialtone-icons 4.12.1 → 4.12.2

package/vue3/dist/components/webcam.js

@@ -0,0 +1,73 @@
+import { _ as r, I as t } 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: "DtIconWebcam",
+  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 1.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7ZM1.5 5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M6 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM4 5a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm-1 6a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 3 11Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M6 8.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V9a.5.5 0 0 1 .5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), f = [
+  u,
+  _,
+  m
+];
+function h(a, p, i, v, b, l) {
+  return d(), n("svg", {
+    "aria-label": i.ariaLabel,
+    class: o([l.iconSizeClass, "d-icon d-icon--webcam"]),
+    "aria-hidden": l.ariaHidden,
+    role: "img",
+    "data-name": "Webcam",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, f, 10, c);
+}
+const Z = /* @__PURE__ */ r(s, [["render", h]]);
+export {
+  Z as default
+};

package/vue3/dist/components/webchat.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 c } from "vue";
+const o = {
+  name: "DtIconWebchat",
+  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");
+  }
+}, s = ["aria-label", "aria-hidden"], h = /* @__PURE__ */ c("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M4.842 1.342c.219-.22.515-.342.825-.342h4.666A1.167 1.167 0 0 1 11.5 2.167v4.73a.75.75 0 0 1-1.28.53l-.687-.687a.25.25 0 0 0-.177-.073H8.5V8a1.167 1.167 0 0 1-1.167 1.167H3.644a.25.25 0 0 0-.177.073l-.687.687a.75.75 0 0 1-1.28-.53v-4.73A1.167 1.167 0 0 1 2.667 3.5H4.5V2.167c0-.31.123-.606.342-.825ZM5.5 3.5h1.833A1.167 1.167 0 0 1 8.5 4.667v1h.856c.332 0 .65.131.884.366l.26.26V2.167A.167.167 0 0 0 10.333 2H5.667a.167.167 0 0 0-.167.167V3.5Zm5.427 3.22ZM7.5 4.667a.167.167 0 0 0-.167-.167H2.667a.167.167 0 0 0-.167.167v4.126l.26-.26a1.25 1.25 0 0 1 .884-.366h3.69A.167.167 0 0 0 7.5 8V4.667Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  h
+];
+function m(e, u, i, f, p, a) {
+  return l(), n("svg", {
+    "aria-label": i.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--webchat"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Webchat",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 13 12"
+  }, _, 10, s);
+}
+const w = /* @__PURE__ */ r(o, [["render", m]]);
+export {
+  w as default
+};

package/vue3/dist/components/whatsapp.js

@@ -0,0 +1,80 @@
+import { g as n } from "../utils-ougd2MqG.js";
+import { _ as o, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as l, createElementBlock as r, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconWhatsapp",
+  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();
+  }
+}, p = ["aria-label", "aria-hidden"], u = ["fill"], _ = /* @__PURE__ */ e("path", {
+  d: "M17.426 15.851c-.225.637-1.118 1.165-1.83 1.32-.487.103-1.123.187-3.264-.704-2.74-1.138-4.503-3.928-4.64-4.11-.132-.18-1.107-1.477-1.107-2.818 0-1.342.679-1.995.953-2.275.225-.23.596-.335.953-.335.115 0 .219.006.312.01.274.012.411.028.592.462.225.543.772 1.884.838 2.022.066.138.132.325.04.506-.088.187-.165.27-.302.428-.138.16-.269.281-.406.451-.126.149-.268.308-.11.582.159.269.706 1.165 1.513 1.884 1.04.93 1.883 1.226 2.185 1.352.225.094.493.071.657-.104.209-.225.467-.6.729-.967.186-.264.421-.297.668-.203.252.087 1.584.747 1.857.884.274.138.455.203.521.319.066.115.066.659-.16 1.296Z",
+  fill: "#FCFCFC"
+}, null, -1), h = ["id"], f = /* @__PURE__ */ e("stop", { "stop-color": "#57D163" }, null, -1), m = /* @__PURE__ */ e("stop", {
+  offset: "1",
+  "stop-color": "#23B33A"
+}, null, -1), g = [
+  f,
+  m
+];
+function I(a, C, s, S, w, t) {
+  return l(), r("svg", {
+    "aria-label": s.ariaLabel,
+    class: d([t.iconSizeClass, "d-icon d-icon--whatsapp"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Whatsapp",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    e("path", {
+      d: "M12.002 2.654h-.004C6.858 2.654 2.68 6.846 2.68 12c0 2.044.657 3.94 1.774 5.478l-1.162 3.471 3.583-1.148a9.221 9.221 0 0 0 5.127 1.545c5.14 0 9.318-4.193 9.318-9.346 0-5.153-4.179-9.346-9.318-9.346Z",
+      fill: `url(#${a.uniqueID}a)`
+    }, null, 8, u),
+    _,
+    e("defs", null, [
+      e("linearGradient", {
+        id: `${a.uniqueID}a`,
+        x1: "11.81",
+        y1: "3.776",
+        x2: "11.905",
+        y2: "19.749",
+        gradientUnits: "userSpaceOnUse"
+      }, g, 8, h)
+    ])
+  ], 10, p);
+}
+const y = /* @__PURE__ */ o(c, [["render", I]]);
+export {
+  y as default
+};

package/vue3/dist/components/whisper.js

@@ -0,0 +1,61 @@
+import { _ as t, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as l, normalizeClass as n, createElementVNode as d } from "vue";
+const o = {
+  name: "DtIconWhisper",
+  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"], p = /* @__PURE__ */ d("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M6.75 1.5a2.75 2.75 0 0 0-2.676 2.115.5.5 0 0 1-.973-.23 3.75 3.75 0 0 1 7.399.865c0 .841-.213 1.495-.544 2.03-.325.523-.752.91-1.136 1.23l-.249.204c-.29.237-.53.433-.723.658-.223.26-.348.524-.348.878a2.25 2.25 0 0 1-4.329.861.5.5 0 1 1 .924-.383A1.25 1.25 0 0 0 6.5 9.25c0-.646.25-1.132.59-1.529.256-.299.585-.567.884-.811.07-.058.14-.114.206-.17.366-.304.69-.606.926-.988.231-.372.394-.843.394-1.502A2.75 2.75 0 0 0 6.75 1.5ZM5.513 3.013A1.75 1.75 0 0 1 8.5 4.25a.5.5 0 0 1-1 0 .75.75 0 0 0-1.5 0v.086a1.5 1.5 0 0 1 .56.353.5.5 0 0 1-.706.707.5.5 0 0 0-.354-.146.5.5 0 0 1-.5-.5v-.5c0-.464.184-.91.513-1.237ZM1.955 4.338a.5.5 0 0 1 .707 0L4.47 6.146a.5.5 0 0 1 0 .708L2.662 8.662a.5.5 0 1 1-.707-.707L2.909 7H.5a.5.5 0 0 1 0-1h2.41l-.954-.955a.5.5 0 0 1 0-.707Z",
+  fill: "currentColor"
+}, null, -1), _ = [
+  p
+];
+function h(e, u, r, m, f, a) {
+  return s(), l("svg", {
+    "aria-label": r.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--whisper"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Whisper",
+    viewBox: "0 0 11 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, _, 10, c);
+}
+const b = /* @__PURE__ */ t(o, [["render", h]]);
+export {
+  b as default
+};

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

@@ -0,0 +1,76 @@
+import { g as n } from "../utils-ougd2MqG.js";
+import { _ as o, 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: "DtIconWifiOff",
+  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 = n();
+  }
+}, f = ["aria-label", "aria-hidden"], u = ["clip-path"], _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M7.988 5.382a.5.5 0 0 1 .68-.194c.448.25.86.56 1.221.924a.5.5 0 0 1-.708.706 4.5 4.5 0 0 0-1-.756.5.5 0 0 1-.193-.68ZM.646.646a.5.5 0 0 1 .708 0L3.43 2.723l.016.017 2.022 2.022a.492.492 0 0 1 .01.01l5.875 5.874a.5.5 0 0 1-.708.708l-2.66-2.662a.5.5 0 0 1-.585-.085 2 2 0 0 0-2.8 0 .5.5 0 0 1-.7-.714 3 3 0 0 1 2.449-.837l-1.39-1.39a4.5 4.5 0 0 0-2.105 1.188.5.5 0 1 1-.708-.708 5.5 5.5 0 0 1 2.013-1.28L2.976 3.683a7 7 0 0 0-1.642 1.1.5.5 0 0 1-.668-.745 8 8 0 0 1 1.566-1.099L.646 1.354a.5.5 0 0 1 0-.708Zm10.02 4.107a6.993 6.993 0 0 0-5.291-1.755.5.5 0 0 1-.09-.996 7.993 7.993 0 0 1 6.048 2.005.5.5 0 0 1-.666.746ZM5.5 10a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H6a.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), g = [
+  m
+];
+function I(a, v, l, w, S, i) {
+  return s(), r("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([i.iconSizeClass, "d-icon d-icon--wifi-off"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Wifi Off",
+    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, p)
+    ])
+  ], 10, f);
+}
+const O = /* @__PURE__ */ o(c, [["render", I]]);
+export {
+  O as default
+};

package/vue3/dist/components/wifi.js

@@ -0,0 +1,61 @@
+import { _ as r, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as d, normalizeClass as l, createElementVNode as o } from "vue";
+const s = {
+  name: "DtIconWifi",
+  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"], f = /* @__PURE__ */ o("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M6 3a7 7 0 0 0-4.667 1.783.5.5 0 0 1-.666-.746 8 8 0 0 1 10.666 0 .5.5 0 1 1-.666.746A7 7 0 0 0 6 3Zm0 2.57a4.5 4.5 0 0 0-3.15 1.287.5.5 0 1 1-.7-.714 5.5 5.5 0 0 1 7.7 0 .5.5 0 1 1-.7.714A4.5 4.5 0 0 0 6 5.571Zm0 2.465a2 2 0 0 0-1.4.572.5.5 0 1 1-.7-.714 3 3 0 0 1 4.2 0 .5.5 0 0 1-.7.714A2 2 0 0 0 6 8.035ZM5.5 10a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5Z",
+  "clip-rule": "evenodd"
+}, null, -1), m = [
+  f
+];
+function _(e, u, t, p, h, a) {
+  return n(), d("svg", {
+    "aria-label": t.ariaLabel,
+    class: l([a.iconSizeClass, "d-icon d-icon--wifi"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Wifi",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, m, 10, c);
+}
+const g = /* @__PURE__ */ r(s, [["render", _]]);
+export {
+  g as default
+};

package/vue3/dist/components/wind.js

@@ -0,0 +1,67 @@
+import { _ as l, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as r, normalizeClass as o, createElementVNode as t } from "vue";
+const s = {
+  name: "DtIconWind",
+  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__ */ t("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M9.869 4.016a.75.75 0 0 0-.672.194.5.5 0 0 1-.694-.72 1.75 1.75 0 1 1 1.26 3.01H1a.5.5 0 1 1 0-1h8.743a.75.75 0 0 0 .126-1.484Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = /* @__PURE__ */ t("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.61 2.51a.5.5 0 0 0-.453.14.5.5 0 1 1-.714-.7A1.5 1.5 0 1 1 5.497 4.5H1a.5.5 0 1 1 0-1h4.507a.5.5 0 0 0 .103-.99ZM6.997 7.5a1.5 1.5 0 1 1-1.054 2.55.5.5 0 1 1 .714-.7.5.5 0 1 0 .35-.85H1a.5.5 0 0 1 0-1h5.997Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = [
+  u,
+  _
+];
+function f(e, m, d, p, v, a) {
+  return n(), r("svg", {
+    "aria-label": d.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--wind"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Wind",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, h, 10, c);
+}
+const g = /* @__PURE__ */ l(s, [["render", f]]);
+export {
+  g as default
+};

package/vue3/dist/components/x-brand.js

@@ -0,0 +1,59 @@
+import { _ as i, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as l, normalizeClass as d, createElementVNode as s } from "vue";
+const o = {
+  name: "DtIconXBrand",
+  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__ */ s("path", {
+  d: "M13.813 10.469 20.907 2h-1.68l-6.16 7.353L8.145 2H2.471l7.44 11.12L2.471 22h1.681l6.506-7.765L15.854 22h5.675l-7.716-11.531Zm-2.303 2.748-.754-1.107L4.758 3.3h2.583l4.84 7.11.754 1.107 6.292 9.242h-2.582l-5.135-7.541Z",
+  fill: "currentColor"
+}, null, -1), h = [
+  _
+];
+function m(e, u, r, f, p, a) {
+  return n(), l("svg", {
+    "aria-label": r.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--x-brand"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "X Brand",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, h, 10, c);
+}
+const L = /* @__PURE__ */ i(o, [["render", m]]);
+export {
+  L as default
+};

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

@@ -0,0 +1,76 @@
+import { g as n } from "../utils-ougd2MqG.js";
+import { _ as s, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as r, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconXCircle",
+  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 = n();
+  }
+}, 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: "M7.854 4.147a.5.5 0 0 1 0 .707l-3 3a.5.5 0 0 1-.707-.707l3-3a.5.5 0 0 1 .707 0Z" }, null, -1), f = /* @__PURE__ */ e("path", { d: "M4.147 4.147a.5.5 0 0 1 .707 0l3 3a.5.5 0 0 1-.707.707l-3-3a.5.5 0 0 1 0-.707Z" }, null, -1), m = [
+  h,
+  p,
+  f
+], g = ["id"], I = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), C = [
+  I
+];
+function v(a, S, l, b, z, i) {
+  return o(), r("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([i.iconSizeClass, "d-icon d-icon--x-circle"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "X 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"
+    }, m, 8, _),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, C, 8, g)
+    ])
+  ], 10, u);
+}
+const D = /* @__PURE__ */ s(c, [["render", v]]);
+export {
+  D as default
+};