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

package/vue3/dist/components/pie-chart.js

@@ -0,0 +1,76 @@
+import { g as n } from "../utils-ougd2MqG.js";
+import { _ as l, 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: "DtIconPieChart",
+  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();
+  }
+}, h = ["aria-label", "aria-hidden"], u = ["clip-path"], _ = /* @__PURE__ */ e("path", {
+  fill: "currentColor",
+  "fill-rule": "evenodd",
+  d: "M5.646.646A.5.5 0 0 1 6 .5 5.5 5.5 0 0 1 11.5 6a.5.5 0 0 1-.5.5H6a.5.5 0 0 1-.5-.5V1a.5.5 0 0 1 .146-.354Zm.854.882V5.5h3.972A4.497 4.497 0 0 0 6.5 1.528Zm-2.042-.313a.5.5 0 0 1-.258.658 4.5 4.5 0 1 0 5.945 5.877.5.5 0 1 1 .92.39A5.499 5.499 0 1 1 3.8.957a.5.5 0 0 1 .658.258Z",
+  "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, r, v, S, i) {
+  return s(), o("svg", {
+    "aria-label": r.ariaLabel,
+    class: d([i.iconSizeClass, "d-icon d-icon--pie-chart"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Pie Chart",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, [
+    e("g", {
+      "clip-path": `url(#${a.uniqueID}a)`
+    }, p, 8, u),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, g, 8, f)
+    ])
+  ], 10, h);
+}
+const D = /* @__PURE__ */ l(c, [["render", I]]);
+export {
+  D as default
+};

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

@@ -0,0 +1,75 @@
+import { g as l } from "../utils-ougd2MqG.js";
+import { _ as o, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as s, createElementBlock as d, normalizeClass as r, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconPinOff",
+  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 = l();
+  }
+}, f = ["aria-label", "aria-hidden"], u = ["clip-path"], h = /* @__PURE__ */ e("path", { d: "M.647.647a.5.5 0 0 1 .707 0l10 10a.5.5 0 1 1-.707.707l-10-10a.5.5 0 0 1 0-.707ZM6 8a.5.5 0 0 1 .5.5V11a.5.5 0 1 1-1 0V8.5A.5.5 0 0 1 6 8Z" }, null, -1), _ = /* @__PURE__ */ e("path", { d: "M4.5 4a.5.5 0 0 1 .5.5v.88a1.5 1.5 0 0 1-.83 1.342l-.892.45A.5.5 0 0 0 3 7.62V8h5.5a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5v-.88a1.501 1.501 0 0 1 .831-1.342l.892-.45A.5.5 0 0 0 4 5.38V4.5a.5.5 0 0 1 .5-.5ZM3.446 1a.5.5 0 0 1 .5-.5H8a1.5 1.5 0 0 1 0 3v1.17a.5.5 0 0 1-1 0V3a.5.5 0 0 1 .5-.5H8a.5.5 0 0 0 0-1H3.946a.5.5 0 0 1-.5-.5Z" }, null, -1), p = [
+  h,
+  _
+], m = ["id"], g = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), v = [
+  g
+];
+function I(a, S, n, b, z, i) {
+  return s(), d("svg", {
+    "aria-label": n.ariaLabel,
+    class: r([i.iconSizeClass, "d-icon d-icon--pin-off"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Pin Off",
+    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"
+    }, p, 8, u),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, v, 8, m)
+    ])
+  ], 10, f);
+}
+const V = /* @__PURE__ */ o(c, [["render", I]]);
+export {
+  V as default
+};

package/vue3/dist/components/pin.js

