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

package/vue3/dist/components/dash.js

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

package/vue3/dist/components/dect-base-station.js

@@ -0,0 +1,61 @@
+import { _ as n, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as s, normalizeClass as o, createElementVNode as d } from "vue";
+const l = {
+  name: "DtIconDectBaseStation",
+  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-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M1 2.5A1.5 1.5 0 0 1 2.5 1h7A1.5 1.5 0 0 1 11 2.5v5A1.5 1.5 0 0 1 9.5 9h-7A1.5 1.5 0 0 1 1 7.5v-5ZM2.5 2a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-7ZM4 3.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm.5 3A.5.5 0 0 1 5 6h2a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm-3.5 4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Z",
+  fill: "currentColor"
+}, null, -1), m = [
+  h
+];
+function _(e, u, i, f, p, a) {
+  return r(), s("svg", {
+    "aria-label": i.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--dect-base-station"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Dect Base Station",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, m, 10, c);
+}
+const b = /* @__PURE__ */ n(l, [["render", _]]);
+export {
+  b as default
+};

package/vue3/dist/components/dect-handset.js

@@ -0,0 +1,61 @@
+import { _ as d, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as r, normalizeClass as s, createElementVNode as l } from "vue";
+const o = {
+  name: "DtIconDectHandset",
+  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: "M3 2A1.5 1.5 0 0 1 4.5.5h3A1.5 1.5 0 0 1 9 2v8a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 3 10V2Zm5 3V2a.5.5 0 0 0-.5-.5h-3A.5.5 0 0 0 4 2v3h4ZM4 6h4v4a.5.5 0 0 1-.5.5h-3A.5.5 0 0 1 4 10V6Zm.793-3.5a.5.5 0 0 1 .5-.5h1.414a.5.5 0 0 1 0 1H5.293a.5.5 0 0 1-.5-.5Zm-.168 5a.5.5 0 0 1 .5-.5h.004a.5.5 0 0 1 .001 1h-.004a.5.5 0 0 1-.501-.5Zm1.75 0a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1h-.005a.5.5 0 0 1-.5-.5ZM4.625 9a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1h-.005a.5.5 0 0 1-.5-.5Zm1.75 0a.5.5 0 0 1 .5-.5h.005a.5.5 0 0 1 0 1h-.005a.5.5 0 0 1-.5-.5Z",
+  fill: "currentColor"
+}, null, -1), m = [
+  h
+];
+function _(e, u, i, f, p, a) {
+  return n(), r("svg", {
+    "aria-label": i.ariaLabel,
+    class: s([a.iconSizeClass, "d-icon d-icon--dect-handset"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Dect Handset",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, m, 10, c);
+}
+const b = /* @__PURE__ */ d(o, [["render", _]]);
+export {
+  b as default
+};

package/vue3/dist/components/delete.js

@@ -0,0 +1,76 @@
+import { g as n } from "../utils-ougd2MqG.js";
+import { _ as d, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as o, normalizeClass as r, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconDelete",
+  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"], _ = ["clip-path"], h = /* @__PURE__ */ e("path", { d: "M4.147 2.147A.5.5 0 0 1 4.5 2H10a1.5 1.5 0 0 1 1.5 1.5v5A1.5 1.5 0 0 1 10 10H4.5a.5.5 0 0 1-.353-.146l-3.5-3.5a.5.5 0 0 1 0-.707l3.5-3.5Zm.56.853-3 3 3 3H10a.5.5 0 0 0 .5-.5v-5A.5.5 0 0 0 10 3H4.707Z" }, null, -1), p = /* @__PURE__ */ e("path", { d: "M9.354 4.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.707-.707l3-3a.5.5 0 0 1 .707 0Z" }, null, -1), f = /* @__PURE__ */ e("path", { d: "M5.647 4.147a.5.5 0 0 1 .707 0l3 3a.5.5 0 1 1-.707.707l-3-3a.5.5 0 0 1 0-.707Z" }, null, -1), m = [
+  h,
+  p,
+  f
+], g = ["id"], v = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), I = [
+  v
+];
+function D(a, H, l, S, b, t) {
+  return s(), o("svg", {
+    "aria-label": l.ariaLabel,
+    class: r([t.iconSizeClass, "d-icon d-icon--delete"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Delete",
+    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`
+      }, I, 8, g)
+    ])
+  ], 10, u);
+}
+const M = /* @__PURE__ */ d(c, [["render", D]]);
+export {
+  M as default
+};

package/vue3/dist/components/deskphone.js

@@ -0,0 +1,61 @@
+import { _ as n, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as d } from "vue";
+const l = {
+  name: "DtIconDeskphone",
+  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-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M0 1.5A1.5 1.5 0 0 1 1.5 0h1c.444 0 .843.193 1.118.5H8.5A1.5 1.5 0 0 1 10 2v6a1.5 1.5 0 0 1-1.5 1.5H3.618c-.275.307-.674.5-1.118.5h-1A1.5 1.5 0 0 1 0 8.5v-7Zm4 7h4.5A.5.5 0 0 0 9 8V2a.5.5 0 0 0-.5-.5H4v7ZM1.5 1a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-1Zm3 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.5a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V3Zm3 0h-2v1.5h2V3Zm-3 4a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Z",
+  fill: "currentColor"
+}, null, -1), m = [
+  h
+];
+function p(e, _, i, u, f, a) {
+  return r(), o("svg", {
+    "aria-label": i.ariaLabel,
+    class: s([a.iconSizeClass, "d-icon d-icon--deskphone"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Deskphone",
+    viewBox: "0 0 10 10",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, m, 10, c);
+}
+const Z = /* @__PURE__ */ n(l, [["render", p]]);
+export {
+  Z as default
+};

package/vue3/dist/components/dialbot.js

@@ -0,0 +1,95 @@
+import { g as o } from "../utils-ougd2MqG.js";
+import { _ as l, I as a } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as d, normalizeClass as r, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconDialbot",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (t) => Object.keys(a).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 a[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded"), this.uniqueID = o();
+  }
+}, u = ["aria-label", "aria-hidden"], h = ["clip-path"], _ = ["fill"], f = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M17.8 18v.8h1.294l-.578-1.158L17.8 18Zm-1.122-2.243-.623-.501-.322.4.23.459.716-.358ZM12 6.8a5.2 5.2 0 0 1 5.2 5.2h1.6A6.8 6.8 0 0 0 12 5.2v1.6ZM6.8 12A5.2 5.2 0 0 1 12 6.8V5.2A6.8 6.8 0 0 0 5.2 12h1.6Zm5.2 5.2A5.2 5.2 0 0 1 6.8 12H5.2a6.8 6.8 0 0 0 6.8 6.8v-1.6Zm5.8 0H12v1.6h5.8v-1.6Zm-1.837-1.085 1.121 2.243 1.432-.716-1.122-2.243-1.431.716ZM17.2 12a5.175 5.175 0 0 1-1.145 3.256l1.247 1.002A6.775 6.775 0 0 0 18.8 12h-1.6Zm-2 1.6a4.824 4.824 0 0 1-1.491.887 4.817 4.817 0 0 1-3.418 0 4.822 4.822 0 0 1-1.49-.887v-.8c.294.178.627.331.998.46.367.134.744.238 1.127.313.386.076.745.114 1.078.114a5.51 5.51 0 0 0 1.077-.114 7.53 7.53 0 0 0 1.127-.313c.371-.129.702-.282.992-.46v.8Z"
+}, null, -1), p = ["id"], m = /* @__PURE__ */ e("stop", {
+  offset: ".1",
+  "stop-color": "#F9008E"
+}, null, -1), b = /* @__PURE__ */ e("stop", {
+  offset: ".9",
+  "stop-color": "#7C52FF"
+}, null, -1), v = [
+  m,
+  b
+], g = ["id"], I = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h24v24H0z"
+}, null, -1), Z = [
+  I
+];
+function D(t, S, s, M, q, i) {
+  return n(), d("svg", {
+    "aria-label": s.ariaLabel,
+    class: r([i.iconSizeClass, "d-icon d-icon--dialbot"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Dialbot",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, [
+    e("g", {
+      "clip-path": `url(#${t.uniqueID}a)`
+    }, [
+      e("path", {
+        fill: `url(#${t.uniqueID}b)`,
+        d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z"
+      }, null, 8, _),
+      f
+    ], 8, h),
+    e("defs", null, [
+      e("linearGradient", {
+        id: `${t.uniqueID}b`,
+        x1: "0",
+        x2: "24",
+        y1: "0",
+        y2: "24",
+        gradientUnits: "userSpaceOnUse"
+      }, v, 8, p),
+      e("clipPath", {
+        id: `${t.uniqueID}a`
+      }, Z, 8, g)
+    ])
+  ], 10, u);
+}
+const y = /* @__PURE__ */ l(c, [["render", D]]);
+export {
+  y as default
+};

package/vue3/dist/components/dialer.js

@@ -0,0 +1,67 @@
+import { _ as t, I as l } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as d, createElementBlock as n, normalizeClass as o, createElementVNode as i } from "vue";
+const s = {
+  name: "DtIconDialer",
+  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");
+  }
+}, c = ["aria-label", "aria-hidden"], u = /* @__PURE__ */ i("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M7 1a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 7 1Zm0 1.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5ZM7 4a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 7 4Z",
+  "clip-rule": "evenodd"
+}, null, -1), h = /* @__PURE__ */ i("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M2.01 2.034a.036.036 0 0 0-.003.016 7.98 7.98 0 0 0 .554 2.508l1.128-.94a.125.125 0 0 0 .041-.127l-.349-1.396A.125.125 0 0 0 3.26 2H2.083a.092.092 0 0 0-.065.023.035.035 0 0 0-.009.011ZM3 5.493l1.33-1.108c.332-.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.074 1.1a9.101 9.101 0 0 0 2.674 5.94c2.217 2.22 4.922 2.773 6.137 2.912.67.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.394 8.832A8.804 8.804 0 0 1 4.39 7.334 8.226 8.226 0 0 1 3 5.493Zm4.35 3.796a9.892 9.892 0 0 0 2.583.67.05.05 0 0 0 .023-.002.046.046 0 0 0 .017-.01.096.096 0 0 0 .026-.072V8.738a.125.125 0 0 0-.095-.121l-1.439-.359a.125.125 0 0 0-.118.033l-.997.998Z",
+  "clip-rule": "evenodd"
+}, null, -1), _ = [
+  u,
+  h
+];
+function m(e, f, r, p, v, a) {
+  return d(), n("svg", {
+    "aria-label": r.ariaLabel,
+    class: o([a.iconSizeClass, "d-icon d-icon--dialer"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Dialer",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, _, 10, c);
+}
+const g = /* @__PURE__ */ t(s, [["render", m]]);
+export {
+  g as default
+};

package/vue3/dist/components/dialpad-ai-color-reversed.js

@@ -0,0 +1,87 @@
+import { g as s } from "../utils-ougd2MqG.js";
+import { _ as l, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as n, normalizeClass as d, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconDialpadAiColorReversed",
+  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"], f = ["fill"], p = /* @__PURE__ */ e("path", {
+  d: "M19.657 7.543a1.307 1.307 0 1 1-2.614 0 1.307 1.307 0 0 1 2.614 0ZM8.788 9.749c.27-.88.788-1.166 1.088-1.166.302 0 .818.285 1.088 1.163l1.964 6.333v.001c.416 1.35 1.503 2.627 3.07 2.627a3.41 3.41 0 0 0 3.41-3.41v-4.335a1.038 1.038 0 0 0-2.075 0v4.335c0 .737-.597 1.335-1.334 1.335-.301 0-.818-.286-1.088-1.163v-.001l-1.964-6.332v-.001c-.416-1.35-1.501-2.627-3.07-2.627-1.57 0-2.658 1.28-3.072 2.631v.002l-2.55 8.22a1.038 1.038 0 0 0 1.981.616L8.788 9.75v-.002Z",
+  fill: "#fff"
+}, null, -1), _ = ["id"], h = /* @__PURE__ */ e("stop", {
+  offset: ".297",
+  "stop-color": "#7C52FF"
+}, null, -1), m = /* @__PURE__ */ e("stop", {
+  offset: ".762",
+  "stop-color": "#F9008E"
+}, null, -1), v = /* @__PURE__ */ e("stop", {
+  offset: "1",
+  "stop-color": "#F6AB3C"
+}, null, -1), g = [
+  h,
+  m,
+  v
+];
+function C(a, I, o, S, A, i) {
+  return r(), n("svg", {
+    "aria-label": o.ariaLabel,
+    class: d([i.iconSizeClass, "d-icon d-icon--dialpad-ai-color-reversed"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Dialpad Ai Color Reversed",
+    viewBox: "0 0 24 25",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    e("path", {
+      d: "M0 5.801A5.301 5.301 0 0 1 5.301.5h13.398A5.301 5.301 0 0 1 24 5.801v13.398a5.301 5.301 0 0 1-5.301 5.301H5.301A5.301 5.301 0 0 1 0 19.199V5.801Z",
+      fill: `url(#${a.uniqueID}a)`
+    }, null, 8, f),
+    p,
+    e("defs", null, [
+      e("linearGradient", {
+        id: `${a.uniqueID}a`,
+        x1: "25.431",
+        y1: "24.498",
+        x2: "10.959",
+        y2: "-6.187",
+        gradientUnits: "userSpaceOnUse"
+      }, g, 8, _)
+    ])
+  ], 10, u);
+}
+const x = /* @__PURE__ */ l(c, [["render", C]]);
+export {
+  x as default
+};

package/vue3/dist/components/dialpad-ai-color.js

@@ -0,0 +1,115 @@
+import { g as s } from "../utils-ougd2MqG.js";
+import { _ as l, I as o } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as n, createElementBlock as d, normalizeClass as r, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconDialpadAiColor",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (i) => Object.keys(o).includes(i)
+    },
+    /**
+     * 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 o[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded"), this.uniqueID = s();
+  }
+}, u = ["aria-label", "aria-hidden"], p = ["clip-path"], _ = ["fill"], f = ["fill"], h = ["id"], m = /* @__PURE__ */ e("stop", {
+  offset: ".1",
+  "stop-color": "#F9008E"
+}, null, -1), I = /* @__PURE__ */ e("stop", {
+  offset: ".9",
+  "stop-color": "#7C52FF"
+}, null, -1), g = [
+  m,
+  I
+], D = ["id"], v = /* @__PURE__ */ e("stop", {
+  offset: ".1",
+  "stop-color": "#F9008E"
+}, null, -1), C = /* @__PURE__ */ e("stop", {
+  offset: ".9",
+  "stop-color": "#7C52FF"
+}, null, -1), S = [
+  v,
+  C
+], b = ["id"], q = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  transform: "translate(.955)",
+  d: "M0 0h24v24H0z"
+}, null, -1), $ = [
+  q
+];
+function y(i, F, a, z, E, t) {
+  return n(), d("svg", {
+    "aria-label": a.ariaLabel,
+    class: r([t.iconSizeClass, "d-icon d-icon--dialpad-ai-color"]),
+    "aria-hidden": t.ariaHidden,
+    role: "img",
+    "data-name": "Dialpad Ai Color",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    e("g", {
+      "clip-path": `url(#${i.uniqueID}a)`
+    }, [
+      e("path", {
+        d: "M22.397 6.832a1.916 1.916 0 1 0 0-3.832 1.916 1.916 0 0 0 0 3.832Z",
+        fill: `url(#${i.uniqueID}b)`
+      }, null, 8, _),
+      e("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M10.136 6.388c-.434 0-1.181.413-1.57 1.683v.002L4.882 19.946a1.498 1.498 0 0 1-2.86-.888l3.68-11.864V7.19c.599-1.952 2.168-3.798 4.433-3.798 2.265 0 3.832 1.842 4.432 3.79 0 0 0 .001 0 0l2.835 9.142c.39 1.265 1.136 1.68 1.57 1.68a1.926 1.926 0 0 0 1.926-1.927V9.821a1.498 1.498 0 0 1 2.995 0v6.257A4.921 4.921 0 0 1 18.973 21c-2.263 0-3.832-1.842-4.432-3.791 0-.001 0 0 0 0l-2.835-9.141c-.39-1.267-1.134-1.68-1.57-1.68Z",
+        fill: `url(#${i.uniqueID}c)`
+      }, null, 8, f)
+    ], 8, p),
+    e("defs", null, [
+      e("linearGradient", {
+        id: `${i.uniqueID}b`,
+        x1: "1.955",
+        y1: "3",
+        x2: "19.54",
+        y2: "24.843",
+        gradientUnits: "userSpaceOnUse"
+      }, g, 8, h),
+      e("linearGradient", {
+        id: `${i.uniqueID}c`,
+        x1: "1.955",
+        y1: "3",
+        x2: "19.54",
+        y2: "24.843",
+        gradientUnits: "userSpaceOnUse"
+      }, S, 8, D),
+      e("clipPath", {
+        id: `${i.uniqueID}a`
+      }, $, 8, b)
+    ])
+  ], 10, u);
+}
+const A = /* @__PURE__ */ l(c, [["render", y]]);
+export {
+  A as default
+};