@@ -0,0 +1,75 @@
+import { g as l } from "../utils-ougd2MqG.js";
+import { _ as s, I as t } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as o, createElementBlock as d, normalizeClass as r, createElementVNode as e } from "vue";
+const c = {
+  name: "DtIconPin",
+  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 = l();
+  }
+}, h = ["aria-label", "aria-hidden"], u = ["clip-path"], _ = /* @__PURE__ */ e("path", { d: "M6 8a.5.5 0 0 1 .5.5V11a.5.5 0 1 1-1 0V8.5A.5.5 0 0 1 6 8Z" }, null, -1), p = /* @__PURE__ */ e("path", { d: "M2.94.94A1.5 1.5 0 0 1 4 .5h4a1.5 1.5 0 1 1 0 3v1.88a.5.5 0 0 0 .278.447l.003.002.889.45a1.5 1.5 0 0 1 .83 1.34V8.5a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-.88a1.501 1.501 0 0 1 .831-1.342l.892-.45A.5.5 0 0 0 4 5.38V3.5A1.5 1.5 0 0 1 2.94.94ZM4 1.5a.5.5 0 0 0 0 1h.5A.5.5 0 0 1 5 3v2.38a1.5 1.5 0 0 1-.83 1.342l-.892.45A.5.5 0 0 0 3 7.62V8h6v-.38a.5.5 0 0 0-.277-.447L8.72 7.17l-.889-.449a1.5 1.5 0 0 1-.83-1.342V3a.5.5 0 0 1 .5-.5H8a.5.5 0 0 0 0-1H4Z" }, null, -1), f = [
+  _,
+  p
+], m = ["id"], v = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), g = [
+  v
+];
+function I(a, S, n, V, b, i) {
+  return o(), d("svg", {
+    "aria-label": n.ariaLabel,
+    class: r([i.iconSizeClass, "d-icon d-icon--pin"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Pin",
+    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, u),
+    e("defs", null, [
+      e("clipPath", {
+        id: `${a.uniqueID}a`
+      }, g, 8, m)
+    ])
+  ], 10, h);
+}
+const C = /* @__PURE__ */ s(c, [["render", I]]);
+export {
+  C as default
+};

package/vue3/dist/components/pipedrive.js

@@ -0,0 +1,56 @@
+import { _ as t, I as h } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as i, createElementBlock as l, normalizeClass as v, createStaticVNode as d } from "vue";
+const r = {
+  name: "DtIconPipedrive",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (c) => Object.keys(h).includes(c)
+    },
+    /**
+     * 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 h[this.size];
+    },
+    ariaHidden() {
+      return this.ariaLabel ? "false" : "true";
+    }
+  },
+  created() {
+    this.$emit("loaded");
+  }
+}, s = ["aria-label", "aria-hidden"], m = /* @__PURE__ */ d('<path d="M5.116 10h.638v.672h-.638V10Zm11.164 0h.637v.672h-.638V10Z" fill="#525254"></path><path d="M3.707 10.913c-.402 0-.634.18-.747.304-.013-.107-.084-.246-.36-.246H2v.628h.246c.042 0 .055.013.055.055v2.867h.715v-1.076l-.001-.08a.951.951 0 0 0 .658.243c.7 0 1.188-.554 1.188-1.347 0-.806-.464-1.348-1.154-1.348Zm-.145 2.072c-.386 0-.56-.368-.56-.71 0-.538.294-.73.57-.73.337 0 .564.292.564.725 0 .495-.289.716-.574.716" fill="#231F1F"></path><path d="M5.803 12.872v-1.52c0-.256-.124-.381-.378-.381h-.639v.628h.246c.042 0 .055.013.055.055v1.514c0 .26.12.382.377.382h.64v-.623h-.247c-.04 0-.054-.015-.054-.055" fill="#231F1F"></path><path d="M7.67 10.913c-.401 0-.633.18-.746.304-.013-.107-.084-.246-.36-.246h-.6v.628h.246c.041 0 .055.013.055.055v2.867h.715v-1.076l-.001-.08a.951.951 0 0 0 .658.243c.7 0 1.188-.554 1.188-1.347 0-.806-.464-1.348-1.154-1.348Zm-.145 2.072c-.384 0-.56-.368-.56-.71 0-.538.294-.73.57-.73.338 0 .565.292.565.725 0 .495-.289.716-.575.716m2.618-2.073c-.77 0-1.31.554-1.31 1.348 0 .78.582 1.348 1.383 1.348.63 0 1.015-.373 1.032-.39l.028-.028-.311-.517-.046.044c-.003.002-.286.263-.66.263-.358 0-.62-.219-.682-.562h1.696l.004-.047c0-.006.015-.159.015-.233 0-.733-.462-1.226-1.149-1.226Zm-.54.975a.531.531 0 0 1 .54-.396c.215 0 .381.164.41.396h-.95m4.29.984v-2.49c0-.257-.125-.382-.382-.382h-.64v.628h.247c.041 0 .055.013.055.055v.45c-.106-.095-.312-.22-.667-.22-.694 0-1.178.554-1.178 1.348 0 .806.464 1.348 1.154 1.348.395 0 .622-.184.733-.311.015.111.087.252.354.252h.62v-.623h-.241c-.04 0-.055-.015-.055-.055Zm-1.275.114c-.34 0-.56-.285-.56-.725 0-.428.229-.715.57-.715.386 0 .56.356.56.71 0 .538-.295.73-.57.73m3.166-2.049c-.298 0-.572.172-.734.445v-.059c0-.233-.13-.352-.382-.352h-.615v.628h.246c.041 0 .055.013.055.055v1.896h.715v-1.032c0-.136.017-.267.051-.388a.643.643 0 0 1 .625-.483c.082 0 .142.01.143.01l.06.008v-.71l-.044-.008a.84.84 0 0 0-.12-.01Zm1.182 1.935v-1.52c0-.256-.123-.381-.377-.381h-.578v.628h.184c.042 0 .055.013.055.055v1.514c0 .26.12.382.378.382h.639v-.623h-.246c-.04 0-.055-.015-.055-.055" fill="#231F1F"></path><path d="M19.653 11.599v-.628h-.382c-.223 0-.342.077-.413.267l-.466 1.302a2.1 2.1 0 0 0-.044.155 1.737 1.737 0 0 0-.047-.156l-.467-1.301c-.071-.192-.187-.267-.413-.267h-.405v.628h.105c.056 0 .074.019.087.054l.722 1.897h.804l.722-1.897c.013-.035.031-.054.087-.054h.11Z" fill="#231F1F"></path><path d="M21.951 12.372c0-.006.015-.159.015-.233 0-.733-.462-1.226-1.15-1.226-.77 0-1.308.554-1.308 1.348 0 .78.58 1.348 1.382 1.348.63 0 1.015-.373 1.032-.39l.029-.028-.311-.517-.047.044c-.003.002-.287.263-.66.263-.358 0-.62-.219-.682-.562h1.696l.004-.047Zm-1.674-.484a.532.532 0 0 1 .54-.396c.216 0 .381.164.41.396h-.95Z" fill="#231F1F"></path><path d="M15.784 10.937a.831.831 0 0 0-.608.278l.411-.002.36.002v-.26l-.043-.008a.837.837 0 0 0-.12-.01m3.074.301-.03.083c.277.019.552.04.825.063v-.413h-.382c-.223 0-.342.077-.413.267Zm-15.151-.325c-.402 0-.635.18-.747.304-.013-.107-.084-.246-.36-.246H2v.628h.246c.042 0 .055.013.055.055v1.598c.334-.116.67-.227 1.009-.33-.21-.121-.308-.391-.308-.647 0-.538.294-.73.57-.73.337 0 .564.292.564.725a.86.86 0 0 1-.104.437c.27-.076.542-.15.813-.22a1.87 1.87 0 0 0 .016-.226c0-.806-.464-1.348-1.154-1.348m1.718.057h-.639v.629h.246c.042 0 .055.013.055.055v.773c.238-.059.476-.116.716-.17v-.904c0-.257-.124-.382-.378-.382ZM5.116 10h.638v.672h-.638V10Zm2.554.913c-.401 0-.633.18-.746.304-.013-.107-.084-.246-.36-.246h-.6v.628h.246c.041 0 .055.013.055.055v.5c.244-.051.488-.1.733-.148.082-.332.315-.46.537-.46.201 0 .362.104.46.28.247-.041.495-.08.746-.118-.163-.491-.553-.795-1.07-.795m2.472 0c-.563 0-1 .296-1.196.765.304-.044.61-.085.92-.123a.59.59 0 0 1 .276-.063c.04 0 .076.007.111.017.282-.031.565-.06.851-.088-.196-.319-.536-.508-.962-.508M13.51 10h-.638v.628h.246c.041 0 .055.013.055.055v.45c-.106-.095-.312-.22-.667-.22a1.1 1.1 0 0 0-.92.466 47.4 47.4 0 0 1 2.307-.137v-.86c0-.257-.125-.382-.382-.382m1.157.97h-.615v.268c.326-.01.654-.018.984-.022-.036-.162-.159-.245-.37-.245ZM16.28 10h.637v.672h-.638V10Zm.309.97h-.578v.245c.315.003.63.009.942.018-.035-.175-.154-.262-.364-.262m.832-.001h-.405v.264c.277.009.553.019.828.031l-.01-.027c-.071-.192-.187-.267-.413-.267m3.396-.058c-.44 0-.802.18-1.034.482.335.03.67.063 1 .1l.15.016c.319.036.634.075.946.118-.163-.442-.55-.716-1.062-.716" fill="#3B3B3C"></path>', 7), n = [
+  m
+];
+function o(c, p, e, f, _, a) {
+  return i(), l("svg", {
+    "aria-label": e.ariaLabel,
+    class: v([a.iconSizeClass, "d-icon d-icon--pipedrive"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Pipedrive",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, n, 10, s);
+}
+const F = /* @__PURE__ */ t(r, [["render", o]]);
+export {
+  F as default
+};

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

@@ -0,0 +1,75 @@
+import { g as n } from "../utils-ougd2MqG.js";
+import { _ as r, 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: "DtIconPlayCircle",
+  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: "M4.764 3.56a.5.5 0 0 1 .514.024l3 2a.5.5 0 0 1 0 .832l-3 2A.5.5 0 0 1 4.5 8V4a.5.5 0 0 1 .264-.44ZM5.5 4.933v2.132L7.1 6 5.5 4.934Z" }, null, -1), f = [
+  h,
+  p
+], m = ["id"], g = /* @__PURE__ */ e("path", {
+  fill: "#fff",
+  d: "M0 0h12v12H0z"
+}, null, -1), I = [
+  g
+];
+function v(a, C, l, y, S, i) {
+  return s(), o("svg", {
+    "aria-label": l.ariaLabel,
+    class: d([i.iconSizeClass, "d-icon d-icon--play-circle"]),
+    "aria-hidden": i.ariaHidden,
+    role: "img",
+    "data-name": "Play 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`
+      }, I, 8, m)
+    ])
+  ], 10, u);
+}
+const w = /* @__PURE__ */ r(c, [["render", v]]);
+export {
+  w as default
+};

package/vue3/dist/components/play-filled.js

@@ -0,0 +1,59 @@
+import { _ as t, I as i } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as d, normalizeClass as n, createElementVNode as s } from "vue";
+const o = {
+  name: "DtIconPlayFilled",
+  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"], _ = /* @__PURE__ */ s("path", {
+  d: "M2.26 1.061a.5.5 0 0 1 .51.019l7 4.5a.5.5 0 0 1 0 .84l-7 4.5A.5.5 0 0 1 2 10.5v-9a.5.5 0 0 1 .26-.439Z",
+  fill: "currentColor"
+}, null, -1), m = [
+  _
+];
+function p(e, u, l, f, h, a) {
+  return r(), d("svg", {
+    "aria-label": l.ariaLabel,
+    class: n([a.iconSizeClass, "d-icon d-icon--play-filled"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Play Filled",
+    viewBox: "0 0 12 12",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, m, 10, c);
+}
+const g = /* @__PURE__ */ t(o, [["render", p]]);
+export {
+  g as default
+};

package/vue3/dist/components/play-store-badge.js

@@ -0,0 +1,181 @@
+import { g as i } from "../utils-ougd2MqG.js";
+import { _ as n, I as e } from "../_plugin-vue_export-helper-xBsP22Gz.js";
+import { openBlock as r, createElementBlock as d, normalizeClass as h, createElementVNode as t, createStaticVNode as a } from "vue";
+const f = {
+  name: "DtIconPlayStoreBadge",
+  props: {
+    /**
+     * The size of the icon.
+     * @values 100, 200, 300, 400, 500, 600, 700, 800
+     */
+    size: {
+      type: String,
+      default: "500",
+      validator: (o) => Object.keys(e).includes(o)
+    },
+    /**
+     * 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 = i();
+  }
+}, c = ["aria-label", "aria-hidden"], p = ["id"], _ = /* @__PURE__ */ a('<stop offset="0" stop-color="#00a0ff"></stop><stop offset=".01" stop-color="#00a1ff"></stop><stop offset=".26" stop-color="#00beff"></stop><stop offset=".51" stop-color="#00d2ff"></stop><stop offset=".76" stop-color="#00dfff"></stop><stop offset="1" stop-color="#00e3ff"></stop>', 6), u = [
+  _
+], m = ["id"], Z = /* @__PURE__ */ t("stop", {
+  offset: "0",
+  "stop-color": "#ffe000"
+}, null, -1), v = /* @__PURE__ */ t("stop", {
+  offset: ".41",
+  "stop-color": "#ffbd00"
+}, null, -1), g = /* @__PURE__ */ t("stop", {
+  offset: ".78",
+  "stop-color": "orange"
+}, null, -1), y = /* @__PURE__ */ t("stop", {
+  offset: "1",
+  "stop-color": "#ff9c00"
+}, null, -1), V = [
+  Z,
+  v,
+  g,
+  y
+], I = ["id"], S = /* @__PURE__ */ t("stop", {
+  offset: "0",
+  "stop-color": "#ff3a44"
+}, null, -1), L = /* @__PURE__ */ t("stop", {
+  offset: "1",
+  "stop-color": "#c31162"
+}, null, -1), M = [
+  S,
+  L
+], b = ["id"], A = /* @__PURE__ */ a('<stop offset="0" stop-color="#32a071"></stop><stop offset=".07" stop-color="#2da771"></stop><stop offset=".48" stop-color="#15cf74"></stop><stop offset=".8" stop-color="#06e775"></stop><stop offset="1" stop-color="#00f076"></stop>', 5), D = [
+  A
+], q = { "data-name": "Layer 2" }, F = /* @__PURE__ */ t("rect", {
+  width: "135",
+  height: "40",
+  rx: "5",
+  ry: "5"
+}, null, -1), $ = /* @__PURE__ */ t("path", {
+  fill: "#A6A6A6",
+  d: "M130 .8a4.2 4.2 0 0 1 4.2 4.2v30a4.2 4.2 0 0 1-4.2 4.2H5A4.2 4.2 0 0 1 .8 35V5A4.2 4.2 0 0 1 5 .8h125m0-.8H5a5 5 0 0 0-5 5v30a5 5 0 0 0 5 5h125a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
+}, null, -1), H = /* @__PURE__ */ t("path", {
+  fill: "#FFF",
+  stroke: "#FFF",
+  "stroke-miterlimit": "10",
+  "stroke-width": ".2",
+  d: "M47.42 10.24a2.71 2.71 0 0 1-.75 2 2.91 2.91 0 0 1-2.2.89 3.15 3.15 0 0 1-2.21-5.37 3 3 0 0 1 2.21-.9 3.1 3.1 0 0 1 1.23.25 2.47 2.47 0 0 1 .94.67l-.53.53a2 2 0 0 0-1.64-.71 2.32 2.32 0 0 0-2.33 2.31s0 .06 0 .09a2.36 2.36 0 0 0 4 1.73 1.89 1.89 0 0 0 .5-1.22h-2.17v-.72h2.91a2.54 2.54 0 0 1 .04.45ZM52 7.74h-2.7v1.9h2.46v.72H49.3v1.9H52V13h-3.5V7H52ZM55.28 13h-.77V7.74h-1.68V7H57v.74h-1.72Zm4.66 0V7h.77v6Zm4.19 0h-.77V7.74h-1.68V7h4.12v.74h-1.67Zm9.48-.78a3.12 3.12 0 0 1-4.4 0 3.24 3.24 0 0 1 0-4.45 3.1 3.1 0 0 1 4.38 0 3.23 3.23 0 0 1 .02 4.45Zm-3.83-.5a2.31 2.31 0 0 0 3.26 0 2.56 2.56 0 0 0 0-3.44 2.31 2.31 0 0 0-3.26 0 2.56 2.56 0 0 0 0 3.44Zm5.8 1.28V7h.94l2.92 4.67V7h.77v6h-.8l-3.05-4.89V13Z"
+}, null, -1), U = /* @__PURE__ */ t("path", {
+  fill: "#FFF",
+  d: "M68.14 21.75A4.25 4.25 0 1 0 72.41 26a4.19 4.19 0 0 0-4.13-4.25Zm0 6.83a2.58 2.58 0 1 1 2.39-2.75V26a2.46 2.46 0 0 1-2.34 2.58Zm-9.31-6.83A4.25 4.25 0 1 0 63.09 26 4.19 4.19 0 0 0 59 21.75h-.13Zm0 6.83a2.58 2.58 0 1 1 2.38-2.76V26a2.46 2.46 0 0 1-2.34 2.58h-.05Zm-11.09-5.52v1.8h4.32a3.77 3.77 0 0 1-1 2.27 4.42 4.42 0 0 1-3.33 1.32 4.8 4.8 0 0 1 0-9.6A4.6 4.6 0 0 1 51 20.14l1.27-1.27A6.29 6.29 0 0 0 47.74 17a6.61 6.61 0 1 0-.51 13.21h.51a5.84 5.84 0 0 0 6.17-6.07 5.87 5.87 0 0 0-.1-1.13Zm45.31 1.4a3.92 3.92 0 0 0-7.65 1.28V26a4.16 4.16 0 0 0 4.07 4.25h.15a4.23 4.23 0 0 0 3.54-1.88l-1.45-1a2.43 2.43 0 0 1-2.09 1.18 2.16 2.16 0 0 1-2.06-1.29l5.69-2.35Zm-5.8 1.42a2.33 2.33 0 0 1 2.17-2.48 1.65 1.65 0 0 1 1.58.9ZM82.63 30h1.87V17.5h-1.87Zm-3.06-7.3h-.07a3 3 0 0 0-2.24-1 4.26 4.26 0 0 0 0 8.51 2.9 2.9 0 0 0 2.24-1h.06v.61c0 1.63-.87 2.5-2.27 2.5a2.35 2.35 0 0 1-2.14-1.51l-1.63.68A4.05 4.05 0 0 0 77.29 34c2.19 0 4-1.29 4-4.43V22h-1.72Zm-2.14 5.88a2.59 2.59 0 0 1 0-5.16 2.4 2.4 0 0 1 2.27 2.52V26a2.38 2.38 0 0 1-2.17 2.57h-.1Zm24.38-11.08h-4.47V30h1.87v-4.74h2.61a3.89 3.89 0 1 0 0-7.76Zm0 6H99.2v-4.26h2.65a2.14 2.14 0 0 1 0 4.29Zm11.53-1.8a3.5 3.5 0 0 0-3.34 1.91l1.66.69a1.77 1.77 0 0 1 1.7-.92 1.8 1.8 0 0 1 2 1.58v.16a4.13 4.13 0 0 0-1.95-.48c-1.79 0-3.6 1-3.6 2.81a2.89 2.89 0 0 0 3 2.75h.08a2.63 2.63 0 0 0 2.4-1.2h.06v1h1.8v-4.81c0-2.19-1.66-3.46-3.79-3.46Zm-.23 6.85c-.61 0-1.46-.31-1.46-1.06 0-1 1.06-1.33 2-1.33a3.32 3.32 0 0 1 1.7.42 2.26 2.26 0 0 1-2.19 2ZM123.74 22l-2.14 5.42h-.06L119.32 22h-2l3.33 7.58-1.9 4.21h1.95L125.82 22Zm-16.81 8h1.87V17.5h-1.87Z"
+}, null, -1), w = ["fill"], O = ["fill"], k = ["fill"], x = ["fill"], B = /* @__PURE__ */ t("path", {
+  opacity: ".2",
+  d: "m27 24.13-14.49 8.25a1.67 1.67 0 0 1-2 0l-.07.07.07.07a1.66 1.66 0 0 0 2 0l14.61-8.3Z"
+}, null, -1), z = /* @__PURE__ */ t("path", {
+  style: { isolation: "isolate" },
+  d: "M10.44 32.32a2 2 0 0 1-.46-1.4v.15a2 2 0 0 0 .46 1.4l.07-.07Z"
+}, null, -1), C = /* @__PURE__ */ t("path", {
+  opacity: ".12",
+  style: { isolation: "isolate" },
+  d: "m32 21.3-5 2.83.09.09L32 21.44A1.75 1.75 0 0 0 33 20a1.86 1.86 0 0 1-1 1.3Z"
+}, null, -1), E = /* @__PURE__ */ t("path", {
+  opacity: ".25",
+  style: { isolation: "isolate" },
+  d: "M12.51 7.62 32 18.7a1.86 1.86 0 0 1 1 1.3 1.75 1.75 0 0 0-1-1.44L12.51 7.48C11.11 6.69 10 7.35 10 8.95v.15c0-1.61 1.12-2.27 2.51-1.48Z"
+}, null, -1);
+function G(o, T, l, N, P, s) {
+  return r(), d("svg", {
+    "aria-label": l.ariaLabel,
+    class: h([s.iconSizeClass, "d-icon d-icon--play-store-badge"]),
+    "aria-hidden": s.ariaHidden,
+    role: "img",
+    "data-name": "Play Store Badge",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 135 40"
+  }, [
+    t("defs", null, [
+      t("linearGradient", {
+        id: `${o.uniqueID}a`,
+        x1: "21.8",
+        y1: "366.71",
+        x2: "5.02",
+        y2: "383.49",
+        gradientTransform: "translate(0 -358)",
+        gradientUnits: "userSpaceOnUse"
+      }, u, 8, p),
+      t("linearGradient", {
+        id: `${o.uniqueID}b`,
+        x1: "33.83",
+        y1: "378",
+        x2: "9.64",
+        y2: "378",
+        gradientTransform: "translate(0 -358)",
+        gradientUnits: "userSpaceOnUse"
+      }, V, 8, m),
+      t("linearGradient", {
+        id: `${o.uniqueID}c`,
+        x1: "24.83",
+        y1: "380.3",
+        x2: "2.07",
+        y2: "403.05",
+        gradientTransform: "translate(0 -358)",
+        gradientUnits: "userSpaceOnUse"
+      }, M, 8, I),
+      t("linearGradient", {
+        id: `${o.uniqueID}d`,
+        x1: "7.3",
+        y1: "358.18",
+        x2: "17.46",
+        y2: "368.34",
+        gradientTransform: "translate(0 -358)",
+        gradientUnits: "userSpaceOnUse"
+      }, D, 8, b)
+    ]),
+    t("g", q, [
+      F,
+      $,
+      H,
+      U,
+      t("path", {
+        fill: `url(#${o.uniqueID}a)`,
+        d: "M10.44 7.54a2 2 0 0 0-.44 1.4v22.12a2 2 0 0 0 .46 1.4l.07.07L22.9 20.15v-.29L10.51 7.47Z"
+      }, null, 8, w),
+      t("path", {
+        fill: `url(#${o.uniqueID}b)`,
+        d: "m27 24.28-4.1-4.13v-.29l4.1-4.14h.09L32 18.56c1.4.79 1.4 2.09 0 2.89l-4.89 2.78Z"
+      }, null, 8, O),
+      t("path", {
+        fill: `url(#${o.uniqueID}c)`,
+        d: "M27.12 24.22 22.9 20 10.44 32.46a1.63 1.63 0 0 0 2.08.06l14.61-8.3"
+      }, null, 8, k),
+      t("path", {
+        fill: `url(#${o.uniqueID}d)`,
+        d: "m27.12 15.78-14.61-8.3a1.63 1.63 0 0 0-2.08.06L22.9 20Z"
+      }, null, 8, x),
+      B,
+      z,
+      C,
+      E
+    ])
+  ], 10, c);
+}
+const K = /* @__PURE__ */ n(f, [["render", G]]);
+export {
+  K as default
+};

package/vue3/dist/components/play.js

@@ -0,0 +1,61 @@
+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 o } from "vue";
+const s = {
+  name: "DtIconPlay",
+  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: "M2.26 1.061a.5.5 0 0 1 .51.019l7 4.5a.5.5 0 0 1 0 .84l-7 4.5A.5.5 0 0 1 2 10.5v-9a.5.5 0 0 1 .26-.439ZM3 2.416v7.168L8.576 6 3 2.416Z",
+  "clip-rule": "evenodd"
+}, null, -1), u = [
+  _
+];
+function m(e, p, i, f, h, a) {
+  return r(), n("svg", {
+    "aria-label": i.ariaLabel,
+    class: d([a.iconSizeClass, "d-icon d-icon--play"]),
+    "aria-hidden": a.ariaHidden,
+    role: "img",
+    "data-name": "Play",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 12"
+  }, u, 10, c);
+}
+const b = /* @__PURE__ */ l(s, [["render", m]]);
+export {
+  b as default
+};